vxe-pc-ui 3.14.6 → 3.14.7

package/packages/rate/src/rate.ts

@@ -1,199 +1,199 @@
-import { CreateElement, VNode, PropType } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import XEUtils from 'xe-utils'
-import { getConfig, getIcon, createEvent, globalMixins } from '../../ui'
-
-import type { RateReactData, VxeRateEmits, VxeRatePropTypes, ValueOf, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, VxeComponentSizeType, VxeComponentPermissionInfo } from '../../../types'
-
-export default /* define-vxe-component start */ defineVxeComponent({
-  name: 'VxeRate',
-  mixins: [
-    globalMixins.sizeMixin,
-    globalMixins.permissionMixin
-  ],
-  props: {
-    value: [Number, String] as PropType<VxeRatePropTypes.ModelValue>,
-    disabled: {
-      type: Boolean as PropType<VxeRatePropTypes.Disabled>,
-      default: null
-    },
-    readonly: {
-      type: Boolean as PropType<VxeRatePropTypes.Readonly>,
-      default: null
-    },
-    size: {
-      type: String as PropType<VxeRatePropTypes.Size>,
-      default: () => getConfig().rate.size || getConfig().size
-    },
-    status: String as PropType<VxeRatePropTypes.Status>
-  },
-  data () {
-    const xID = XEUtils.uniqueId()
-    const reactData: RateReactData = {
-      activeValue: null
-    }
-    return {
-      xID,
-      reactData
-    }
-  },
-  computed: {
-    ...({} as {
-      computePermissionInfo(): VxeComponentPermissionInfo
-      computeSize(): VxeComponentSizeType
-      $xeForm(): (VxeFormConstructor & VxeFormPrivateMethods) | null
-      formItemInfo(): VxeFormDefines.ProvideItemInfo | null
-    }),
-    computeIsDisabled () {
-      const $xeRate = this
-      const props = $xeRate
-      const $xeForm = $xeRate.$xeForm
-
-      const { disabled } = props
-      if (disabled === null) {
-        if ($xeForm) {
-          return $xeForm.readonly || $xeForm.disabled
-        }
-        return false
-      }
-      return disabled
-    },
-    computeIsReadonly () {
-      const $xeRate = this
-      const props = $xeRate
-      const $xeForm = $xeRate.$xeForm
-
-      const { readonly } = props
-      if (readonly === null) {
-        if ($xeForm) {
-          return $xeForm.readonly || $xeForm.disabled
-        }
-        return false
-      }
-      return readonly
-    },
-    computeNumVal () {
-      const $xeRate = this
-      const props = $xeRate
-      const reactData = ($xeRate as any).reactData as RateReactData
-
-      const { value } = props
-      const { activeValue } = reactData
-      return XEUtils.toNumber(activeValue === null ? value : activeValue)
-    },
-    computeItemList () {
-      return [1, 2, 3, 4, 5].map(num => {
-        return {
-          value: num,
-          label: num
-        }
-      })
-    }
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent (type: ValueOf<VxeRateEmits>, params: Record<string, any>, evnt: Event | null) {
-      const $xeRate = this
-      $xeRate.$emit(type, createEvent(evnt, { $rate: $xeRate }, params))
-    },
-    emitModel (value: any) {
-      const $xeRate = this
-
-      const { _events } = $xeRate as any
-      $xeRate.$emit('input', value)
-      if (_events && _events.modelValue) {
-        $xeRate.$emit('modelValue', value)
-      } else {
-        $xeRate.$emit('model-value', value)
-      }
-    },
-    mouseenterEvent (evnt: MouseEvent, item: any) {
-      const $xeRate = this
-      const reactData = $xeRate.reactData
-
-      const isDisabled = $xeRate.computeIsDisabled
-      const isReadonly = $xeRate.computeIsReadonly
-      if (!(isDisabled || isReadonly)) {
-        const value = item.value
-        reactData.activeValue = value
-      }
-    },
-    mouseleaveEvent () {
-      const $xeRate = this
-      const reactData = $xeRate.reactData
-
-      reactData.activeValue = null
-    },
-    clickEvent (evnt: Event, item: any) {
-      const $xeRate = this
-      const $xeForm = $xeRate.$xeForm
-      const formItemInfo = $xeRate.formItemInfo
-
-      const isDisabled = $xeRate.computeIsDisabled
-      const isReadonly = $xeRate.computeIsReadonly
-      if (!(isDisabled || isReadonly)) {
-        const value = item.value
-        $xeRate.emitModel(value)
-        $xeRate.dispatchEvent('change', { value }, evnt)
-        // 自动更新校验状态
-        if ($xeForm && formItemInfo) {
-          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value)
-        }
-      }
-    },
-
-    //
-    // Render
-    //
-    renderVN (h: CreateElement): VNode {
-      const $xeRate = this
-      const props = $xeRate
-
-      const { status } = props
-      const isDisabled = $xeRate.computeIsDisabled
-      const isReadonly = $xeRate.computeIsReadonly
-      const itemList = $xeRate.computeItemList
-      const vSize = $xeRate.computeSize
-      const numVal = $xeRate.computeNumVal
-
-      return h('div', {
-        ref: 'refElem',
-        class: ['vxe-rate', {
-          [`size--${vSize}`]: vSize,
-          [`theme--${status}`]: status,
-          'is--disabled': isDisabled,
-          'is--readonly': isReadonly
-        }]
-      }, itemList.map(item => {
-        const isChecked = numVal >= item.value
-        return h('div', {
-          class: ['vxe-rte--item', {
-            'is--checked': isChecked
-          }],
-          on: {
-            mouseenter (evnt: MouseEvent) {
-              if (!(isDisabled || isReadonly)) {
-                $xeRate.mouseenterEvent(evnt, item)
-              }
-            },
-            mouseleave: $xeRate.mouseleaveEvent,
-            click (evnt: MouseEvent) {
-              if (!(isDisabled || isReadonly)) {
-                $xeRate.clickEvent(evnt, item)
-              }
-            }
-          }
-        }, [
-          h('i', {
-            class: isChecked ? getIcon().RATE_CHECKED : getIcon().RATE_UNCHECKED
-          })
-        ])
-      }))
-    }
-  },
-  render (this: any, h) {
-    return this.renderVN(h)
-  }
-}) /* define-vxe-component end */
+import { CreateElement, VNode, PropType } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
+import XEUtils from 'xe-utils'
+import { getConfig, getIcon, createEvent, globalMixins } from '../../ui'
+
+import type { RateReactData, VxeRateEmits, VxeRatePropTypes, ValueOf, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, VxeComponentSizeType, VxeComponentPermissionInfo } from '../../../types'
+
+export default /* define-vxe-component start */ defineVxeComponent({
+  name: 'VxeRate',
+  mixins: [
+    globalMixins.sizeMixin,
+    globalMixins.permissionMixin
+  ],
+  props: {
+    value: [Number, String] as PropType<VxeRatePropTypes.ModelValue>,
+    disabled: {
+      type: Boolean as PropType<VxeRatePropTypes.Disabled>,
+      default: null
+    },
+    readonly: {
+      type: Boolean as PropType<VxeRatePropTypes.Readonly>,
+      default: null
+    },
+    size: {
+      type: String as PropType<VxeRatePropTypes.Size>,
+      default: () => getConfig().rate.size || getConfig().size
+    },
+    status: String as PropType<VxeRatePropTypes.Status>
+  },
+  data () {
+    const xID = XEUtils.uniqueId()
+    const reactData: RateReactData = {
+      activeValue: null
+    }
+    return {
+      xID,
+      reactData
+    }
+  },
+  computed: {
+    ...({} as {
+      computePermissionInfo(): VxeComponentPermissionInfo
+      computeSize(): VxeComponentSizeType
+      $xeForm(): (VxeFormConstructor & VxeFormPrivateMethods) | null
+      formItemInfo(): VxeFormDefines.ProvideItemInfo | null
+    }),
+    computeIsDisabled () {
+      const $xeRate = this
+      const props = $xeRate
+      const $xeForm = $xeRate.$xeForm
+
+      const { disabled } = props
+      if (disabled === null) {
+        if ($xeForm) {
+          return $xeForm.readonly || $xeForm.disabled
+        }
+        return false
+      }
+      return disabled
+    },
+    computeIsReadonly () {
+      const $xeRate = this
+      const props = $xeRate
+      const $xeForm = $xeRate.$xeForm
+
+      const { readonly } = props
+      if (readonly === null) {
+        if ($xeForm) {
+          return $xeForm.readonly || $xeForm.disabled
+        }
+        return false
+      }
+      return readonly
+    },
+    computeNumVal () {
+      const $xeRate = this
+      const props = $xeRate
+      const reactData = ($xeRate as any).reactData as RateReactData
+
+      const { value } = props
+      const { activeValue } = reactData
+      return XEUtils.toNumber(activeValue === null ? value : activeValue)
+    },
+    computeItemList () {
+      return [1, 2, 3, 4, 5].map(num => {
+        return {
+          value: num,
+          label: num
+        }
+      })
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent (type: ValueOf<VxeRateEmits>, params: Record<string, any>, evnt: Event | null) {
+      const $xeRate = this
+      $xeRate.$emit(type, createEvent(evnt, { $rate: $xeRate }, params))
+    },
+    emitModel (value: any) {
+      const $xeRate = this
+
+      const { _events } = $xeRate as any
+      $xeRate.$emit('input', value)
+      if (_events && _events.modelValue) {
+        $xeRate.$emit('modelValue', value)
+      } else {
+        $xeRate.$emit('model-value', value)
+      }
+    },
+    mouseenterEvent (evnt: MouseEvent, item: any) {
+      const $xeRate = this
+      const reactData = $xeRate.reactData
+
+      const isDisabled = $xeRate.computeIsDisabled
+      const isReadonly = $xeRate.computeIsReadonly
+      if (!(isDisabled || isReadonly)) {
+        const value = item.value
+        reactData.activeValue = value
+      }
+    },
+    mouseleaveEvent () {
+      const $xeRate = this
+      const reactData = $xeRate.reactData
+
+      reactData.activeValue = null
+    },
+    clickEvent (evnt: Event, item: any) {
+      const $xeRate = this
+      const $xeForm = $xeRate.$xeForm
+      const formItemInfo = $xeRate.formItemInfo
+
+      const isDisabled = $xeRate.computeIsDisabled
+      const isReadonly = $xeRate.computeIsReadonly
+      if (!(isDisabled || isReadonly)) {
+        const value = item.value
+        $xeRate.emitModel(value)
+        $xeRate.dispatchEvent('change', { value }, evnt)
+        // 自动更新校验状态
+        if ($xeForm && formItemInfo) {
+          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value)
+        }
+      }
+    },
+
+    //
+    // Render
+    //
+    renderVN (h: CreateElement): VNode {
+      const $xeRate = this
+      const props = $xeRate
+
+      const { status } = props
+      const isDisabled = $xeRate.computeIsDisabled
+      const isReadonly = $xeRate.computeIsReadonly
+      const itemList = $xeRate.computeItemList
+      const vSize = $xeRate.computeSize
+      const numVal = $xeRate.computeNumVal
+
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-rate', {
+          [`size--${vSize}`]: vSize,
+          [`theme--${status}`]: status,
+          'is--disabled': isDisabled,
+          'is--readonly': isReadonly
+        }]
+      }, itemList.map(item => {
+        const isChecked = numVal >= item.value
+        return h('div', {
+          class: ['vxe-rte--item', {
+            'is--checked': isChecked
+          }],
+          on: {
+            mouseenter (evnt: MouseEvent) {
+              if (!(isDisabled || isReadonly)) {
+                $xeRate.mouseenterEvent(evnt, item)
+              }
+            },
+            mouseleave: $xeRate.mouseleaveEvent,
+            click (evnt: MouseEvent) {
+              if (!(isDisabled || isReadonly)) {
+                $xeRate.clickEvent(evnt, item)
+              }
+            }
+          }
+        }, [
+          h('i', {
+            class: isChecked ? getIcon().RATE_CHECKED : getIcon().RATE_UNCHECKED
+          })
+        ])
+      }))
+    }
+  },
+  render (this: any, h) {
+    return this.renderVN(h)
+  }
+}) /* define-vxe-component end */

