vxe-pc-ui 4.15.11 → 4.15.13

package/lib/vxe-list/style/style.min.css

@@ -1 +1 @@
-.vxe-list{position:relative;display:block;padding:0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);direction:ltr}.vxe-list .vxe-list--virtual-wrapper{position:relative;overflow-x:auto;overflow-y:auto;outline:0}.vxe-list .vxe-list--y-space{width:0;float:left}.vxe-list .vxe-list--body,.vxe-list .vxe-list--virtual-wrapper{padding:0;margin:0;border:0;outline:0}.vxe-list--virtual-wrapper{height:100px}.vxe-list{font-size:var(--vxe-ui-font-size-default)}.vxe-list.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-list.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-list.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+@charset "UTF-8";.vxe-list{position:relative;display:block;padding:0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);direction:ltr}.vxe-list .vxe-list--virtual-wrapper{position:relative;overflow-x:auto;overflow-y:auto;outline:0}.vxe-list .vxe-list--y-space{width:0;float:left}.vxe-list .vxe-list--body,.vxe-list .vxe-list--virtual-wrapper{padding:0;margin:0;border:0;outline:0}.vxe-list--header-wrapper{display:flex;flex-direction:row;align-items:center;min-height:var(--vxe-ui-list-row-height)}.vxe-list--header-left{display:flex;flex-direction:row;align-items:center;flex-shrink:0}.vxe-list--header-content{flex-grow:1;overflow:auto}.vxe-list--body.trigger--row>.vxe-list--row:not(.is--drag-disabled):active{cursor:grabbing}.vxe-list--body.is--padding>.vxe-list--row{padding:0 var(--vxe-ui-current-padding)}.vxe-list--body.checkbox--highlight .vxe-list--row.is-checkbox--checked{background-color:var(--vxe-ui-list-row-checkbox-checked-background-color)}.vxe-list--body.radio--highlight .vxe-list--row.is-radio--checked{background-color:var(--vxe-ui-list-row-radio-checked-background-color)}.vxe-list--body.row--hover .vxe-list--row:hover{background-color:var(--vxe-ui-list-row-hover-background-color)}.vxe-list--body.row--hover .vxe-list--row:hover.is--current{background-color:var(--vxe-ui-list-row-hover-current-background-color)}.vxe-list--body.row--hover.radio--highlight .vxe-list--row.is-radio--checked:hover{background-color:var(--vxe-ui-list-row-hover-radio-checked-background-color)}.vxe-list--body.row--hover.checkbox--highlight .vxe-list--row.is-checkbox--checked:hover{background-color:var(--vxe-ui-list-row-hover-checkbox-checked-background-color)}.vxe-list--row.is--current{background-color:var(--vxe-ui-list-row-current-background-color)}.vxe-list--virtual-wrapper{height:100px}.vxe-list--row{display:flex;flex-direction:row;align-items:center}.vxe-list--row-drag{display:flex;flex-direction:row;align-items:center;flex-shrink:0;padding-right:var(--vxe-ui-current-padding)}.vxe-list--row-content{display:flex;flex-direction:row;align-items:center;flex-grow:1;height:var(--vxe-ui-list-row-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list--drag-handle:not(.is--disabled){cursor:grab}.vxe-list--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-list--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-list--row.row--drag-move{transition:transform .5s ease}.vxe-list--row.row--drag-origin{opacity:.3}.vxe-list--drag-row-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-list--drag-row-line{width:100%;height:1px;border:2px solid transparent}.vxe-list--drag-row-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-row-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-row-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-list--drag-row-line.is--guides{background-color:var(--vxe-ui-list-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-list--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-list--drag-sort-tip[drag-status=normal] .vxe-list--drag-sort-tip-normal-status{display:block}.vxe-list--drag-sort-tip[drag-status=sub] .vxe-list--drag-sort-tip-sub-status{display:block}.vxe-list--drag-sort-tip[drag-status=disabled] .vxe-list--drag-sort-tip-disabled-status{display:block}.vxe-list--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-list--drag-sort-tip-status{padding-right:.4em}.vxe-list--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-list--drag-sort-tip-normal-status,.vxe-list--drag-sort-tip-sub-status{display:none}.vxe-list--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list--checkbox-header{padding-right:var(--vxe-ui-current-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--checkbox-header{cursor:pointer}.vxe-list--checkbox-header .vxe-checkbox--icon{font-size:1.22em}.vxe-list--checkbox-header .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--checkbox-header.is--checked,.vxe-list--checkbox-header.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header.is--checked .vxe-checkbox--icon,.vxe-list--checkbox-header.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header.is--hidden{cursor:default}.vxe-list--checkbox-header.is--readonly{cursor:auto}.vxe-list--checkbox-header.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--checkbox-header.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--checkbox-header .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-list--checkbox-option{padding-right:var(--vxe-ui-current-padding)}.vxe-list--checkbox-option{cursor:pointer}.vxe-list--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-list--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--checkbox-option.is--checked,.vxe-list--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-list--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option.is--hidden{cursor:default}.vxe-list--checkbox-option.is--readonly{cursor:auto}.vxe-list--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-list--radio-option{padding-right:var(--vxe-ui-current-padding)}.vxe-list--radio-option{cursor:pointer}.vxe-list--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-list--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option.is--readonly{cursor:auto}.vxe-list--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-list{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-list.size--mini,.vxe-list.size--small{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-half)}.vxe-list{font-size:var(--vxe-ui-font-size-default)}.vxe-list.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-list.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-list.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/lib/vxe-table-transfer/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _tableTransfer = _interopRequireWildcard(require("../table-transfer"));
+Object.keys(_tableTransfer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _tableTransfer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _tableTransfer[key];
+    }
+  });
+});
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var _default = exports.default = _tableTransfer.default;

package/lib/vxe-table-transfer/index.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={},_tableTransfer=(exports.default=void 0,_interopRequireWildcard(require("../table-transfer")));function _interopRequireWildcard(e,r){var o,f;return"function"==typeof WeakMap&&(o=new WeakMap,f=new WeakMap),(_interopRequireWildcard=function(r,e){if(!e&&r&&r.__esModule)return r;var t,a,n={__proto__:null,default:r};if(null!==r&&("object"==typeof r||"function"==typeof r)){if(t=e?f:o){if(t.has(r))return t.get(r);t.set(r,n)}for(let e in r)"default"!==e&&{}.hasOwnProperty.call(r,e)&&((a=(t=Object.defineProperty)&&Object.getOwnPropertyDescriptor(r,e))&&(a.get||a.set)?t(n,e,a):n[e]=r[e])}return n})(e,r)}Object.keys(_tableTransfer).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_tableTransfer[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _tableTransfer[e]}})});var _default=exports.default=_tableTransfer.default;

