vxe-pc-ui 4.15.11 → 4.15.13

package/packages/list/src/store.ts

@@ -0,0 +1,14 @@
+import { reactive } from 'vue'
+
+interface CrossListDragRowObj {
+  row: any
+}
+
+// 跨列表拖拽
+export const crossListDragRowInfo: CrossListDragRowObj = reactive({
+  row: null
+})
+
+export function getCrossListDragRowInfo () {
+  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

@@ -401,7 +401,7 @@ export default defineVxeComponent({
           ref: refPulldownContent,
           class: 'vxe-pulldown--content',
           onClick: clickTargetEvent
-        }, defaultSlot ? defaultSlot({ $pulldown: $xePulldown }) : []),
+        }, defaultSlot ? defaultSlot({ options, $pulldown: $xePulldown }) : []),
         h(Teleport, {
           to: 'body',
           disabled: btnTransfer ? !initialized : true
@@ -426,19 +426,19 @@ export default 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 })
                     : [
                         renderDefaultPanel(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 { App } 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: App) {
+    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,91 @@
+import { ref, h, reactive, PropType, onBeforeUnmount } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
+import XEUtils from 'xe-utils'
+import { getConfig, createEvent } from '../../ui'
+
+import type { TableTransferReactData, TableTransferInternalData, VxeTableTransferEmits, VxeTableTransferPropTypes, TableTransferMethods, TableTransferPrivateMethods, ValueOf, TableTransferPrivateRef, VxeTableTransferPrivateComputed, VxeTableTransferConstructor, VxeTableTransferPrivateMethods } from '../../../types'
+
+function createReactData (): TableTransferReactData {
+  return {
+  }
+}
+
+function createInternalData (): TableTransferInternalData {
+  return {
+  }
+}
+
+export default 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
+    }
+  },
+  emits: [
+  ] as VxeTableTransferEmits,
+  setup (props, context) {
+    const { emit } = context
+
+    const xID = XEUtils.uniqueId()
+
+    const refElem = ref<HTMLDivElement>()
+
+    const reactData = reactive(createReactData())
+
+    const internalData = createInternalData()
+
+    const refMaps: TableTransferPrivateRef = {
+      refElem
+    }
+
+    const computeMaps: VxeTableTransferPrivateComputed = {
+    }
+
+    const $xeTableTransfer = {
+      xID,
+      props,
+      context,
+      reactData,
+      internalData,
+
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    } as unknown as VxeTableTransferConstructor & VxeTableTransferPrivateMethods
+
+    const dispatchEvent = (type: ValueOf<VxeTableTransferEmits>, params: Record<string, any>, evnt: Event | null) => {
+      emit(type, createEvent(evnt, { $tableTransfer: $xeTableTransfer }, params))
+    }
+
+    const tableTransferMethods: TableTransferMethods = {
+      dispatchEvent
+    }
+
+    const tableTransferPrivateMethods: TableTransferPrivateMethods = {
+    }
+
+    Object.assign($xeTableTransfer, tableTransferMethods, tableTransferPrivateMethods)
+
+    const renderVN = () => {
+      return h('div', {
+        ref: refElem,
+        class: 'vxe-table-transfer'
+      }, [])
+    }
+
+    onBeforeUnmount(() => {
+      XEUtils.assign(reactData, createReactData())
+      XEUtils.assign(internalData, createInternalData())
+    })
+
+    $xeTableTransfer.renderVN = renderVN
+
+    return $xeTableTransfer
+  },
+  render () {
+    return this.renderVN()
+  }
+})

package/packages/transfer/index.ts

