vxe-pc-ui 4.15.13 → 4.15.14

package/dist/all.esm.js

@@ -81,7 +81,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.15.13"}`;
+const uiVersion = `ui v${"4.15.14"}`;
 function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -92,18 +92,18 @@ function createComponentLog(name) {
         errLog: log.create('error', versionInfo + '] [' + name)
     };
 }
-const warnLog$b = log.create('warn', uiVersion);
+const warnLog$c = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.15.13";
+const version = "4.15.14";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
-    warnLog$b('vxe.error.delFunc', ['config', 'setConfig']);
+    warnLog$c('vxe.error.delFunc', ['config', 'setConfig']);
     return setConfig$1(options);
 }
 function setup(options) {
-    warnLog$b('vxe.error.delFunc', ['setup', 'setConfig']);
+    warnLog$c('vxe.error.delFunc', ['setup', 'setConfig']);
     return setConfig$1(options);
 }
 VxeUI.config = config;
@@ -270,7 +270,10 @@ setConfig$1({
     formView: {},
     icon: {},
     iconPicker: {
-        icons: ['home', 'company', 'comment', 'setting', 'send', 'envelope', 'envelope-open', 'bell', 'search', 'print', 'pc', 'goods', 'chart-line', 'edit', 'delete', 'save', 'folder', 'microphone', 'flag', 'link', 'location', 'sunny', 'rmb', 'usd', 'user', 'add-user', 'add-users', 'star', 'unlock', 'time', 'text', 'feedback', 'calendar', 'association-form', 'cloud-download', 'cloud-upload', 'file', 'subtable', 'chart-bar-x', 'chart-bar-y', 'chart-line', 'chart-pie', 'chart-radar']
+        icons: ['home', 'company', 'comment', 'setting', 'send', 'envelope', 'envelope-open', 'bell', 'search', 'print', 'pc', 'goods', 'chart-line', 'edit', 'delete', 'save', 'folder', 'microphone', 'flag', 'link', 'location', 'sunny', 'rmb', 'usd', 'user', 'add-user', 'add-users', 'star', 'unlock', 'time', 'text', 'feedback', 'calendar', 'association-form', 'cloud-download', 'cloud-upload', 'file', 'subtable', 'chart-bar-x', 'chart-bar-y', 'chart-line', 'chart-pie', 'chart-radar'],
+        popupConfig: {
+        // chunkSize: 4
+        }
     },
     image: {
         draggable: null,
@@ -1062,6 +1065,9 @@ var zhCN = {
             fixedRight: '冻结在右侧',
             cancelFixed: '取消冻结列'
         },
+        iconPicker: {
+            search: '搜索'
+        },
         datePicker: {
             yearTitle: '{0} 年'
         },
@@ -3085,7 +3091,7 @@ dynamicApp.use(VxeTooltip);
 VxeUI.component(VxeTooltipComponent);
 const Tooltip = VxeTooltip;
 
-const { warnLog: warnLog$a } = createComponentLog('button');
+const { warnLog: warnLog$b } = createComponentLog('button');
 const VxeButtonComponent = defineVxeComponent({
     name: 'VxeButton',
     props: {
@@ -3804,7 +3810,7 @@ const VxeButtonComponent = defineVxeComponent({
         $xeButton.renderVN = renderVN;
         onMounted(() => {
             if (props.type === 'text') {
-                warnLog$a('vxe.error.delProp', ['type=text', 'mode=text']);
+                warnLog$b('vxe.error.delProp', ['type=text', 'mode=text']);
             }
             globalEvents.on($xeButton, 'mousewheel', handleGlobalMousewheelEvent);
             globalEvents.on($xeButton, 'mousedown', handleGlobalMousedownEvent);
@@ -3832,12 +3838,12 @@ VxeUI.component(VxeButtonComponent);
 const Button = VxeButton;
 
 const { errLog: errLog$h } = createComponentLog('backtop');
-function createInternalData$h() {
+function createInternalData$i() {
     return {
         targetEl: null
     };
 }
-function createReactData$i() {
+function createReactData$j() {
     return {
         showBtn: false,
         backtopZindex: 0
@@ -3916,8 +3922,8 @@ var VxeBacktopComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const refElem = ref();
         const { computeSize } = useSize(props);
-        const internalData = createInternalData$h();
-        const reactData = reactive(createReactData$i());
+        const internalData = createInternalData$i();
+        const reactData = reactive(createReactData$j());
         const refMaps = {
             refElem
         };
@@ -4094,8 +4100,8 @@ var VxeBacktopComponent = defineVxeComponent({
         });
         onBeforeUnmount(() => {
             removeScrollEvent();
-            XEUtils.assign(reactData, createReactData$i());
-            XEUtils.assign(internalData, createInternalData$h());
+            XEUtils.assign(reactData, createReactData$j());
+            XEUtils.assign(internalData, createInternalData$i());
         });
         $xeBacktop.renderVN = renderVN;
         return $xeBacktop;
@@ -6808,7 +6814,7 @@ function getRowIdByField(row, keyField) {
     const rowKey = getRowKeyByField(row, keyField);
     return enModelValue(rowKey);
 }
-function createReactData$h() {
+function createReactData$i() {
     return {
         scrollYLoad: false,
         bodyHeight: 0,
@@ -6828,7 +6834,7 @@ function createReactData$h() {
         dragTipText: ''
     };
 }
-function createInternalData$g() {
+function createInternalData$h() {
     return {
         resizeObserver: undefined,
         fullData: [],
@@ -6901,8 +6907,8 @@ var VxeListComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const browseObj = XEUtils.browse();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$h());
-        const internalData = createInternalData$g();
+        const reactData = reactive(createReactData$i());
+        const internalData = createInternalData$h();
         const crossListDragRowInfo = getCrossListDragRowInfo();
         const refElem = ref();
         const refHeaderElem = ref();
@@ -7554,10 +7560,15 @@ var VxeListComponent = defineVxeComponent({
             }
         };
         const handleRowClickEvent = (evnt, row) => {
+            const { showRadio, showCheckbox } = props;
             const { currentRow } = internalData;
+            const radioOpts = computeRadioOpts.value;
+            const checkboxOpts = computeCheckboxOpts.value;
             const rowOpts = computeRowOpts.value;
             const { isCurrent } = rowOpts;
             let triggerCurrent = false;
+            let triggerRadio = false;
+            let triggerCheckbox = false;
             if (isCurrent) {
                 triggerCurrent = true;
                 changeCurrentEvent(evnt, row);
@@ -7566,7 +7577,15 @@ var VxeListComponent = defineVxeComponent({
                 internalData.currentRow = null;
                 reactData.currRowFlag++;
             }
-            dispatchEvent('row-click', { row, triggerCurrent }, evnt);
+            if (showRadio && radioOpts.trigger === 'row') {
+                triggerRadio = true;
+                changeRadioEvent(evnt, row);
+            }
+            if (showCheckbox && checkboxOpts.trigger === 'row') {
+                triggerCheckbox = true;
+                changeCheckboxEvent(evnt, row);
+            }
+            dispatchEvent('row-click', { row, triggerCurrent, triggerRadio, triggerCheckbox }, evnt);
         };
         const handleRowDblclickEvent = (evnt, row) => {
             dispatchEvent('row-dblclick', { row }, evnt);
@@ -8311,8 +8330,8 @@ var VxeListComponent = defineVxeComponent({
                 resizeObserver.disconnect();
             }
             globalEvents.off($xeList, 'resize');
-            XEUtils.assign(reactData, createReactData$h());
-            XEUtils.assign(internalData, createInternalData$g());
+            XEUtils.assign(reactData, createReactData$i());
+            XEUtils.assign(internalData, createInternalData$h());
         });
         $xeList.renderVN = renderVN;
         return $xeList;
@@ -8344,7 +8363,7 @@ function toFloatValueFixed(inputValue, type, digitsValue, roundingMode) {
     }
 }
 
-const { warnLog: warnLog$9 } = createComponentLog('input');
+const { warnLog: warnLog$a } = createComponentLog('input');
 var VxeInputComponent = defineVxeComponent({
     name: 'VxeInput',
     props: {
@@ -10981,13 +11000,13 @@ var VxeInputComponent = defineVxeComponent({
         onMounted(() => {
             const { type } = props;
             if (['date', 'time', 'datetime', 'week', 'month', 'quarter', 'year'].includes(type)) {
-                warnLog$9('vxe.error.useNew', [`<vxe-input type="${type}" ... />`, `<vxe-date-picker type="${type}" ... />`]);
+                warnLog$a('vxe.error.useNew', [`<vxe-input type="${type}" ... />`, `<vxe-date-picker type="${type}" ... />`]);
             }
             else if (['number', 'integer', 'float'].includes(type)) {
-                warnLog$9('vxe.error.useNew', [`<vxe-input type="${type}" ... />`, `<vxe-number-input type="${type}" ... />`]);
+                warnLog$a('vxe.error.useNew', [`<vxe-input type="${type}" ... />`, `<vxe-number-input type="${type}" ... />`]);
             }
             else if (['password'].includes(type)) {
-                warnLog$9('vxe.error.useNew', [`<vxe-input type="${type}" ... />`, '<vxe-password-input ... />']);
+                warnLog$a('vxe.error.useNew', [`<vxe-input type="${type}" ... />`, '<vxe-password-input ... />']);
             }
             const inputElem = refInputTarget.value;
             if (inputElem) {
@@ -11025,7 +11044,7 @@ var VxeInputComponent = defineVxeComponent({
 function getNodeUniqueId$1() {
     return XEUtils.uniqueId('node_');
 }
-function createReactData$g() {
+function createReactData$h() {
     return {
         initialized: false,
         searchValue: '',
@@ -11048,7 +11067,7 @@ function createReactData$g() {
         lazyOptFlag: 1
     };
 }
-function createInternalData$f() {
+function createInternalData$g() {
     return {
         // hpTimeout: undefined,
         listVirtualYOpts: {
@@ -11175,8 +11194,8 @@ var VxeCascaderComponent = defineVxeComponent({
         const refInpSearch = ref();
         const refChunkWrapper = ref();
         const refOptionPanel = ref();
-        const reactData = reactive(createReactData$g());
-        const internalData = createInternalData$f();
+        const reactData = reactive(createReactData$h());
+        const internalData = createInternalData$g();
         const refMaps = {
             refElem
         };
@@ -12748,7 +12767,7 @@ var VxeCascaderComponent = defineVxeComponent({
             globalEvents.off($xeCascader, 'mousedown');
             globalEvents.off($xeCascader, 'blur');
             globalEvents.off($xeCascader, 'resize');
-            XEUtils.assign(internalData, createInternalData$f());
+            XEUtils.assign(internalData, createInternalData$g());
         });
         provide('$xeCascader', $xeCascader);
         $xeCascader.renderVN = renderVN;
@@ -13063,7 +13082,9 @@ var VxeCheckboxButtonComponent = defineVxeComponent({
                     onChange: changeEvent
                 }),
                 h('span', {
-                    class: 'vxe-checkbox--label'
+                    class: ['vxe-checkbox--label', {
+                            'is--disabled': isDisabled
+                        }]
                 }, slots.default ? slots.default({}) : getFuncText(content))
             ]);
         };
@@ -13081,10 +13102,10 @@ dynamicApp.use(VxeCheckboxButton);
 VxeUI.component(VxeCheckboxButtonComponent);
 const CheckboxButton = VxeCheckboxButton;
 
-function createReactData$f() {
+function createReactData$g() {
     return {};
 }
-function createInternalData$e() {
+function createInternalData$f() {
     return {
     // isLoaded: false
     };
@@ -13103,6 +13124,10 @@ var VxeCheckboxGroupComponent = defineVxeComponent({
             type: Boolean,
             default: null
         },
+        status: {
+            type: String,
+            default: () => getConfig$3().checkboxGroup.status
+        },
         max: {
             type: [String, Number],
             default: null
@@ -13123,8 +13148,8 @@ var VxeCheckboxGroupComponent = defineVxeComponent({
         const $xeForm = inject('$xeForm', null);
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
-        const reactData = reactive(createReactData$f());
-        const internalData = createInternalData$e();
+        const reactData = reactive(createReactData$g());
+        const internalData = createInternalData$f();
         const computeIsReadonly = computed(() => {
             const { readonly } = props;
             if (readonly === null) {
@@ -13246,7 +13271,7 @@ var VxeCheckboxGroupComponent = defineVxeComponent({
         };
         Object.assign($xeCheckboxGroup, checkboxGroupMethods, checkboxGroupPrivateMethods);
         const renderVN = () => {
-            const { options } = props;
+            const { status, options } = props;
             const defaultSlot = slots.default;
             const valueField = computeValueField.value;
             const labelField = computeLabelField.value;
@@ -13255,6 +13280,7 @@ var VxeCheckboxGroupComponent = defineVxeComponent({
             const isDisabled = computeIsDisabled.value;
             return h('div', {
                 class: ['vxe-checkbox-group', {
+                        [`theme--${status}`]: status,
                         'is--readonly': isReadonly,
                         'is--disabled': isDisabled
                     }]
@@ -13283,8 +13309,8 @@ var VxeCheckboxGroupComponent = defineVxeComponent({
             });
         });
         onUnmounted(() => {
-            XEUtils.assign(reactData, createReactData$f());
-            XEUtils.assign(internalData, createInternalData$e());
+            XEUtils.assign(reactData, createReactData$g());
+            XEUtils.assign(internalData, createInternalData$f());
         });
         provide('$xeCheckboxGroup', $xeCheckboxGroup);
         $xeCheckboxGroup.renderVN = renderVN;
@@ -13417,7 +13443,7 @@ dynamicApp.use(VxeCol);
 VxeUI.component(VxeColComponent);
 const Col = VxeCol;
 
-function createReactData$e() {
+function createReactData$f() {
     return {
         staticPanes: [],
         cachePaneMaps: {},
@@ -13425,7 +13451,7 @@ function createReactData$e() {
         openKeyFlag: 0
     };
 }
-function createInternalData$d() {
+function createInternalData$e() {
     return {
         // esTime: null,
         activeKeyMaps: {},
@@ -13462,8 +13488,8 @@ var VxeCollapseComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
         const refElem = ref();
-        const reactData = reactive(createReactData$e());
-        const internalData = createInternalData$d();
+        const reactData = reactive(createReactData$f());
+        const internalData = createInternalData$e();
         const refMaps = {
             refElem
         };
@@ -13742,8 +13768,8 @@ var VxeCollapseComponent = defineVxeComponent({
             if (esTime) {
                 clearTimeout(esTime);
             }
-            XEUtils.assign(reactData, createReactData$e());
-            XEUtils.assign(internalData, createInternalData$d());
+            XEUtils.assign(reactData, createReactData$f());
+            XEUtils.assign(internalData, createInternalData$e());
         });
         provide('$xeCollapse', $xeCollapse);
         $xeCollapse.renderVN = renderVN;
@@ -16119,12 +16145,12 @@ dynamicApp.use(VxeColorPicker);
 VxeUI.component(VxeColorPickerComponent);
 const ColorPicker = VxeColorPicker;
 
-function createInternalData$c() {
+function createInternalData$d() {
     return {
     // leaveTime: null
     };
 }
-function createReactData$d() {
+function createReactData$e() {
     return {
         visible: false,
         activeOption: null,
@@ -16179,8 +16205,8 @@ var VxeContextMenuComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const refElem = ref();
         const { computeSize } = useSize(props);
-        const internalData = createInternalData$c();
-        const reactData = reactive(createReactData$d());
+        const internalData = createInternalData$d();
+        const reactData = reactive(createReactData$e());
         const refMaps = {
             refElem
         };
@@ -16735,8 +16761,8 @@ var VxeContextMenuComponent = defineVxeComponent({
             globalEvents.off($xeContextMenu, 'keydown');
             globalEvents.off($xeContextMenu, 'mousedown');
             globalEvents.off($xeContextMenu, 'blur');
-            XEUtils.assign(reactData, createReactData$d());
-            XEUtils.assign(internalData, createInternalData$c());
+            XEUtils.assign(reactData, createReactData$e());
+            XEUtils.assign(internalData, createInternalData$d());
         });
         $xeContextMenu.renderVN = renderVN;
         return $xeContextMenu;
@@ -19002,7 +19028,7 @@ dynamicApp.use(VxeDatePanel);
 VxeUI.component(VxeDatePanelComponent);
 const DatePanel = VxeDatePanel;
 
-const { warnLog: warnLog$8, errLog: errLog$e } = createComponentLog('date-picker');
+const { warnLog: warnLog$9, errLog: errLog$e } = createComponentLog('date-picker');
 const defaultMaskPlaceholder = '*';
 const maskedTypes = ['year', 'month', 'date', 'datetime', 'time'];
 const inputMaskedKeys = ['y', 'M', 'd', 'H', 'm', 'n', 's'];
@@ -19010,7 +19036,7 @@ const parseInputKayMaps = {};
 inputMaskedKeys.forEach(key => {
     parseInputKayMaps[key] = true;
 });
-function createReactData$c() {
+function createReactData$d() {
     return {
         initialized: false,
         panelIndex: 0,
@@ -19023,7 +19049,7 @@ function createReactData$c() {
         labelFlag: 0
     };
 }
-function createInternalData$b() {
+function createInternalData$c() {
     return {
         // hpTimeout: undefined,
         // fsTimeout: undefined,
@@ -19163,8 +19189,8 @@ var VxeDatePickerComponent = defineVxeComponent({
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$c());
-        const internalData = createInternalData$b();
+        const reactData = reactive(createReactData$d());
+        const internalData = createInternalData$c();
         const refElem = ref();
         const refInputTarget = ref();
         const refInputPanel = ref();
@@ -20580,7 +20606,7 @@ var VxeDatePickerComponent = defineVxeComponent({
                     errLog$e('vxe.error.notSupportProp', ['multiple', 'control-config.enabled=true', 'control-config.enabled=false']);
                 }
                 if (!maskedTypes.includes(type)) {
-                    warnLog$8('vxe.error.notSupportProp', ['control-config.enabled=true', `type=${type}`, `type=${maskedTypes.join('|')}`]);
+                    warnLog$9('vxe.error.notSupportProp', ['control-config.enabled=true', `type=${type}`, `type=${maskedTypes.join('|')}`]);
                 }
             }
         });
@@ -23954,7 +23980,7 @@ renderer.mixin({
     // 以上已废弃
 });
 
-const { warnLog: warnLog$7, errLog: errLog$a } = createComponentLog('form');
+const { warnLog: warnLog$8, errLog: errLog$a } = createComponentLog('form');
 class Rule {
     constructor(rule) {
         Object.assign(this, {
@@ -24075,7 +24101,7 @@ function checkRuleStatus(rule, data, val) {
     }
     return true;
 }
-function createReactData$b() {
+function createReactData$c() {
     return {
         collapseAll: false,
         staticItems: [],
@@ -24083,7 +24109,7 @@ function createReactData$b() {
         itemWidth: 0
     };
 }
-function createInternalData$a() {
+function createInternalData$b() {
     return {
         meTimeout: undefined,
         stTimeout: undefined,
@@ -24192,8 +24218,8 @@ var VxeFormComponent = defineVxeComponent({
         const $xeGrid = inject('$xeGrid', null);
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$b());
-        const internalData = createInternalData$a();
+        const reactData = reactive(createReactData$c());
+        const internalData = createInternalData$b();
         const refElem = ref();
         const refTooltip = ref();
         let formMethods = {};
@@ -24486,7 +24512,7 @@ var VxeFormComponent = defineVxeComponent({
                                                 customValid = validatorMethod(validParams);
                                             }
                                             else {
-                                                warnLog$7('vxe.error.notValidators', [validator]);
+                                                warnLog$8('vxe.error.notValidators', [validator]);
                                             }
                                         }
                                         else {
@@ -24887,7 +24913,7 @@ var VxeFormComponent = defineVxeComponent({
         });
         onUnmounted(() => {
             globalEvents.off($xeForm, 'resize');
-            XEUtils.assign(internalData, createInternalData$a());
+            XEUtils.assign(internalData, createInternalData$b());
         });
         reactData.collapseAll = !!props.collapseStatus;
         if (props.items) {
@@ -25023,6 +25049,26 @@ dynamicApp.use(VxeIcon);
 VxeUI.component(VxeIconComponent);
 const Icon = VxeIcon;
 
+function createReactData$b() {
+    return {
+        initialized: false,
+        selectIcon: '',
+        panelIndex: 0,
+        panelStyle: {},
+        panelPlacement: null,
+        visiblePanel: false,
+        isAniVisible: false,
+        isActivated: false,
+        searchValue: '',
+        iconGroups: []
+    };
+}
+function createInternalData$a() {
+    return {
+        fullList: []
+        // hpTimeout: undefined
+    };
+}
 var VxeIconPickerComponent = defineVxeComponent({
     name: 'VxeIconPicker',
     props: {
@@ -25051,6 +25097,11 @@ var VxeIconPickerComponent = defineVxeComponent({
             type: Boolean,
             default: null
         },
+        filterable: {
+            type: Boolean,
+            default: () => getConfig$3().iconPicker.filterable
+        },
+        filterConfig: Object,
         icons: Array,
         placement: String,
         popupConfig: Object,
@@ -25074,22 +25125,12 @@ var VxeIconPickerComponent = defineVxeComponent({
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive({
-            initialized: false,
-            selectIcon: `${props.modelValue || ''}`,
-            panelIndex: 0,
-            panelStyle: {},
-            panelPlacement: null,
-            visiblePanel: false,
-            isAniVisible: false,
-            isActivated: false
-        });
-        const internalData = {
-        // hpTimeout: undefined
-        };
+        const reactData = reactive(createReactData$b());
+        const internalData = createInternalData$a();
         const refElem = ref();
         const refInput = ref();
         const refOptionPanel = ref();
+        const refInpSearch = ref();
         const refMaps = {
             refElem
         };
@@ -25149,6 +25190,20 @@ var VxeIconPickerComponent = defineVxeComponent({
             }
             return getI18n$2('vxe.base.pleaseSelect');
         });
+        const computePanelStyle = computed(() => {
+            const popupOpts = computePopupOpts.value;
+            const { chunkSize, height, maxHeight } = popupOpts;
+            const stys = {
+                '--vxe-ui-icon-picker-item-width': `${100 / (chunkSize || 4)}%`
+            };
+            if (height) {
+                stys['--vxe-ui-icon-picker-panel-height'] = toCssUnit(height);
+            }
+            else if (maxHeight) {
+                stys['--vxe-ui-icon-picker-panel-max-height'] = toCssUnit(maxHeight);
+            }
+            return stys;
+        });
         const computeIconList = computed(() => {
             let { icons } = props;
             if (!icons || !icons.length) {
@@ -25168,13 +25223,12 @@ var VxeIconPickerComponent = defineVxeComponent({
                 };
             });
         });
+        const computeFilterOpts = computed(() => {
+            return Object.assign({}, getConfig$3().iconPicker.filterConfig, props.filterConfig);
+        });
         const computePopupOpts = computed(() => {
             return Object.assign({}, getConfig$3().iconPicker.popupConfig, props.popupConfig);
         });
-        const computeIconGroupList = computed(() => {
-            const iconList = computeIconList.value;
-            return XEUtils.chunk(iconList, 4);
-        });
         const computeSelectIconItem = computed(() => {
             const { selectIcon } = reactData;
             const iconList = computeIconList.value;
@@ -25192,6 +25246,7 @@ var VxeIconPickerComponent = defineVxeComponent({
             const panelElem = refOptionPanel.value;
             const btnTransfer = computeBtnTransfer.value;
             const popupOpts = computePopupOpts.value;
+            const { width } = popupOpts;
             const handleStyle = () => {
                 const ppObj = updatePanelPlacement(targetElem, panelElem, {
                     placement: popupOpts.placement || placement,
@@ -25201,6 +25256,12 @@ var VxeIconPickerComponent = defineVxeComponent({
                 const panelStyle = Object.assign(ppObj.style, {
                     zIndex: panelIndex
                 });
+                if (width) {
+                    Object.assign(panelStyle, {
+                        width: toCssUnit(width),
+                        minWidth: undefined
+                    });
+                }
                 reactData.panelStyle = panelStyle;
                 reactData.panelPlacement = ppObj.placement;
             };
@@ -25234,6 +25295,26 @@ var VxeIconPickerComponent = defineVxeComponent({
                 reactData.isAniVisible = false;
             }, 350);
         };
+        const handleData = () => {
+            const { modelValue } = props;
+            const { searchValue } = reactData;
+            const filterOpts = computeFilterOpts.value;
+            const { filterMethod } = filterOpts;
+            const popupOpts = computePopupOpts.value;
+            const { chunkSize } = popupOpts;
+            const iconList = computeIconList.value;
+            let visibleList = iconList;
+            if (searchValue) {
+                const searchTxt = `${searchValue}`.toLowerCase();
+                visibleList = iconList.filter(item => {
+                    if (filterMethod) {
+                        return filterMethod({ option: item, value: modelValue, searchValue: searchTxt, $iconPicker: $xeIconPicker });
+                    }
+                    return (item.title && `${item.title}`.toLowerCase().indexOf(searchTxt) > -1) || (item.icon && `${item.icon}`.indexOf(searchTxt) > -1);
+                });
+            }
+            reactData.iconGroups = XEUtils.chunk(visibleList, chunkSize || 4);
+        };
         const changeEvent = (evnt, selectValue) => {
             reactData.selectIcon = selectValue;
             if (selectValue !== props.modelValue) {
@@ -25418,45 +25499,58 @@ var VxeIconPickerComponent = defineVxeComponent({
             changeEvent(evnt, value);
             hideOptionPanel();
         };
+        const modelSearchEvent = (value) => {
+            reactData.searchValue = value;
+        };
+        const focusSearchEvent = () => {
+            reactData.isActivated = true;
+        };
+        const handleSearchEvent = () => {
+            handleData();
+        };
+        const triggerSearchEvent = XEUtils.debounce(handleSearchEvent, 350, { trailing: true });
         Object.assign($xeIconPicker, iconPickerMethods);
         const renderIconWrapper = () => {
             const { showIconTitle } = props;
-            const { selectIcon } = reactData;
-            const iconGroupList = computeIconGroupList.value;
-            const isDisabled = computeIsDisabled.value;
+            const { selectIcon, iconGroups } = reactData;
             return h('div', {
                 class: 'vxe-ico-picker--list-wrapper'
-            }, iconGroupList.map(list => {
+            }, iconGroups.map(list => {
                 return h('div', {
                     class: 'vxe-ico-picker--list'
                 }, list.map(item => {
                     const { iconRender } = item;
                     const compConf = iconRender ? renderer.get(iconRender.name) : null;
-                    const oIconMethod = compConf ? compConf.renderIconPickerOptionIcon : null;
+                    const iconMethod = compConf ? compConf.renderIconPickerOptionIcon : null;
                     return h('div', {
                         class: ['vxe-ico-picker--item', {
                                 'is--selected': selectIcon === item.icon
-                            }],
-                        onClick(evnt) {
-                            if (!isDisabled) {
-                                handleClickIconEvent(evnt, item);
-                            }
-                        }
+                            }]
                     }, [
                         h('div', {
-                            class: 'vxe-ico-picker--item-icon'
-                        }, oIconMethod && iconRender
-                            ? getSlotVNs(oIconMethod(iconRender, { $iconPicker: $xeIconPicker, option: item }))
-                            : [
-                                h('i', {
-                                    class: item.icon || ''
-                                })
-                            ]),
-                        showIconTitle
-                            ? h('div', {
-                                class: 'vxe-ico-picker--item-title'
-                            }, `${item.title || ''}`)
-                            : renderEmptyElement($xeIconPicker)
+                            class: 'vxe-ico-picker--item-inner',
+                            onClick(evnt) {
+                                const isDisabled = computeIsDisabled.value;
+                                if (!isDisabled) {
+                                    handleClickIconEvent(evnt, item);
+                                }
+                            }
+                        }, [
+                            h('div', {
+                                class: 'vxe-ico-picker--item-icon'
+                            }, iconMethod && iconRender
+                                ? getSlotVNs(iconMethod(iconRender, { $iconPicker: $xeIconPicker, option: item }))
+                                : [
+                                    h('i', {
+                                        class: item.icon || ''
+                                    })
+                                ]),
+                            showIconTitle
+                                ? h('div', {
+                                    class: 'vxe-ico-picker--item-title'
+                                }, `${item.title || ''}`)
+                                : renderEmptyElement($xeIconPicker)
+                        ])
                     ]);
                 }));
             }));
@@ -25485,13 +25579,14 @@ var VxeIconPickerComponent = defineVxeComponent({
             ]);
         };
         const renderVN = () => {
-            const { className, clearable } = props;
+            const { className, clearable, filterable } = props;
             const { initialized, isActivated, isAniVisible, visiblePanel, selectIcon } = reactData;
             const vSize = computeSize.value;
             const isDisabled = computeIsDisabled.value;
             const btnTransfer = computeBtnTransfer.value;
             const formReadonly = computeFormReadonly.value;
             const inpPlaceholder = computeInpPlaceholder.value;
+            const panelStyle = computePanelStyle.value;
             const popupOpts = computePopupOpts.value;
             const ppClassName = popupOpts.className || props.popupClassName;
             if (formReadonly) {
@@ -25566,8 +25661,30 @@ var VxeIconPickerComponent = defineVxeComponent({
                     }, [
                         initialized && (visiblePanel || isAniVisible)
                             ? h('div', {
-                                class: 'vxe-ico-picker--panel-wrapper'
+                                class: 'vxe-ico-picker--panel-wrapper',
+                                style: panelStyle
                             }, [
+                                filterable
+                                    ? h('div', {
+                                        class: 'vxe-ico-picker--panel-search'
+                                    }, [
+                                        h(VxeInputComponent, {
+                                            ref: refInpSearch,
+                                            class: 'vxe-ico-picker-search--input',
+                                            modelValue: reactData.searchValue,
+                                            type: 'text',
+                                            clearable: true,
+                                            disabled: false,
+                                            readonly: false,
+                                            placeholder: getI18n$2('vxe.iconPicker.search'),
+                                            prefixIcon: getIcon$2().INPUT_SEARCH,
+                                            'onUpdate:modelValue': modelSearchEvent,
+                                            onFocus: focusSearchEvent,
+                                            onChange: triggerSearchEvent,
+                                            onSearch: triggerSearchEvent
+                                        })
+                                    ])
+                                    : renderEmptyElement($xeIconPicker),
                                 renderIconWrapper()
                             ])
                             : renderEmptyElement($xeIconPicker)
@@ -25575,20 +25692,27 @@ var VxeIconPickerComponent = defineVxeComponent({
                 ])
             ]);
         };
+        reactData.selectIcon = `${props.modelValue || ''}`;
+        handleData();
         watch(() => props.modelValue, (val) => {
             reactData.selectIcon = `${val || ''}`;
         });
+        watch(computeIconList, () => {
+            handleData();
+        });
         onMounted(() => {
             globalEvents.on($xeIconPicker, 'mousewheel', handleGlobalMousewheelEvent);
             globalEvents.on($xeIconPicker, 'mousedown', handleGlobalMousedownEvent);
             globalEvents.on($xeIconPicker, 'keydown', handleGlobalKeydownEvent);
             globalEvents.on($xeIconPicker, 'blur', handleGlobalBlurEvent);
         });
-        onUnmounted(() => {
+        onBeforeUnmount(() => {
             globalEvents.off($xeIconPicker, 'mousewheel');
             globalEvents.off($xeIconPicker, 'mousedown');
             globalEvents.off($xeIconPicker, 'keydown');
             globalEvents.off($xeIconPicker, 'blur');
+            XEUtils.assign(reactData, createReactData$b());
+            XEUtils.assign(internalData, createInternalData$a());
         });
         provide('$xeIconPicker', $xeIconPicker);
         $xeIconPicker.renderVN = renderVN;
@@ -27807,7 +27931,7 @@ dynamicApp.use(VxeMenu);
 VxeUI.component(VxeMenuComponent);
 const Menu = VxeMenu;
 
-const { warnLog: warnLog$6, errLog: errLog$8 } = createComponentLog('modal');
+const { warnLog: warnLog$7, errLog: errLog$8 } = createComponentLog('modal');
 const allActiveModals = [];
 const msgQueue = [];
 const notifyQueue = [];
@@ -29194,7 +29318,7 @@ var VxeModalComponent = defineVxeComponent({
         });
         onMounted(() => {
             if (props.type === 'modal' && props.showFooter && !(props.showConfirmButton || props.showCancelButton || slots.footer)) {
-                warnLog$6('vxe.modal.footPropErr');
+                warnLog$7('vxe.modal.footPropErr');
             }
             reactData.initialized = !!props.preload;
             nextTick(() => {
@@ -31388,7 +31512,7 @@ var VxeSelectComponent = defineVxeComponent({
     }
 });
 
-const { warnLog: warnLog$5, errLog: errLog$6 } = createComponentLog('pager');
+const { warnLog: warnLog$6, errLog: errLog$6 } = createComponentLog('pager');
 var VxePagerComponent = defineVxeComponent({
     name: 'VxePager',
     props: {
@@ -31990,7 +32114,7 @@ var VxePagerComponent = defineVxeComponent({
              * @deprecated
              */
             jumpPage(currentPage) {
-                warnLog$5('vxe.error.delFunc', ['jumpPage', 'setCurrentPage']);
+                warnLog$6('vxe.error.delFunc', ['jumpPage', 'setCurrentPage']);
                 return $xePager.setCurrentPage(currentPage);
             }
         };
@@ -32587,7 +32711,7 @@ function handlePrint(opts, printHtml = '') {
     if (styleUrls && styleUrls.length) {
         styleUrls.forEach(url => {
             if (!/.css$/.test(url)) {
-                warnLog$b('vxe.error.errProp', [url, `${url}.css`]);
+                warnLog$c('vxe.error.errProp', [url, `${url}.css`]);
             }
         });
     }
@@ -33798,7 +33922,9 @@ var VxeRadioButtonComponent = defineVxeComponent({
                     onClick: clickEvent
                 }),
                 h('span', {
-                    class: 'vxe-radio--label'
+                    class: ['vxe-radio--label', {
+                            'is--disabled': isDisabled
+                        }]
                 }, defaultSlot ? defaultSlot({}) : getFuncText(content))
             ]);
         };
@@ -33837,6 +33963,10 @@ var VxeRadioGroupComponent = defineVxeComponent({
             default: null
         },
         type: String,
+        status: {
+            type: String,
+            default: () => getConfig$3().radioGroup.status
+        },
         options: Array,
         optionProps: Object,
         strict: {
@@ -33961,7 +34091,7 @@ var VxeRadioGroupComponent = defineVxeComponent({
         };
         Object.assign($xeRadioGroup, radioGroupMethods, radioGroupPrivateMethods);
         const renderVN = () => {
-            const { options, type } = props;
+            const { options, type, status } = props;
             const vSize = computeSize.value;
             const defaultSlot = slots.default;
             const valueField = computeValueField.value;
@@ -33970,6 +34100,7 @@ var VxeRadioGroupComponent = defineVxeComponent({
             const btnComp = type === 'button' ? VxeRadioButtonComponent : VxeRadioComponent;
             return h('div', {
                 class: ['vxe-radio-group', {
+                        [`theme--${status}`]: status,
                         [`size--${vSize}`]: vSize
                     }]
             }, defaultSlot
@@ -34625,7 +34756,7 @@ dynamicApp.use(VxeSelect);
 VxeUI.component(VxeSelectComponent);
 const Select = VxeSelect;
 
-const { warnLog: warnLog$4, errLog: errLog$5 } = createComponentLog('splitter');
+const { warnLog: warnLog$5, errLog: errLog$5 } = createComponentLog('splitter');
 var VxeSplitComponent = defineVxeComponent({
     name: 'VxeSplitter',
     props: {
@@ -34825,7 +34956,7 @@ var VxeSplitComponent = defineVxeComponent({
             };
             reactData.itemList = list.map(item => {
                 if (item.showAction) {
-                    warnLog$4('vxe.error.removeProp', ['show-action']);
+                    warnLog$5('vxe.error.removeProp', ['show-action']);
                 }
                 if (item.slots) {
                     XEUtils.each(item.slots, (func) => {
@@ -35538,7 +35669,7 @@ var VxeSplitComponent = defineVxeComponent({
             }
             reactData.itemList.forEach(item => {
                 if (item.showAction) {
-                    warnLog$4('vxe.error.removeProp', ['showAction']);
+                    warnLog$5('vxe.error.removeProp', ['showAction']);
                 }
             });
             recalculate();
@@ -37202,7 +37333,7 @@ dynamicApp.use(VxeTableTransfer);
 VxeUI.component(VxeTableTransferComponent);
 const TableTransfer = VxeTableTransfer;
 
-const { warnLog: warnLog$3, errLog: errLog$3 } = createComponentLog('tabs');
+const { warnLog: warnLog$4, errLog: errLog$3 } = createComponentLog('tabs');
 const scrollbarOffsetSize = 20;
 var VxeTabsComponent = defineVxeComponent({
     name: 'VxeTabs',
@@ -37739,11 +37870,11 @@ var VxeTabsComponent = defineVxeComponent({
                 return handlePrevNext(true);
             },
             prevTab() {
-                warnLog$3('vxe.error.delFunc', ['prevTab', 'prev']);
+                warnLog$4('vxe.error.delFunc', ['prevTab', 'prev']);
                 return tabsMethods.prev();
             },
             nextTab() {
-                warnLog$3('vxe.error.delFunc', ['nextTab', 'next']);
+                warnLog$4('vxe.error.delFunc', ['nextTab', 'next']);
                 return tabsMethods.next();
             }
         };
@@ -38511,7 +38642,7 @@ dynamicApp.use(VxeText);
 VxeUI.component(VxeTextComponent);
 const Text = VxeText;
 
-const { warnLog: warnLog$2 } = createComponentLog('textarea');
+const { warnLog: warnLog$3 } = createComponentLog('textarea');
 let autoTxtElem;
 var VxeTextareaComponent = defineVxeComponent({
     name: 'VxeTextarea',
@@ -38876,7 +39007,7 @@ var VxeTextareaComponent = defineVxeComponent({
         nextTick(() => {
             const { autosize, autoSize } = props;
             if (autosize) {
-                warnLog$2('vxe.error.delProp', ['autosize', 'auto-size']);
+                warnLog$3('vxe.error.delProp', ['autosize', 'auto-size']);
             }
             if (autosize || autoSize) {
                 updateAutoTxt();
@@ -39307,6 +39438,21 @@ function calcTreeLine($xeTree, node, prevNode) {
     }
     return (rowHeight || 28) * expandSize - (prevNode ? 1 : 12);
 }
+function getItemCacheObj(item) {
+    return {
+        item,
+        index: -1,
+        $index: -1,
+        _index: -1,
+        items: [],
+        parent: null,
+        nodes: [],
+        level: 0,
+        treeIndex: -1,
+        lineCount: 0,
+        treeLoaded: false
+    };
+}
 
 // 跨树拖拽
 const crossTreeDragNodeInfo = reactive({
@@ -39316,7 +39462,7 @@ function getCrossTreeDragNodeInfo() {
     return crossTreeDragNodeInfo;
 }
 
-const { errLog: errLog$2 } = createComponentLog('tree');
+const { warnLog: warnLog$2, errLog: errLog$2 } = createComponentLog('tree');
 const { menus, getConfig, getI18n, getIcon } = VxeUI;
 /**
  * 生成节点的唯一主键
@@ -39345,6 +39491,8 @@ function createInternalData$2() {
             offsetSize: 0,
             rowHeight: 0
         },
+        removeRowMaps: {},
+        insertRowMaps: {},
         // prevDragNode: null,
         // prevDragToChild: false,
         // prevDragPos: ''
@@ -39366,14 +39514,13 @@ function createReactData$2() {
         treeList: [],
         updateExpandedFlag: 1,
         updateCheckboxFlag: 1,
+        insertRowFlag: 1,
+        removeRowFlag: 1,
         dragNode: null,
         dragTipText: ''
     };
 }
-// let crossTreeDragNodeObj: {
-//   $oldTree: VxeTreeConstructor & VxeTreePrivateMethods
-//   $newTree: (VxeTreeConstructor & VxeTreePrivateMethods) | null
-// } | null = null
+let crossTreeDragNodeObj = null;
 var VxeTreeComponent = defineVxeComponent({
     name: 'VxeTree',
     props: {
@@ -39510,6 +39657,8 @@ var VxeTreeComponent = defineVxeComponent({
         'node-dragstart',
         'node-dragover',
         'node-dragend',
+        'node-remove-dragend',
+        'node-insert-dragend',
         'node-expand',
         'node-menu',
         'menu-click'
@@ -40634,6 +40783,149 @@ var VxeTreeComponent = defineVxeComponent({
             }
             recalculate();
         };
+        const insertTreeNode = (newRecords, isAppend) => {
+            const { treeFullData, nodeMaps } = internalData;
+            const keyField = computeKeyField.value;
+            const parentField = computeParentField.value;
+            const childrenField = computeChildrenField.value;
+            const mapChildrenField = computeMapChildrenField.value;
+            const funcName = isAppend ? 'push' : 'unshift';
+            newRecords.forEach((item) => {
+                const parentRowId = item[parentField];
+                const nodeid = getNodeId(item);
+                const matchObj = parentRowId ? XEUtils.findTree(treeFullData, (item) => parentRowId === item[keyField], { children: mapChildrenField }) : null;
+                const itemRest = getItemCacheObj(item);
+                if (matchObj) {
+                    const { item: parentItem } = matchObj;
+                    const parentRest = nodeMaps[getNodeId(parentItem)];
+                    const parentLevel = parentRest ? parentRest.level : 0;
+                    let pChilds = parentItem[childrenField];
+                    let pMapChilds = parentItem[mapChildrenField];
+                    if (!XEUtils.isArray(pChilds)) {
+                        pChilds = parentItem[childrenField] = [];
+                    }
+                    if (!XEUtils.isArray(pMapChilds)) {
+                        pMapChilds = parentItem[mapChildrenField] = [];
+                    }
+                    itemRest.parent = parentItem;
+                    itemRest.items = pChilds;
+                    itemRest.level = parentLevel;
+                    pChilds[funcName](item);
+                    pMapChilds[funcName](item);
+                }
+                else {
+                    if (parentRowId) {
+                        warnLog$2('vxe.error.unableInsert');
+                    }
+                    treeFullData[funcName](item);
+                }
+                nodeMaps[nodeid] = itemRest;
+            });
+        };
+        const handleInsertNodeAt = (records, targetNodeOrNodeid, isInsertNextNode) => {
+            const { transform } = props;
+            const { treeFullData, nodeMaps } = internalData;
+            const keyField = computeKeyField.value;
+            const parentField = computeParentField.value;
+            const childrenField = computeChildrenField.value;
+            const mapChildrenField = computeMapChildrenField.value;
+            if (!transform) {
+                errLog$2('vxe.error.reqSupportProp', ['insert() | insertAt() | insertNextAt()', 'transform']);
+                return Promise.resolve({ node: null, nodes: [] });
+            }
+            if (!XEUtils.isArray(records)) {
+                records = [records];
+            }
+            let targetNode = targetNodeOrNodeid;
+            if (XEUtils.isString(targetNodeOrNodeid) || XEUtils.isNumber(targetNodeOrNodeid)) {
+                const nodeRest = nodeMaps[targetNodeOrNodeid];
+                if (nodeRest) {
+                    targetNode = nodeRest.item;
+                }
+            }
+            if (!records.length) {
+                return Promise.resolve({ node: null, nodes: [] });
+            }
+            const newRecords = records.map(record => XEUtils.assign({ [mapChildrenField]: [], [childrenField]: [] }, record));
+            const treeRecords = XEUtils.toArrayTree(newRecords, { key: keyField, parentKey: parentField, children: childrenField });
+            if (XEUtils.eqNull(targetNode)) {
+                insertTreeNode(newRecords, false);
+            }
+            else {
+                if (targetNode === -1) {
+                    insertTreeNode(newRecords, true);
+                }
+                else {
+                    const matchMapObj = XEUtils.findTree(treeFullData, item => targetNode[keyField] === item[keyField], { children: mapChildrenField });
+                    if (matchMapObj) {
+                        const { parent: parentNode } = matchMapObj;
+                        const parentMapChilds = parentNode ? parentNode[mapChildrenField] : treeFullData;
+                        const parentRest = nodeMaps[getNodeId(parentNode)];
+                        const parentLevel = parentRest ? parentRest.level : 0;
+                        treeRecords.forEach((row, i) => {
+                            if (parentNode) {
+                                if (row[parentField] !== parentNode[keyField]) {
+                                    errLog$2('vxe.error.errProp', [`${parentField}=${row[parentField]}`, `${parentField}=${parentNode[keyField]}`]);
+                                    row[parentField] = parentNode[keyField];
+                                }
+                            }
+                            else {
+                                if (row[parentField] !== null) {
+                                    if (!XEUtils.eqNull(row[parentField])) {
+                                        errLog$2('vxe.error.errProp', [`${parentField}=${row[parentField]}`, 'null']);
+                                    }
+                                    row[parentField] = null;
+                                }
+                            }
+                            let targetIndex = matchMapObj.index + i;
+                            if (isInsertNextNode) {
+                                targetIndex = targetIndex + 1;
+                            }
+                            parentMapChilds.splice(targetIndex, 0, row);
+                        });
+                        XEUtils.eachTree(treeRecords, (item) => {
+                            const nodeid = getNodeId(item);
+                            const nodeRest = getItemCacheObj(item);
+                            nodeRest.level = parentLevel;
+                            if (item[childrenField]) {
+                                item[mapChildrenField] = item[childrenField];
+                            }
+                            nodeMaps[nodeid] = nodeRest;
+                        }, { children: childrenField });
+                        // 源
+                        if (parentNode) {
+                            const matchObj = XEUtils.findTree(treeFullData, item => targetNode[keyField] === item[keyField], { children: childrenField });
+                            if (matchObj) {
+                                const parentChilds = matchObj.items;
+                                let targetIndex = matchObj.index;
+                                if (isInsertNextNode) {
+                                    targetIndex = targetIndex + 1;
+                                }
+                                parentChilds.splice(targetIndex, 0, ...treeRecords);
+                            }
+                        }
+                    }
+                    else {
+                        warnLog$2('vxe.error.unableInsert');
+                        insertTreeNode(newRecords, true);
+                    }
+                }
+            }
+            reactData.insertRowFlag++;
+            cacheNodeMap();
+            handleData(true);
+            updateAfterDataIndex();
+            updateCheckboxStatus();
+            if (reactData.scrollYLoad) {
+                updateYSpace();
+            }
+            return nextTick().then(() => {
+                return {
+                    node: newRecords.length ? newRecords[newRecords.length - 1] : null,
+                    nodes: newRecords
+                };
+            });
+        };
         const treeMethods = {
             dispatchEvent,
             getNodeId,
@@ -41037,7 +41329,91 @@ var VxeTreeComponent = defineVxeComponent({
                 }
                 return recalculate();
             },
-            clearScroll
+            clearScroll,
+            insert(records) {
+                return handleInsertNodeAt(records, null);
+            },
+            insertAt(records, targetNodeOrNodeid) {
+                return handleInsertNodeAt(records, targetNodeOrNodeid);
+            },
+            insertNextAt(records, targetNodeOrNodeid) {
+                return handleInsertNodeAt(records, targetNodeOrNodeid, true);
+            },
+            remove(nodes) {
+                const { transform } = props;
+                const { treeFullData } = internalData;
+                const childrenField = computeChildrenField.value;
+                const mapChildrenField = computeMapChildrenField.value;
+                if (!transform) {
+                    errLog$2('vxe.error.reqSupportProp', ['remove()', 'transform']);
+                    return Promise.resolve({ node: null, nodes: [] });
+                }
+                let delList = [];
+                if (!nodes) {
+                    nodes = treeFullData;
+                }
+                else if (!XEUtils.isArray(nodes)) {
+                    nodes = [nodes];
+                }
+                if (!nodes.length) {
+                    return Promise.resolve({ node: null, nodes: [] });
+                }
+                // 从数据源中移除
+                if (treeFullData === nodes) {
+                    nodes = delList = treeFullData.slice(0);
+                    internalData.treeFullData = [];
+                }
+                else {
+                    nodes.forEach((item) => {
+                        const nodeid = getNodeId(item);
+                        const matchMapObj = XEUtils.findTree(treeFullData, item => nodeid === getNodeId(item), { children: mapChildrenField });
+                        if (matchMapObj) {
+                            const rItems = matchMapObj.items.splice(matchMapObj.index, 1);
+                            delList.push(rItems[0]);
+                        }
+                        const matchObj = XEUtils.findTree(treeFullData, item => nodeid === getNodeId(item), { children: childrenField });
+                        if (matchObj) {
+                            const rItems = matchObj.items.splice(matchObj.index, 1);
+                            delList.push(rItems[0]);
+                        }
+                    });
+                }
+                reactData.removeRowFlag++;
+                reactData.insertRowFlag++;
+                cacheNodeMap();
+                handleData(true);
+                updateAfterDataIndex();
+                updateCheckboxStatus();
+                if (reactData.scrollYLoad) {
+                    updateYSpace();
+                }
+                return nextTick().then(() => {
+                    return recalculate();
+                }).then(() => {
+                    return { node: delList.length ? delList[delList.length - 1] : null, nodes: delList };
+                });
+            },
+            getInsertRecords() {
+                const { insertRowMaps } = internalData;
+                const insertRecords = [];
+                XEUtils.each(insertRowMaps, (row) => {
+                    insertRecords.push(row);
+                });
+                return insertRecords;
+            },
+            getRemoveRecords() {
+                const { removeRowMaps } = internalData;
+                const removeRecords = [];
+                XEUtils.each(removeRowMaps, (row) => {
+                    removeRecords.push(row);
+                });
+                return removeRecords;
+            }
+        };
+        const handleNodeDragEndClearStatus = () => {
+            clearNodeDragData();
+            clearCrossTreeDragStatus();
+            recalculate();
         };
         const clearNodeDropOrigin = () => {
             const el = refElem.value;
@@ -41088,7 +41464,7 @@ var VxeTreeComponent = defineVxeComponent({
             }
         };
         const clearCrossTreeDragStatus = () => {
-            // crossTreeDragNodeObj = null
+            crossTreeDragNodeObj = null;
             crossTreeDragNodeInfo.node = null;
         };
         const clearDragStatus = () => {
@@ -41451,6 +41827,18 @@ var VxeTreeComponent = defineVxeComponent({
             const { dragNode } = reactData;
             const { nodeMaps, prevDragNode, prevDragPos, prevDragToChild } = internalData;
             const hasChildField = computeHasChildField.value;
+            const dragConfig = computeDragOpts.value;
+            const { isCrossDrag, isCrossTreeDrag } = dragConfig;
+            // 跨树拖拽
+            if (isCrossTreeDrag && crossTreeDragNodeObj) {
+                const { $newTree } = crossTreeDragNodeObj;
+                if ($newTree && $newTree.xID !== $xeTree.xID) {
+                    if (isCrossDrag) {
+                        $newTree.handleCrossTreeNodeDragInsertEvent(evnt);
+                    }
+                    return;
+                }
+            }
             if (lazy && prevDragToChild) {
                 // 懒加载
                 const newNodeid = getNodeId(prevDragNode);
@@ -41530,17 +41918,196 @@ var VxeTreeComponent = defineVxeComponent({
             /**
              * 处理跨树拖拽完成
              */
-            handleCrossTreeNodeDragFinishEvent() {
+            handleCrossTreeNodeDragFinishEvent(evnt) {
+                const { treeList } = reactData;
+                const { nodeMaps } = internalData;
+                const dragOpts = computeDragOpts.value;
+                const { animation, isCrossTreeDrag } = dragOpts;
+                const mapChildrenField = computeMapChildrenField.value;
+                const el = refElem.value;
+                if (!el) {
+                    return;
+                }
+                if (isCrossTreeDrag && crossTreeDragNodeObj && crossTreeDragNodeInfo) {
+                    const { node: dragNode } = crossTreeDragNodeInfo;
+                    if (dragNode) {
+                        const dragNodeid = getNodeId(dragNode);
+                        const dragNodeRest = nodeMaps[dragNodeid];
+                        let dragNodeHeight = 0;
+                        let rsIndex = -1;
+                        if (dragNodeRest) {
+                            if (animation) {
+                                const oldItemEl = el.querySelector(`.vxe-tree--node-wrapper[nodeid="${dragNodeid}"]`);
+                                const targetItemEl = oldItemEl;
+                                if (targetItemEl) {
+                                    dragNodeHeight = targetItemEl.offsetHeight;
+                                }
+                            }
+                            rsIndex = dragNodeRest.$index;
+                        }
+                        const dragRangeList = rsIndex > -1 && rsIndex < treeList.length - 1 ? treeList.slice(rsIndex + 1) : [];
+                        const dragList = XEUtils.toTreeArray([dragNode], {
+                            updated: true,
+                            children: mapChildrenField
+                        });
+                        $xeTree.remove(dragList).then(() => {
+                            if (animation && dragNodeHeight && dragRangeList.length) {
+                                const wrapperEl = el;
+                                const dtClss = [];
+                                dragRangeList.forEach(item => {
+                                    const nodeid = getNodeId(item);
+                                    dtClss.push(`.vxe-tree--node-wrapper[nodeid="${nodeid}"]`);
+                                });
+                                const dtTrList = wrapperEl.querySelectorAll(dtClss.join(','));
+                                moveRowAnimateToTb(dtTrList, dragNodeHeight);
+                            }
+                        });
+                        dispatchEvent('node-remove-dragend', {
+                            node: dragNode
+                        }, evnt);
+                        handleNodeDragEndClearStatus();
+                    }
+                }
             },
             /**
              * 处理跨树拖至新的空树
              */
-            handleCrossTreeNodeDragInsertEvent() {
+            handleCrossTreeNodeDragoverEmptyEvent(evnt) {
+                const { treeList } = reactData;
+                const dragOpts = computeDragOpts.value;
+                const { isCrossTreeDrag } = dragOpts;
+                if (isCrossTreeDrag && crossTreeDragNodeObj && !treeList.length) {
+                    const { $oldTree, $newTree } = crossTreeDragNodeObj;
+                    if ($oldTree) {
+                        const oldTreeReactData = $oldTree;
+                        if ($oldTree.xID !== $xeTree.xID) {
+                            if ($newTree && $newTree.xID !== $xeTree.xID) {
+                                $newTree.hideCrossTreeNodeDropClearStatus();
+                            }
+                            evnt.preventDefault();
+                            $oldTree.hideCrossTreeNodeDropClearStatus();
+                            crossTreeDragNodeObj.$newTree = $xeTree;
+                            internalData.prevDragNode = null;
+                            reactData.dragTipText = oldTreeReactData.dragTipText;
+                            showDropTip(evnt, evnt.currentTarget, true, '');
+                        }
+                    }
+                }
             },
             /**
              * 处理跨树拖插入
              */
-            handleCrossTreeNodeDragoverEmptyEvent() {
+            handleCrossTreeNodeDragInsertEvent(evnt) {
+                const { prevDragNode, prevDragPos, prevDragToChild } = internalData;
+                const dragOpts = computeDragOpts.value;
+                const { animation, isSelfToChildDrag, isCrossTreeDrag, dragEndMethod, dragToChildMethod } = dragOpts;
+                const parentField = computeParentField.value;
+                const mapChildrenField = computeMapChildrenField.value;
+                const childrenField = computeChildrenField.value;
+                // 跨表拖拽
+                if (isCrossTreeDrag && crossTreeDragNodeObj && crossTreeDragNodeInfo) {
+                    const { node: oldNode } = crossTreeDragNodeInfo;
+                    const { $oldTree } = crossTreeDragNodeObj;
+                    const el = refElem.value;
+                    if (!el) {
+                        return;
+                    }
+                    if ($oldTree && oldNode) {
+                        const dragNode = oldNode;
+                        let dragOffsetIndex = -1;
+                        if (prevDragNode) {
+                            dragOffsetIndex = prevDragPos === 'bottom' ? 1 : 0;
+                        }
+                        const dragParams = {
+                            oldNode: dragNode,
+                            newNode: prevDragNode,
+                            dragNode,
+                            dragPos: prevDragPos,
+                            dragToChild: !!prevDragToChild,
+                            offsetIndex: dragOffsetIndex
+                        };
+                        const isDragToChildFlag = isSelfToChildDrag && dragToChildMethod ? dragToChildMethod(dragParams) : prevDragToChild;
+                        const errRest = {
+                            status: false
+                        };
+                        Promise.resolve(dragEndMethod ? dragEndMethod(dragParams) : true).then((status) => {
+                            if (!status) {
+                                if ($oldTree) {
+                                    if ($oldTree.xID !== $xeTree.xID) {
+                                        $oldTree.handleCrossTreeNodeDragCancelEvent(evnt);
+                                    }
+                                }
+                                handleNodeDragEndClearStatus();
+                                return errRest;
+                            }
+                            let insertRest = Promise.resolve();
+                            const dragList = XEUtils.toTreeArray([dragNode], {
+                                updated: true,
+                                children: mapChildrenField
+                            });
+                            $oldTree.handleCrossTreeNodeDragFinishEvent(evnt);
+                            if (prevDragNode) {
+                                dragNode[parentField] = prevDragNode[parentField];
+                            }
+                            else {
+                                dragNode[parentField] = null;
+                            }
+                            dragList.forEach(row => {
+                                row[childrenField] = undefined;
+                                row[mapChildrenField] = undefined;
+                            });
+                            if (prevDragNode) {
+                                if (prevDragPos === 'bottom') {
+                                    insertRest = $xeTree.insertNextAt(dragList, prevDragNode);
+                                }
+                                else {
+                                    insertRest = $xeTree.insertAt(dragList, prevDragNode);
+                                }
+                            }
+                            else {
+                                insertRest = $xeTree.insert(dragList);
+                            }
+                            $xeTree.dispatchEvent('node-insert-dragend', {
+                                oldNode,
+                                newNode: prevDragNode,
+                                dragNode,
+                                dragPos: prevDragPos,
+                                dragToChild: isDragToChildFlag,
+                                offsetIndex: dragOffsetIndex
+                            }, evnt);
+                            clearNodeDragData();
+                            insertRest.then(() => {
+                                const { treeList } = reactData;
+                                const { nodeMaps } = internalData;
+                                const oldNodeid = getNodeId(dragNode);
+                                const oldNodeRest = nodeMaps[oldNodeid];
+                                let dragNodeHeight = 0;
+                                let rsIndex = -1;
+                                if (oldNodeRest) {
+                                    if (animation) {
+                                        const oldItemEl = el.querySelector(`.vxe-tree--node-wrapper[nodeid="${oldNodeid}"]`);
+                                        const targetItemEl = oldItemEl;
+                                        if (targetItemEl) {
+                                            dragNodeHeight = targetItemEl.offsetHeight;
+                                        }
+                                    }
+                                    rsIndex = oldNodeRest.$index;
+                                }
+                                const dragRangeList = rsIndex > -1 ? treeList.slice(rsIndex) : [];
+                                if (animation && dragNodeHeight && dragRangeList.length) {
+                                    const wrapperEl = el;
+                                    const dtClss = [];
+                                    dragRangeList.forEach(item => {
+                                        const nodeid = getNodeId(item);
+                                        dtClss.push(`.vxe-tree--node-wrapper[nodeid="${nodeid}"]`);
+                                    });
+                                    const dtTrList = wrapperEl.querySelectorAll(dtClss.join(','));
+                                    moveRowAnimateToTb(dtTrList, -dragNodeHeight);
+                                }
+                            });
+                        });
+                    }
+                }
             },
             hideCrossTreeNodeDropClearStatus() {
                 hideDropTip();
@@ -41838,12 +42405,15 @@ var VxeTreeComponent = defineVxeComponent({
             const loadingOpts = computeLoadingOpts.value;
             const isRowHover = computeIsRowHover.value;
             const treeStyle = computeTreeStyle.value;
+            const dragOpts = computeDragOpts.value;
             const loadingSlot = slots.loading;
             const headerSlot = slots.header;
             const footerSlot = slots.footer;
-            return h('div', {
-                ref: refElem,
-                class: ['vxe-tree', {
+            const teOns = {};
+            if (dragOpts.isCrossTreeDrag && !treeList.length) {
+                teOns.onDragover = $xeTree.handleCrossTreeNodeDragInsertEvent;
+            }
+            return h('div', Object.assign({ ref: refElem, class: ['vxe-tree', {
                         [`size--${vSize}`]: vSize,
                         'show--line': showLine,
                         'checkbox--highlight': checkboxOpts.highlight,
@@ -41851,8 +42421,7 @@ var VxeTreeComponent = defineVxeComponent({
                         'node--hover': isRowHover,
                         'node--trigger': trigger === 'node',
                         'is--loading': loading
-                    }]
-            }, [
+                    }] }, teOns), [
                 headerSlot
                     ? h('div', {
                         ref: refHeaderWrapperElem,
@@ -41958,8 +42527,8 @@ var VxeTreeComponent = defineVxeComponent({
             if (drag && !transform) {
                 errLog$2('vxe.error.notSupportProp', ['drag', 'transform=false', 'transform=true']);
             }
-            if (dragOpts.isCrossTreeDrag) {
-                errLog$2('vxe.error.notProp', ['drag-config.isCrossTreeDrag']);
+            if (dragOpts.isCrossTreeDrag && !dragOpts.isCrossDrag) {
+                errLog$2('vxe.error.reqSupportProp', ['drag-config.isCrossTreeDrag', 'drag-config.isCrossDrag']);
             }
             // if (valueField) {
             //   errLog('vxe.error.delProp', ['value-field', 'value-field'])