package/lib/vxe-table-transfer/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/vxe-transfer/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _transfer = _interopRequireWildcard(require("../transfer"));
+Object.keys(_transfer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _transfer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _transfer[key];
+    }
+  });
+});
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var _default = exports.default = _transfer.default;

package/lib/vxe-transfer/index.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={},_transfer=(exports.default=void 0,_interopRequireWildcard(require("../transfer")));function _interopRequireWildcard(e,r){var a,f;return"function"==typeof WeakMap&&(a=new WeakMap,f=new WeakMap),(_interopRequireWildcard=function(r,e){if(!e&&r&&r.__esModule)return r;var t,n,o={__proto__:null,default:r};if(null!==r&&("object"==typeof r||"function"==typeof r)){if(t=e?f:a){if(t.has(r))return t.get(r);t.set(r,o)}for(let e in r)"default"!==e&&{}.hasOwnProperty.call(r,e)&&((n=(t=Object.defineProperty)&&Object.getOwnPropertyDescriptor(r,e))&&(n.get||n.set)?t(o,e,n):o[e]=r[e])}return o})(e,r)}Object.keys(_transfer).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_transfer[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _transfer[e]}})});var _default=exports.default=_transfer.default;

package/lib/vxe-transfer/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/vxe-transfer/style/style.css

