vxe-pc-ui 3.15.11 → 3.15.13

package/packages/list/src/store.ts

@@ -0,0 +1,15 @@
+import type { VxeListConstructor, VxeListPrivateMethods } from '../../../types'
+
+interface CrossListDragRowObj {
+  row: any
+}
+
+// 跨表拖拽
+export const crossListDragRowGlobal: CrossListDragRowObj = {
+  row: null
+}
+
+export function getCrossListDragRowInfo ($xeList: VxeListConstructor & VxeListPrivateMethods) {
+  const crossListDragRowInfo = ($xeList as any).crossListDragRowInfo as CrossListDragRowObj
+  return crossListDragRowInfo
+}

package/packages/print/src/util.ts

@@ -4,8 +4,6 @@ import { warnLog } from '../../ui/src/log'
 
 import type { VxePrintProps, VxePrintPropTypes, VxePrintDefines, VxePrintConstructor, VxePrintPrivateMethods } from '../../../types'
 
-const browseObj = XEUtils.browse()
-
 // 打印
 let printFrame: any
 
@@ -151,6 +149,7 @@ function createHtmlPage (opts: VxePrintProps & { _pageBreaks: boolean }, printHt
 }
 
 function handlePrint (opts: VxePrintProps & { _pageBreaks: boolean }, printHtml = '') {
+  const browseObj = XEUtils.browse()
   const { beforeMethod, styleUrls } = opts
   if (styleUrls && styleUrls.length) {
     styleUrls.forEach(url => {

package/packages/pulldown/src/pulldown.ts

@@ -445,7 +445,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
           on: {
             click: $xePulldown.clickTargetEvent
           }
-        }, defaultSlot ? defaultSlot({ $pulldown: $xePulldown }) : []),
+        }, defaultSlot ? defaultSlot({ options, $pulldown: $xePulldown }) : []),
         h('div', {
           ref: 'refPulldownPanel',
           class: ['vxe-table--ignore-clear vxe-pulldown--panel', ppClassName ? (XEUtils.isFunction(ppClassName) ? ppClassName({ $pulldown: $xePulldown }) : ppClassName) : '', {
@@ -469,19 +469,19 @@ export default /* define-vxe-component start */ defineVxeComponent({
                     headerSlot
                       ? h('div', {
                         class: 'vxe-pulldown--panel-header'
-                      }, headerSlot({ $pulldown: $xePulldown }))
+                      }, headerSlot({ options, $pulldown: $xePulldown }))
                       : renderEmptyElement($xePulldown),
                     h('div', {
                       class: 'vxe-pulldown--panel-body'
                     }, dropdownSlot
-                      ? dropdownSlot({ $pulldown: $xePulldown })
+                      ? dropdownSlot({ options, $pulldown: $xePulldown })
                       : [
                           $xePulldown.renderDefaultPanel(h, options)
                         ]),
                     footerSlot
                       ? h('div', {
                         class: 'vxe-pulldown--panel-footer'
-                      }, footerSlot({ $pulldown: $xePulldown }))
+                      }, footerSlot({ options, $pulldown: $xePulldown }))
                       : renderEmptyElement($xePulldown)
                   ]
                 : [])

package/packages/table-transfer/index.ts

@@ -0,0 +1,16 @@
+import { VueConstructor } from 'vue'
+import { VxeUI } from '@vxe-ui/core'
+import VxeTableTransferComponent from './src/table-transfer'
+import { dynamicApp } from '../dynamics'
+
+export const VxeTableTransfer = Object.assign({}, VxeTableTransferComponent, {
+  install (app: VueConstructor) {
+    app.component(VxeTableTransferComponent.name as string, VxeTableTransferComponent)
+  }
+})
+
+dynamicApp.use(VxeTableTransfer)
+VxeUI.component(VxeTableTransferComponent)
+
+export const TableTransfer = VxeTableTransfer
+export default VxeTableTransfer

package/packages/table-transfer/src/table-transfer.ts

