vxe-pc-ui 4.20.25 → 4.20.26

package/packages/radio/src/radio.ts

@@ -1,218 +1,237 @@
-import { h, computed, inject, PropType, reactive, onMounted } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import XEUtils from 'xe-utils'
-import { getFuncText } from '../../ui/src/utils'
-import { getConfig, createEvent, useSize, getIcon, renderEmptyElement } from '../../ui'
-import { createComponentLog } from '../../ui/src/log'
-
-import type { VxeRadioPropTypes, VxeRadioConstructor, VxeRadioEmits, RadioReactData, RadioPrivateMethods, VxeRadioGroupConstructor, VxeRadioGroupPrivateMethods, RadioMethods, VxeFormConstructor, ValueOf, VxeFormPrivateMethods, VxeFormDefines } from '../../../types'
-
-const { warnLog } = createComponentLog('radio')
-
-export default defineVxeComponent({
-  name: 'VxeRadio',
-  props: {
-    modelValue: [String, Number, Boolean] as PropType<VxeRadioPropTypes.ModelValue>,
-    checkedValue: {
-      type: [String, Number, Boolean] as PropType<VxeRadioPropTypes.CheckedValue>,
-      default: undefined
-    },
-    title: [String, Number] as PropType<VxeRadioPropTypes.Title>,
-    content: [String, Number] as PropType<VxeRadioPropTypes.Content>,
-    disabled: {
-      type: Boolean as PropType<VxeRadioPropTypes.Disabled>,
-      default: null
-    },
-    name: String as PropType<VxeRadioPropTypes.Name>,
-    strict: {
-      type: Boolean as PropType<VxeRadioPropTypes.Strict>,
-      default: () => getConfig().radio.strict
-    },
-    size: {
-      type: String as PropType<VxeRadioPropTypes.Size>,
-      default: () => getConfig().radio.size || getConfig().size
-    },
-
-    /**
-     * 已废弃，被 checkedValue 替换
-     * @deprecated
-     */
-    label: {
-      type: [String, Number, Boolean] as PropType<VxeRadioPropTypes.Label>,
-      default: null
-    }
-  },
-  emits: [
-    'update:modelValue',
-    'change'
-  ] as VxeRadioEmits,
-  setup (props, context) {
-    const { slots, emit } = context
-
-    const $xeForm = inject<VxeFormConstructor & VxeFormPrivateMethods | null>('$xeForm', null)
-    const formItemInfo = inject<VxeFormDefines.ProvideItemInfo | null>('xeFormItemInfo', null)
-    const $xeRadioGroup = inject<(VxeRadioGroupConstructor & VxeRadioGroupPrivateMethods) | null>('$xeRadioGroup', null)
-
-    const xID = XEUtils.uniqueId()
-
-    const reactData = reactive<RadioReactData>({
-    })
-
-    const $xeRadio = {
-      xID,
-      props,
-      context,
-      reactData
-    } as unknown as VxeRadioConstructor
-
-    const { computeSize } = useSize(props)
-
-    const computeCheckValue = computed(() => {
-      const { checkedValue, label } = props
-      return XEUtils.isUndefined(checkedValue) ? label : checkedValue
-    })
-
-    const computeIsDisabled = computed(() => {
-      const { disabled } = props
-      if (disabled === null) {
-        if ($xeRadioGroup) {
-          const { computeIsDisabled: computeIsGroupDisabled, computeIsReadonly: computeIsGroupReadonly } = $xeRadioGroup.getComputeMaps()
-          const isGroupDisabled = computeIsGroupDisabled.value
-          const isGroupReadonly = computeIsGroupReadonly.value
-          return isGroupDisabled || isGroupReadonly
-        }
-      }
-      return disabled
-    })
-
-    const computeName = computed(() => {
-      return $xeRadioGroup ? $xeRadioGroup.name : props.name
-    })
-
-    const computeStrict = computed(() => {
-      return $xeRadioGroup ? $xeRadioGroup.props.strict : props.strict
-    })
-
-    const computeIsChecked = computed(() => {
-      const checkValue = computeCheckValue.value
-      if ($xeRadioGroup) {
-        return $xeRadioGroup.props.modelValue === checkValue
-      }
-      return props.modelValue === checkValue
-    })
-
-    const handleValue = (checkedValue: VxeRadioPropTypes.CheckedValue, evnt: Event) => {
-      const { content } = props
-      if ($xeRadioGroup) {
-        $xeRadioGroup.handleChecked({ label: checkedValue, checkedValue, checkedLabel: content }, evnt)
-      } else {
-        emit('update:modelValue', checkedValue)
-        dispatchEvent('change', { value: checkedValue, label: checkedValue, checkedValue, checkedLabel: content }, evnt)
-        // 自动更新校验状态
-        if ($xeForm && formItemInfo) {
-          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checkedValue)
-        }
-      }
-    }
-
-    const changeEvent = (evnt: Event) => {
-      const isDisabled = computeIsDisabled.value
-      if (!isDisabled) {
-        const checkValue = computeCheckValue.value
-        handleValue(checkValue, evnt)
-      }
-    }
-
-    const clickEvent = (evnt: Event) => {
-      const isDisabled = computeIsDisabled.value
-      const isStrict = computeStrict.value
-      if (!isDisabled && !isStrict) {
-        const isChecked = computeIsChecked.value
-        if (isChecked) {
-          handleValue(null, evnt)
-        }
-      }
-    }
-
-    const dispatchEvent = (type: ValueOf<VxeRadioEmits>, params: Record<string, any>, evnt: Event | null) => {
-      emit(type, createEvent(evnt, { $radio: $xeRadio }, params))
-    }
-
-    const radioMethods: RadioMethods = {
-      dispatchEvent
-    }
-
-    const radioPrivateMethods: RadioPrivateMethods = {
-    }
-
-    Object.assign($xeRadio, radioMethods, radioPrivateMethods)
-
-    const renderVN = () => {
-      const { content } = props
-      const vSize = computeSize.value
-      const isDisabled = computeIsDisabled.value
-      const name = computeName.value
-      const isChecked = computeIsChecked.value
-      const checkValue = computeCheckValue.value
-      const defaultSlot = slots.default
-
-      if ($xeRadioGroup) {
-        const { computeIsReadonly: computeIsGroupReadonly } = $xeRadioGroup.getComputeMaps()
-        const isGroupReadonly = computeIsGroupReadonly.value
-        if (isGroupReadonly) {
-          if (isChecked) {
-            return h('label', {
-              class: ['vxe-radio vxe-radio--view', {
-                [`size--${vSize}`]: vSize,
-                'is--readonly': isGroupReadonly
-              }]
-            }, [
-              h('span', {
-                class: 'vxe-checkbox--label'
-              }, defaultSlot ? defaultSlot({}) : getFuncText(content))
-            ])
-          }
-          return renderEmptyElement($xeRadio)
-        }
-      }
-      return h('label', {
-        key: `${checkValue}`,
-        class: ['vxe-radio vxe-radio--default', {
-          [`size--${vSize}`]: vSize,
-          'is--checked': isChecked,
-          'is--disabled': isDisabled
-        }],
-        title: props.title
-      }, [
-        h('input', {
-          class: 'vxe-radio--input',
-          type: 'radio',
-          name,
-          checked: isChecked,
-          disabled: isDisabled,
-          onChange: changeEvent,
-          onClick: clickEvent
-        }),
-        h('span', {
-          class: ['vxe-radio--icon', isChecked ? getIcon().RADIO_CHECKED : (isDisabled ? getIcon().RADIO_DISABLED_UNCHECKED : getIcon().RADIO_UNCHECKED)]
-        }),
-        h('span', {
-          class: 'vxe-radio--label'
-        }, defaultSlot ? defaultSlot({}) : getFuncText(content))
-      ])
-    }
-
-    onMounted(() => {
-      if (props.label !== null) {
-        warnLog('vxe.error.delProp', ['label', 'checked-value'])
-      }
-    })
-
-    $xeRadio.renderVN = renderVN
-
-    return $xeRadio
-  },
-  render () {
-    return this.renderVN()
-  }
-})
+import { h, computed, inject, PropType, reactive, onMounted } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
+import XEUtils from 'xe-utils'
+import { getFuncText } from '../../ui/src/utils'
+import { VxeUI } from '@vxe-ui/core'
+import { createComponentLog } from '../../ui/src/log'
+
+import type { VxeRadioPropTypes, VxeRadioConstructor, VxeRadioEmits, RadioReactData, RadioPrivateMethods, VxeRadioGroupConstructor, VxeRadioGroupPrivateMethods, RadioMethods, VxeFormConstructor, ValueOf, VxeFormPrivateMethods, VxeFormDefines } from '../../../types'
+
+const { getConfig, createEvent, useFns, getIcon, renderEmptyElement } = VxeUI
+
+const { warnLog } = createComponentLog('radio')
+
+export default defineVxeComponent({
+  name: 'VxeRadio',
+  props: {
+    modelValue: [String, Number, Boolean] as PropType<VxeRadioPropTypes.ModelValue>,
+    checkedValue: {
+      type: [String, Number, Boolean] as PropType<VxeRadioPropTypes.CheckedValue>,
+      default: undefined
+    },
+    title: [String, Number] as PropType<VxeRadioPropTypes.Title>,
+    content: [String, Number] as PropType<VxeRadioPropTypes.Content>,
+    disabled: {
+      type: Boolean as PropType<VxeRadioPropTypes.Disabled>,
+      default: null
+    },
+    name: String as PropType<VxeRadioPropTypes.Name>,
+    strict: {
+      type: Boolean as PropType<VxeRadioPropTypes.Strict>,
+      default: () => getConfig().radio.strict
+    },
+    size: {
+      type: String as PropType<VxeRadioPropTypes.Size>,
+      default: () => getConfig().radio.size || getConfig().size
+    },
+
+    /**
+     * 已废弃，被 checkedValue 替换
+     * @deprecated
+     */
+    label: {
+      type: [String, Number, Boolean] as PropType<VxeRadioPropTypes.Label>,
+      default: null
+    }
+  },
+  emits: ['update:modelValue', 'change'] as VxeRadioEmits,
+  setup(props, context) {
+    const { slots, emit } = context
+
+    const $xeForm = inject<(VxeFormConstructor & VxeFormPrivateMethods) | null>('$xeForm', null)
+    const formItemInfo = inject<VxeFormDefines.ProvideItemInfo | null>('xeFormItemInfo', null)
+    const $xeRadioGroup = inject<(VxeRadioGroupConstructor & VxeRadioGroupPrivateMethods) | null>('$xeRadioGroup', null)
+
+    const xID = XEUtils.uniqueId()
+
+    const reactData = reactive<RadioReactData>({})
+
+    const $xeRadio = {
+      xID,
+      props,
+      context,
+      reactData
+    } as unknown as VxeRadioConstructor
+
+    const { computeSize } = useFns.useSize(props)
+
+    const computeCheckValue = computed(() => {
+      const { checkedValue, label } = props
+      return XEUtils.isUndefined(checkedValue) ? label : checkedValue
+    })
+
+    const computeIsDisabled = computed(() => {
+      const { disabled } = props
+      if (disabled === null) {
+        if ($xeRadioGroup) {
+          const { computeIsDisabled: computeIsGroupDisabled, computeIsReadonly: computeIsGroupReadonly } = $xeRadioGroup.getComputeMaps()
+          const isGroupDisabled = computeIsGroupDisabled.value
+          const isGroupReadonly = computeIsGroupReadonly.value
+          return isGroupDisabled || isGroupReadonly
+        }
+      }
+      return disabled
+    })
+
+    const computeName = computed(() => {
+      return $xeRadioGroup ? $xeRadioGroup.name : props.name
+    })
+
+    const computeStrict = computed(() => {
+      return $xeRadioGroup ? $xeRadioGroup.props.strict : props.strict
+    })
+
+    const computeIsChecked = computed(() => {
+      const checkValue = computeCheckValue.value
+      if ($xeRadioGroup) {
+        return $xeRadioGroup.props.modelValue === checkValue
+      }
+      return props.modelValue === checkValue
+    })
+
+    const handleValue = (checkedValue: VxeRadioPropTypes.CheckedValue, evnt: Event) => {
+      const { content } = props
+      if ($xeRadioGroup) {
+        $xeRadioGroup.handleChecked({ label: checkedValue, checkedValue, checkedLabel: content }, evnt)
+      } else {
+        emit('update:modelValue', checkedValue)
+        dispatchEvent('change', { value: checkedValue, label: checkedValue, checkedValue, checkedLabel: content }, evnt)
+        // 自动更新校验状态
+        if ($xeForm && formItemInfo) {
+          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checkedValue)
+        }
+      }
+    }
+
+    const changeEvent = (evnt: Event) => {
+      const isDisabled = computeIsDisabled.value
+      if (!isDisabled) {
+        const checkValue = computeCheckValue.value
+        handleValue(checkValue, evnt)
+      }
+    }
+
+    const clickEvent = (evnt: Event) => {
+      const isDisabled = computeIsDisabled.value
+      const isStrict = computeStrict.value
+      if (!isDisabled && !isStrict) {
+        const isChecked = computeIsChecked.value
+        if (isChecked) {
+          handleValue(null, evnt)
+        }
+      }
+    }
+
+    const dispatchEvent = (type: ValueOf<VxeRadioEmits>, params: Record<string, any>, evnt: Event | null) => {
+      emit(type, createEvent(evnt, { $radio: $xeRadio }, params))
+    }
+
+    const radioMethods: RadioMethods = {
+      dispatchEvent
+    }
+
+    const radioPrivateMethods: RadioPrivateMethods = {}
+
+    Object.assign($xeRadio, radioMethods, radioPrivateMethods)
+
+    const renderVN = () => {
+      const { content } = props
+      const vSize = computeSize.value
+      const isDisabled = computeIsDisabled.value
+      const name = computeName.value
+      const isChecked = computeIsChecked.value
+      const checkValue = computeCheckValue.value
+      const defaultSlot = slots.default
+
+      if ($xeRadioGroup) {
+        const { computeIsReadonly: computeIsGroupReadonly } = $xeRadioGroup.getComputeMaps()
+        const isGroupReadonly = computeIsGroupReadonly.value
+        if (isGroupReadonly) {
+          if (isChecked) {
+            return h(
+              'label',
+              {
+                class: [
+                  'vxe-radio vxe-radio--view',
+                  {
+                    [`size--${vSize}`]: vSize,
+                    'is--readonly': isGroupReadonly
+                  }
+                ]
+              },
+              [
+                h(
+                  'span',
+                  {
+                    class: 'vxe-checkbox--label'
+                  },
+                  defaultSlot ? defaultSlot({}) : getFuncText(content)
+                )
+              ]
+            )
+          }
+          return renderEmptyElement($xeRadio)
+        }
+      }
+      return h(
+        'label',
+        {
+          key: `${checkValue}`,
+          class: [
+            'vxe-radio vxe-radio--default',
+            {
+              [`size--${vSize}`]: vSize,
+              'is--checked': isChecked,
+              'is--disabled': isDisabled
+            }
+          ],
+          title: props.title
+        },
+        [
+          h('input', {
+            class: 'vxe-radio--input',
+            type: 'radio',
+            name,
+            checked: isChecked,
+            disabled: isDisabled,
+            onChange: changeEvent,
+            onClick: clickEvent
+          }),
+          h('span', {
+            class: ['vxe-radio--icon', isChecked ? getIcon().RADIO_CHECKED : isDisabled ? getIcon().RADIO_DISABLED_UNCHECKED : getIcon().RADIO_UNCHECKED]
+          }),
+          h(
+            'span',
+            {
+              class: 'vxe-radio--label'
+            },
+            defaultSlot ? defaultSlot({}) : getFuncText(content)
+          )
+        ]
+      )
+    }
+
+    onMounted(() => {
+      if (props.label !== null) {
+        warnLog('vxe.error.delProp', ['label', 'checked-value'])
+      }
+    })
+
+    $xeRadio.renderVN = renderVN
+
+    return $xeRadio
+  },
+  render() {
+    return this.renderVN()
+  }
+})

