vxe-pc-ui 4.20.25 → 4.20.26

package/packages/result/src/result.ts

@@ -1,112 +1,141 @@
-import { ref, h, reactive, PropType } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import XEUtils from 'xe-utils'
-import { getIcon, createEvent, renderEmptyElement } from '../../ui'
-
-import type { ResultReactData, VxeResultEmits, ResultMethods, ResultPrivateMethods, VxeResultPropTypes, ValueOf, ResultPrivateRef, VxeResultPrivateComputed, VxeResultConstructor, VxeResultPrivateMethods } from '../../../types'
-
-export default 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>
-  },
-  emits: [
-  ] as VxeResultEmits,
-  setup (props, context) {
-    const { emit, slots } = context
-
-    const xID = XEUtils.uniqueId()
-
-    const refElem = ref<HTMLDivElement>()
-
-    const reactData = reactive<ResultReactData>({
-    })
-
-    const refMaps: ResultPrivateRef = {
-      refElem
-    }
-
-    const computeMaps: VxeResultPrivateComputed = {
-    }
-
-    const $xeResult = {
-      xID,
-      props,
-      context,
-      reactData,
-
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    } as unknown as VxeResultConstructor & VxeResultPrivateMethods
-
-    const dispatchEvent = (type: ValueOf<VxeResultEmits>, params: Record<string, any>, evnt: Event | null) => {
-      emit(type, createEvent(evnt, { $result: $xeResult }, params))
-    }
-
-    const resultMethods: ResultMethods = {
-      dispatchEvent
-    }
-
-    const resultPrivateMethods: ResultPrivateMethods = {
-    }
-
-    Object.assign($xeResult, resultMethods, resultPrivateMethods)
-
-    const renderVN = () => {
-      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', {
-                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)
-        ])
-      ])
-    }
-
-    $xeResult.renderVN = renderVN
-
-    return $xeResult
-  },
-  render () {
-    return this.renderVN()
-  }
-})
+import { ref, h, reactive, PropType } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
+import XEUtils from 'xe-utils'
+import { VxeUI } from '@vxe-ui/core'
+
+import type { ResultReactData, VxeResultEmits, ResultMethods, ResultPrivateMethods, VxeResultPropTypes, ValueOf, ResultPrivateRef, VxeResultPrivateComputed, VxeResultConstructor, VxeResultPrivateMethods } from '../../../types'
+
+const { getIcon, createEvent, renderEmptyElement } = VxeUI
+
+export default 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>
+  },
+  emits: [] as VxeResultEmits,
+  setup(props, context) {
+    const { emit, slots } = context
+
+    const xID = XEUtils.uniqueId()
+
+    const refElem = ref<HTMLDivElement>()
+
+    const reactData = reactive<ResultReactData>({})
+
+    const refMaps: ResultPrivateRef = {
+      refElem
+    }
+
+    const computeMaps: VxeResultPrivateComputed = {}
+
+    const $xeResult = {
+      xID,
+      props,
+      context,
+      reactData,
+
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    } as unknown as VxeResultConstructor & VxeResultPrivateMethods
+
+    const dispatchEvent = (type: ValueOf<VxeResultEmits>, params: Record<string, any>, evnt: Event | null) => {
+      emit(type, createEvent(evnt, { $result: $xeResult }, params))
+    }
+
+    const resultMethods: ResultMethods = {
+      dispatchEvent
+    }
+
+    const resultPrivateMethods: ResultPrivateMethods = {}
+
+    Object.assign($xeResult, resultMethods, resultPrivateMethods)
+
+    const renderVN = () => {
+      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', {
+                      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)
+            ]
+          )
+        ]
+      )
+    }
+
+    $xeResult.renderVN = renderVN
+
+    return $xeResult
+  },
+  render() {
+    return this.renderVN()
+  }
+})

package/packages/row/index.ts

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

package/packages/row/src/col.ts