@@ -0,0 +1,88 @@
+import { CreateElement, VNode, PropType } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
+import XEUtils from 'xe-utils'
+import { getConfig, createEvent } from '../../ui'
+
+import type { TableTransferReactData, TableTransferInternalData, VxeTableTransferEmits, VxeTableTransferPropTypes, ValueOf } from '../../../types'
+
+function createReactData (): TableTransferReactData {
+  return {
+  }
+}
+
+function createInternalData (): TableTransferInternalData {
+  return {
+  }
+}
+
+export default /* define-vxe-component start */ defineVxeComponent({
+  name: 'VxeTableTransfer',
+  props: {
+    modelValue: Array as PropType<VxeTableTransferPropTypes.ModelValue>,
+    options: Array as PropType<VxeTableTransferPropTypes.Options>,
+    size: {
+      type: String as PropType<VxeTableTransferPropTypes.Size>,
+      default: () => getConfig().tableTransfer.size || getConfig().size
+    }
+  },
+  data () {
+    const xID = XEUtils.uniqueId()
+    const reactData = createReactData()
+    return {
+      ...({} as {
+        internalData: TableTransferInternalData
+      }),
+      xID,
+      reactData
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent (type: ValueOf<VxeTableTransferEmits>, params: Record<string, any>, evnt: Event | null) {
+      const $xeTableTransfer = this
+      $xeTableTransfer.$emit(type, createEvent(evnt, { $tableTransfer: $xeTableTransfer }, params))
+    },
+    emitModel  (value: any) {
+      const $xeTableTransfer = this
+
+      const { _events } = $xeTableTransfer as any
+      if (_events && _events.modelValue) {
+        $xeTableTransfer.$emit('modelValue', value)
+      } else {
+        $xeTableTransfer.$emit('model-value', value)
+      }
+    },
+
+    //
+    // Render
+    //
+    renderVN (h: CreateElement): VNode {
+      const $xeTableTransfer = this
+      const slots = $xeTableTransfer.$scopedSlots
+
+      const defaultSlot = slots.default
+      return h('div', {
+        ref: 'refElem',
+        class: 'vxe-table-transfer'
+      }, defaultSlot ? defaultSlot({}) : [])
+    }
+  },
+  created () {
+    const $xeUpload = this
+
+    $xeUpload.internalData = createInternalData()
+  },
+  beforeDestroy () {
+    const $xeUpload = this
+    const reactData = $xeUpload.reactData
+    const internalData = $xeUpload.internalData
+
+    XEUtils.assign(reactData, createReactData())
+    XEUtils.assign(internalData, createInternalData())
+  },
+  render (this: any, h) {
+    return this.renderVN(h)
+  }
+}) /* define-vxe-component end */

package/packages/transfer/index.ts

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

package/packages/transfer/src/transfer.ts

@@ -0,0 +1,103 @@
+import { CreateElement, VNode, PropType } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
+import XEUtils from 'xe-utils'
+import { getConfig, createEvent, renderEmptyElement } from '../../ui'
+
+import type { TransferReactData, TransferInternalData, VxeTransferPropTypes, VxeTransferEmits, ValueOf } from '../../../types'
+
+function createReactData (): TransferReactData {
+  return {
+  }
+}
+
+function createInternalData (): TransferInternalData {
+  return {
+  }
+}
+
+export default /* define-vxe-component start */ defineVxeComponent({
+  name: 'VxeTransfer',
+  props: {
+    modelValue: Array as PropType<VxeTransferPropTypes.ModelValue>,
+    options: Array as PropType<VxeTransferPropTypes.Options>,
+    size: {
+      type: String as PropType<VxeTransferPropTypes.Size>,
+      default: () => getConfig().transfer.size || getConfig().size
+    }
+  },
+  data () {
+    const xID = XEUtils.uniqueId()
+    const reactData = createReactData()
+    return {
+      ...({} as {
+        internalData: TransferInternalData
+      }),
+      xID,
+      reactData
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent (type: ValueOf<VxeTransferEmits>, params: Record<string, any>, evnt: Event | null) {
+      const $xeTransfer = this
+      $xeTransfer.$emit(type, createEvent(evnt, { $transfer: $xeTransfer }, params))
+    },
+    emitModel  (value: any) {
+      const $xeTransfer = this
+
+      const { _events } = $xeTransfer as any
+      if (_events && _events.modelValue) {
+        $xeTransfer.$emit('modelValue', value)
+      } else {
+        $xeTransfer.$emit('model-value', value)
+      }
+    },
+
+    //
+    // Render
+    //
+    renderVN (h: CreateElement): VNode {
+      const $xeTransfer = this
+      const slots = $xeTransfer.$scopedSlots
+
+      const headerSlot = slots.header
+      const footerSlot = slots.footer
+      return h('div', {
+        ref: 'refElem',
+        class: 'vxe-transfer'
+      }, [
+        headerSlot
+          ? h('div', {
+            class: 'vxe-transfer--header'
+          }, headerSlot({ $transfer: $xeTransfer }))
+          : renderEmptyElement($xeTransfer),
+        h('div'),
+        h('div'),
+        h('div'),
+        footerSlot
+          ? h('div', {
+            class: 'vxe-transfer--footer'
+          }, footerSlot({ $transfer: $xeTransfer }))
+          : renderEmptyElement($xeTransfer)
+      ])
+    }
+  },
+  created () {
+    const $xeUpload = this
+
+    $xeUpload.internalData = createInternalData()
+  },
+  beforeDestroy () {
+    const $xeUpload = this
+    const reactData = $xeUpload.reactData
+    const internalData = $xeUpload.internalData
+
+    XEUtils.assign(reactData, createReactData())
+    XEUtils.assign(internalData, createInternalData())
+  },
+  render (this: any, h) {
+    return this.renderVN(h)
+  }
+}) /* define-vxe-component end */

package/packages/tree/src/tree.ts

@@ -2,12 +2,12 @@ import { PropType, CreateElement, VNode } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, createEvent, globalEvents, globalResize, renderEmptyElement, globalMixins } from '../../ui'
-import { calcTreeLine, enNodeValue, deNodeValue } from './util'
+import { calcTreeLine } from './util'
 import { createComponentLog } from '../../ui/src/log'
 import { getSlotVNs } from '../../ui/src/vn'
 import { crossTreeDragNodeGlobal, getCrossTreeDragNodeInfo } from './store'
 import { toCssUnit, isScale, getPaddingTopBottomSize, addClass, removeClass, getTpImg, hasControlKey, getEventTargetNode } from '../../ui/src/dom'
-import { isEnableConf } from '../../ui/src/utils'
+import { isEnableConf, enModelValue, deModelValue } from '../../ui/src/utils'
 import { moveRowAnimateToTb, clearRowAnimate } from '../../ui/src/anime'
 import VxeLoadingComponent from '../../loading'
 
@@ -231,10 +231,11 @@ function handleNodeDragSwapEvent ($xeTree: VxeTreeConstructor & VxeTreePrivateMe
     const dragNodeid = $xeTree.getNodeId(dragNode)
     const dragNodeRest = nodeMaps[dragNodeid] || {}
     const _dragNodeIndex = dragNodeRest._index
+    const newNodeid = $xeTree.getNodeId(prevDragNode)
     let dragNodeHeight = 0
     let dragOffsetTop = -1
     if (animation) {
-      const prevItemEl = el.querySelector<HTMLElement>(`.vxe-tree--node-wrapper[nodeid="${prevDragNode}"]`)
+      const prevItemEl = el.querySelector<HTMLElement>(`.vxe-tree--node-wrapper[nodeid="${newNodeid}"]`)
       const oldItemEl = el.querySelector<HTMLElement>(`.vxe-tree--node-wrapper[nodeid="${dragNodeid}"]`)
       const targetItemEl = prevItemEl || oldItemEl
       if (targetItemEl) {
@@ -251,7 +252,6 @@ function handleNodeDragSwapEvent ($xeTree: VxeTreeConstructor & VxeTreePrivateMe
     let isSelfToChildStatus = false
 
     const oldRest = dragNodeRest
-    const newNodeid = $xeTree.getNodeId(prevDragNode)
     const newRest = nodeMaps[newNodeid]
     if (transform) {
       if (oldRest && newRest) {
@@ -623,19 +623,13 @@ export default /* define-vxe-component start */ defineVxeComponent({
       type: Boolean as PropType<VxeTreePropTypes.ShowRadio>,
       default: () => getConfig().tree.showRadio
     },
-    checkNodeKey: {
-      type: [String, Number] as PropType<VxeTreePropTypes.CheckNodeKey>,
-      default: () => getConfig().tree.checkNodeKey
-    },
+    checkNodeKey: [String, Number] as PropType<VxeTreePropTypes.CheckNodeKey>,
     radioConfig: Object as PropType<VxeTreePropTypes.RadioConfig>,
     showCheckbox: {
       type: Boolean as PropType<VxeTreePropTypes.ShowCheckbox>,
       default: () => getConfig().tree.showCheckbox
     },
-    checkNodeKeys: {
-      type: Array as PropType<VxeTreePropTypes.CheckNodeKeys>,
-      default: () => getConfig().tree.checkNodeKeys
-    },
+    checkNodeKeys: Array as PropType<VxeTreePropTypes.CheckNodeKeys>,
     checkboxConfig: Object as PropType<VxeTreePropTypes.CheckboxConfig>,
     nodeConfig: Object as PropType<VxeTreePropTypes.NodeConfig>,
     lazy: Boolean as PropType<VxeTreePropTypes.Lazy>,
@@ -867,7 +861,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       }
       const valueField = $xeTree.computeValueField
       const nodeKey = XEUtils.get(node, valueField)
-      return enNodeValue(nodeKey)
+      return enModelValue(nodeKey)
     },
     getNodeById (nodeid: string) {
       const $xeTree = this
@@ -949,7 +943,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       if (node) {
         const nodeid = $xeTree.getNodeId(node)
         reactData.selectRadioKey = nodeid
-        $xeTree.emitRadioMode(deNodeValue(nodeid))
+        $xeTree.emitRadioMode(deModelValue(nodeid))
       } else {
         $xeTree.emitRadioMode(null)
       }
@@ -985,7 +979,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
         }
         const nodeList: any[] = []
         nodeKeys.forEach((nodeKey: string) => {
-          const nodeid = enNodeValue(nodeKey)
+          const nodeid = enModelValue(nodeKey)
           const nodeItem = nodeMaps[nodeid]
           if (nodeItem) {
             nodeList.push(nodeItem.item)
@@ -1986,7 +1980,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       reactData.updateCheckboxFlag++
       $xeTree.updateCheckboxStatus()
       const nodeids = XEUtils.keys(selectCheckboxMaps)
-      const value = nodeids.map(deNodeValue)
+      const value = nodeids.map(deModelValue)
       $xeTree.emitCheckboxMode(value)
       $xeTree.dispatchEvent('checkbox-change', { node, value, checked: isChecked }, evnt)
     },
@@ -2041,7 +2035,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
         return
       }
       const isChecked = true
-      const value = deNodeValue(nodeid)
+      const value = deModelValue(nodeid)
       reactData.selectRadioKey = nodeid
       $xeTree.emitRadioMode(value)
       $xeTree.dispatchEvent('radio-change', { node, value, checked: isChecked }, evnt)
@@ -2073,7 +2067,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
 
       const { currentNode } = reactData
       if (currentNode) {
-        return deNodeValue($xeTree.getNodeId(currentNode))
+        return deModelValue($xeTree.getNodeId(currentNode))
       }
       return null
     },
@@ -2098,7 +2092,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const internalData = $xeTree.internalData
 
       const { nodeMaps } = internalData
-      const nodeItem = nodeMaps[enNodeValue(nodeKey)]
+      const nodeItem = nodeMaps[enModelValue(nodeKey)]
       reactData.currentNode = nodeItem ? nodeItem.item : null
       return $xeTree.$nextTick()
     },
@@ -2142,7 +2136,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const $xeTree = this
       const reactData = $xeTree.reactData
 
-      reactData.selectRadioKey = enNodeValue(nodeKey)
+      reactData.selectRadioKey = enModelValue(nodeKey)
       $xeTree.emitRadioMode(nodeKey)
       return $xeTree.$nextTick()
     },
@@ -2153,7 +2147,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const { selectCheckboxMaps } = internalData
       const nodeKeys: any[] = []
       XEUtils.each(selectCheckboxMaps, (item, nodeId) => {
-        nodeKeys.push(deNodeValue(nodeId))
+        nodeKeys.push(deModelValue(nodeId))
       })
       return nodeKeys
     },
@@ -2253,7 +2247,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
           nodeKeys = [nodeKeys]
         }
         nodeKeys.forEach((nodeKey) => {
-          const nodeid = enNodeValue(nodeKey)
+          const nodeid = enModelValue(nodeKey)
           handleSetExpand(nodeid, expanded, treeExpandedMaps)
         })
         reactData.updateExpandedFlag++
@@ -2269,7 +2263,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const { treeExpandedMaps } = internalData
       const nodeKeys: any[] = []
       XEUtils.each(treeExpandedMaps, (item, nodeId) => {
-        nodeKeys.push(deNodeValue(nodeId))
+        nodeKeys.push(deModelValue(nodeId))
       })
       return nodeKeys
     },
@@ -2318,7 +2312,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
           nodeKeys = [nodeKeys]
         }
         nodeKeys.forEach((nodeKey) => {
-          const nodeid = enNodeValue(nodeKey)
+          const nodeid = enModelValue(nodeKey)
           handleSetExpand(nodeid, !treeExpandedMaps[`${nodeid}`], treeExpandedMaps)
         })
         reactData.updateExpandedFlag++
