vxe-pc-ui 3.14.4 → 3.14.6

package/packages/badge/index.ts

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

package/packages/badge/src/badge.ts

@@ -1,87 +1,87 @@
-import { CreateElement, VNode, PropType } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import XEUtils from 'xe-utils'
-import { getConfig, createEvent, globalMixins, renderEmptyElement } from '../../ui'
-
-import type { BadgeReactData, VxeBadgeEmits, VxeBadgePropTypes, ValueOf, VxeComponentSizeType } from '../../../types'
-
-export default /* define-vxe-component start */ defineVxeComponent({
-  name: 'VxeBadge',
-  mixins: [
-    globalMixins.sizeMixin
-  ],
-  props: {
-    count: [String, Number] as PropType<VxeBadgePropTypes.Count>,
-    dot: Boolean as PropType<VxeBadgePropTypes.Dot>,
-    content: [String, Number] as PropType<VxeBadgePropTypes.Content>,
-    size: {
-      type: String as PropType<VxeBadgePropTypes.Size>,
-      default: () => getConfig().badge.size || getConfig().size
-    }
-  },
-  data () {
-    const xID = XEUtils.uniqueId()
-    const reactData: BadgeReactData = {
-    }
-    return {
-      xID,
-      reactData
-    }
-  },
-  computed: {
-    ...({} as {
-      computeSize(): VxeComponentSizeType
-    }),
-    computeCountNum () {
-      const $xeAvatar = this
-      const props = $xeAvatar
-
-      const { count } = props
-      return count ? XEUtils.toNumber(count) : 0
-    }
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent (type: ValueOf<VxeBadgeEmits>, params: Record<string, any>, evnt: Event | null) {
-      const $xeBadge = this
-      $xeBadge.$emit(type, createEvent(evnt, { $badge: $xeBadge }, params))
-    },
-
-    //
-    // Render
-    //
-    renderVN (h: CreateElement): VNode {
-      const $xeBadge = this
-      const props = $xeBadge
-      const slots = $xeBadge.$scopedSlots
-
-      const { dot, content } = props
-      const vSize = $xeBadge.computeSize
-      const countNum = $xeBadge.computeCountNum
-      const defaultSlot = slots.default
-      return h('div', {
-        ref: 'refElem',
-        class: ['vxe-badge', {
-          [`size--${vSize}`]: vSize,
-          'is--dot': dot
-        }]
-      }, [
-        defaultSlot || content
-          ? h('div', {
-            class: 'vxe-badge--content'
-          }, defaultSlot ? defaultSlot({}) : `${content || ''}`)
-          : [],
-        countNum
-          ? h('span', {
-            class: 'vxe-badge--count'
-          }, countNum > 99 ? '99+' : `${countNum}`)
-          : renderEmptyElement($xeBadge)
-      ])
-    }
-  },
-  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, createEvent, globalMixins, renderEmptyElement } from '../../ui'
+
+import type { BadgeReactData, VxeBadgeEmits, VxeBadgePropTypes, ValueOf, VxeComponentSizeType } from '../../../types'
+
+export default /* define-vxe-component start */ defineVxeComponent({
+  name: 'VxeBadge',
+  mixins: [
+    globalMixins.sizeMixin
+  ],
+  props: {
+    count: [String, Number] as PropType<VxeBadgePropTypes.Count>,
+    dot: Boolean as PropType<VxeBadgePropTypes.Dot>,
+    content: [String, Number] as PropType<VxeBadgePropTypes.Content>,
+    size: {
+      type: String as PropType<VxeBadgePropTypes.Size>,
+      default: () => getConfig().badge.size || getConfig().size
+    }
+  },
+  data () {
+    const xID = XEUtils.uniqueId()
+    const reactData: BadgeReactData = {
+    }
+    return {
+      xID,
+      reactData
+    }
+  },
+  computed: {
+    ...({} as {
+      computeSize(): VxeComponentSizeType
+    }),
+    computeCountNum () {
+      const $xeAvatar = this
+      const props = $xeAvatar
+
+      const { count } = props
+      return count ? XEUtils.toNumber(count) : 0
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent (type: ValueOf<VxeBadgeEmits>, params: Record<string, any>, evnt: Event | null) {
+      const $xeBadge = this
+      $xeBadge.$emit(type, createEvent(evnt, { $badge: $xeBadge }, params))
+    },
+
+    //
+    // Render
+    //
+    renderVN (h: CreateElement): VNode {
+      const $xeBadge = this
+      const props = $xeBadge
+      const slots = $xeBadge.$scopedSlots
+
+      const { dot, content } = props
+      const vSize = $xeBadge.computeSize
+      const countNum = $xeBadge.computeCountNum
+      const defaultSlot = slots.default
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-badge', {
+          [`size--${vSize}`]: vSize,
+          'is--dot': dot
+        }]
+      }, [
+        defaultSlot || content
+          ? h('div', {
+            class: 'vxe-badge--content'
+          }, defaultSlot ? defaultSlot({}) : `${content || ''}`)
+          : [],
+        countNum
+          ? h('span', {
+            class: 'vxe-badge--count'
+          }, countNum > 99 ? '99+' : `${countNum}`)
+          : renderEmptyElement($xeBadge)
+      ])
+    }
+  },
+  render (this: any, h) {
+    return this.renderVN(h)
+  }
+}) /* define-vxe-component end */

