vxe-pc-ui 3.14.6 → 3.14.8

package/packages/alert/index.ts

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

package/packages/alert/src/alert.ts

@@ -1,106 +1,106 @@
-import { CreateElement, PropType, VNode } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import XEUtils from 'xe-utils'
-import { getConfig, createEvent, getIcon, renderEmptyElement } from '../../ui'
-import { getSlotVNs } from '../../ui/src/vn'
-
-import type { VxeAlertPropTypes, AlertReactData, VxeAlertEmits, ValueOf } from '../../../types'
-
-export default /* define-vxe-component start */ defineVxeComponent({
-  name: 'VxeAlert',
-  props: {
-    title: {
-      type: [String, Number] as PropType<VxeAlertPropTypes.Title>,
-      default: () => getConfig().alert.title
-    },
-    content: [String, Number] as PropType<VxeAlertPropTypes.Content>,
-    status: String as PropType<VxeAlertPropTypes.Status>,
-    showIcon: Boolean as PropType<VxeAlertPropTypes.ShowIcon>,
-    showClose: Boolean as PropType<VxeAlertPropTypes.ShowClose>,
-    icon: {
-      type: String as PropType<VxeAlertPropTypes.Icon>,
-      default: () => getConfig().alert.icon
-    }
-  },
-  data () {
-    const xID = XEUtils.uniqueId()
-    const reactData: AlertReactData = {
-    }
-    return {
-      xID,
-      reactData
-    }
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent (type: ValueOf<VxeAlertEmits>, params: Record<string, any>, evnt: Event | null) {
-      const $xeAlert = this
-      this.$emit(type, createEvent(evnt, { $alert: $xeAlert }, params))
-    },
-    closeEvent  (evnt: MouseEvent) {
-      const $xeAlert = this
-      $xeAlert.dispatchEvent('close', {}, evnt)
-    },
-
-    //
-    // Render
-    //
-    renderVN (h: CreateElement): VNode {
-      const $xeAlert = this
-      const props = $xeAlert
-      const slots = $xeAlert.$scopedSlots
-
-      const { status, content, icon, title, showIcon, showClose } = props
-      const defaultSlot = slots.default
-      const titleSlot = slots.title
-      const iconSlot = slots.icon
-      return h('div', {
-        ref: 'refElem',
-        class: ['vxe-alert', {
-          [`theme--${status}`]: status
-        }]
-      }, [
-        iconSlot || (showIcon && status) || icon
-          ? h('div', {
-            class: 'vxe-alert--icon'
-          }, iconSlot
-            ? getSlotVNs(iconSlot({}))
-            : [
-                h('i', {
-                  class: icon || getIcon()[`ALERT_${status?.toUpperCase()}` as 'ALERT_SUCCESS']
-                })
-              ])
-          : renderEmptyElement($xeAlert),
-        h('div', {
-          class: 'vxe-alert--body'
-        }, [
-          titleSlot || title
-            ? h('div', {
-              class: 'vxe-alert--title'
-            }, titleSlot ? getSlotVNs(titleSlot({})) : XEUtils.toValueString(title))
-            : renderEmptyElement($xeAlert),
-          h('div', {
-            class: 'vxe-alert--content'
-          }, defaultSlot ? getSlotVNs(defaultSlot({})) : XEUtils.toValueString(content))
-        ]),
-        showClose
-          ? h('div', {
-            class: 'vxe-alert--close-btn',
-            on: {
-              click: $xeAlert.closeEvent
-            }
-          }, [
-            h('i', {
-              class: getIcon().ALERT_CLOSE
-            })
-          ])
-          : renderEmptyElement($xeAlert)
-      ])
-    }
-  },
-  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, getIcon, renderEmptyElement } from '../../ui'
+import { getSlotVNs } from '../../ui/src/vn'
+
+import type { VxeAlertPropTypes, AlertReactData, VxeAlertEmits, ValueOf } from '../../../types'
+
+export default /* define-vxe-component start */ defineVxeComponent({
+  name: 'VxeAlert',
+  props: {
+    title: {
+      type: [String, Number] as PropType<VxeAlertPropTypes.Title>,
+      default: () => getConfig().alert.title
+    },
+    content: [String, Number] as PropType<VxeAlertPropTypes.Content>,
+    status: String as PropType<VxeAlertPropTypes.Status>,
+    showIcon: Boolean as PropType<VxeAlertPropTypes.ShowIcon>,
+    showClose: Boolean as PropType<VxeAlertPropTypes.ShowClose>,
+    icon: {
+      type: String as PropType<VxeAlertPropTypes.Icon>,
+      default: () => getConfig().alert.icon
+    }
+  },
+  data () {
+    const xID = XEUtils.uniqueId()
+    const reactData: AlertReactData = {
+    }
+    return {
+      xID,
+      reactData
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent (type: ValueOf<VxeAlertEmits>, params: Record<string, any>, evnt: Event | null) {
+      const $xeAlert = this
+      this.$emit(type, createEvent(evnt, { $alert: $xeAlert }, params))
+    },
+    closeEvent  (evnt: MouseEvent) {
+      const $xeAlert = this
+      $xeAlert.dispatchEvent('close', {}, evnt)
+    },
+
+    //
+    // Render
+    //
+    renderVN (h: CreateElement): VNode {
+      const $xeAlert = this
+      const props = $xeAlert
+      const slots = $xeAlert.$scopedSlots
+
+      const { status, content, icon, title, showIcon, showClose } = props
+      const defaultSlot = slots.default
+      const titleSlot = slots.title
+      const iconSlot = slots.icon
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-alert', {
+          [`theme--${status}`]: status
+        }]
+      }, [
+        iconSlot || (showIcon && status) || icon
+          ? h('div', {
+            class: 'vxe-alert--icon'
+          }, iconSlot
+            ? getSlotVNs(iconSlot({}))
+            : [
+                h('i', {
+                  class: icon || getIcon()[`ALERT_${status?.toUpperCase()}` as 'ALERT_SUCCESS']
+                })
+              ])
+          : renderEmptyElement($xeAlert),
+        h('div', {
+          class: 'vxe-alert--body'
+        }, [
+          titleSlot || title
+            ? h('div', {
+              class: 'vxe-alert--title'
+            }, titleSlot ? getSlotVNs(titleSlot({})) : XEUtils.toValueString(title))
+            : renderEmptyElement($xeAlert),
+          h('div', {
+            class: 'vxe-alert--content'
+          }, defaultSlot ? getSlotVNs(defaultSlot({})) : XEUtils.toValueString(content))
+        ]),
+        showClose
+          ? h('div', {
+            class: 'vxe-alert--close-btn',
+            on: {
+              click: $xeAlert.closeEvent
+            }
+          }, [
+            h('i', {
+              class: getIcon().ALERT_CLOSE
+            })
+          ])
+          : renderEmptyElement($xeAlert)
+      ])
+    }
+  },
+  render (this: any, h) {
+    return this.renderVN(h)
+  }
+}) /* define-vxe-component end */