@@ -3053,7 +3047,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const $xeTree = this
       const reactData = $xeTree.reactData
 
-      reactData.selectRadioKey = enNodeValue(nodeKey)
+      reactData.selectRadioKey = enModelValue(nodeKey)
     },
     checkNodeKeys () {
       const $xeTree = this
@@ -3095,7 +3089,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
 
     $xeTree.internalData = createInternalData()
 
-    reactData.selectRadioKey = enNodeValue(props.checkNodeKey)
+    reactData.selectRadioKey = enModelValue(props.checkNodeKey)
     $xeTree.loadData(props.data || [])
   },
   mounted () {

package/packages/tree/src/util.ts

@@ -1,15 +1,5 @@
-import XEUtils from 'xe-utils'
-
 import type { VxeTreeConstructor } from '../../../types'
 
-export function enNodeValue (nodeid: string | number | null) {
-  return XEUtils.eqNull(nodeid) ? '' : encodeURIComponent(`${nodeid}`)
-}
-
-export function deNodeValue (nodeid: string | number | null) {
-  return nodeid ? decodeURIComponent(`${nodeid}`) : nodeid
-}
-
 function countTreeExpand ($xeTree: VxeTreeConstructor, prevNode: any) {
   let count = 1
   if (!prevNode) {

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

@@ -3,8 +3,7 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getI18n, getIcon, globalEvents, createEvent, globalMixins, renderEmptyElement } from '../../ui'
 import { getEventTargetNode, updatePanelPlacement, toCssUnit } from '../../ui/src/dom'
-import { getLastZIndex, nextZIndex } from '../../ui/src/utils'
-import { deNodeValue } from '../../tree/src/util'
+import { getLastZIndex, nextZIndex, deModelValue } from '../../ui/src/utils'
 import { createComponentLog } from '../../ui/src/log'
 import VxeInputComponent from '../../input'
 import VxeButtonComponent from '../../button'
@@ -111,10 +110,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
       type: Boolean as PropType<VxeTreeSelectPropTypes.ShowRadio>,
       default: () => getConfig().treeSelect.showRadio
     },
+    radioConfig: Object as PropType<VxeTreeSelectPropTypes.RadioConfig>,
     showCheckbox: {
       type: Boolean as PropType<VxeTreeSelectPropTypes.ShowCheckbox>,
       default: () => getConfig().treeSelect.showCheckbox
     },
+    checkboxConfig: Object as PropType<VxeTreeSelectPropTypes.CheckboxConfig>,
     popupConfig: Object as PropType<VxeTreeSelectPropTypes.PopupConfig>,
     treeConfig: Object as PropType<VxeTreeSelectPropTypes.TreeConfig>,
     menuConfig: Object as PropType<VxeTreeSelectPropTypes.MenuConfig>,
@@ -290,11 +291,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const $xeTreeSelect = this
       const props = $xeTreeSelect
 
-      const { showCheckbox } = props
+      const { showCheckbox, checkboxConfig } = props
       const treeOpts = $xeTreeSelect.computeTreeOpts as VxeTreeSelectPropTypes.TreeConfig
       return Object.assign({
         showIcon: XEUtils.isBoolean(showCheckbox) ? showCheckbox : !!treeOpts.showCheckbox
-      }, treeOpts.checkboxConfig, {
+      }, treeOpts.checkboxConfig, checkboxConfig, {
         trigger: 'node'
       })
     },