@@ -1,159 +1,171 @@
-import { ref, h, reactive, computed, PropType, inject, onMounted } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import XEUtils from 'xe-utils'
-import { getConfig, createEvent, useSize } from '../../ui'
-import { toCssUnit } from '../../ui/src/dom'
-import { createComponentLog } from '../../ui/src/log'
-
-import type { ColReactData, VxeColPropTypes, ColPrivateRef, VxeColEmits, ColMethods, ColPrivateMethods, VxeColPrivateComputed, VxeColConstructor, VxeColPrivateMethods, ValueOf, VxeRowConstructor, VxeRowPrivateMethods } from '../../../types'
-
-const { errLog } = createComponentLog('col')
-
-export default defineVxeComponent({
-  name: 'VxeCol',
-  props: {
-    span: [Number, String] as PropType<VxeColPropTypes.Span>,
-    align: String as PropType<VxeColPropTypes.Align>,
-    width: [Number, String] as PropType<VxeColPropTypes.Width>,
-    fill: Boolean as PropType<VxeColPropTypes.Fill>,
-    ellipsis: Boolean as PropType<VxeColPropTypes.Ellipsis>,
-    size: {
-      type: String as PropType<VxeColPropTypes.Size>,
-      default: () => getConfig().col.size || getConfig().size
-    }
-  },
-  emits: [],
-  setup (props, context) {
-    const { slots, emit } = context
-
-    const xID = XEUtils.uniqueId()
-
-    useSize(props)
-
-    const refElem = ref<HTMLDivElement>()
-
-    const reactData = reactive<ColReactData>({
-    })
-
-    const refMaps: ColPrivateRef = {
-      refElem
-    }
-
-    const $xeRow = inject<(VxeRowConstructor & VxeRowPrivateMethods) | null>('$xeRow', null)
-
-    const computeRowGutter = computed(() => {
-      if ($xeRow) {
-        return $xeRow.props.gutter
-      }
-      return null
-    })
-
-    const computeRowVertical = computed(() => {
-      if ($xeRow) {
-        return $xeRow.props.vertical
-      }
-      return null
-    })
-
-    const computeColStyle = computed(() => {
-      const { width } = props
-      const rowGutter = computeRowGutter.value
-      const rowVertical = computeRowVertical.value
-      let gridLayout = false
-      if ($xeRow) {
-        gridLayout = !!$xeRow.props.gridLayout
-      }
-      const style: Record<string, string | number> = {}
-      if (!gridLayout) {
-        if (rowGutter) {
-          let [lrGutter, tbGutter] = XEUtils.isArray(rowGutter) ? rowGutter : [rowGutter]
-          if (rowVertical) {
-            tbGutter = lrGutter
-            lrGutter = ''
-          }
-          if (lrGutter) {
-            const padding = XEUtils.isNumber(lrGutter) ? toCssUnit(lrGutter / 2) : `calc(${toCssUnit(lrGutter)} / 2)`
-            style.paddingLeft = padding
-            style.paddingRight = padding
-          }
-          if (tbGutter) {
-            const padding = XEUtils.isNumber(tbGutter) ? toCssUnit(tbGutter / 2) : `calc(${toCssUnit(tbGutter)} / 2)`
-            style.paddingTop = padding
-            style.paddingBottom = padding
-          }
-        }
-        if (width) {
-          style.width = toCssUnit(width)
-        }
-      }
-      return style
-    })
-
-    const computeMaps: VxeColPrivateComputed = {
-    }
-
-    const $xeCol = {
-      xID,
-      props,
-      context,
-      reactData,
-
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    } as unknown as VxeColConstructor & VxeColPrivateMethods
-
-    const dispatchEvent = (type: ValueOf<VxeColEmits>, params: Record<string, any>, evnt: Event | null) => {
-      emit(type, createEvent(evnt, { $col: $xeCol }, params))
-    }
-
-    const colMethods: ColMethods = {
-      dispatchEvent
-    }
-
-    const colPrivateMethods: ColPrivateMethods = {
-    }
-
-    Object.assign($xeCol, colMethods, colPrivateMethods)
-
-    const renderVN = () => {
-      const { span, fill, align, width, ellipsis } = props
-      const colStyle = computeColStyle.value
-      const defaultSlot = slots.default
-      return h('div', {
-        ref: refElem,
-        class: ['vxe-col', span ? `span${span}` : '', align ? `align--${align}` : '', {
-          'is--span': !!span,
-          'is--width': !!width,
-          'is--fill': fill,
-          'is--ellipsis': ellipsis
-        }],
-        style: colStyle
-      }, [
-        h('div', {
-          class: 'vxe-col--inner'
-        }, defaultSlot ? defaultSlot({}) : [])
-      ])
-    }
-
-    onMounted(() => {
-      const { width, fill } = props
-      if ($xeRow) {
-        if ($xeRow.props.gridLayout) {
-          if (width) {
-            errLog('vxe.error.notSupportProp', ['grid-layout', `width=${width}`, 'width=null'])
-          }
-          if (fill) {
-            errLog('vxe.error.notSupportProp', ['grid-layout', `fill=${fill}`, 'fill=false'])
-          }
-        }
-      }
-    })
-
-    $xeCol.renderVN = renderVN
-
-    return $xeCol
-  },
-  render () {
-    return this.renderVN()
-  }
-})
+import { ref, h, reactive, computed, PropType, inject, onMounted } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
+import XEUtils from 'xe-utils'
+import { VxeUI } from '@vxe-ui/core'
+import { toCssUnit } from '../../ui/src/dom'
+import { createComponentLog } from '../../ui/src/log'
+
+import type { ColReactData, VxeColPropTypes, ColPrivateRef, VxeColEmits, ColMethods, ColPrivateMethods, VxeColPrivateComputed, VxeColConstructor, VxeColPrivateMethods, ValueOf, VxeRowConstructor, VxeRowPrivateMethods } from '../../../types'
+
+const { getConfig, createEvent, useFns } = VxeUI
+
+const { errLog } = createComponentLog('col')
+
+export default defineVxeComponent({
+  name: 'VxeCol',
+  props: {
+    span: [Number, String] as PropType<VxeColPropTypes.Span>,
+    align: String as PropType<VxeColPropTypes.Align>,
+    width: [Number, String] as PropType<VxeColPropTypes.Width>,
+    fill: Boolean as PropType<VxeColPropTypes.Fill>,
+    ellipsis: Boolean as PropType<VxeColPropTypes.Ellipsis>,
+    size: {
+      type: String as PropType<VxeColPropTypes.Size>,
+      default: () => getConfig().col.size || getConfig().size
+    }
+  },
+  emits: [],
+  setup(props, context) {
+    const { slots, emit } = context
+
+    const xID = XEUtils.uniqueId()
+
+    useFns.useSize(props)
+
+    const refElem = ref<HTMLDivElement>()
+
+    const reactData = reactive<ColReactData>({})
+
+    const refMaps: ColPrivateRef = {
+      refElem
+    }
+
+    const $xeRow = inject<(VxeRowConstructor & VxeRowPrivateMethods) | null>('$xeRow', null)
+
+    const computeRowGutter = computed(() => {
+      if ($xeRow) {
+        return $xeRow.props.gutter
+      }
+      return null
+    })
+
+    const computeRowVertical = computed(() => {
+      if ($xeRow) {
+        return $xeRow.props.vertical
+      }
+      return null
+    })
+
+    const computeColStyle = computed(() => {
+      const { width } = props
+      const rowGutter = computeRowGutter.value
+      const rowVertical = computeRowVertical.value
+      let gridLayout = false
+      if ($xeRow) {
+        gridLayout = !!$xeRow.props.gridLayout
+      }
+      const style: Record<string, string | number> = {}
+      if (!gridLayout) {
+        if (rowGutter) {
+          let [lrGutter, tbGutter] = XEUtils.isArray(rowGutter) ? rowGutter : [rowGutter]
+          if (rowVertical) {
+            tbGutter = lrGutter
+            lrGutter = ''
+          }
+          if (lrGutter) {
+            const padding = XEUtils.isNumber(lrGutter) ? toCssUnit(lrGutter / 2) : `calc(${toCssUnit(lrGutter)} / 2)`
+            style.paddingLeft = padding
+            style.paddingRight = padding
+          }
+          if (tbGutter) {
+            const padding = XEUtils.isNumber(tbGutter) ? toCssUnit(tbGutter / 2) : `calc(${toCssUnit(tbGutter)} / 2)`
+            style.paddingTop = padding
+            style.paddingBottom = padding
+          }
+        }
+        if (width) {
+          style.width = toCssUnit(width)
+        }
+      }
+      return style
+    })
+
+    const computeMaps: VxeColPrivateComputed = {}
+
+    const $xeCol = {
+      xID,
+      props,
+      context,
+      reactData,
+
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    } as unknown as VxeColConstructor & VxeColPrivateMethods
+
+    const dispatchEvent = (type: ValueOf<VxeColEmits>, params: Record<string, any>, evnt: Event | null) => {
+      emit(type, createEvent(evnt, { $col: $xeCol }, params))
+    }
+
+    const colMethods: ColMethods = {
+      dispatchEvent
+    }
+
+    const colPrivateMethods: ColPrivateMethods = {}
+
+    Object.assign($xeCol, colMethods, colPrivateMethods)
+
+    const renderVN = () => {
+      const { span, fill, align, width, ellipsis } = props
+      const colStyle = computeColStyle.value
+      const defaultSlot = slots.default
+      return h(
+        'div',
+        {
+          ref: refElem,
+          class: [
+            'vxe-col',
+            span ? `span${span}` : '',
+            align ? `align--${align}` : '',
+            {
+              'is--span': !!span,
+              'is--width': !!width,
+              'is--fill': fill,
+              'is--ellipsis': ellipsis
+            }
+          ],
+          style: colStyle
+        },
+        [
+          h(
+            'div',
+            {
+              class: 'vxe-col--inner'
+            },
+            defaultSlot ? defaultSlot({}) : []
+          )
+        ]
+      )
+    }
+
+    onMounted(() => {
+      const { width, fill } = props
+      if ($xeRow) {
+        if ($xeRow.props.gridLayout) {
+          if (width) {
+            errLog('vxe.error.notSupportProp', ['grid-layout', `width=${width}`, 'width=null'])
+          }
+          if (fill) {
+            errLog('vxe.error.notSupportProp', ['grid-layout', `fill=${fill}`, 'fill=false'])
+          }
+        }
+      }
+    })
+
+    $xeCol.renderVN = renderVN
+
+    return $xeCol
+  },
+  render() {
+    return this.renderVN()
+  }
+})