| | |
| | | /> |
| | | </div> |
| | | </template> |
| | | <script lang="ts"> |
| | | import { defineComponent, PropType } from 'vue'; |
| | | <script lang="ts" setup> |
| | | import { PropType } from 'vue'; |
| | | |
| | | import { InputNumber } from 'ant-design-vue'; |
| | | import { useDesign } from '/@/hooks/web/useDesign'; |
| | | import { useDesign } from '@/hooks/web/useDesign'; |
| | | import { baseHandler } from '../handler'; |
| | | import { HandlerEnum } from '../enum'; |
| | | |
| | | export default defineComponent({ |
| | | name: 'InputNumberItem', |
| | | components: { InputNumber }, |
| | | props: { |
| | | event: { |
| | | type: Number as PropType<HandlerEnum>, |
| | | }, |
| | | title: { |
| | | type: String, |
| | | }, |
| | | }, |
| | | setup(props) { |
| | | const { prefixCls } = useDesign('setting-input-number-item'); |
| | | defineOptions({ name: 'InputNumberItem' }); |
| | | |
| | | function handleChange(e) { |
| | | props.event && baseHandler(props.event, e); |
| | | } |
| | | return { |
| | | prefixCls, |
| | | handleChange, |
| | | }; |
| | | const props = defineProps({ |
| | | event: { |
| | | type: Number as PropType<HandlerEnum>, |
| | | }, |
| | | title: { |
| | | type: String, |
| | | }, |
| | | }); |
| | | |
| | | const { prefixCls } = useDesign('setting-input-number-item'); |
| | | |
| | | function handleChange(e) { |
| | | props.event && baseHandler(props.event, e); |
| | | } |
| | | </script> |
| | | <style lang="less" scoped> |
| | | @prefix-cls: ~'@{namespace}-setting-input-number-item'; |