package/packages/anchor/index.ts

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

package/packages/anchor/src/anchor-link.ts

@@ -1,158 +1,158 @@
-import { CreateElement, PropType, VNode } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import XEUtils from 'xe-utils'
-import { createEvent, renderEmptyElement } from '../../ui'
-import { assembleAnchorLink, destroyAnchorLink } from './util'
-
-import type { VxeAnchorLinkDefines, VxeAnchorLinkPropTypes, AnchorLinkReactData, VxeComponentSizeType, VxeAnchorLinkEmits, VxeAnchorLinkConstructor, VxeAnchorLinkPrivateMethods, VxeAnchorConstructor, VxeAnchorPrivateMethods, ValueOf } from '../../../types'
-
-export default /* define-vxe-component start */ defineVxeComponent({
-  name: 'VxeAnchorLink',
-  props: {
-    content: [String, Number] as PropType<VxeAnchorLinkPropTypes.Content>,
-    title: [String, Number] as PropType<VxeAnchorLinkPropTypes.Title>,
-    href: String as PropType<VxeAnchorLinkPropTypes.Href>
-  },
-  inject: {
-    $xeAnchor: {
-      default: null
-    },
-    $xeParentAnchorLink: {
-      from: '$xeAnchorLink',
-      default: null
-    }
-  },
-  provide () {
-    const $xeAnchorLink = this
-    return {
-      $xeAnchorLink
-    }
-  },
-  data () {
-    const xID = XEUtils.uniqueId()
-    const reactData: AnchorLinkReactData = {
-    }
-    const linkConfig: VxeAnchorLinkDefines.LinkConfig = {
-      id: xID,
-      href: '',
-      children: []
-    }
-    return {
-      xID,
-      reactData,
-      linkConfig
-    }
-  },
-  computed: {
-    ...({} as {
-      computeSize(): VxeComponentSizeType
-      $xeAnchor(): (VxeAnchorConstructor & VxeAnchorPrivateMethods) | null
-      $xeParentAnchorLink(): (VxeAnchorLinkConstructor & VxeAnchorLinkPrivateMethods) | null
-    }),
-    computeIsActive () {
-      const $xeAnchorLink = this
-      const props = $xeAnchorLink
-      const $xeAnchor = $xeAnchorLink.$xeAnchor
-
-      const { href } = props
-      if ($xeAnchor) {
-        return $xeAnchor.reactData.activeHref === href
-      }
-      return null
-    }
-  },
-  watch: {
-    href (val) {
-      const $xeAnchorLink = this
-      const linkConfig = $xeAnchorLink.linkConfig
-
-      linkConfig.href = val
-    }
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent (type: ValueOf<VxeAnchorLinkEmits>, params: Record<string, any>, evnt: Event | null) {
-      const $xeAnchorLink = this
-      $xeAnchorLink.$emit(type, createEvent(evnt, { $anchorLink: $xeAnchorLink }, params))
-    },
-    clickEvent  (event: KeyboardEvent) {
-      const $xeAnchorLink = this
-      const props = $xeAnchorLink
-      const $xeAnchor = $xeAnchorLink.$xeAnchor
-
-      const { href } = props
-      if ($xeAnchor) {
-        $xeAnchor.handleClickLink(event, href)
-      }
-    },
-
-    //
-    // Render
-    //
-    renderVN (h: CreateElement): VNode {
-      const $xeAnchorLink = this
-      const props = $xeAnchorLink
-      const slots = $xeAnchorLink.$scopedSlots
-
-      const { href, content, title } = props
-      const defaultSlot = slots.default
-      const subSlot = slots.sub
-      const isActive = $xeAnchorLink.computeIsActive
-
-      return h('div', {
-        ref: 'refElem',
-        class: ['vxe-anchor-link', {
-          'is--active': isActive
-        }]
-      }, [
-        h('a', {
-          class: 'vxe-anchor-link--item',
-          attrs: {
-            href,
-            title
-          },
-          on: {
-            click: $xeAnchorLink.clickEvent
-          }
-        }, defaultSlot ? defaultSlot({}) : (XEUtils.toValueString(content))),
-        subSlot
-          ? h('div', {
-            class: 'vxe-anchor-link--sub-items'
-          }, subSlot({}))
-          : renderEmptyElement($xeAnchorLink)
-      ])
-    }
-  },
-  created () {
-    const $xeAnchorLink = this
-    const props = $xeAnchorLink
-    const linkConfig = $xeAnchorLink.linkConfig
-
-    linkConfig.href = props.href
-  },
-  mounted () {
-    const $xeAnchorLink = this
-    const $xeAnchor = $xeAnchorLink.$xeAnchor
-    const $xeParentAnchorLink = $xeAnchorLink.$xeParentAnchorLink
-    const linkConfig = $xeAnchorLink.linkConfig
-
-    const elem = $xeAnchorLink.$refs.refElem as HTMLDivElement
-    if ($xeAnchor && elem) {
-      assembleAnchorLink($xeAnchor, elem, linkConfig, $xeParentAnchorLink)
-    }
-  },
-  beforeDestroy () {
-    const $xeAnchorLink = this
-    const $xeAnchor = $xeAnchorLink.$xeAnchor
-    const linkConfig = $xeAnchorLink.linkConfig
-
-    if ($xeAnchor) {
-      destroyAnchorLink($xeAnchor, linkConfig)
-    }
-  },
-  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 { createEvent, renderEmptyElement } from '../../ui'
+import { assembleAnchorLink, destroyAnchorLink } from './util'
+
+import type { VxeAnchorLinkDefines, VxeAnchorLinkPropTypes, AnchorLinkReactData, VxeComponentSizeType, VxeAnchorLinkEmits, VxeAnchorLinkConstructor, VxeAnchorLinkPrivateMethods, VxeAnchorConstructor, VxeAnchorPrivateMethods, ValueOf } from '../../../types'
+
+export default /* define-vxe-component start */ defineVxeComponent({
+  name: 'VxeAnchorLink',
+  props: {
+    content: [String, Number] as PropType<VxeAnchorLinkPropTypes.Content>,
+    title: [String, Number] as PropType<VxeAnchorLinkPropTypes.Title>,
+    href: String as PropType<VxeAnchorLinkPropTypes.Href>
+  },
+  inject: {
+    $xeAnchor: {
+      default: null
+    },
+    $xeParentAnchorLink: {
+      from: '$xeAnchorLink',
+      default: null
+    }
+  },
+  provide () {
+    const $xeAnchorLink = this
+    return {
+      $xeAnchorLink
+    }
+  },
+  data () {
+    const xID = XEUtils.uniqueId()
+    const reactData: AnchorLinkReactData = {
+    }
+    const linkConfig: VxeAnchorLinkDefines.LinkConfig = {
+      id: xID,
+      href: '',
+      children: []
+    }
+    return {
+      xID,
+      reactData,
+      linkConfig
+    }
+  },
+  computed: {
+    ...({} as {
+      computeSize(): VxeComponentSizeType
+      $xeAnchor(): (VxeAnchorConstructor & VxeAnchorPrivateMethods) | null
+      $xeParentAnchorLink(): (VxeAnchorLinkConstructor & VxeAnchorLinkPrivateMethods) | null
+    }),
+    computeIsActive () {
+      const $xeAnchorLink = this
+      const props = $xeAnchorLink
+      const $xeAnchor = $xeAnchorLink.$xeAnchor
+
+      const { href } = props
+      if ($xeAnchor) {
+        return $xeAnchor.reactData.activeHref === href
+      }
+      return null
+    }
+  },
+  watch: {
+    href (val) {
+      const $xeAnchorLink = this
+      const linkConfig = $xeAnchorLink.linkConfig
+
+      linkConfig.href = val
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent (type: ValueOf<VxeAnchorLinkEmits>, params: Record<string, any>, evnt: Event | null) {
+      const $xeAnchorLink = this
+      $xeAnchorLink.$emit(type, createEvent(evnt, { $anchorLink: $xeAnchorLink }, params))
+    },
+    clickEvent  (event: KeyboardEvent) {
+      const $xeAnchorLink = this
+      const props = $xeAnchorLink
+      const $xeAnchor = $xeAnchorLink.$xeAnchor
+
+      const { href } = props
+      if ($xeAnchor) {
+        $xeAnchor.handleClickLink(event, href)
+      }
+    },
+
+    //
+    // Render
+    //
+    renderVN (h: CreateElement): VNode {
+      const $xeAnchorLink = this
+      const props = $xeAnchorLink
+      const slots = $xeAnchorLink.$scopedSlots
+
+      const { href, content, title } = props
+      const defaultSlot = slots.default
+      const subSlot = slots.sub
+      const isActive = $xeAnchorLink.computeIsActive
+
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-anchor-link', {
+          'is--active': isActive
+        }]
+      }, [
+        h('a', {
+          class: 'vxe-anchor-link--item',
+          attrs: {
+            href,
+            title
+          },
+          on: {
+            click: $xeAnchorLink.clickEvent
+          }
+        }, defaultSlot ? defaultSlot({}) : (XEUtils.toValueString(content))),
+        subSlot
+          ? h('div', {
+            class: 'vxe-anchor-link--sub-items'
+          }, subSlot({}))
+          : renderEmptyElement($xeAnchorLink)
+      ])
+    }
+  },
+  created () {
+    const $xeAnchorLink = this
+    const props = $xeAnchorLink
+    const linkConfig = $xeAnchorLink.linkConfig
+
+    linkConfig.href = props.href
+  },
+  mounted () {
+    const $xeAnchorLink = this
+    const $xeAnchor = $xeAnchorLink.$xeAnchor
+    const $xeParentAnchorLink = $xeAnchorLink.$xeParentAnchorLink
+    const linkConfig = $xeAnchorLink.linkConfig
+
+    const elem = $xeAnchorLink.$refs.refElem as HTMLDivElement
+    if ($xeAnchor && elem) {
+      assembleAnchorLink($xeAnchor, elem, linkConfig, $xeParentAnchorLink)
+    }
+  },
+  beforeDestroy () {
+    const $xeAnchorLink = this
+    const $xeAnchor = $xeAnchorLink.$xeAnchor
+    const linkConfig = $xeAnchorLink.linkConfig
+
+    if ($xeAnchor) {
+      destroyAnchorLink($xeAnchor, linkConfig)
+    }
+  },
+  render (this: any, h) {
+    return this.renderVN(h)
+  }
+}) /* define-vxe-component end */