vxe-pc-ui 4.20.34 → 4.20.35

package/packages/tabs/src/tabs.ts

@@ -18,7 +18,7 @@ const { warnLog, errLog } = createComponentLog('tabs')
 
 const scrollbarOffsetSize = 20
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeTabs',
   props: {
     modelValue: [String, Number, Boolean] as PropType<VxeTabsPropTypes.ModelValue>,
@@ -1134,4 +1134,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/tag/src/tag.ts

@@ -7,7 +7,7 @@ import type { VxeTagPropTypes, TagReactData, TagPrivateRef, VxeTagEmits, VxeTagP
 
 const { getConfig, getIcon, createEvent, useFns, renderEmptyElement } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeTag',
   props: {
     border: {
@@ -201,4 +201,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/text/src/text.ts

@@ -7,7 +7,7 @@ import type { VxeTextPropTypes, TextReactData, TextPrivateRef, VxeTextPrivateCom
 
 const { getConfig, getIcon, getI18n, useFns, createEvent } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeText',
   props: {
     status: String as PropType<VxeTextPropTypes.Status>,
@@ -279,4 +279,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/text-ellipsis/src/text-ellipsis.ts

@@ -7,7 +7,7 @@ import type { TextEllipsisReactData, VxeTextEllipsisEmits, VxeTextEllipsisPropTy
 
 const { getConfig, createEvent, useFns, renderEmptyElement } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeTextEllipsis',
   props: {
     href: String as PropType<VxeTextEllipsisPropTypes.Href>,
@@ -309,4 +309,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/textarea/src/textarea.ts

@@ -13,7 +13,7 @@ const { warnLog } = createComponentLog('textarea')
 
 let autoTxtElem: HTMLDivElement
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeTextarea',
   props: {
     modelValue: [String, Number] as PropType<VxeTextareaPropTypes.ModelValue>,
@@ -523,4 +523,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/timeline/src/timeline-info.ts

@@ -1,17 +1,17 @@
-import XEUtils from 'xe-utils'
-
-export class TimelineItemInfo {
-  id = XEUtils.uniqueId('timeline_item_')
-  constructor($xeTimeline: any, _vm: any) {
-    Object.assign(this, {
-      title: _vm.title,
-      content: _vm.content
-    })
-  }
-
-  update(name: any, value: any) {
-    this[name] = value
-  }
-
-  [key: string]: any
-}
+import XEUtils from 'xe-utils'
+
+export class TimelineItemInfo {
+  id = XEUtils.uniqueId('timeline_item_')
+  constructor($xeTimeline: any, _vm: any) {
+    Object.assign(this, {
+      title: _vm.title,
+      content: _vm.content
+    })
+  }
+
+  update(name: any, value: any) {
+    this[name] = value
+  }
+
+  [key: string]: any
+}

package/packages/timeline/src/timeline.ts

@@ -115,29 +115,47 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const contentVal = getText(isOptConf ? item[contentField] : item.content)
       const titleSlot = slots.title
       const contentSlot = slots.content
-      return h('div', {
-        key: index,
-        class: ['vxe-timeline--item', {
-          'is--last': index === itemList.length - 1
-        }]
-      }, [
-        h('div', {
-          class: 'vxe-timeline--item-line'
-        }),
-        h('div', {
-          class: 'vxe-timeline--item-node'
-        }),
-        h('div', {
-          class: 'vxe-timeline--item-wrapper'
-        }, [
+      return h(
+        'div',
+        {
+          key: index,
+          class: [
+            'vxe-timeline--item',
+            {
+              'is--last': index === itemList.length - 1
+            }
+          ]
+        },
+        [
           h('div', {
-            class: 'vxe-timeline--item-title'
-          }, titleSlot ? titleSlot({ item }) : titleVal),
+            class: 'vxe-timeline--item-line'
+          }),
           h('div', {
-            class: 'vxe-timeline--item-content'
-          }, contentSlot ? contentSlot({ item }) : contentVal)
-        ])
-      ]
+            class: 'vxe-timeline--item-node'
+          }),
+          h(
+            'div',
+            {
+              class: 'vxe-timeline--item-wrapper'
+            },
+            [
+              h(
+                'div',
+                {
+                  class: 'vxe-timeline--item-title'
+                },
+                titleSlot ? titleSlot({ item }) : titleVal
+              ),
+              h(
+                'div',
+                {
+                  class: 'vxe-timeline--item-content'
+                },
+                contentSlot ? contentSlot({ item }) : contentVal
+              )
+            ]
+          )
+        ]
       )
     }
 
@@ -146,42 +164,68 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const { itemList } = reactData
       const vSize = computeSize.value
       const defaultSlot = slots.default
-      return h('div', {
-        ref: refElem,
-        class: ['vxe-timeline', {
-          [`size--${vSize}`]: vSize,
-          'is--vertical': vertical,
-          'is--horizontal': !vertical
-        }]
-      },
-      [
-        h('div', {
-          class: 'vxe-timeline--slots'
-        }, defaultSlot ? defaultSlot({}) : []),
-        h('div', {
-          class: 'vxe-timeline--body'
-        }, itemList.map((item, index) => renderItem(item, index)))
-      ])
+      return h(
+        'div',
+        {
+          ref: refElem,
+          class: [
+            'vxe-timeline',
+            {
+              [`size--${vSize}`]: vSize,
+              'is--vertical': vertical,
+              'is--horizontal': !vertical
+            }
+          ]
+        },
+        [
+          h(
+            'div',
+            {
+              class: 'vxe-timeline--slots'
+            },
+            defaultSlot ? defaultSlot({}) : []
+          ),
+          h(
+            'div',
+            {
+              class: 'vxe-timeline--body'
+            },
+            itemList.map((item, index) => renderItem(item, index))
+          )
+        ]
+      )
     }
 
-    watch(() => reactData.staticItems, (val) => {
-      loadData(val, false)
-    })
+    watch(
+      () => reactData.staticItems,
+      (val) => {
+        loadData(val, false)
+      }
+    )
 
     const refOptsFlag = ref(0)
-    watch(() => props.options, () => {
-      refOptsFlag.value++
-    })
-    watch(() => props.options ? props.options.length : -1, () => {
-      refOptsFlag.value++
-    })
+    watch(
+      () => props.options,
+      () => {
+        refOptsFlag.value++
+      }
+    )
+    watch(
+      () => (props.options ? props.options.length : -1),
+      () => {
+        refOptsFlag.value++
+      }
+    )
     watch(refOptsFlag, () => {
       loadData(props.options || [], true)
     })
 
-    watch(() => props.reverse, () => {
-      updateItems()
-    })
+    watch(
+      () => props.reverse,
+      () => {
+        updateItems()
+      }
+    )
 
     onMounted(() => {
       const { staticItems } = reactData

package/packages/timeline/src/util.ts

@@ -1,41 +1,44 @@
-import { watch } from 'vue'
-import XEUtils from 'xe-utils'
-import { TimelineItemInfo } from './timeline-info'
-
-import type { VxeTimelineConstructor } from '../../../types'
-
-export function isTimelineItem(item: any) {
-  return item instanceof TimelineItemInfo
-}
-
-export function createTimelineItem($xeTimeline: VxeTimelineConstructor, _vm: any) {
-  return isTimelineItem(_vm) ? _vm : new TimelineItemInfo($xeTimeline, _vm)
-}
-
-export function watchTimelineItem(props: any, itemInfo: TimelineItemInfo) {
-  Object.keys(props).forEach((name) => {
-    watch(() => props[name], (value: any) => {
-      itemInfo.update(name, value)
-    })
-  })
-}
-
-export function assembleTimelineItem($xeTimeline: VxeTimelineConstructor, el: HTMLDivElement, itemInfo: TimelineItemInfo) {
-  const { reactData } = $xeTimeline
-  const { staticItems } = reactData
-  const parentElem = el.parentNode
-  if (parentElem && staticItems) {
-    staticItems.splice(XEUtils.arrayIndexOf(parentElem.children, el), 0, itemInfo)
-    reactData.staticItems = staticItems.slice(0)
-  }
-}
-
-export function destroyTimelineItem($xeTimeline: VxeTimelineConstructor, itemInfo: TimelineItemInfo) {
-  const { reactData } = $xeTimeline
-  const { staticItems } = reactData
-  const index = XEUtils.findIndexOf(staticItems, (item: any) => item.id === itemInfo.id)
-  if (index > -1) {
-    staticItems.splice(index, 1)
-  }
-  reactData.staticItems = staticItems.slice(0)
-}
+import { watch } from 'vue'
+import XEUtils from 'xe-utils'
+import { TimelineItemInfo } from './timeline-info'
+
+import type { VxeTimelineConstructor } from '../../../types'
+
+export function isTimelineItem(item: any) {
+  return item instanceof TimelineItemInfo
+}
+
+export function createTimelineItem($xeTimeline: VxeTimelineConstructor, _vm: any) {
+  return isTimelineItem(_vm) ? _vm : new TimelineItemInfo($xeTimeline, _vm)
+}
+
+export function watchTimelineItem(props: any, itemInfo: TimelineItemInfo) {
+  Object.keys(props).forEach((name) => {
+    watch(
+      () => props[name],
+      (value: any) => {
+        itemInfo.update(name, value)
+      }
+    )
+  })
+}
+
+export function assembleTimelineItem($xeTimeline: VxeTimelineConstructor, el: HTMLDivElement, itemInfo: TimelineItemInfo) {
+  const reactData = $xeTimeline.reactData
+  const { staticItems } = reactData
+  const parentElem = el.parentNode
+  if (parentElem && staticItems) {
+    staticItems.splice(XEUtils.arrayIndexOf(parentElem.children, el), 0, itemInfo)
+    reactData.staticItems = staticItems.slice(0)
+  }
+}
+
+export function destroyTimelineItem($xeTimeline: VxeTimelineConstructor, itemInfo: TimelineItemInfo) {
+  const { reactData } = $xeTimeline
+  const { staticItems } = reactData
+  const index = XEUtils.findIndexOf(staticItems, (item: any) => item.id === itemInfo.id)
+  if (index > -1) {
+    staticItems.splice(index, 1)
+  }
+  reactData.staticItems = staticItems.slice(0)
+}

package/packages/tip/src/tip.ts

@@ -8,7 +8,7 @@ import type { VxeTipPropTypes, TipReactData, VxeTipEmits, TipMethods, TipPrivate
 
 const { getConfig, useFns, createEvent, renderEmptyElement } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeTip',
   props: {
     title: {
@@ -147,4 +147,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/tooltip/src/tooltip.ts

@@ -37,7 +37,7 @@ function createInternalData(): TooltipInternalData {
   }
 }
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeTooltip',
   props: {
     modelValue: Boolean,
@@ -666,4 +666,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/tour/src/tour.ts

@@ -7,7 +7,7 @@ import type { TourReactData, VxeTourPropTypes, TourPrivateRef, VxeTourEmits, Vxe
 
 const { getConfig, createEvent } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeTour',
   props: {
     size: {
@@ -67,4 +67,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/transfer/src/transfer.ts

@@ -15,7 +15,7 @@ function createInternalData(): TransferInternalData {
   return {}
 }
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeTransfer',
   props: {
     modelValue: Array as PropType<VxeTransferPropTypes.ModelValue>,
@@ -127,4 +127,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/tree/src/tree.ts

@@ -106,7 +106,7 @@ let crossTreeDragNodeObj: {
   $newTree: (VxeTreeConstructor & VxeTreePrivateMethods) | null
 } | null = null
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeTree',
   props: {
     data: Array as PropType<VxeTreePropTypes.Data>,
@@ -4074,4 +4074,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/tree-select/src/tree-select.ts

@@ -73,7 +73,7 @@ function createInternalData(): TreeSelectInternalData {
   }
 }
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeTreeSelect',
   props: {
     modelValue: [String, Number, Array] as PropType<VxeTreeSelectPropTypes.ModelValue>,
@@ -1214,4 +1214,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/ui/index.ts

@@ -830,7 +830,14 @@ setIcon({
   // list
   LIST_DRAG: iconPrefix + 'drag-handle',
   LIST_DRAG_STATUS_NODE: iconPrefix + 'sort',
-  LIST_DRAG_DISABLED: iconPrefix + 'no-drop'
+  LIST_DRAG_DISABLED: iconPrefix + 'no-drop',
+
+  // steps
+  STEPS_SEPARATOR: iconPrefix + 'arrow-right',
+  STEPS_STATUS_FINISH: iconPrefix + 'success-circle',
+  STEPS_STATUS_FINISH_CURRENT: iconPrefix + 'success-circle-fill',
+  STEPS_STATUS_ERROR: iconPrefix + 'error-circle',
+  STEPS_STATUS_ERROR_CURRENT: iconPrefix + 'error-circle-fill'
 })
 
 export default VxeUI

package/packages/upload/src/upload.ts

@@ -54,7 +54,7 @@ function createInternalData(): UploadInternalData {
   }
 }
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeUpload',
   props: {
     modelValue: [Array, String, Object] as PropType<VxeUploadPropTypes.ModelValue>,
@@ -2268,4 +2268,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/watermark/src/watermark.ts

@@ -9,7 +9,7 @@ import type { WatermarkReactData, VxeWatermarkEmits, WatermarkMethods, VxeWaterm
 
 const { getConfig, createEvent, globalEvents } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeWatermark',
   props: {
     width: String as PropType<VxeWatermarkPropTypes.Width>,
@@ -193,4 +193,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/styles/all.scss

@@ -74,6 +74,7 @@
 @use './components/slider.scss';
 @use './components/space.scss';
 @use './components/steps.scss';
+@use './components/step-item.scss';
 @use './components/switch.scss';
 @use './components/tab-pane.scss';
 @use './components/table-select.scss';