@@ -0,0 +1,16 @@
+import { App } 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: App) {
+    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,117 @@
+import { ref, h, reactive, PropType, onBeforeUnmount } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
+import XEUtils from 'xe-utils'
+import { getConfig, createEvent, renderEmptyElement } from '../../ui'
+
+import type { TransferReactData, TransferInternalData, VxeTransferEmits, VxeTransferPropTypes, TransferMethods, TransferPrivateMethods, ValueOf, TransferPrivateRef, VxeTransferPrivateComputed, VxeTransferConstructor, VxeTransferPrivateMethods } from '../../../types'
+
+function createReactData (): TransferReactData {
+  return {
+  }
+}
+
+function createInternalData (): TransferInternalData {
+  return {
+  }
+}
+
+export default 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
+    }
+  },
+  emits: [
+  ] as VxeTransferEmits,
+  setup (props, context) {
+    const { emit, slots } = context
+
+    const xID = XEUtils.uniqueId()
+
+    const refElem = ref<HTMLDivElement>()
+
+    const reactData = reactive(createReactData())
+
+    const internalData = createInternalData()
+
+    const refMaps: TransferPrivateRef = {
+      refElem
+    }
+
+    const computeMaps: VxeTransferPrivateComputed = {
+    }
+
+    const $xeTransfer = {
+      xID,
+      props,
+      context,
+      reactData,
+      internalData,
+
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    } as unknown as VxeTransferConstructor & VxeTransferPrivateMethods
+
+    const dispatchEvent = (type: ValueOf<VxeTransferEmits>, params: Record<string, any>, evnt: Event | null) => {
+      emit(type, createEvent(evnt, { $transfer: $xeTransfer }, params))
+    }
+
+    const transferMethods: TransferMethods = {
+      dispatchEvent
+    }
+
+    const transferPrivateMethods: TransferPrivateMethods = {
+    }
+
+    Object.assign($xeTransfer, transferMethods, transferPrivateMethods)
+
+    const renderVN = () => {
+      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', {
+          class: 'vxe-transfer--body'
+        }, [
+          h('div', {
+            class: 'vxe-transfer--left-wrapper'
+          }),
+          h('div', {
+            class: 'vxe-transfer--buttons-wrapper'
+          }),
+          h('div', {
+            class: 'vxe-transfer--right-wrapper'
+          })
+        ]),
+        footerSlot
+          ? h('div', {
+            class: 'vxe-transfer--footer'
+          }, footerSlot({ $transfer: $xeTransfer }))
+          : renderEmptyElement($xeTransfer)
+      ])
+    }
+
+    onBeforeUnmount(() => {
+      XEUtils.assign(reactData, createReactData())
+      XEUtils.assign(internalData, createInternalData())
+    })
+
+    $xeTransfer.renderVN = renderVN
+
+    return $xeTransfer
+  },
+  render () {
+    return this.renderVN()
+  }
+})

package/packages/tree/src/tree.ts

@@ -1,13 +1,13 @@
 import { ref, h, reactive, PropType, computed, VNode, watch, onBeforeUnmount, nextTick, onMounted, provide } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import { VxeUI, createEvent, useSize, globalEvents, globalResize, renderEmptyElement } from '../../ui'
-import { calcTreeLine, enNodeValue, deNodeValue } from './util'
+import { calcTreeLine } from './util'
 import { createComponentLog } from '../../ui/src/log'
 import { getCrossTreeDragNodeInfo } from './store'
 import XEUtils from 'xe-utils'
 import { getSlotVNs } from '../../ui/src/vn'
 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'
 