@@ -0,0 +1,4 @@
+.vxe-transfer--body {
+  display: flex;
+  flex-direction: row;
+}

package/lib/vxe-transfer/style/style.min.css

@@ -0,0 +1 @@
+.vxe-transfer--body{display:flex;flex-direction:row}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "4.15.11",
+  "version": "4.15.13",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

package/packages/collapse/src/collapse.ts

@@ -10,15 +10,17 @@ import type { CollapseReactData, CollapseInternalData, VxeCollapseEmits, Collaps
 function createReactData (): CollapseReactData {
   return {
     staticPanes: [],
-    activeNames: [],
-    initNames: [],
-    cachePaneMaps: {}
+    cachePaneMaps: {},
+    activeKeyFlag: 0,
+    openKeyFlag: 0
   }
 }
 
 function createInternalData (): CollapseInternalData {
   return {
-    // esTime: null
+    // esTime: null,
+    activeKeyMaps: {},
+    openKeyMaps: {}
   }
 }
 
@@ -92,6 +94,18 @@ export default defineVxeComponent({
       getComputeMaps: () => computeMaps
     } as unknown as VxeCollapseConstructor & VxeCollapsePrivateMethods
 
+    const dispatchEvent = (type: ValueOf<VxeCollapseEmits>, params: Record<string, any>, evnt: Event | null) => {
+      emit(type, createEvent(evnt, { $collapse: $xeCollapse }, params))
+    }
+
+    const collapseMethods: CollapseMethods = {
+      dispatchEvent
+    }
+
+    const emitModel = (value: any) => {
+      emit('update:modelValue', value)
+    }
+
     const handleFilterItem = (item: VxeCollapsePaneProps | VxeCollapsePaneDefines.CollapseConfig) => {
       const { permissionCode } = item
       if (permissionCode) {
@@ -102,10 +116,27 @@ export default defineVxeComponent({
       return true
     }
 
-    const addInitName = (name: VxeCollapsePanePropTypes.Name | undefined) => {
-      const { initNames } = reactData
-      if (name && !initNames.includes(name)) {
-        initNames.push(name)
+    const updateModel = () => {
+      const { modelValue } = props
+      const { openKeyMaps } = internalData
+      const activeMaps: Record<string, boolean> = {}
+      if (modelValue) {
+        modelValue.forEach(name => {
+          if (!openKeyMaps[name as string]) {
+            openKeyMaps[name as string] = true
+          }
+          activeMaps[name as string] = true
+        })
+      }
+      internalData.activeKeyMaps = activeMaps
+      reactData.activeKeyFlag++
+      reactData.openKeyFlag++
+    }
+
+    const handleOpen = (name: VxeCollapsePanePropTypes.Name | undefined) => {
+      const { openKeyMaps } = internalData
+      if (name && !openKeyMaps[name as string]) {
+        openKeyMaps[name as string] = true
         dispatchEvent('load', { name }, null)
         return true
       }
@@ -113,38 +144,25 @@ export default defineVxeComponent({
     }
 
     const initDefaultName = (list?: VxeCollapsePropTypes.Options | VxeCollapsePaneDefines.CollapseConfig[]) => {
-      const { activeNames } = reactData
+      const { activeKeyMaps } = internalData
       const nameMaps: Record<string, VxeCollapseDefines.CacheItemObj> = {}
       if (list && list.length) {
         list.forEach((item) => {
           const { name, preload } = item || {}
           if (name) {
-            const isActive = activeNames.includes(name)
-            nameMaps[`${name}`] = {
+            const isActive = activeKeyMaps[name as string]
+            nameMaps[name as string] = {
               height: 0,
               loading: false
             }
-            if (isActive) {
-              addInitName(name)
-            }
-            if (preload) {
-              if (!isActive) {
-                activeNames.push(name)
-              }
+            if (isActive || preload) {
+              handleOpen(name)
             }
           }
         })
       }
-      reactData.activeNames = activeNames ? activeNames.slice(0) : []
       reactData.cachePaneMaps = nameMaps
-    }
-
-    const dispatchEvent = (type: ValueOf<VxeCollapseEmits>, params: Record<string, any>, evnt: Event | null) => {
-      emit(type, createEvent(evnt, { $collapse: $xeCollapse }, params))
-    }
-
-    const collapseMethods: CollapseMethods = {
-      dispatchEvent
+      reactData.openKeyFlag++
     }
 
     const callSlot = (slotFunc: any, params: any) => {
@@ -160,8 +178,10 @@ export default defineVxeComponent({
     }
 
     const handleClickEvent = (evnt: MouseEvent, item: VxeCollapsePaneDefines.CollapseConfig | VxeCollapsePaneProps) => {
-      const { activeNames } = reactData
+      let { activeKeyMaps } = internalData
       const { esTime } = internalData
+      const expandOpts = computeExpandOpts.value
+      const { accordion } = expandOpts
       const { name } = item
       if (esTime) {
         clearTimeout(esTime)
@@ -169,14 +189,17 @@ export default defineVxeComponent({
       if (name) {
         const headEl = evnt.currentTarget as HTMLDivElement
         const bodyEl = headEl.nextElementSibling as HTMLDivElement
-        const aIndex = activeNames.indexOf(name)
         let expanded = false
-        if (aIndex === -1) {
-          expanded = true
-          activeNames.push(name)
+        if (activeKeyMaps[name as string]) {
+          delete activeKeyMaps[name as string]
         } else {
-          activeNames.splice(aIndex, 1)
+          if (accordion) {
+            activeKeyMaps = {}
+          }
+          expanded = true
+          activeKeyMaps[name as string] = true
         }
+
         const startAnimation = () => {
           const itemEl = bodyEl.firstElementChild as HTMLDivElement
           if (itemEl) {
@@ -195,6 +218,13 @@ export default defineVxeComponent({
             }
           }
         }
+
+        const value = Object.keys(activeKeyMaps)
+        internalData.activeKeyMaps = activeKeyMaps
+        handleOpen(name)
+        reactData.activeKeyFlag++
+        reactData.openKeyFlag++
+
         if (bodyEl) {
           const itemEl = bodyEl.firstElementChild as HTMLDivElement
           if (itemEl) {
@@ -204,9 +234,10 @@ export default defineVxeComponent({
             nextTick(startAnimation)
           }
         }
-        addInitName(name)
-        dispatchEvent('change', { value: activeNames, name }, evnt)
-        dispatchEvent('toggle-expand', { value: activeNames, name, expanded }, evnt)
+
+        emitModel(value)
+        dispatchEvent('change', { value, name }, evnt)
+        dispatchEvent('toggle-expand', { value, name, expanded }, evnt)
       }
     }
 
@@ -216,13 +247,14 @@ export default defineVxeComponent({
     Object.assign($xeCollapse, collapseMethods, collapsePrivateMethods)
 
     const renderList = (itemList: VxeCollapsePropTypes.Options | VxeCollapsePaneDefines.CollapseConfig[]) => {
-      const { activeNames, initNames } = reactData
+      const { activeKeyFlag, openKeyFlag } = reactData
+      const { activeKeyMaps, openKeyMaps } = internalData
       const expandOpts = computeExpandOpts.value
       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)
+        const isActive = name && activeKeyFlag && activeKeyMaps[name as string]
         return h('div', {
           class: 'vxe-collapse-item'
         }, [
@@ -260,7 +292,7 @@ export default defineVxeComponent({
               'is--hidden': !isActive
             }]
           }, [
-            name && initNames.includes(name)
+            name && openKeyFlag && openKeyMaps[name as string]
               ? h('div', {
                 class: 'vxe-collapse--item-inner'
               }, [
@@ -295,8 +327,15 @@ export default defineVxeComponent({
       ])
     }
 
-    watch(() => props.modelValue, (val) => {
-      reactData.activeNames = val || []
+    const valFlag = ref(0)
+    watch(() => props.modelValue ? props.modelValue.length : -1, () => {
+      valFlag.value++
+    })
+    watch(() => props.modelValue, () => {
+      valFlag.value++
+    })
+    watch(valFlag, () => {
+      updateModel()
     })
 
     const optsFlag = ref(0)
@@ -321,7 +360,7 @@ export default defineVxeComponent({
       initDefaultName(reactData.staticPanes)
     })
 
-    reactData.activeNames = props.modelValue || []
+    updateModel()
     initDefaultName(reactData.staticPanes.length ? reactData.staticPanes : props.options)
 
     onUnmounted(() => {

package/packages/components.ts

@@ -78,6 +78,7 @@ import VxeSteps from './steps'
 import VxeSwitch from './switch'
 import VxeTabPane from './tab-pane'
 import VxeTableSelect from './table-select'
+import VxeTableTransfer from './table-transfer'
 import VxeTabs from './tabs'
 import VxeTag from './tag'
 import VxeTextEllipsis from './text-ellipsis'
@@ -88,6 +89,7 @@ import VxeTimelineItem from './timeline-item'
 import VxeTip from './tip'
 import VxeTooltip from './tooltip'
 import VxeTour from './tour'
+import VxeTransfer from './transfer'
 import VxeTree from './tree'
 import VxeTreeSelect from './tree-select'
 import VxeUpload from './upload'
@@ -176,6 +178,7 @@ const components = [
   VxeSwitch,
   VxeTabPane,
   VxeTableSelect,
+  VxeTableTransfer,
   VxeTabs,
   VxeTag,
   VxeTextEllipsis,
@@ -186,6 +189,7 @@ const components = [
   VxeTip,
   VxeTooltip,
   VxeTour,
+  VxeTransfer,
   VxeTree,
   VxeTreeSelect,
   VxeUpload,
@@ -291,6 +295,7 @@ export * from './steps'
 export * from './switch'
 export * from './tab-pane'
 export * from './table-select'
+export * from './table-transfer'
 export * from './tabs'
 export * from './tag'
 export * from './text-ellipsis'
@@ -301,6 +306,7 @@ export * from './timeline-item'
 export * from './tip'
 export * from './tooltip'
 export * from './tour'
+export * from './transfer'
 export * from './tree'
 export * from './tree-select'
 export * from './upload'

package/packages/date-picker/src/date-picker.ts

@@ -1687,6 +1687,7 @@ export default defineVxeComponent({
     onUnmounted(() => {
       globalEvents.off($xeDatePicker, 'mousewheel')
       globalEvents.off($xeDatePicker, 'mousedown')
+      globalEvents.off($xeDatePicker, 'keydown')
       globalEvents.off($xeDatePicker, 'blur')
       globalEvents.off($xeDatePicker, 'resize')
     })

package/packages/image/src/image.ts

@@ -88,20 +88,8 @@ export default defineVxeComponent({
     }
 
     const computeWrapperStyle = computed(() => {
-      const { width, height, minWidth, minHeight, maxWidth, maxHeight, circle } = props
+      const { width, height, circle } = props
       const stys: Record<string, string> = {}
-      if (minWidth) {
-        stys.minWidth = toCssUnit(minWidth)
-      }
-      if (minHeight) {
-        stys.minHeight = toCssUnit(minHeight)
-      }
-      if (maxWidth) {
-        stys.maxWidth = toCssUnit(maxWidth)
-      }
-      if (maxHeight) {
-        stys.maxHeight = toCssUnit(maxHeight)
-      }
       if (circle) {
         // 圆形只能生效一个
         if (width) {
@@ -123,7 +111,7 @@ export default defineVxeComponent({
     })
 
     const computeImgStyle = computed(() => {
-      const { width, height } = props
+      const { width, height, minWidth, minHeight, maxHeight, maxWidth } = props
       const stys: Record<string, string> = {}
       if (width && height) {
         stys.maxWidth = toCssUnit(width)
@@ -135,6 +123,18 @@ export default defineVxeComponent({
         if (height) {
           stys.height = toCssUnit(height)
         }
+        if (minWidth) {
+          stys.minWidth = toCssUnit(minWidth)
+        }
+        if (minHeight) {
+          stys.minHeight = toCssUnit(minHeight)
+        }
+        if (maxWidth) {
+          stys.maxWidth = toCssUnit(maxWidth)
+        }
+        if (maxHeight) {
+          stys.maxHeight = toCssUnit(maxHeight)
+        }
       }
       return stys
     })

package/packages/language/ar-EG.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
       searchEmpty: '未匹配到数据！'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: '未匹配到数据！',
       dragTip: '移动：{0}'

package/packages/language/de-DE.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: 'Die maximale optionale Nummer {0} wurde überschritten und der Überschuss wird ignoriert!',
       searchEmpty: 'Keine Daten entspricht!'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: 'Keine Daten entspricht!',
       dragTip: '移动：{0}'

package/packages/language/en-US.ts

@@ -113,8 +113,12 @@ export default {
       overSizeErr: 'The maximum selectable quantity of {0} has been exceeded. The excess part will be ignored!',
       searchEmpty: 'No matching data found!'
     },
+    list: {
+      allChecked: 'All',
+      dragTip: 'Move: {0}'
+    },
     tree: {
-      searchEmpty: '未匹配到数据！',
+      searchEmpty: 'No matching data found!',
       dragTip: 'Move: {0}'
     },
     treeSelect: {

package/packages/language/es-ES.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: 'Se ha excedido el número máximo opcional {0}, ¡y el exceso será ignorado!',
       searchEmpty: '¡No hay datos coincidentes!'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: '¡No hay datos coincidentes!',
       dragTip: '移动：{0}'

package/packages/language/fr-FR.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
       searchEmpty: '未匹配到数据！'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: '未匹配到数据！',
       dragTip: '移动：{0}'

package/packages/language/hu-HU.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
       searchEmpty: '未匹配到数据！'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: '未匹配到数据！',
       dragTip: '移动：{0}'

package/packages/language/hy-AM.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
       searchEmpty: '未匹配到数据！'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: '未匹配到数据！',
       dragTip: '移动：{0}'

package/packages/language/id-ID.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
       searchEmpty: '未匹配到数据！'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: '未匹配到数据！',
       dragTip: '移动：{0}'

package/packages/language/it-IT.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
       searchEmpty: '未匹配到数据！'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: '未匹配到数据！',
       dragTip: '移动：{0}'

package/packages/language/ja-JP.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: '最大オプションの数値{0}は超えられており、超過は無視されます！',
       searchEmpty: '一致するデータはありません！'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: '一致するデータはありません！',
       dragTip: '移动：{0}'

package/packages/language/ko-KR.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: '최대 선택적 숫자 {0}이 초과되었으며 초과는 무시됩니다!',
       searchEmpty: '데이터가 일치하지 않습니다!'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: '데이터가 일치하지 않습니다!',
       dragTip: '移动：{0}'

package/packages/language/ms-MY.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
       searchEmpty: '未匹配到数据！'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: '未匹配到数据！',
       dragTip: '移动：{0}'

package/packages/language/nb-NO.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
       searchEmpty: '未匹配到数据！'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: '未匹配到数据！',
       dragTip: '移动：{0}'

package/packages/language/pt-BR.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
       searchEmpty: '未匹配到数据！'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: '未匹配到数据！',
       dragTip: '移动：{0}'

package/packages/language/ru-RU.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: 'Максимальное необязательное число {0} было превышено, и избыток будет проигнорирован!',
       searchEmpty: 'Нет данных!'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: 'Нет данных!',
       dragTip: '移动：{0}'

package/packages/language/th-TH.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
       searchEmpty: '未匹配到数据！'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: '未匹配到数据！',
       dragTip: '移动：{0}'

package/packages/language/ug-CN.ts

@@ -113,6 +113,10 @@ export default {
       overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
       searchEmpty: '未匹配到数据！'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: '未匹配到数据！',
       dragTip: '移动：{0}'