package/packages/result/index.ts

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

package/packages/result/src/result.ts

@@ -1,93 +1,93 @@
-import { CreateElement, VNode, PropType } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import XEUtils from 'xe-utils'
-import { getIcon, createEvent, renderEmptyElement } from '../../ui'
-
-import type { ResultReactData, VxeResultEmits, ValueOf, VxeResultPropTypes } from '../../../types'
-
-export default /* define-vxe-component start */ defineVxeComponent({
-  name: 'VxeResult',
-  props: {
-    imageUrl: String as PropType<VxeResultPropTypes.ImageUrl>,
-    imageStyle: Object as PropType<VxeResultPropTypes.ImageStyle>,
-    icon: String as PropType<VxeResultPropTypes.Icon>,
-    type: [String, Number] as PropType<VxeResultPropTypes.Type>,
-    status: [String, Number] as PropType<VxeResultPropTypes.Status>,
-    title: [String, Number] as PropType<VxeResultPropTypes.Title>,
-    content: [String, Number] as PropType<VxeResultPropTypes.Content>
-  },
-  data () {
-    const xID = XEUtils.uniqueId()
-    const reactData: ResultReactData = {
-    }
-    return {
-      xID,
-      reactData
-    }
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent (type: ValueOf<VxeResultEmits>, params: Record<string, any>, evnt: Event | null) {
-      const $xeResult = this
-      $xeResult.$emit(type, createEvent(evnt, { $result: $xeResult }, params))
-    },
-
-    //
-    // Render
-    //
-    renderVN (h: CreateElement): VNode {
-      const $xeResult = this
-      const props = $xeResult
-      const slots = $xeResult.$scopedSlots
-
-      const { imageUrl, imageStyle, icon, title, type, content } = props
-      const status = props.status || type
-      const slotExtra = slots.extra
-      return h('div', {
-        ref: 'refElem',
-        class: ['vxe-result', {
-          [`theme--${status}`]: status
-        }]
-      }, [
-        h('div', {
-          class: 'vxe-result--inner'
-        }, [
-          imageUrl
-            ? h('div', {
-              class: 'vxe-result--img-wrapper'
-            }, [
-              h('img', {
-                attrs: {
-                  src: imageUrl
-                },
-                style: imageStyle
-              })
-            ])
-            : h('div', {
-              class: 'vxe-result--icon-wrapper'
-            }, [
-              h('i', {
-                class: [icon, type ? getIcon()[`RESULT_${type}`.toLocaleUpperCase() as 'RESULT_SUCCESS' | 'RESULT_ERROR'| 'RESULT_WARNING' | 'RESULT_QUESTION'] : '']
-              })
-            ]),
-          h('div', {
-            class: 'vxe-result--title-wrapper'
-          }, `${title || ''}`),
-          h('div', {
-            class: 'vxe-result--content-wrapper'
-          }, `${content || ''}`),
-          slotExtra
-            ? h('div', {
-              class: 'vxe-result--extra-wrapper'
-            }, slotExtra({}))
-            : renderEmptyElement($xeResult)
-        ])
-      ])
-    }
-  },
-  render (this: any, h) {
-    return this.renderVN(h)
-  }
-}) /* define-vxe-component end */
+import { CreateElement, VNode, PropType } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
+import XEUtils from 'xe-utils'
+import { getIcon, createEvent, renderEmptyElement } from '../../ui'
+
+import type { ResultReactData, VxeResultEmits, ValueOf, VxeResultPropTypes } from '../../../types'
+
+export default /* define-vxe-component start */ defineVxeComponent({
+  name: 'VxeResult',
+  props: {
+    imageUrl: String as PropType<VxeResultPropTypes.ImageUrl>,
+    imageStyle: Object as PropType<VxeResultPropTypes.ImageStyle>,
+    icon: String as PropType<VxeResultPropTypes.Icon>,
+    type: [String, Number] as PropType<VxeResultPropTypes.Type>,
+    status: [String, Number] as PropType<VxeResultPropTypes.Status>,
+    title: [String, Number] as PropType<VxeResultPropTypes.Title>,
+    content: [String, Number] as PropType<VxeResultPropTypes.Content>
+  },
+  data () {
+    const xID = XEUtils.uniqueId()
+    const reactData: ResultReactData = {
+    }
+    return {
+      xID,
+      reactData
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent (type: ValueOf<VxeResultEmits>, params: Record<string, any>, evnt: Event | null) {
+      const $xeResult = this
+      $xeResult.$emit(type, createEvent(evnt, { $result: $xeResult }, params))
+    },
+
+    //
+    // Render
+    //
+    renderVN (h: CreateElement): VNode {
+      const $xeResult = this
+      const props = $xeResult
+      const slots = $xeResult.$scopedSlots
+
+      const { imageUrl, imageStyle, icon, title, type, content } = props
+      const status = props.status || type
+      const slotExtra = slots.extra
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-result', {
+          [`theme--${status}`]: status
+        }]
+      }, [
+        h('div', {
+          class: 'vxe-result--inner'
+        }, [
+          imageUrl
+            ? h('div', {
+              class: 'vxe-result--img-wrapper'
+            }, [
+              h('img', {
+                attrs: {
+                  src: imageUrl
+                },
+                style: imageStyle
+              })
+            ])
+            : h('div', {
+              class: 'vxe-result--icon-wrapper'
+            }, [
+              h('i', {
+                class: [icon, type ? getIcon()[`RESULT_${type}`.toLocaleUpperCase() as 'RESULT_SUCCESS' | 'RESULT_ERROR'| 'RESULT_WARNING' | 'RESULT_QUESTION'] : '']
+              })
+            ]),
+          h('div', {
+            class: 'vxe-result--title-wrapper'
+          }, `${title || ''}`),
+          h('div', {
+            class: 'vxe-result--content-wrapper'
+          }, `${content || ''}`),
+          slotExtra
+            ? h('div', {
+              class: 'vxe-result--extra-wrapper'
+            }, slotExtra({}))
+            : renderEmptyElement($xeResult)
+        ])
+      ])
+    }
+  },
+  render (this: any, h) {
+    return this.renderVN(h)
+  }
+}) /* define-vxe-component end */

package/packages/row/index.ts

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