@@ -151,19 +151,13 @@ export default 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>,
@@ -388,7 +382,7 @@ export default defineVxeComponent({
       }
       const valueField = computeValueField.value
       const nodeKey = XEUtils.get(node, valueField)
-      return enNodeValue(nodeKey)
+      return enModelValue(nodeKey)
     }
 
     const isExpandByNode = (node: any) => {
@@ -443,7 +437,7 @@ export default 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)
@@ -1344,7 +1338,7 @@ export default defineVxeComponent({
       reactData.updateCheckboxFlag++
       updateCheckboxStatus()
       const nodeids = XEUtils.keys(selectCheckboxMaps)
-      const value = nodeids.map(deNodeValue)
+      const value = nodeids.map(deModelValue)
       emitCheckboxMode(value)
       dispatchEvent('checkbox-change', { node, value, checked: isChecked }, evnt)
     }
@@ -1394,7 +1388,7 @@ export default defineVxeComponent({
         return
       }
       const isChecked = true
-      const value = deNodeValue(nodeid)
+      const value = deModelValue(nodeid)
       reactData.selectRadioKey = nodeid
       emitRadioMode(value)
       dispatchEvent('radio-change', { node, value, checked: isChecked }, evnt)
@@ -1434,7 +1428,7 @@ export default defineVxeComponent({
       getCurrentNodeId () {
         const { currentNode } = reactData
         if (currentNode) {
-          return deNodeValue(getNodeId(currentNode))
+          return deModelValue(getNodeId(currentNode))
         }
         return null
       },
@@ -1451,7 +1445,7 @@ export default defineVxeComponent({
       },
       setCurrentNodeId (nodeKey) {
         const { nodeMaps } = internalData
-        const nodeItem = nodeMaps[enNodeValue(nodeKey)]
+        const nodeItem = nodeMaps[enModelValue(nodeKey)]
         reactData.currentNode = nodeItem ? nodeItem.item : null
         return nextTick()
       },
@@ -1479,7 +1473,7 @@ export default defineVxeComponent({
         return null
       },
       setRadioNodeId (nodeKey) {
-        reactData.selectRadioKey = enNodeValue(nodeKey)
+        reactData.selectRadioKey = enModelValue(nodeKey)
         emitRadioMode(nodeKey)
         return nextTick()
       },
@@ -1487,7 +1481,7 @@ export default defineVxeComponent({
         if (node) {
           const nodeid = getNodeId(node)
           reactData.selectRadioKey = nodeid
-          emitRadioMode(deNodeValue(nodeid))
+          emitRadioMode(deModelValue(nodeid))
         } else {
           emitRadioMode(null)
         }
@@ -1512,7 +1506,7 @@ export default defineVxeComponent({
         const { selectCheckboxMaps } = internalData
         const nodeKeys: any[] = []
         XEUtils.each(selectCheckboxMaps, (item, nodeId) => {
-          nodeKeys.push(deNodeValue(nodeId))
+          nodeKeys.push(deModelValue(nodeId))
         })
         return nodeKeys
       },
@@ -1590,7 +1584,7 @@ export default defineVxeComponent({
             nodeKeys = [nodeKeys]
           }
           nodeKeys.forEach((nodeKey) => {
-            const nodeid = enNodeValue(nodeKey)
+            const nodeid = enModelValue(nodeKey)
             handleSetExpand(nodeid, expanded, treeExpandedMaps)
           })
           reactData.updateExpandedFlag++
@@ -1603,7 +1597,7 @@ export default defineVxeComponent({
         const { treeExpandedMaps } = internalData
         const nodeKeys: any[] = []
         XEUtils.each(treeExpandedMaps, (item, nodeId) => {
-          nodeKeys.push(deNodeValue(nodeId))
+          nodeKeys.push(deModelValue(nodeId))
         })
         return nodeKeys
       },
@@ -1641,7 +1635,7 @@ export default defineVxeComponent({
             nodeKeys = [nodeKeys]
           }
           nodeKeys.forEach((nodeKey) => {
-            const nodeid = enNodeValue(nodeKey)
+            const nodeid = enModelValue(nodeKey)
             handleSetExpand(nodeid, !treeExpandedMaps[`${nodeid}`], treeExpandedMaps)
           })
           reactData.updateExpandedFlag++
@@ -1981,10 +1975,11 @@ export default defineVxeComponent({
         const dragNodeid = getNodeId(dragNode)
         const dragNodeRest = nodeMaps[dragNodeid] || {}
         const _dragNodeIndex = dragNodeRest._index
+        const newNodeid = 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) {
@@ -2001,7 +1996,6 @@ export default defineVxeComponent({
         let isSelfToChildStatus = false
 
         const oldRest = dragNodeRest
-        const newNodeid = getNodeId(prevDragNode)
         const newRest = nodeMaps[newNodeid]
         if (transform) {
           if (oldRest && newRest) {
@@ -2758,7 +2752,7 @@ export default defineVxeComponent({
     })
 
     watch(() => props.checkNodeKey, (nodeKey) => {
-      reactData.selectRadioKey = enNodeValue(nodeKey)
+      reactData.selectRadioKey = enModelValue(nodeKey)
     })
 
     const checkboxFlag = ref(0)
@@ -2836,7 +2830,7 @@ export default defineVxeComponent({
       XEUtils.assign(internalData, createInternalData())
     })
 
-    reactData.selectRadioKey = enNodeValue(props.checkNodeKey)
+    reactData.selectRadioKey = enModelValue(props.checkNodeKey)
     loadData(props.data || [])
 
     $xeTree.renderVN = renderVN

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

@@ -2,8 +2,7 @@ import { ref, computed, h, PropType, nextTick, inject, provide, reactive, Telepo
 import { defineVxeComponent } from '../../ui/src/comp'
 import { getConfig, getI18n, getIcon, globalEvents, createEvent, useSize, 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 XEUtils from 'xe-utils'
 import VxeInputComponent from '../../input'
@@ -104,10 +103,12 @@ export default 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>,
@@ -256,21 +257,21 @@ export default defineVxeComponent({
     })
 
     const computeTreeCheckboxOpts = computed(() => {
-      const { showCheckbox } = props
+      const { showCheckbox, checkboxConfig } = props
       const treeOpts = computeTreeOpts.value
       return Object.assign({
         showIcon: XEUtils.isBoolean(showCheckbox) ? showCheckbox : !!treeOpts.showCheckbox
-      }, treeOpts.checkboxConfig, {
+      }, treeOpts.checkboxConfig, checkboxConfig, {
         trigger: 'node'
       })
     })
 
     const computeTreeRadioOpts = computed(() => {
-      const { showRadio } = props
+      const { showRadio, radioConfig } = props
       const treeOpts = computeTreeOpts.value
       return Object.assign({
         showIcon: XEUtils.isBoolean(showRadio) ? showRadio : !!treeOpts.showRadio
-      }, treeOpts.radioConfig, {
+      }, treeOpts.radioConfig, radioConfig, {
         trigger: 'node'
       })
     })
@@ -546,7 +547,7 @@ export default defineVxeComponent({
     }
 
     const changeEvent = (evnt: Event, selectValue: any, node: any) => {
-      const value = XEUtils.isArray(selectValue) ? selectValue.map(deNodeValue) : deNodeValue(selectValue)
+      const value = XEUtils.isArray(selectValue) ? selectValue.map(deModelValue) : deModelValue(selectValue)
       emitModel(value)
       if (value !== props.modelValue) {
         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: 100
@@ -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';