vxe-pc-ui 3.13.11 → 3.13.13

package/packages/collapse/src/collapse.ts

@@ -1,259 +1,259 @@
-import { CreateElement, PropType, VNode } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import { getConfig, getIcon, createEvent, permission, renderEmptyElement, globalMixins } from '../../ui'
-import { getSlotVNs } from '../../ui/src/vn'
-import XEUtils from 'xe-utils'
-
-import type { CollapseReactData, VxeCollapseEmits, VxeCollapsePropTypes, VxeCollapsePanePropTypes, VxeCollapsePaneProps, VxeCollapsePaneDefines, VxeComponentSizeType, ValueOf } from '../../../types'
-
-export default /* define-vxe-component start */ defineVxeComponent({
-  name: 'VxeCollapse',
-  mixins: [
-    globalMixins.sizeMixin,
-    globalMixins.permissionMixin
-  ],
-  props: {
-    modelValue: Array as PropType<VxeCollapsePropTypes.ModelValue>,
-    options: Array as PropType<VxeCollapsePropTypes.Options>,
-    padding: {
-      type: Boolean as PropType<VxeCollapsePropTypes.Padding>,
-      default: () => getConfig().collapse.padding
-    },
-    expandConfig: Object as PropType<VxeCollapsePropTypes.ExpandConfig>,
-    size: {
-      type: String as PropType<VxeCollapsePropTypes.Size>,
-      default: () => getConfig().collapse.size || getConfig().size
-    }
-  },
-  provide () {
-    const $xeCollapse = this
-
-    return {
-      $xeCollapse
-    }
-  },
-  data () {
-    const xID = XEUtils.uniqueId()
-    const reactData: CollapseReactData = {
-      staticPanes: [],
-      activeNames: [],
-      initNames: [],
-      cachePaneMaps: {}
-    }
-    return {
-      xID,
-      reactData
-    }
-  },
-  computed: {
-    ...({} as {
-      computeSize(): VxeComponentSizeType
-    }),
-    computeItemOptions (this: any) {
-      const $xeCollapse = this
-      const props = $xeCollapse
-
-      const { options } = props
-      return (options || []).filter((item: any) => $xeCollapse.handleFilterItem(item))
-    },
-    computeItemStaticOptions (this: any) {
-      const $xeCollapse = this
-      const reactData = $xeCollapse.reactData
-
-      const { staticPanes } = reactData
-      return staticPanes.filter((item: any) => $xeCollapse.handleFilterItem(item))
-    },
-    computeExpandOpts () {
-      const $xeCollapse = this
-      const props = $xeCollapse
-
-      return Object.assign({}, getConfig().collapse.expandConfig, props.expandConfig)
-    }
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent (type: ValueOf<VxeCollapseEmits>, params: Record<string, any>, evnt: Event | null) {
-      const $xeCollapse = this
-      $xeCollapse.$emit(type, createEvent(evnt, { $collapse: $xeCollapse }, params))
-    },
-    handleFilterItem  (item: VxeCollapsePaneProps | VxeCollapsePaneDefines.CollapseConfig) {
-      const { permissionCode } = item
-      if (permissionCode) {
-        if (!permission.checkVisible(permissionCode)) {
-          return false
-        }
-      }
-      return true
-    },
-    addInitName  (name: VxeCollapsePanePropTypes.Name | undefined) {
-      const $xeCollapse = this
-      const reactData = $xeCollapse.reactData
-
-      const { initNames } = reactData
-      if (name && !initNames.includes(name)) {
-        initNames.push(name)
-        $xeCollapse.dispatchEvent('load', { name }, null)
-        return true
-      }
-      return false
-    },
-    initDefaultName (list?: VxeCollapsePropTypes.Options | VxeCollapsePaneDefines.CollapseConfig[]) {
-      const $xeCollapse = this
-      const reactData = $xeCollapse.reactData
-
-      const { activeNames } = reactData
-      const nameMaps: Record<string, {
-        loading: boolean
-      }> = {}
-      if (list && list.length) {
-        list.forEach((item) => {
-          const { name, preload } = item || {}
-          if (name) {
-            const isActive = activeNames.includes(name)
-            nameMaps[`${name}`] = {
-              loading: false
-            }
-            if (isActive) {
-              $xeCollapse.addInitName(name)
-            }
-            if (preload) {
-              if (!isActive) {
-                activeNames.push(name)
-              }
-            }
-          }
-        })
-      }
-      reactData.activeNames = activeNames ? activeNames.slice(0) : []
-      reactData.cachePaneMaps = nameMaps
-    },
-    callSlot  (slotFunc: any, params: any, h: CreateElement) {
-      const $xeCollapse = this
-      const slots = $xeCollapse.$scopedSlots
-
-      if (slotFunc) {
-        if (XEUtils.isString(slotFunc)) {
-          slotFunc = slots[slotFunc] || null
-        }
-        if (XEUtils.isFunction(slotFunc)) {
-          return getSlotVNs(slotFunc.call($xeCollapse, params, h))
-        }
-      }
-      return []
-    },
-    handleClickEvent (evnt: MouseEvent, item: VxeCollapsePaneDefines.CollapseConfig | VxeCollapsePaneProps) {
-      const $xeCollapse = this
-      const reactData = $xeCollapse.reactData
-
-      const { activeNames } = reactData
-      const { name } = item
-      if (name) {
-        const aIndex = activeNames.indexOf(name)
-        let expanded = false
-        if (aIndex === -1) {
-          expanded = true
-          activeNames.push(name)
-        } else {
-          activeNames.splice(aIndex, 1)
-        }
-        $xeCollapse.addInitName(name)
-        $xeCollapse.dispatchEvent('change', { value: activeNames, name }, evnt)
-        $xeCollapse.dispatchEvent('toggle-expand', { value: activeNames, name, expanded }, evnt)
-      }
-    },
-
-    //
-    // Render
-    //
-    renderList (h:CreateElement, itemList: VxeCollapsePropTypes.Options | VxeCollapsePaneDefines.CollapseConfig[]) {
-      const $xeCollapse = this
-      const reactData = $xeCollapse.reactData
-
-      const { activeNames, initNames } = reactData
-      const expandOpts = $xeCollapse.computeExpandOpts
-      return itemList.map(item => {
-        const { icon, name, title, slots } = item
-        const titleSlot = slots ? slots.title : null
-        const defaultSlot = slots ? slots.default : null
-        const isActive = name && activeNames.includes(name)
-        return h('div', {
-          class: 'vxe-collapse-item'
-        }, [
-          h('div', {
-            class: 'vxe-collapse--item-header',
-            on: {
-              click (evnt: MouseEvent) {
-                $xeCollapse.handleClickEvent(evnt, item)
-              }
-            }
-          }, [
-            expandOpts.showIcon
-              ? h('span', {
-                class: 'vxe-collapse--item-switch'
-              }, [
-                h('i', {
-                  class: isActive ? getIcon().COLLAPSE_OPEN : getIcon().COLLAPSE_CLOSE
-                })
-              ])
-              : renderEmptyElement($xeCollapse),
-            icon
-              ? h('span', {
-                class: 'vxe-collapse--item-icon'
-              }, [
-                h('i', {
-                  class: icon
-                })
-              ])
-              : renderEmptyElement($xeCollapse),
-            h('span', {
-              class: 'vxe-collapse--item-name'
-            }, titleSlot ? $xeCollapse.callSlot(titleSlot, { name, title }, h) : `${title}`)
-          ]),
-          h('div', {
-            class: ['vxe-collapse--item-content', {
-              'is--visible': isActive
-            }]
-          }, [
-            name && initNames.includes(name)
-              ? h('div', {
-                class: 'vxe-collapse--item-inner'
-              }, [
-                defaultSlot ? $xeCollapse.callSlot(defaultSlot, { name, title }, h) : ''
-              ])
-              : renderEmptyElement($xeCollapse)
-          ])
-        ])
-      })
-    },
-    renderVN (h: CreateElement): VNode {
-      const $xeCollapse = this
-      const props = $xeCollapse
-      const slots = $xeCollapse.$scopedSlots
-
-      const { padding } = props
-      const vSize = $xeCollapse.computeSize
-      const itemOptions = $xeCollapse.computeItemOptions
-      const itemStaticOptions = $xeCollapse.computeItemStaticOptions
-      const defaultSlot = slots.default
-      const itemList = defaultSlot ? itemStaticOptions : itemOptions
-
-      return h('div', {
-        ref: 'refElem',
-        class: ['vxe-collapse', {
-          [`size--${vSize}`]: vSize,
-          'is--padding': padding
-        }]
-      }, [
-        h('div', {
-          class: 'vxe-collapse-slots'
-        }, defaultSlot ? defaultSlot({}) : []),
-        $xeCollapse.renderList(h, itemList)
-      ])
-    }
-  },
-  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 { getConfig, getIcon, createEvent, permission, renderEmptyElement, globalMixins } from '../../ui'
+import { getSlotVNs } from '../../ui/src/vn'
+import XEUtils from 'xe-utils'
+
+import type { CollapseReactData, VxeCollapseEmits, VxeCollapsePropTypes, VxeCollapsePanePropTypes, VxeCollapsePaneProps, VxeCollapsePaneDefines, VxeComponentSizeType, ValueOf } from '../../../types'
+
+export default /* define-vxe-component start */ defineVxeComponent({
+  name: 'VxeCollapse',
+  mixins: [
+    globalMixins.sizeMixin,
+    globalMixins.permissionMixin
+  ],
+  props: {
+    modelValue: Array as PropType<VxeCollapsePropTypes.ModelValue>,
+    options: Array as PropType<VxeCollapsePropTypes.Options>,
+    padding: {
+      type: Boolean as PropType<VxeCollapsePropTypes.Padding>,
+      default: () => getConfig().collapse.padding
+    },
+    expandConfig: Object as PropType<VxeCollapsePropTypes.ExpandConfig>,
+    size: {
+      type: String as PropType<VxeCollapsePropTypes.Size>,
+      default: () => getConfig().collapse.size || getConfig().size
+    }
+  },
+  provide () {
+    const $xeCollapse = this
+
+    return {
+      $xeCollapse
+    }
+  },
+  data () {
+    const xID = XEUtils.uniqueId()
+    const reactData: CollapseReactData = {
+      staticPanes: [],
+      activeNames: [],
+      initNames: [],
+      cachePaneMaps: {}
+    }
+    return {
+      xID,
+      reactData
+    }
+  },
+  computed: {
+    ...({} as {
+      computeSize(): VxeComponentSizeType
+    }),
+    computeItemOptions (this: any) {
+      const $xeCollapse = this
+      const props = $xeCollapse
+
+      const { options } = props
+      return (options || []).filter((item: any) => $xeCollapse.handleFilterItem(item))
+    },
+    computeItemStaticOptions (this: any) {
+      const $xeCollapse = this
+      const reactData = $xeCollapse.reactData
+
+      const { staticPanes } = reactData
+      return staticPanes.filter((item: any) => $xeCollapse.handleFilterItem(item))
+    },
+    computeExpandOpts () {
+      const $xeCollapse = this
+      const props = $xeCollapse
+
+      return Object.assign({}, getConfig().collapse.expandConfig, props.expandConfig)
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent (type: ValueOf<VxeCollapseEmits>, params: Record<string, any>, evnt: Event | null) {
+      const $xeCollapse = this
+      $xeCollapse.$emit(type, createEvent(evnt, { $collapse: $xeCollapse }, params))
+    },
+    handleFilterItem  (item: VxeCollapsePaneProps | VxeCollapsePaneDefines.CollapseConfig) {
+      const { permissionCode } = item
+      if (permissionCode) {
+        if (!permission.checkVisible(permissionCode)) {
+          return false
+        }
+      }
+      return true
+    },
+    addInitName  (name: VxeCollapsePanePropTypes.Name | undefined) {
+      const $xeCollapse = this
+      const reactData = $xeCollapse.reactData
+
+      const { initNames } = reactData
+      if (name && !initNames.includes(name)) {
+        initNames.push(name)
+        $xeCollapse.dispatchEvent('load', { name }, null)
+        return true
+      }
+      return false
+    },
+    initDefaultName (list?: VxeCollapsePropTypes.Options | VxeCollapsePaneDefines.CollapseConfig[]) {
+      const $xeCollapse = this
+      const reactData = $xeCollapse.reactData
+
+      const { activeNames } = reactData
+      const nameMaps: Record<string, {
+        loading: boolean
+      }> = {}
+      if (list && list.length) {
+        list.forEach((item) => {
+          const { name, preload } = item || {}
+          if (name) {
+            const isActive = activeNames.includes(name)
+            nameMaps[`${name}`] = {
+              loading: false
+            }
+            if (isActive) {
+              $xeCollapse.addInitName(name)
+            }
+            if (preload) {
+              if (!isActive) {
+                activeNames.push(name)
+              }
+            }
+          }
+        })
+      }
+      reactData.activeNames = activeNames ? activeNames.slice(0) : []
+      reactData.cachePaneMaps = nameMaps
+    },
+    callSlot  (slotFunc: any, params: any, h: CreateElement) {
+      const $xeCollapse = this
+      const slots = $xeCollapse.$scopedSlots
+
+      if (slotFunc) {
+        if (XEUtils.isString(slotFunc)) {
+          slotFunc = slots[slotFunc] || null
+        }
+        if (XEUtils.isFunction(slotFunc)) {
+          return getSlotVNs(slotFunc.call($xeCollapse, params, h))
+        }
+      }
+      return []
+    },
+    handleClickEvent (evnt: MouseEvent, item: VxeCollapsePaneDefines.CollapseConfig | VxeCollapsePaneProps) {
+      const $xeCollapse = this
+      const reactData = $xeCollapse.reactData
+
+      const { activeNames } = reactData
+      const { name } = item
+      if (name) {
+        const aIndex = activeNames.indexOf(name)
+        let expanded = false
+        if (aIndex === -1) {
+          expanded = true
+          activeNames.push(name)
+        } else {
+          activeNames.splice(aIndex, 1)
+        }
+        $xeCollapse.addInitName(name)
+        $xeCollapse.dispatchEvent('change', { value: activeNames, name }, evnt)
+        $xeCollapse.dispatchEvent('toggle-expand', { value: activeNames, name, expanded }, evnt)
+      }
+    },
+
+    //
+    // Render
+    //
+    renderList (h:CreateElement, itemList: VxeCollapsePropTypes.Options | VxeCollapsePaneDefines.CollapseConfig[]) {
+      const $xeCollapse = this
+      const reactData = $xeCollapse.reactData
+
+      const { activeNames, initNames } = reactData
+      const expandOpts = $xeCollapse.computeExpandOpts
+      return itemList.map(item => {
+        const { icon, name, title, slots } = item
+        const titleSlot = slots ? slots.title : null
+        const defaultSlot = slots ? slots.default : null
+        const isActive = name && activeNames.includes(name)
+        return h('div', {
+          class: 'vxe-collapse-item'
+        }, [
+          h('div', {
+            class: 'vxe-collapse--item-header',
+            on: {
+              click (evnt: MouseEvent) {
+                $xeCollapse.handleClickEvent(evnt, item)
+              }
+            }
+          }, [
+            expandOpts.showIcon
+              ? h('span', {
+                class: 'vxe-collapse--item-switch'
+              }, [
+                h('i', {
+                  class: isActive ? getIcon().COLLAPSE_OPEN : getIcon().COLLAPSE_CLOSE
+                })
+              ])
+              : renderEmptyElement($xeCollapse),
+            icon
+              ? h('span', {
+                class: 'vxe-collapse--item-icon'
+              }, [
+                h('i', {
+                  class: icon
+                })
+              ])
+              : renderEmptyElement($xeCollapse),
+            h('span', {
+              class: 'vxe-collapse--item-name'
+            }, titleSlot ? $xeCollapse.callSlot(titleSlot, { name, title }, h) : `${title}`)
+          ]),
+          h('div', {
+            class: ['vxe-collapse--item-content', {
+              'is--visible': isActive
+            }]
+          }, [
+            name && initNames.includes(name)
+              ? h('div', {
+                class: 'vxe-collapse--item-inner'
+              }, [
+                defaultSlot ? $xeCollapse.callSlot(defaultSlot, { name, title }, h) : ''
+              ])
+              : renderEmptyElement($xeCollapse)
+          ])
+        ])
+      })
+    },
+    renderVN (h: CreateElement): VNode {
+      const $xeCollapse = this
+      const props = $xeCollapse
+      const slots = $xeCollapse.$scopedSlots
+
+      const { padding } = props
+      const vSize = $xeCollapse.computeSize
+      const itemOptions = $xeCollapse.computeItemOptions
+      const itemStaticOptions = $xeCollapse.computeItemStaticOptions
+      const defaultSlot = slots.default
+      const itemList = defaultSlot ? itemStaticOptions : itemOptions
+
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-collapse', {
+          [`size--${vSize}`]: vSize,
+          'is--padding': padding
+        }]
+      }, [
+        h('div', {
+          class: 'vxe-collapse-slots'
+        }, defaultSlot ? defaultSlot({}) : []),
+        $xeCollapse.renderList(h, itemList)
+      ])
+    }
+  },
+  render (this: any, h) {
+    return this.renderVN(h)
+  }
+}) /* define-vxe-component end */