package/packages/radio-button/index.ts

@@ -1,16 +1,16 @@
-import { App } from 'vue'
-import { VxeUI } from '@vxe-ui/core'
-import VxeRadioButtonComponent from '../radio/src/button'
-import { dynamicApp } from '../dynamics'
-
-export const VxeRadioButton = Object.assign(VxeRadioButtonComponent, {
-  install: function (app: App) {
-    app.component(VxeRadioButtonComponent.name as string, VxeRadioButtonComponent)
-  }
-})
-
-dynamicApp.use(VxeRadioButton)
-VxeUI.component(VxeRadioButtonComponent)
-
-export const RadioButton = VxeRadioButton
-export default VxeRadioButton
+import { App } from 'vue'
+import { VxeUI } from '@vxe-ui/core'
+import VxeRadioButtonComponent from '../radio/src/button'
+import { dynamicApp } from '../dynamics'
+
+export const VxeRadioButton = Object.assign(VxeRadioButtonComponent, {
+  install: function (app: App) {
+    app.component(VxeRadioButtonComponent.name as string, VxeRadioButtonComponent)
+  }
+})
+
+dynamicApp.use(VxeRadioButton)
+VxeUI.component(VxeRadioButtonComponent)
+
+export const RadioButton = VxeRadioButton
+export default VxeRadioButton