@@ -302,11 +303,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const $xeTreeSelect = this
       const props = $xeTreeSelect
 
-      const { showRadio } = props
+      const { showRadio, radioConfig } = props
       const treeOpts = $xeTreeSelect.computeTreeOpts as VxeTreeSelectPropTypes.TreeConfig
       return Object.assign({
         showIcon: XEUtils.isBoolean(showRadio) ? showRadio : !!treeOpts.showRadio
-      }, treeOpts.radioConfig, {
+      }, treeOpts.radioConfig, radioConfig, {
         trigger: 'node'
       })
     },
@@ -635,7 +636,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const $xeForm = $xeTreeSelect.$xeForm
       const formItemInfo = $xeTreeSelect.formItemInfo
 
-      const value = XEUtils.isArray(selectValue) ? selectValue.map(deNodeValue) : deNodeValue(selectValue)
+      const value = XEUtils.isArray(selectValue) ? selectValue.map(deModelValue) : deModelValue(selectValue)
       $xeTreeSelect.emitModel(value)
       if (value !== props.value) {
         $xeTreeSelect.dispatchEvent('change', { value, node, option: node }, evnt)

package/packages/ui/index.ts

@@ -231,6 +231,12 @@ setConfig({
   listView: {},
   list: {
     // size: null,
+    dragConfig: {
+      showIcon: true,
+      animation: true,
+      showGuidesStatus: true,
+      showDragTip: true
+    },
     virtualYConfig: {
       enabled: true,
       gt: 60
@@ -386,6 +392,7 @@ setConfig({
       }
     }
   },
+  tableTransfer: {},
   tabs: {
     // destroyOnClose: false
   },
@@ -413,6 +420,7 @@ setConfig({
     leaveDelay: 300,
     isArrow: true
   },
+  transfer: {},
   tree: {
     // autoResize: false,
     indent: 20,
@@ -713,7 +721,12 @@ setIcon({
   // cascader
   CASCADER_NODE_OPEN: iconPrefix + 'arrow-right',
   CASCADER_NODE_CLOSE: iconPrefix + 'arrow-right',
-  CASCADER_NODE_LOADED: iconPrefix + 'spinner roll'
+  CASCADER_NODE_LOADED: iconPrefix + 'spinner roll',
+
+  // list
+  LIST_DRAG: iconPrefix + 'drag-handle',
+  LIST_DRAG_STATUS_NODE: iconPrefix + 'sort',
+  LIST_DRAG_DISABLED: iconPrefix + 'no-drop'
 })
 
 export * from '@vxe-ui/core'

package/packages/ui/src/utils.ts

@@ -37,6 +37,13 @@ export function getFuncText (content: string | number | boolean | null | undefin
   return `${translate ? translate('' + content, args) : content}`
 }
 
+export function getText (content: string | number | boolean | null | undefined) {
+  if (XEUtils.eqNull(content)) {
+    return ''
+  }
+  return '' + content
+}
+
 /**
  * 判断值为：'' | null | undefined 时都属于空值
  */
@@ -47,3 +54,11 @@ export function eqEmptyValue (cellValue: any) {
 export function handleBooleanDefaultValue (value: boolean | undefined | null) {
   return XEUtils.isBoolean(value) ? value : null
 }
+
+export function enModelValue (nodeid: string | number | null | undefined) {
+  return XEUtils.eqNull(nodeid) ? '' : encodeURIComponent(`${nodeid}`)
+}
+
+export function deModelValue (nodeid: string | number | null) {
+  return nodeid ? decodeURIComponent(`${nodeid}`) : nodeid
+}

package/styles/all.scss

@@ -74,6 +74,7 @@
 @use './components/switch.scss';
 @use './components/tab-pane.scss';
 @use './components/table-select.scss';
+@use './components/table-transfer.scss';
 @use './components/tabs.scss';
 @use './components/tag.scss';
 @use './components/text-ellipsis.scss';
@@ -84,6 +85,7 @@
 @use './components/tip.scss';
 @use './components/tooltip.scss';
 @use './components/tour.scss';
+@use './components/transfer.scss';
 @use './components/tree.scss';
 @use './components/tree-select.scss';
 @use './components/upload.scss';