package/packages/collapse/src/util.ts

@@ -1,21 +1,21 @@
-import XEUtils from 'xe-utils'
-
-import type { VxeCollapseConstructor, VxeCollapsePrivateMethods, VxeCollapsePaneDefines } from '../../../types'
-
-export function assembleCollapseItem ($xeCollapse: VxeCollapseConstructor & VxeCollapsePrivateMethods, elem: HTMLElement, collapseConfig: VxeCollapsePaneDefines.CollapseConfig) {
-  const staticPanes = $xeCollapse.reactData.staticPanes
-  const parentElem = elem.parentNode
-  if (parentElem) {
-    staticPanes.splice(XEUtils.arrayIndexOf(parentElem.children, elem), 0, collapseConfig)
-    $xeCollapse.reactData.staticPanes = staticPanes.slice(0)
-  }
-}
-
-export function destroyCollapseItem ($xeCollapse: VxeCollapseConstructor & VxeCollapsePrivateMethods, collapseConfig: VxeCollapsePaneDefines.CollapseConfig) {
-  const staticPanes = $xeCollapse.reactData.staticPanes
-  const matchObj = XEUtils.findTree(staticPanes, item => item.id === collapseConfig.id, { children: 'children' })
-  if (matchObj) {
-    matchObj.items.splice(matchObj.index, 1)
-  }
-  $xeCollapse.reactData.staticPanes = staticPanes.slice(0)
-}
+import XEUtils from 'xe-utils'
+
+import type { VxeCollapseConstructor, VxeCollapsePrivateMethods, VxeCollapsePaneDefines } from '../../../types'
+
+export function assembleCollapseItem ($xeCollapse: VxeCollapseConstructor & VxeCollapsePrivateMethods, elem: HTMLElement, collapseConfig: VxeCollapsePaneDefines.CollapseConfig) {
+  const staticPanes = $xeCollapse.reactData.staticPanes
+  const parentElem = elem.parentNode
+  if (parentElem) {
+    staticPanes.splice(XEUtils.arrayIndexOf(parentElem.children, elem), 0, collapseConfig)
+    $xeCollapse.reactData.staticPanes = staticPanes.slice(0)
+  }
+}
+
+export function destroyCollapseItem ($xeCollapse: VxeCollapseConstructor & VxeCollapsePrivateMethods, collapseConfig: VxeCollapsePaneDefines.CollapseConfig) {
+  const staticPanes = $xeCollapse.reactData.staticPanes
+  const matchObj = XEUtils.findTree(staticPanes, item => item.id === collapseConfig.id, { children: 'children' })
+  if (matchObj) {
+    matchObj.items.splice(matchObj.index, 1)
+  }
+  $xeCollapse.reactData.staticPanes = staticPanes.slice(0)
+}

package/packages/collapse-pane/index.ts

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

package/packages/color-picker/index.ts

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