package/packages/radio-group/index.ts

@@ -1,16 +1,16 @@
-import { App } from 'vue'
-import { VxeUI } from '@vxe-ui/core'
-import VxeRadioGroupComponent from '../radio/src/group'
-import { dynamicApp } from '../dynamics'
-
-export const VxeRadioGroup = Object.assign(VxeRadioGroupComponent, {
-  install: function (app: App) {
-    app.component(VxeRadioGroupComponent.name as string, VxeRadioGroupComponent)
-  }
-})
-
-dynamicApp.use(VxeRadioGroup)
-VxeUI.component(VxeRadioGroupComponent)
-
-export const RadioGroup = VxeRadioGroup
-export default VxeRadioGroup
+import { App } from 'vue'
+import { VxeUI } from '@vxe-ui/core'
+import VxeRadioGroupComponent from '../radio/src/group'
+import { dynamicApp } from '../dynamics'
+
+export const VxeRadioGroup = Object.assign(VxeRadioGroupComponent, {
+  install: function (app: App) {
+    app.component(VxeRadioGroupComponent.name as string, VxeRadioGroupComponent)
+  }
+})
+
+dynamicApp.use(VxeRadioGroup)
+VxeUI.component(VxeRadioGroupComponent)
+
+export const RadioGroup = VxeRadioGroup
+export default VxeRadioGroup

package/packages/rate/index.ts

@@ -1,16 +1,16 @@
-import { App } from 'vue'
-import { VxeUI } from '@vxe-ui/core'
-import VxeRateComponent from './src/rate'
-import { dynamicApp } from '../dynamics'
-
-export const VxeRate = Object.assign({}, VxeRateComponent, {
-  install (app: App) {
-    app.component(VxeRateComponent.name as string, VxeRateComponent)
-  }
-})
-
-dynamicApp.use(VxeRate)
-VxeUI.component(VxeRateComponent)
-
-export const Rate = VxeRate
-export default VxeRate
+import { App } from 'vue'
+import { VxeUI } from '@vxe-ui/core'
+import VxeRateComponent from './src/rate'
+import { dynamicApp } from '../dynamics'
+
+export const VxeRate = Object.assign({}, VxeRateComponent, {
+  install(app: App) {
+    app.component(VxeRateComponent.name as string, VxeRateComponent)
+  }
+})
+
+dynamicApp.use(VxeRate)
+VxeUI.component(VxeRateComponent)
+
+export const Rate = VxeRate
+export default VxeRate