vxe-pc-ui 3.13.11 → 3.13.13

package/packages/notice-bar/index.ts

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

package/packages/notice-bar/src/notice-bar.ts

@@ -1,182 +1,182 @@
-import { CreateElement, PropType, VNode } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import XEUtils from 'xe-utils'
-import { getConfig, createEvent, globalEvents, renderEmptyElement, globalMixins } from '../../ui'
-import { toCssUnit } from '../../ui/src/dom'
-
-import type { NoticeBarReactData, VxeNoticeBarEmits, ValueOf, VxeNoticeBarPropTypes, VxeComponentSizeType, VxeTabsConstructor, VxeTabsPrivateMethods } from '../../../types'
-
-export default /* define-vxe-component start */ defineVxeComponent({
-  name: 'VxeNoticeBar',
-  mixins: [
-    globalMixins.sizeMixin
-  ],
-  props: {
-    duration: [String, Number] as PropType<VxeNoticeBarPropTypes.Duration>,
-    direction: {
-      type: String as PropType<VxeNoticeBarPropTypes.Direction>,
-      default: () => getConfig().noticeBar.direction
-    },
-    speed: {
-      type: String as PropType<VxeNoticeBarPropTypes.Speed>,
-      default: () => getConfig().noticeBar.speed
-    },
-    content: String as PropType<VxeNoticeBarPropTypes.Content>,
-    vertical: Boolean as PropType<VxeNoticeBarPropTypes.Vertical>,
-    loop: {
-      type: Boolean as PropType<VxeNoticeBarPropTypes.Loop>
-    },
-    size: {
-      type: String as PropType<VxeNoticeBarPropTypes.Size>,
-      default: () => getConfig().noticeBar.size || getConfig().size
-    }
-  },
-  inject: {
-    $xeTabs: {
-      from: '$xeTabs',
-      default: null
-    }
-  },
-  data () {
-    const xID = XEUtils.uniqueId()
-    const reactData: NoticeBarReactData = {
-      animationStatus: false,
-      animationDuration: 0
-    }
-    return {
-      xID,
-      reactData
-    }
-  },
-  computed: {
-    ...({} as {
-      computeSize(): VxeComponentSizeType
-      $xeTabs():(VxeTabsConstructor & VxeTabsPrivateMethods) | null
-    }),
-    computeNoticeText () {
-      const $xeNoticeBar = this
-      const props = $xeNoticeBar
-
-      const { content } = props
-      return `${content || ''}`
-    },
-    computeTabsResizeFlag () {
-      const $xeNoticeBar = this
-      const $xeTabs = $xeNoticeBar.$xeTabs
-
-      return $xeTabs ? $xeTabs.reactData.resizeFlag : null
-    }
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent (type: ValueOf<VxeNoticeBarEmits>, params: Record<string, any>, evnt: Event | null) {
-      const $xeNoticeBar = this
-      $xeNoticeBar.$emit(type, createEvent(evnt, { $noticeBar: $xeNoticeBar }, params))
-    },
-    updateAnimationStyle  () {
-      const $xeNoticeBar = this
-      const props = $xeNoticeBar
-      const reactData = $xeNoticeBar.reactData
-
-      const { speed } = props
-      const contEl = this.$refs.refContentElem as HTMLDivElement
-      if (contEl) {
-        let sRate = 46
-        if (speed === 'fast') {
-          sRate = 118
-        } else if (speed === 'slow') {
-          sRate = 18
-        }
-        reactData.animationDuration = Math.ceil(contEl.scrollWidth / sRate)
-      }
-    },
-    animationStartEvent (evnt: AnimationEvent) {
-      const $xeNoticeBar = this
-      const reactData = $xeNoticeBar.reactData
-
-      reactData.animationStatus = true
-      $xeNoticeBar.dispatchEvent('start', { status: true }, evnt)
-    },
-    animationEndEvent (evnt: AnimationEvent) {
-      const $xeNoticeBar = this
-      const reactData = $xeNoticeBar.reactData
-
-      reactData.animationStatus = false
-      $xeNoticeBar.dispatchEvent('end', { status: false }, evnt)
-    },
-
-    //
-    // Render
-    //
-    renderVN (h: CreateElement): VNode {
-      const $xeNoticeBar = this
-      const props = $xeNoticeBar
-      const slots = $xeNoticeBar.$scopedSlots
-      const reactData = $xeNoticeBar.reactData
-
-      const { vertical, duration, direction, loop } = props
-      const { animationDuration, animationStatus } = reactData
-      const vSize = $xeNoticeBar.computeSize
-      const noticeText = $xeNoticeBar.computeNoticeText
-      const defaultSlot = slots.default
-      const prefixSlot = slots.prefix
-      const suffixSlot = slots.suffix
-      return h('div', {
-        ref: 'refElem',
-        class: ['vxe-notice-bar', `is--${vertical ? 'vertical' : 'horizontal'}`, `dir--${direction || 'left'}`, {
-          [`size--${vSize}`]: vSize,
-          'is--loop': loop
-        }]
-      }, [
-        prefixSlot
-          ? h('div', {
-            class: 'vxe-notice-bar--prefix'
-          }, prefixSlot({}))
-          : renderEmptyElement($xeNoticeBar),
-        h('div', {
-          class: 'vxe-notice-bar--content'
-        }, [
-          h('div', {
-            ref: 'refContentElem',
-            class: 'vxe-notice-bar--inner'
-          }, [
-            h('div', {
-              class: ['vxe-notice-bar--wrapper', `is--${animationStatus ? 'progress' : 'end'}`],
-              style: {
-                animationDuration: duration ? toCssUnit(duration, 's') : `${animationDuration}s`
-              }
-            }, defaultSlot ? defaultSlot({}) : noticeText)
-          ])
-        ]),
-        suffixSlot
-          ? h('div', {
-            class: 'vxe-notice-bar--suffix'
-          }, suffixSlot({}))
-          : renderEmptyElement($xeNoticeBar)
-      ])
-    }
-  },
-  watch: {
-    computeTabsResizeFlag () {
-      const $xeNoticeBar = this
-
-      $xeNoticeBar.updateAnimationStyle()
-    }
-  },
-  mounted () {
-    const $xeNoticeBar = this
-
-    globalEvents.on($xeNoticeBar, 'resize', $xeNoticeBar.updateAnimationStyle)
-    $xeNoticeBar.updateAnimationStyle()
-  },
-  beforeDestroy () {
-    const $xeNoticeBar = this
-
-    globalEvents.off($xeNoticeBar, 'resize')
-  },
-  render (this: any, h) {
-    return this.renderVN(h)
-  }
-}) /* define-vxe-component end */
+import { CreateElement, PropType, VNode } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
+import XEUtils from 'xe-utils'
+import { getConfig, createEvent, globalEvents, renderEmptyElement, globalMixins } from '../../ui'
+import { toCssUnit } from '../../ui/src/dom'
+
+import type { NoticeBarReactData, VxeNoticeBarEmits, ValueOf, VxeNoticeBarPropTypes, VxeComponentSizeType, VxeTabsConstructor, VxeTabsPrivateMethods } from '../../../types'
+
+export default /* define-vxe-component start */ defineVxeComponent({
+  name: 'VxeNoticeBar',
+  mixins: [
+    globalMixins.sizeMixin
+  ],
+  props: {
+    duration: [String, Number] as PropType<VxeNoticeBarPropTypes.Duration>,
+    direction: {
+      type: String as PropType<VxeNoticeBarPropTypes.Direction>,
+      default: () => getConfig().noticeBar.direction
+    },
+    speed: {
+      type: String as PropType<VxeNoticeBarPropTypes.Speed>,
+      default: () => getConfig().noticeBar.speed
+    },
+    content: String as PropType<VxeNoticeBarPropTypes.Content>,
+    vertical: Boolean as PropType<VxeNoticeBarPropTypes.Vertical>,
+    loop: {
+      type: Boolean as PropType<VxeNoticeBarPropTypes.Loop>
+    },
+    size: {
+      type: String as PropType<VxeNoticeBarPropTypes.Size>,
+      default: () => getConfig().noticeBar.size || getConfig().size
+    }
+  },
+  inject: {
+    $xeTabs: {
+      from: '$xeTabs',
+      default: null
+    }
+  },
+  data () {
+    const xID = XEUtils.uniqueId()
+    const reactData: NoticeBarReactData = {
+      animationStatus: false,
+      animationDuration: 0
+    }
+    return {
+      xID,
+      reactData
+    }
+  },
+  computed: {
+    ...({} as {
+      computeSize(): VxeComponentSizeType
+      $xeTabs():(VxeTabsConstructor & VxeTabsPrivateMethods) | null
+    }),
+    computeNoticeText () {
+      const $xeNoticeBar = this
+      const props = $xeNoticeBar
+
+      const { content } = props
+      return `${content || ''}`
+    },
+    computeTabsResizeFlag () {
+      const $xeNoticeBar = this
+      const $xeTabs = $xeNoticeBar.$xeTabs
+
+      return $xeTabs ? $xeTabs.reactData.resizeFlag : null
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent (type: ValueOf<VxeNoticeBarEmits>, params: Record<string, any>, evnt: Event | null) {
+      const $xeNoticeBar = this
+      $xeNoticeBar.$emit(type, createEvent(evnt, { $noticeBar: $xeNoticeBar }, params))
+    },
+    updateAnimationStyle  () {
+      const $xeNoticeBar = this
+      const props = $xeNoticeBar
+      const reactData = $xeNoticeBar.reactData
+
+      const { speed } = props
+      const contEl = this.$refs.refContentElem as HTMLDivElement
+      if (contEl) {
+        let sRate = 46
+        if (speed === 'fast') {
+          sRate = 118
+        } else if (speed === 'slow') {
+          sRate = 18
+        }
+        reactData.animationDuration = Math.ceil(contEl.scrollWidth / sRate)
+      }
+    },
+    animationStartEvent (evnt: AnimationEvent) {
+      const $xeNoticeBar = this
+      const reactData = $xeNoticeBar.reactData
+
+      reactData.animationStatus = true
+      $xeNoticeBar.dispatchEvent('start', { status: true }, evnt)
+    },
+    animationEndEvent (evnt: AnimationEvent) {
+      const $xeNoticeBar = this
+      const reactData = $xeNoticeBar.reactData
+
+      reactData.animationStatus = false
+      $xeNoticeBar.dispatchEvent('end', { status: false }, evnt)
+    },
+
+    //
+    // Render
+    //
+    renderVN (h: CreateElement): VNode {
+      const $xeNoticeBar = this
+      const props = $xeNoticeBar
+      const slots = $xeNoticeBar.$scopedSlots
+      const reactData = $xeNoticeBar.reactData
+
+      const { vertical, duration, direction, loop } = props
+      const { animationDuration, animationStatus } = reactData
+      const vSize = $xeNoticeBar.computeSize
+      const noticeText = $xeNoticeBar.computeNoticeText
+      const defaultSlot = slots.default
+      const prefixSlot = slots.prefix
+      const suffixSlot = slots.suffix
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-notice-bar', `is--${vertical ? 'vertical' : 'horizontal'}`, `dir--${direction || 'left'}`, {
+          [`size--${vSize}`]: vSize,
+          'is--loop': loop
+        }]
+      }, [
+        prefixSlot
+          ? h('div', {
+            class: 'vxe-notice-bar--prefix'
+          }, prefixSlot({}))
+          : renderEmptyElement($xeNoticeBar),
+        h('div', {
+          class: 'vxe-notice-bar--content'
+        }, [
+          h('div', {
+            ref: 'refContentElem',
+            class: 'vxe-notice-bar--inner'
+          }, [
+            h('div', {
+              class: ['vxe-notice-bar--wrapper', `is--${animationStatus ? 'progress' : 'end'}`],
+              style: {
+                animationDuration: duration ? toCssUnit(duration, 's') : `${animationDuration}s`
+              }
+            }, defaultSlot ? defaultSlot({}) : noticeText)
+          ])
+        ]),
+        suffixSlot
+          ? h('div', {
+            class: 'vxe-notice-bar--suffix'
+          }, suffixSlot({}))
+          : renderEmptyElement($xeNoticeBar)
+      ])
+    }
+  },
+  watch: {
+    computeTabsResizeFlag () {
+      const $xeNoticeBar = this
+
+      $xeNoticeBar.updateAnimationStyle()
+    }
+  },
+  mounted () {
+    const $xeNoticeBar = this
+
+    globalEvents.on($xeNoticeBar, 'resize', $xeNoticeBar.updateAnimationStyle)
+    $xeNoticeBar.updateAnimationStyle()
+  },
+  beforeDestroy () {
+    const $xeNoticeBar = this
+
+    globalEvents.off($xeNoticeBar, 'resize')
+  },
+  render (this: any, h) {
+    return this.renderVN(h)
+  }
+}) /* define-vxe-component end */

package/packages/number-input/index.ts

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