vxe-pc-ui 3.14.6 → 3.14.7

package/packages/radio/src/radio.ts

@@ -1,228 +1,249 @@
-import { PropType, CreateElement, VNode } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import XEUtils from 'xe-utils'
-import { getFuncText } from '../../ui/src/utils'
-import { getConfig, createEvent, globalMixins, getIcon } from '../../ui'
-
-import type { VxeRadioPropTypes, RadioReactData, VxeRadioEmits, RadioGroupPrivateComputed, VxeRadioGroupConstructor, VxeRadioGroupPrivateMethods, VxeFormConstructor, VxeFormPrivateMethods, VxeComponentPermissionInfo, VxeComponentSizeType, VxeFormDefines, ValueOf } from '../../../types'
-
-export default /* define-vxe-component start */ defineVxeComponent({
-  name: 'VxeRadio',
-  mixins: [
-    globalMixins.sizeMixin,
-    globalMixins.permissionMixin
-  ],
-  props: {
-    value: [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 替换
-     */
-    label: {
-      type: [String, Number, Boolean] as PropType<VxeRadioPropTypes.Label>,
-      default: null
-    }
-  },
-  inject: {
-    $xeForm: {
-      default: null
-    },
-    formItemInfo: {
-      from: 'xeFormItemInfo',
-      default: null
-    },
-    $xeRadioGroup: {
-      default: null
-    }
-  },
-  data () {
-    const reactData: RadioReactData = {
-    }
-    return {
-      xID: XEUtils.uniqueId(),
-      reactData
-    }
-  },
-  computed: {
-    ...({} as {
-      computePermissionInfo(): VxeComponentPermissionInfo
-      computeSize(): VxeComponentSizeType
-      $xeForm(): (VxeFormConstructor & VxeFormPrivateMethods) | null
-      formItemInfo(): VxeFormDefines.ProvideItemInfo | null
-      $xeRadioGroup(): (VxeRadioGroupConstructor & RadioGroupPrivateComputed & VxeRadioGroupPrivateMethods) | null
-    }),
-    computeIsDisabled () {
-      const $xeRadio = this
-      const $xeRadioGroup = $xeRadio.$xeRadioGroup
-      const { disabled } = $xeRadio
-      if (disabled === null) {
-        if ($xeRadioGroup) {
-          const isDisabled = $xeRadioGroup.computeIsDisabled
-          return isDisabled
-        }
-      }
-      return disabled
-    },
-    computeName () {
-      const $xeRadio = this
-      const props = $xeRadio
-
-      const $xeRadioGroup = $xeRadio.$xeRadioGroup
-      return $xeRadioGroup ? $xeRadioGroup.name : props.name
-    },
-    computeStrict () {
-      const $xeRadio = this
-      const props = $xeRadio
-
-      const $xeRadioGroup = $xeRadio.$xeRadioGroup
-      return $xeRadioGroup ? $xeRadioGroup.strict : props.strict
-    },
-    computeChecked () {
-      const $xeRadio = this
-      const props = $xeRadio
-
-      const $xeRadioGroup = $xeRadio.$xeRadioGroup
-      const { label, checkedValue } = props
-      const radioValue = XEUtils.isUndefined(checkedValue) ? label : checkedValue
-      return $xeRadioGroup ? $xeRadioGroup.value === radioValue : props.value === radioValue
-    }
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent (type: ValueOf<VxeRadioEmits>, params: Record<string, any>, evnt: Event | null) {
-      const $xeRadio = this
-      $xeRadio.$emit(type, createEvent(evnt, { $radio: $xeRadio }, params))
-    },
-    emitModel  (value: any) {
-      const $xeRadio = this
-
-      const { _events } = $xeRadio as any
-      $xeRadio.$emit('input', value)
-      if (_events && _events.modelValue) {
-        $xeRadio.$emit('modelValue', value)
-      } else {
-        $xeRadio.$emit('model-value', value)
-      }
-    },
-    handleValue  (checkedValue: VxeRadioPropTypes.CheckedValue, evnt: Event) {
-      const $xeRadio = this
-      const props = $xeRadio
-      const formItemInfo = $xeRadio.formItemInfo
-      const $xeForm = $xeRadio.$xeForm
-      const $xeRadioGroup = $xeRadio.$xeRadioGroup
-
-      const { content } = props
-      if ($xeRadioGroup) {
-        $xeRadioGroup.handleChecked({ label: checkedValue, checkedValue, checkedLabel: content }, evnt)
-      } else {
-        $xeRadio.emitModel(checkedValue)
-        $xeRadio.dispatchEvent('change', { value: checkedValue, label: checkedValue, checkedValue, checkedLabel: content }, evnt)
-        // 自动更新校验状态
-        if ($xeForm && formItemInfo) {
-          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checkedValue)
-        }
-      }
-    },
-    changeEvent  (evnt: Event) {
-      const $xeRadio = this
-      const props = $xeRadio
-
-      const isDisabled = $xeRadio.computeIsDisabled
-      if (!isDisabled) {
-        const { label, checkedValue } = props
-        const radioValue = XEUtils.isUndefined(checkedValue) ? label : checkedValue
-        $xeRadio.handleValue(radioValue, evnt)
-      }
-    },
-    clickEvent  (evnt: Event) {
-      const $xeRadio = this
-      const props = $xeRadio
-      const $xeRadioGroup = $xeRadio.$xeRadioGroup
-
-      const isDisabled = $xeRadio.computeIsDisabled
-      const isStrict = $xeRadio.computeStrict
-      if (!isDisabled && !isStrict) {
-        const { label, checkedValue } = props
-        const radioValue = XEUtils.isUndefined(checkedValue) ? label : checkedValue
-        if (radioValue === ($xeRadioGroup ? $xeRadioGroup.value : props.value)) {
-          $xeRadio.handleValue(null, evnt)
-        }
-      }
-    },
-
-    //
-    //
-    // Render
-    //
-    renderVN (h: CreateElement): VNode {
-      const $xeRadio = this
-      const props = $xeRadio
-
-      const { label, checkedValue } = props
-      const radioValue = XEUtils.isUndefined(checkedValue) ? label : checkedValue
-      const slots = $xeRadio.$scopedSlots
-      const vSize = $xeRadio.computeSize
-      const isDisabled = $xeRadio.computeIsDisabled
-      const name = $xeRadio.computeName
-      const isChecked = $xeRadio.computeChecked
-
-      return h('label', {
-        key: radioValue,
-        class: ['vxe-radio vxe-radio--default', {
-          [`size--${vSize}`]: vSize,
-          'is--checked': isChecked,
-          'is--disabled': isDisabled
-        }],
-        attrs: {
-          title: props.title
-        }
-      }, [
-        h('input', {
-          class: 'vxe-radio--input',
-          domProps: {
-            checked: isChecked
-          },
-          attrs: {
-            type: 'radio',
-            name,
-            disabled: isDisabled
-          },
-          on: {
-            change: $xeRadio.changeEvent,
-            click: $xeRadio.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'
-        }, slots.default ? slots.default({}) : getFuncText(props.content))
-      ])
-    }
-  },
-  render (this: any, h) {
-    return this.renderVN(h)
-  }
-}) /* define-vxe-component end */
+import { PropType, CreateElement, VNode } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
+import XEUtils from 'xe-utils'
+import { getFuncText } from '../../ui/src/utils'
+import { getConfig, createEvent, globalMixins, getIcon, renderEmptyElement } from '../../ui'
+
+import type { VxeRadioPropTypes, RadioReactData, VxeRadioEmits, RadioGroupPrivateComputed, VxeRadioGroupConstructor, VxeRadioGroupPrivateMethods, VxeFormConstructor, VxeFormPrivateMethods, VxeComponentPermissionInfo, VxeComponentSizeType, VxeFormDefines, ValueOf } from '../../../types'
+
+export default /* define-vxe-component start */ defineVxeComponent({
+  name: 'VxeRadio',
+  mixins: [
+    globalMixins.sizeMixin,
+    globalMixins.permissionMixin
+  ],
+  props: {
+    value: [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 替换
+     */
+    label: {
+      type: [String, Number, Boolean] as PropType<VxeRadioPropTypes.Label>,
+      default: null
+    }
+  },
+  inject: {
+    $xeForm: {
+      default: null
+    },
+    formItemInfo: {
+      from: 'xeFormItemInfo',
+      default: null
+    },
+    $xeRadioGroup: {
+      default: null
+    }
+  },
+  data () {
+    const reactData: RadioReactData = {
+    }
+    return {
+      xID: XEUtils.uniqueId(),
+      reactData
+    }
+  },
+  computed: {
+    ...({} as {
+      computePermissionInfo(): VxeComponentPermissionInfo
+      computeSize(): VxeComponentSizeType
+      $xeForm(): (VxeFormConstructor & VxeFormPrivateMethods) | null
+      formItemInfo(): VxeFormDefines.ProvideItemInfo | null
+      $xeRadioGroup(): (VxeRadioGroupConstructor & RadioGroupPrivateComputed & VxeRadioGroupPrivateMethods) | null
+    }),
+    computeIsDisabled () {
+      const $xeRadio = this
+      const $xeRadioGroup = $xeRadio.$xeRadioGroup
+      const { disabled } = $xeRadio
+      if (disabled === null) {
+        if ($xeRadioGroup) {
+          const isGroupDisabled = $xeRadioGroup.computeIsDisabled
+          const isGroupReadonly = $xeRadioGroup.computeIsReadonly
+          return isGroupDisabled || isGroupReadonly
+        }
+      }
+      return disabled
+    },
+    computeName () {
+      const $xeRadio = this
+      const props = $xeRadio
+
+      const $xeRadioGroup = $xeRadio.$xeRadioGroup
+      return $xeRadioGroup ? $xeRadioGroup.name : props.name
+    },
+    computeStrict () {
+      const $xeRadio = this
+      const props = $xeRadio
+
+      const $xeRadioGroup = $xeRadio.$xeRadioGroup
+      return $xeRadioGroup ? $xeRadioGroup.strict : props.strict
+    },
+    computeChecked () {
+      const $xeRadio = this
+      const props = $xeRadio
+
+      const $xeRadioGroup = $xeRadio.$xeRadioGroup
+      const { label, checkedValue } = props
+      const radioValue = XEUtils.isUndefined(checkedValue) ? label : checkedValue
+      return $xeRadioGroup ? $xeRadioGroup.value === radioValue : props.value === radioValue
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent (type: ValueOf<VxeRadioEmits>, params: Record<string, any>, evnt: Event | null) {
+      const $xeRadio = this
+      $xeRadio.$emit(type, createEvent(evnt, { $radio: $xeRadio }, params))
+    },
+    emitModel  (value: any) {
+      const $xeRadio = this
+
+      const { _events } = $xeRadio as any
+      $xeRadio.$emit('input', value)
+      if (_events && _events.modelValue) {
+        $xeRadio.$emit('modelValue', value)
+      } else {
+        $xeRadio.$emit('model-value', value)
+      }
+    },
+    handleValue  (checkedValue: VxeRadioPropTypes.CheckedValue, evnt: Event) {
+      const $xeRadio = this
+      const props = $xeRadio
+      const formItemInfo = $xeRadio.formItemInfo
+      const $xeForm = $xeRadio.$xeForm
+      const $xeRadioGroup = $xeRadio.$xeRadioGroup
+
+      const { content } = props
+      if ($xeRadioGroup) {
+        $xeRadioGroup.handleChecked({ label: checkedValue, checkedValue, checkedLabel: content }, evnt)
+      } else {
+        $xeRadio.emitModel(checkedValue)
+        $xeRadio.dispatchEvent('change', { value: checkedValue, label: checkedValue, checkedValue, checkedLabel: content }, evnt)
+        // 自动更新校验状态
+        if ($xeForm && formItemInfo) {
+          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checkedValue)
+        }
+      }
+    },
+    changeEvent  (evnt: Event) {
+      const $xeRadio = this
+      const props = $xeRadio
+
+      const isDisabled = $xeRadio.computeIsDisabled
+      if (!isDisabled) {
+        const { label, checkedValue } = props
+        const radioValue = XEUtils.isUndefined(checkedValue) ? label : checkedValue
+        $xeRadio.handleValue(radioValue, evnt)
+      }
+    },
+    clickEvent  (evnt: Event) {
+      const $xeRadio = this
+      const props = $xeRadio
+      const $xeRadioGroup = $xeRadio.$xeRadioGroup
+
+      const isDisabled = $xeRadio.computeIsDisabled
+      const isStrict = $xeRadio.computeStrict
+      if (!isDisabled && !isStrict) {
+        const { label, checkedValue } = props
+        const radioValue = XEUtils.isUndefined(checkedValue) ? label : checkedValue
+        if (radioValue === ($xeRadioGroup ? $xeRadioGroup.value : props.value)) {
+          $xeRadio.handleValue(null, evnt)
+        }
+      }
+    },
+
+    //
+    //
+    // Render
+    //
+    renderVN (h: CreateElement): VNode {
+      const $xeRadio = this
+      const props = $xeRadio
+      const $xeRadioGroup = $xeRadio.$xeRadioGroup
+
+      const { label, content, checkedValue } = props
+      const radioValue = XEUtils.isUndefined(checkedValue) ? label : checkedValue
+      const slots = $xeRadio.$scopedSlots
+      const vSize = $xeRadio.computeSize
+      const isDisabled = $xeRadio.computeIsDisabled
+      const name = $xeRadio.computeName
+      const isChecked = $xeRadio.computeChecked
+      const defaultSlot = slots.default
+
+      if ($xeRadioGroup) {
+        const isGroupReadonly = $xeRadioGroup.computeIsReadonly
+        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: radioValue,
+        class: ['vxe-radio vxe-radio--default', {
+          [`size--${vSize}`]: vSize,
+          'is--checked': isChecked,
+          'is--disabled': isDisabled
+        }],
+        attrs: {
+          title: props.title
+        }
+      }, [
+        h('input', {
+          class: 'vxe-radio--input',
+          domProps: {
+            checked: isChecked
+          },
+          attrs: {
+            type: 'radio',
+            name,
+            disabled: isDisabled
+          },
+          on: {
+            change: $xeRadio.changeEvent,
+            click: $xeRadio.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))
+      ])
+    }
+  },
+  render (this: any, h) {
+    return this.renderVN(h)
+  }
+}) /* define-vxe-component end */

package/packages/radio-button/index.ts

@@ -1,16 +1,16 @@
-import { VueConstructor } from 'vue'
-import { VxeUI } from '@vxe-ui/core'
-import { dynamicApp } from '../dynamics'
-import VxeRadioButtonComponent from '../radio/src/button'
-
-export const VxeRadioButton = Object.assign(VxeRadioButtonComponent, {
-  install: function (app: VueConstructor) {
-    app.component(VxeRadioButtonComponent.name as string, VxeRadioButtonComponent)
-  }
-})
-
-dynamicApp.use(VxeRadioButton)
-VxeUI.component(VxeRadioButtonComponent)
-
-export const RadioButton = VxeRadioButton
-export default VxeRadioButton
+import { VueConstructor } from 'vue'
+import { VxeUI } from '@vxe-ui/core'
+import { dynamicApp } from '../dynamics'
+import VxeRadioButtonComponent from '../radio/src/button'
+
+export const VxeRadioButton = Object.assign(VxeRadioButtonComponent, {
+  install: function (app: VueConstructor) {
+    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 { VueConstructor } from 'vue'
-import { VxeUI } from '@vxe-ui/core'
-import { dynamicApp } from '../dynamics'
-import VxeRadioGroupComponent from '../radio/src/group'
-
-export const VxeRadioGroup = Object.assign(VxeRadioGroupComponent, {
-  install: function (app: VueConstructor) {
-    app.component(VxeRadioGroupComponent.name as string, VxeRadioGroupComponent)
-  }
-})
-
-dynamicApp.use(VxeRadioGroup)
-VxeUI.component(VxeRadioGroupComponent)
-
-export const RadioGroup = VxeRadioGroup
-export default VxeRadioGroup
+import { VueConstructor } from 'vue'
+import { VxeUI } from '@vxe-ui/core'
+import { dynamicApp } from '../dynamics'
+import VxeRadioGroupComponent from '../radio/src/group'
+
+export const VxeRadioGroup = Object.assign(VxeRadioGroupComponent, {
+  install: function (app: VueConstructor) {
+    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 { VueConstructor } 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: VueConstructor) {
-    app.component(VxeRateComponent.name as string, VxeRateComponent)
-  }
-})
-
-dynamicApp.use(VxeRate)
-VxeUI.component(VxeRateComponent)
-
-export const Rate = VxeRate
-export default VxeRate
+import { VueConstructor } 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: VueConstructor) {
+    app.component(VxeRateComponent.name as string, VxeRateComponent)
+  }
+})
+
+dynamicApp.use(VxeRate)
+VxeUI.component(VxeRateComponent)
+
+export const Rate = VxeRate
+export default VxeRate