package/packages/breadcrumb/index.ts

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

package/packages/breadcrumb/src/breadcrumb-item.ts

@@ -1,118 +1,118 @@
-import { CreateElement, PropType, VNode } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import XEUtils from 'xe-utils'
-import { globalMixins, createEvent, renderEmptyElement } from '../../ui'
-
-import type { VxeBreadcrumbItemPropTypes, BreadcrumbItemReactData, VxeComponentSizeType, VxeBreadcrumbEmits, VxeBreadcrumbConstructor, VxeBreadcrumbPrivateMethods, ValueOf } from '../../../types'
-
-export default /* define-vxe-component start */ defineVxeComponent({
-  name: 'VxeBreadcrumbItem',
-  mixins: [
-    globalMixins.sizeMixin
-  ],
-  props: {
-    title: String as PropType<VxeBreadcrumbItemPropTypes.Title>,
-    routerLink: Object as PropType<VxeBreadcrumbItemPropTypes.RouterLink>
-  },
-  inject: {
-    $xeBreadcrumb: {
-      default: null
-    }
-  },
-  data () {
-    const xID = XEUtils.uniqueId()
-    const reactData: BreadcrumbItemReactData = {
-    }
-    return {
-      xID,
-      reactData
-    }
-  },
-  computed: {
-    ...({} as {
-        computeSize(): VxeComponentSizeType
-        $xeBreadcrumb(): (VxeBreadcrumbConstructor & VxeBreadcrumbPrivateMethods) | null
-      }),
-    computeSeparator () {
-      const $xeBreadcrumbItem = this
-      const $xeBreadcrumb = $xeBreadcrumbItem.$xeBreadcrumb
-
-      if ($xeBreadcrumb) {
-        return $xeBreadcrumb.separator
-      }
-      return ''
-    }
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent (type: ValueOf<VxeBreadcrumbEmits>, params: Record<string, any>, evnt: Event | null) {
-      const $xeBreadcrumbItem = this
-      $xeBreadcrumbItem.$emit(type, createEvent(evnt, { $breadcrumbItem: $xeBreadcrumbItem }, params))
-    },
-    clickEvent  (evnt: MouseEvent) {
-      const $xeBreadcrumbItem = this
-      const props = $xeBreadcrumbItem
-      const $xeBreadcrumb = $xeBreadcrumbItem.$xeBreadcrumb
-
-      if ($xeBreadcrumb) {
-        const item = {
-          title: props.title,
-          routerLink: props.routerLink
-        }
-        $xeBreadcrumb.handleClickLink(evnt, item)
-      }
-    },
-
-    //
-    // Render
-    //
-    renderVN (h: CreateElement): VNode {
-      const $xeBreadcrumbItem = this
-      const props = $xeBreadcrumbItem
-      const slots = $xeBreadcrumbItem.$scopedSlots
-
-      const { title, routerLink } = props
-      const separator = $xeBreadcrumbItem.computeSeparator
-      const defaultSlot = slots.default
-
-      return h('span', {
-        ref: 'refElem',
-        class: 'vxe-breadcrumb-item',
-        on: {
-          click: $xeBreadcrumbItem.clickEvent
-        }
-      }, [
-        h('span', {
-          class: 'vxe-breadcrumb-item--content'
-        }, [
-          routerLink
-            ? h('router-link', {
-              class: 'vxe-breadcrumb-item--content-link',
-              props: {
-                title,
-                custom: true,
-                to: routerLink
-              }
-            }, [
-              h('span', {
-                class: 'vxe-breadcrumb-item--content-text'
-              }, defaultSlot ? defaultSlot({}) : `${title || ''}`)
-            ])
-            : h('span', {
-              class: 'vxe-breadcrumb-item--content-text'
-            }, defaultSlot ? defaultSlot({}) : `${title || ''}`)
-        ]),
-        separator
-          ? h('span', {
-            class: 'vxe-breadcrumb-item--separator'
-          }, `${separator}`)
-          : renderEmptyElement($xeBreadcrumbItem)
-      ])
-    }
-  },
-  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 { globalMixins, createEvent, renderEmptyElement } from '../../ui'
+
+import type { VxeBreadcrumbItemPropTypes, BreadcrumbItemReactData, VxeComponentSizeType, VxeBreadcrumbEmits, VxeBreadcrumbConstructor, VxeBreadcrumbPrivateMethods, ValueOf } from '../../../types'
+
+export default /* define-vxe-component start */ defineVxeComponent({
+  name: 'VxeBreadcrumbItem',
+  mixins: [
+    globalMixins.sizeMixin
+  ],
+  props: {
+    title: String as PropType<VxeBreadcrumbItemPropTypes.Title>,
+    routerLink: Object as PropType<VxeBreadcrumbItemPropTypes.RouterLink>
+  },
+  inject: {
+    $xeBreadcrumb: {
+      default: null
+    }
+  },
+  data () {
+    const xID = XEUtils.uniqueId()
+    const reactData: BreadcrumbItemReactData = {
+    }
+    return {
+      xID,
+      reactData
+    }
+  },
+  computed: {
+    ...({} as {
+        computeSize(): VxeComponentSizeType
+        $xeBreadcrumb(): (VxeBreadcrumbConstructor & VxeBreadcrumbPrivateMethods) | null
+      }),
+    computeSeparator () {
+      const $xeBreadcrumbItem = this
+      const $xeBreadcrumb = $xeBreadcrumbItem.$xeBreadcrumb
+
+      if ($xeBreadcrumb) {
+        return $xeBreadcrumb.separator
+      }
+      return ''
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent (type: ValueOf<VxeBreadcrumbEmits>, params: Record<string, any>, evnt: Event | null) {
+      const $xeBreadcrumbItem = this
+      $xeBreadcrumbItem.$emit(type, createEvent(evnt, { $breadcrumbItem: $xeBreadcrumbItem }, params))
+    },
+    clickEvent  (evnt: MouseEvent) {
+      const $xeBreadcrumbItem = this
+      const props = $xeBreadcrumbItem
+      const $xeBreadcrumb = $xeBreadcrumbItem.$xeBreadcrumb
+
+      if ($xeBreadcrumb) {
+        const item = {
+          title: props.title,
+          routerLink: props.routerLink
+        }
+        $xeBreadcrumb.handleClickLink(evnt, item)
+      }
+    },
+
+    //
+    // Render
+    //
+    renderVN (h: CreateElement): VNode {
+      const $xeBreadcrumbItem = this
+      const props = $xeBreadcrumbItem
+      const slots = $xeBreadcrumbItem.$scopedSlots
+
+      const { title, routerLink } = props
+      const separator = $xeBreadcrumbItem.computeSeparator
+      const defaultSlot = slots.default
+
+      return h('span', {
+        ref: 'refElem',
+        class: 'vxe-breadcrumb-item',
+        on: {
+          click: $xeBreadcrumbItem.clickEvent
+        }
+      }, [
+        h('span', {
+          class: 'vxe-breadcrumb-item--content'
+        }, [
+          routerLink
+            ? h('router-link', {
+              class: 'vxe-breadcrumb-item--content-link',
+              props: {
+                title,
+                custom: true,
+                to: routerLink
+              }
+            }, [
+              h('span', {
+                class: 'vxe-breadcrumb-item--content-text'
+              }, defaultSlot ? defaultSlot({}) : `${title || ''}`)
+            ])
+            : h('span', {
+              class: 'vxe-breadcrumb-item--content-text'
+            }, defaultSlot ? defaultSlot({}) : `${title || ''}`)
+        ]),
+        separator
+          ? h('span', {
+            class: 'vxe-breadcrumb-item--separator'
+          }, `${separator}`)
+          : renderEmptyElement($xeBreadcrumbItem)
+      ])
+    }
+  },
+  render (this: any, h) {
+    return this.renderVN(h)
+  }
+}) /* define-vxe-component end */

package/packages/breadcrumb/src/breadcrumb.ts

@@ -1,89 +1,89 @@
-import { CreateElement, PropType, VNode } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import XEUtils from 'xe-utils'
-import { getConfig, globalMixins, createEvent } from '../../ui'
-import VxeBreadcrumbItemComponent from './breadcrumb-item'
-
-import type { VxeBreadcrumbPropTypes, BreadcrumbReactData, VxeBreadcrumbItemProps, VxeComponentSizeType, VxeBreadcrumbEmits, ValueOf } from '../../../types'
-
-export default /* define-vxe-component start */ defineVxeComponent({
-  name: 'VxeBreadcrumb',
-  mixins: [
-    globalMixins.sizeMixin
-  ],
-  props: {
-    separator: {
-      type: String as PropType<VxeBreadcrumbPropTypes.Separator>,
-      default: () => getConfig().breadcrumb.separator
-    },
-    options: Array as PropType<VxeBreadcrumbPropTypes.Options>
-  },
-  provide () {
-    const $xeBreadcrumb = this
-    return {
-      $xeBreadcrumb
-    }
-  },
-  data () {
-    const xID = XEUtils.uniqueId()
-    const reactData: BreadcrumbReactData = {
-    }
-    return {
-      xID,
-      reactData
-    }
-  },
-  computed: {
-    ...({} as {
-      computeSize(): VxeComponentSizeType
-    })
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent (type: ValueOf<VxeBreadcrumbEmits>, params: Record<string, any>, evnt: Event | null) {
-      const $xeBreadcrumb = this
-      $xeBreadcrumb.$emit(type, createEvent(evnt, { $breadcrumb: $xeBreadcrumb }, params))
-    },
-    handleClickLink (evnt: MouseEvent, option?: VxeBreadcrumbItemProps) {
-      const $xeBreadcrumb = this
-      $xeBreadcrumb.dispatchEvent('click', { option }, evnt)
-    },
-
-    //
-    // Render
-    //
-    renderItems  (h: CreateElement): VNode[] {
-      const $xeBreadcrumb = this
-      const props = $xeBreadcrumb
-
-      const { options } = props
-      if (options && options.length) {
-        return options.map(item => {
-          return h(VxeBreadcrumbItemComponent, {
-            props: {
-              title: item.title,
-              routerLink: item.routerLink
-            }
-          })
-        })
-      }
-      return []
-    },
-    renderVN (h: CreateElement): VNode {
-      const $xeBreadcrumb = this
-      const slots = $xeBreadcrumb.$scopedSlots
-
-      const defaultSlot = slots.default
-
-      return h('div', {
-        ref: 'refElem',
-        class: 'vxe-breadcrumb'
-      }, defaultSlot ? defaultSlot({}) : $xeBreadcrumb.renderItems(h))
-    }
-  },
-  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, globalMixins, createEvent } from '../../ui'
+import VxeBreadcrumbItemComponent from './breadcrumb-item'
+
+import type { VxeBreadcrumbPropTypes, BreadcrumbReactData, VxeBreadcrumbItemProps, VxeComponentSizeType, VxeBreadcrumbEmits, ValueOf } from '../../../types'
+
+export default /* define-vxe-component start */ defineVxeComponent({
+  name: 'VxeBreadcrumb',
+  mixins: [
+    globalMixins.sizeMixin
+  ],
+  props: {
+    separator: {
+      type: String as PropType<VxeBreadcrumbPropTypes.Separator>,
+      default: () => getConfig().breadcrumb.separator
+    },
+    options: Array as PropType<VxeBreadcrumbPropTypes.Options>
+  },
+  provide () {
+    const $xeBreadcrumb = this
+    return {
+      $xeBreadcrumb
+    }
+  },
+  data () {
+    const xID = XEUtils.uniqueId()
+    const reactData: BreadcrumbReactData = {
+    }
+    return {
+      xID,
+      reactData
+    }
+  },
+  computed: {
+    ...({} as {
+      computeSize(): VxeComponentSizeType
+    })
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent (type: ValueOf<VxeBreadcrumbEmits>, params: Record<string, any>, evnt: Event | null) {
+      const $xeBreadcrumb = this
+      $xeBreadcrumb.$emit(type, createEvent(evnt, { $breadcrumb: $xeBreadcrumb }, params))
+    },
+    handleClickLink (evnt: MouseEvent, option?: VxeBreadcrumbItemProps) {
+      const $xeBreadcrumb = this
+      $xeBreadcrumb.dispatchEvent('click', { option }, evnt)
+    },
+
+    //
+    // Render
+    //
+    renderItems  (h: CreateElement): VNode[] {
+      const $xeBreadcrumb = this
+      const props = $xeBreadcrumb
+
+      const { options } = props
+      if (options && options.length) {
+        return options.map(item => {
+          return h(VxeBreadcrumbItemComponent, {
+            props: {
+              title: item.title,
+              routerLink: item.routerLink
+            }
+          })
+        })
+      }
+      return []
+    },
+    renderVN (h: CreateElement): VNode {
+      const $xeBreadcrumb = this
+      const slots = $xeBreadcrumb.$scopedSlots
+
+      const defaultSlot = slots.default
+
+      return h('div', {
+        ref: 'refElem',
+        class: 'vxe-breadcrumb'
+      }, defaultSlot ? defaultSlot({}) : $xeBreadcrumb.renderItems(h))
+    }
+  },
+  render (this: any, h) {
+    return this.renderVN(h)
+  }
+}) /* define-vxe-component end */