vxe-pc-ui 3.13.9 → 3.13.11

package/packages/switch/src/switch.ts

@@ -1,279 +1,279 @@
-import { PropType, CreateElement, VNode } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import XEUtils from 'xe-utils'
-import { getConfig, createEvent, globalMixins, renderEmptyElement } from '../../ui'
-import { getFuncText } from '../../ui/src/utils'
-
-import type { VxeSwitchPropTypes, VxeSwitchEmits, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, SwitchReactData, SwitchInternalData, VxeComponentPermissionInfo, VxeComponentSizeType, ValueOf } from '../../../types'
-
-export default /* define-vxe-component start */ defineVxeComponent({
-  name: 'VxeSwitch',
-  mixins: [
-    globalMixins.sizeMixin,
-    globalMixins.permissionMixin
-  ],
-  props: {
-    value: [String, Number, Boolean] as PropType<VxeSwitchPropTypes.ModelValue>,
-    disabled: {
-      type: Boolean as PropType<VxeSwitchPropTypes.Disabled>,
-      default: null
-    },
-    readonly: {
-      type: Boolean as PropType<VxeSwitchPropTypes.Readonly>,
-      default: null
-    },
-    size: {
-      type: String as PropType<VxeSwitchPropTypes.Size>,
-      default: () => getConfig().switch.size || getConfig().size
-    },
-    openLabel: String as PropType<VxeSwitchPropTypes.OpenLabel>,
-    closeLabel: String as PropType<VxeSwitchPropTypes.CloseLabel>,
-    openValue: {
-      type: [String, Number, Boolean] as PropType<VxeSwitchPropTypes.OpenValue>,
-      default: true
-    },
-    closeValue: {
-      type: [String, Number, Boolean] as PropType<VxeSwitchPropTypes.CloseValue>,
-      default: false
-    },
-    openIcon: String as PropType<VxeSwitchPropTypes.OpenIcon>,
-    closeIcon: String as PropType<VxeSwitchPropTypes.CloseIcon>,
-    openActiveIcon: String as PropType<VxeSwitchPropTypes.OpenActiveIcon>,
-    closeActiveIcon: String as PropType<VxeSwitchPropTypes.CloseActiveIcon>
-  },
-  inject: {
-    $xeForm: {
-      default: null
-    },
-    formItemInfo: {
-      from: 'xeFormItemInfo',
-      default: null
-    }
-  },
-  data () {
-    const reactData: SwitchReactData = {
-      isActivated: false,
-      hasAnimat: false,
-      offsetLeft: 0
-    }
-    const internalData: SwitchInternalData = {
-    }
-    return {
-      xID: XEUtils.uniqueId(),
-      reactData,
-      internalData
-    }
-  },
-  computed: {
-    ...({} as {
-      computePermissionInfo(): VxeComponentPermissionInfo
-      computeSize(): VxeComponentSizeType
-      $xeForm(): (VxeFormConstructor & VxeFormPrivateMethods) | null
-      formItemInfo(): VxeFormDefines.ProvideItemInfo | null
-    }),
-    computeIsDisabled () {
-      const $xeSwitch = this
-      const props = $xeSwitch
-      const $xeForm = $xeSwitch.$xeForm
-
-      const { disabled } = props
-      if (disabled === null) {
-        if ($xeForm) {
-          return $xeForm.readonly || $xeForm.disabled
-        }
-        return false
-      }
-      return disabled
-    },
-    computeIsReadonly () {
-      const $xeSwitch = this
-      const props = $xeSwitch
-      const $xeForm = $xeSwitch.$xeForm
-
-      const { readonly } = props
-      if (readonly === null) {
-        if ($xeForm) {
-          return $xeForm.readonly || $xeForm.disabled
-        }
-        return false
-      }
-      return readonly
-    },
-    computeOnShowLabel () {
-      const $xeSwitch = this
-      const props = $xeSwitch
-
-      return getFuncText(props.openLabel)
-    },
-    computeOffShowLabel  () {
-      const $xeSwitch = this
-      const props = $xeSwitch
-
-      return getFuncText(props.closeLabel)
-    },
-    computeIsChecked  () {
-      const $xeSwitch = this
-      const props = $xeSwitch
-
-      return props.value === props.openValue
-    }
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent (type: ValueOf<VxeSwitchEmits>, params: Record<string, any>, evnt: Event | null) {
-      const $xeSwitch = this
-      $xeSwitch.$emit(type, createEvent(evnt, { $switch: $xeSwitch }, params))
-    },
-    emitModel  (value: any) {
-      const $xeSwitch = this
-
-      const { _events } = $xeSwitch as any
-      $xeSwitch.$emit('input', value)
-      if (_events && _events.modelValue) {
-        $xeSwitch.$emit('modelValue', value)
-      } else {
-        $xeSwitch.$emit('model-value', value)
-      }
-    },
-    focus () {
-      const $xeSwitch = this
-      const reactData = $xeSwitch.reactData
-
-      const btnElem = $xeSwitch.$refs.refButton as HTMLButtonElement
-      reactData.isActivated = true
-      if (btnElem) {
-        btnElem.focus()
-      }
-      return $xeSwitch.$nextTick()
-    },
-    blur () {
-      const $xeSwitch = this
-      const reactData = $xeSwitch.reactData
-
-      const btnElem = $xeSwitch.$refs.refButton as HTMLButtonElement
-      if (btnElem) {
-        btnElem.blur()
-      }
-      reactData.isActivated = false
-      return $xeSwitch.$nextTick()
-    },
-    clickEvent  (evnt: Event) {
-      const $xeSwitch = this
-      const props = $xeSwitch
-      const reactData = $xeSwitch.reactData
-      const internalData = $xeSwitch.internalData
-      const $xeForm = $xeSwitch.$xeForm
-      const formItemInfo = $xeSwitch.formItemInfo
-
-      const isDisabled = $xeSwitch.computeIsDisabled
-      const isReadonly = $xeSwitch.computeIsReadonly
-      if (!(isDisabled || isReadonly)) {
-        const isChecked = $xeSwitch.computeIsChecked
-        clearTimeout(internalData.atTimeout)
-        const value = isChecked ? props.closeValue : props.openValue
-        reactData.hasAnimat = true
-        $xeSwitch.emitModel(value)
-        $xeSwitch.dispatchEvent('change', { value }, evnt)
-        // 自动更新校验状态
-        if ($xeForm && formItemInfo) {
-          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value)
-        }
-        internalData.atTimeout = setTimeout(() => {
-          reactData.hasAnimat = false
-          internalData.atTimeout = undefined
-        }, 400)
-      }
-    },
-    focusEvent  (evnt: Event) {
-      const $xeSwitch = this
-      const props = $xeSwitch
-      const reactData = $xeSwitch.reactData
-
-      reactData.isActivated = true
-      $xeSwitch.dispatchEvent('focus', { value: props.value }, evnt)
-    },
-    blurEvent  (evnt: Event) {
-      const $xeSwitch = this
-      const props = $xeSwitch
-      const reactData = $xeSwitch.reactData
-
-      reactData.isActivated = false
-      $xeSwitch.dispatchEvent('blur', { value: props.value }, evnt)
-    },
-
-    //
-    // Render
-    //
-    renderVN (h: CreateElement): VNode {
-      const $xeSwitch = this
-      const props = $xeSwitch
-      const reactData = $xeSwitch.reactData
-
-      const { openIcon, closeIcon, openActiveIcon, closeActiveIcon } = props
-      const vSize = $xeSwitch.computeSize
-      const isChecked = $xeSwitch.computeIsChecked
-      const onShowLabel = $xeSwitch.computeOnShowLabel
-      const offShowLabel = $xeSwitch.computeOffShowLabel
-      const isDisabled = $xeSwitch.computeIsDisabled
-      const isReadonly = $xeSwitch.computeIsReadonly
-
-      return h('div', {
-        class: ['vxe-switch', isChecked ? 'is--on' : 'is--off', {
-          [`size--${vSize}`]: vSize,
-          'is--disabled': isDisabled,
-          'is--readonly': isReadonly,
-          'is--animat': reactData.hasAnimat
-        }]
-      }, [
-        h('button', {
-          ref: 'refButton',
-          class: 'vxe-switch--button',
-          attrs: {
-            type: 'button',
-            disabled: isDisabled || isReadonly
-          },
-          on: {
-            click: $xeSwitch.clickEvent,
-            focus: $xeSwitch.focusEvent,
-            blur: $xeSwitch.blurEvent
-          }
-        }, [
-          h('span', {
-            class: 'vxe-switch--label vxe-switch--label-on'
-          }, [
-            openIcon
-              ? h('i', {
-                class: ['vxe-switch--label-icon', openIcon]
-              })
-              : renderEmptyElement($xeSwitch),
-            onShowLabel
-          ]),
-          h('span', {
-            class: 'vxe-switch--label vxe-switch--label-off'
-          }, [
-            closeIcon
-              ? h('i', {
-                class: ['vxe-switch--label-icon', closeIcon]
-              })
-              : renderEmptyElement($xeSwitch),
-            offShowLabel
-          ]),
-          h('span', {
-            class: ['vxe-switch--icon']
-          }, openActiveIcon || closeActiveIcon
-            ? [
-                h('i', {
-                  class: isChecked ? openActiveIcon : closeActiveIcon
-                })
-              ]
-            : [])
-        ])
-      ])
-    }
-  },
-  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 { getConfig, createEvent, globalMixins, renderEmptyElement } from '../../ui'
+import { getFuncText } from '../../ui/src/utils'
+
+import type { VxeSwitchPropTypes, VxeSwitchEmits, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, SwitchReactData, SwitchInternalData, VxeComponentPermissionInfo, VxeComponentSizeType, ValueOf } from '../../../types'
+
+export default /* define-vxe-component start */ defineVxeComponent({
+  name: 'VxeSwitch',
+  mixins: [
+    globalMixins.sizeMixin,
+    globalMixins.permissionMixin
+  ],
+  props: {
+    value: [String, Number, Boolean] as PropType<VxeSwitchPropTypes.ModelValue>,
+    disabled: {
+      type: Boolean as PropType<VxeSwitchPropTypes.Disabled>,
+      default: null
+    },
+    readonly: {
+      type: Boolean as PropType<VxeSwitchPropTypes.Readonly>,
+      default: null
+    },
+    size: {
+      type: String as PropType<VxeSwitchPropTypes.Size>,
+      default: () => getConfig().switch.size || getConfig().size
+    },
+    openLabel: String as PropType<VxeSwitchPropTypes.OpenLabel>,
+    closeLabel: String as PropType<VxeSwitchPropTypes.CloseLabel>,
+    openValue: {
+      type: [String, Number, Boolean] as PropType<VxeSwitchPropTypes.OpenValue>,
+      default: true
+    },
+    closeValue: {
+      type: [String, Number, Boolean] as PropType<VxeSwitchPropTypes.CloseValue>,
+      default: false
+    },
+    openIcon: String as PropType<VxeSwitchPropTypes.OpenIcon>,
+    closeIcon: String as PropType<VxeSwitchPropTypes.CloseIcon>,
+    openActiveIcon: String as PropType<VxeSwitchPropTypes.OpenActiveIcon>,
+    closeActiveIcon: String as PropType<VxeSwitchPropTypes.CloseActiveIcon>
+  },
+  inject: {
+    $xeForm: {
+      default: null
+    },
+    formItemInfo: {
+      from: 'xeFormItemInfo',
+      default: null
+    }
+  },
+  data () {
+    const reactData: SwitchReactData = {
+      isActivated: false,
+      hasAnimat: false,
+      offsetLeft: 0
+    }
+    const internalData: SwitchInternalData = {
+    }
+    return {
+      xID: XEUtils.uniqueId(),
+      reactData,
+      internalData
+    }
+  },
+  computed: {
+    ...({} as {
+      computePermissionInfo(): VxeComponentPermissionInfo
+      computeSize(): VxeComponentSizeType
+      $xeForm(): (VxeFormConstructor & VxeFormPrivateMethods) | null
+      formItemInfo(): VxeFormDefines.ProvideItemInfo | null
+    }),
+    computeIsDisabled () {
+      const $xeSwitch = this
+      const props = $xeSwitch
+      const $xeForm = $xeSwitch.$xeForm
+
+      const { disabled } = props
+      if (disabled === null) {
+        if ($xeForm) {
+          return $xeForm.readonly || $xeForm.disabled
+        }
+        return false
+      }
+      return disabled
+    },
+    computeIsReadonly () {
+      const $xeSwitch = this
+      const props = $xeSwitch
+      const $xeForm = $xeSwitch.$xeForm
+
+      const { readonly } = props
+      if (readonly === null) {
+        if ($xeForm) {
+          return $xeForm.readonly || $xeForm.disabled
+        }
+        return false
+      }
+      return readonly
+    },
+    computeOnShowLabel () {
+      const $xeSwitch = this
+      const props = $xeSwitch
+
+      return getFuncText(props.openLabel)
+    },
+    computeOffShowLabel  () {
+      const $xeSwitch = this
+      const props = $xeSwitch
+
+      return getFuncText(props.closeLabel)
+    },
+    computeIsChecked  () {
+      const $xeSwitch = this
+      const props = $xeSwitch
+
+      return props.value === props.openValue
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent (type: ValueOf<VxeSwitchEmits>, params: Record<string, any>, evnt: Event | null) {
+      const $xeSwitch = this
+      $xeSwitch.$emit(type, createEvent(evnt, { $switch: $xeSwitch }, params))
+    },
+    emitModel  (value: any) {
+      const $xeSwitch = this
+
+      const { _events } = $xeSwitch as any
+      $xeSwitch.$emit('input', value)
+      if (_events && _events.modelValue) {
+        $xeSwitch.$emit('modelValue', value)
+      } else {
+        $xeSwitch.$emit('model-value', value)
+      }
+    },
+    focus () {
+      const $xeSwitch = this
+      const reactData = $xeSwitch.reactData
+
+      const btnElem = $xeSwitch.$refs.refButton as HTMLButtonElement
+      reactData.isActivated = true
+      if (btnElem) {
+        btnElem.focus()
+      }
+      return $xeSwitch.$nextTick()
+    },
+    blur () {
+      const $xeSwitch = this
+      const reactData = $xeSwitch.reactData
+
+      const btnElem = $xeSwitch.$refs.refButton as HTMLButtonElement
+      if (btnElem) {
+        btnElem.blur()
+      }
+      reactData.isActivated = false
+      return $xeSwitch.$nextTick()
+    },
+    clickEvent  (evnt: Event) {
+      const $xeSwitch = this
+      const props = $xeSwitch
+      const reactData = $xeSwitch.reactData
+      const internalData = $xeSwitch.internalData
+      const $xeForm = $xeSwitch.$xeForm
+      const formItemInfo = $xeSwitch.formItemInfo
+
+      const isDisabled = $xeSwitch.computeIsDisabled
+      const isReadonly = $xeSwitch.computeIsReadonly
+      if (!(isDisabled || isReadonly)) {
+        const isChecked = $xeSwitch.computeIsChecked
+        clearTimeout(internalData.atTimeout)
+        const value = isChecked ? props.closeValue : props.openValue
+        reactData.hasAnimat = true
+        $xeSwitch.emitModel(value)
+        $xeSwitch.dispatchEvent('change', { value }, evnt)
+        // 自动更新校验状态
+        if ($xeForm && formItemInfo) {
+          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value)
+        }
+        internalData.atTimeout = setTimeout(() => {
+          reactData.hasAnimat = false
+          internalData.atTimeout = undefined
+        }, 400)
+      }
+    },
+    focusEvent  (evnt: Event) {
+      const $xeSwitch = this
+      const props = $xeSwitch
+      const reactData = $xeSwitch.reactData
+
+      reactData.isActivated = true
+      $xeSwitch.dispatchEvent('focus', { value: props.value }, evnt)
+    },
+    blurEvent  (evnt: Event) {
+      const $xeSwitch = this
+      const props = $xeSwitch
+      const reactData = $xeSwitch.reactData
+
+      reactData.isActivated = false
+      $xeSwitch.dispatchEvent('blur', { value: props.value }, evnt)
+    },
+
+    //
+    // Render
+    //
+    renderVN (h: CreateElement): VNode {
+      const $xeSwitch = this
+      const props = $xeSwitch
+      const reactData = $xeSwitch.reactData
+
+      const { openIcon, closeIcon, openActiveIcon, closeActiveIcon } = props
+      const vSize = $xeSwitch.computeSize
+      const isChecked = $xeSwitch.computeIsChecked
+      const onShowLabel = $xeSwitch.computeOnShowLabel
+      const offShowLabel = $xeSwitch.computeOffShowLabel
+      const isDisabled = $xeSwitch.computeIsDisabled
+      const isReadonly = $xeSwitch.computeIsReadonly
+
+      return h('div', {
+        class: ['vxe-switch', isChecked ? 'is--on' : 'is--off', {
+          [`size--${vSize}`]: vSize,
+          'is--disabled': isDisabled,
+          'is--readonly': isReadonly,
+          'is--animat': reactData.hasAnimat
+        }]
+      }, [
+        h('button', {
+          ref: 'refButton',
+          class: 'vxe-switch--button',
+          attrs: {
+            type: 'button',
+            disabled: isDisabled || isReadonly
+          },
+          on: {
+            click: $xeSwitch.clickEvent,
+            focus: $xeSwitch.focusEvent,
+            blur: $xeSwitch.blurEvent
+          }
+        }, [
+          h('span', {
+            class: 'vxe-switch--label vxe-switch--label-on'
+          }, [
+            openIcon
+              ? h('i', {
+                class: ['vxe-switch--label-icon', openIcon]
+              })
+              : renderEmptyElement($xeSwitch),
+            onShowLabel
+          ]),
+          h('span', {
+            class: 'vxe-switch--label vxe-switch--label-off'
+          }, [
+            closeIcon
+              ? h('i', {
+                class: ['vxe-switch--label-icon', closeIcon]
+              })
+              : renderEmptyElement($xeSwitch),
+            offShowLabel
+          ]),
+          h('span', {
+            class: ['vxe-switch--icon']
+          }, openActiveIcon || closeActiveIcon
+            ? [
+                h('i', {
+                  class: isChecked ? openActiveIcon : closeActiveIcon
+                })
+              ]
+            : [])
+        ])
+      ])
+    }
+  },
+  render (this: any, h) {
+    return this.renderVN(h)
+  }
+}) /* define-vxe-component end */

package/packages/tab-pane/index.ts

@@ -1,16 +1,16 @@
-import { VueConstructor } from 'vue'
-import { VxeUI } from '@vxe-ui/core'
-import VxeTabPaneComponent from '../tabs/src/tab-pane'
-import { dynamicApp } from '../dynamics'
-
-export const VxeTabPane = Object.assign({}, VxeTabPaneComponent, {
-  install (app: VueConstructor) {
-    app.component(VxeTabPaneComponent.name as string, VxeTabPaneComponent)
-  }
-})
-
-dynamicApp.use(VxeTabPane)
-VxeUI.component(VxeTabPaneComponent)
-
-export const TabPane = VxeTabPane
-export default VxeTabPane
+import { VueConstructor } from 'vue'
+import { VxeUI } from '@vxe-ui/core'
+import VxeTabPaneComponent from '../tabs/src/tab-pane'
+import { dynamicApp } from '../dynamics'
+
+export const VxeTabPane = Object.assign({}, VxeTabPaneComponent, {
+  install (app: VueConstructor) {
+    app.component(VxeTabPaneComponent.name as string, VxeTabPaneComponent)
+  }
+})
+
+dynamicApp.use(VxeTabPane)
+VxeUI.component(VxeTabPaneComponent)
+
+export const TabPane = VxeTabPane
+export default VxeTabPane

package/packages/table-select/index.ts

@@ -1,16 +1,16 @@
-import { VueConstructor } from 'vue'
-import { VxeUI } from '@vxe-ui/core'
-import VxeTableSelectComponent from './src/table-select'
-import { dynamicApp } from '../dynamics'
-
-export const VxeTableSelect = Object.assign({}, VxeTableSelectComponent, {
-  install (app: VueConstructor) {
-    app.component(VxeTableSelectComponent.name as string, VxeTableSelectComponent)
-  }
-})
-
-dynamicApp.use(VxeTableSelect)
-VxeUI.component(VxeTableSelectComponent)
-
-export const TableSelect = VxeTableSelect
-export default VxeTableSelect
+import { VueConstructor } from 'vue'
+import { VxeUI } from '@vxe-ui/core'
+import VxeTableSelectComponent from './src/table-select'
+import { dynamicApp } from '../dynamics'
+
+export const VxeTableSelect = Object.assign({}, VxeTableSelectComponent, {
+  install (app: VueConstructor) {
+    app.component(VxeTableSelectComponent.name as string, VxeTableSelectComponent)
+  }
+})
+
+dynamicApp.use(VxeTableSelect)
+VxeUI.component(VxeTableSelectComponent)
+
+export const TableSelect = VxeTableSelect
+export default VxeTableSelect