vxe-pc-ui 4.15.0 → 4.15.1

package/dist/all.esm.js

@@ -80,11 +80,11 @@ function checkDynamic() {
     }
 }
 
-const version$1 = `ui v${"4.15.0"}`;
+const version$1 = `ui v${"4.15.1"}`;
 const warnLog = log.create('warn', version$1);
 const errLog = log.create('error', version$1);
 
-const version = "4.15.0";
+const version = "4.15.1";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -9806,6 +9806,10 @@ function createReactData$8() {
 function createInternalData$b() {
     return {
         // hpTimeout: undefined,
+        listVirtualYOpts: {
+            enabled: true,
+            gt: 20
+        },
         afterTreeList: [],
         treeFullData: [],
         afterVisibleList: [],
@@ -9857,7 +9861,15 @@ var VxeCascaderComponent = defineVxeComponent({
             default: () => getConfig$3().cascader.size || getConfig$3().size
         },
         treeConfig: Object,
+        showRadio: {
+            type: Boolean,
+            default: () => getConfig$3().cascader.showRadio
+        },
         radioConfig: Object,
+        showCheckbox: {
+            type: Boolean,
+            default: () => getConfig$3().cascader.showCheckbox
+        },
         checkboxConfig: Object,
         remote: Boolean,
         remoteConfig: Function,
@@ -10112,6 +10124,51 @@ var VxeCascaderComponent = defineVxeComponent({
                 return item;
             }));
         };
+        const handleSetCheckboxByNodeId = (nodeKeys, checked) => {
+            const { nodeMaps } = internalData;
+            if (nodeKeys) {
+                if (!XEUtils.isArray(nodeKeys)) {
+                    nodeKeys = [nodeKeys];
+                }
+                const nodeList = [];
+                nodeKeys.forEach((nodeKey) => {
+                    const nodeid = enNodeValue$1(nodeKey);
+                    const nodeItem = nodeMaps[nodeid];
+                    if (nodeItem) {
+                        nodeList.push(nodeItem.item);
+                    }
+                });
+                handleCheckedCheckboxNode(nodeList);
+            }
+            return nextTick();
+        };
+        const updateCheckboxChecked = (nodeKeys) => {
+            internalData.selectCheckboxMaps = {};
+            handleSetCheckboxByNodeId(nodeKeys);
+        };
+        const updateModelChecked = () => {
+            const { modelValue } = props;
+            const { nodeMaps } = internalData;
+            const expandedMaps = {};
+            if (props.multiple) {
+                if (modelValue && modelValue.length) {
+                    updateCheckboxChecked(modelValue);
+                }
+            }
+            else {
+                if (modelValue) {
+                    const nodeid = enNodeValue$1(XEUtils.isArray(modelValue) ? modelValue[0] : modelValue);
+                    const itemRest = nodeMaps[nodeid];
+                    if (itemRest) {
+                        itemRest.nodes.forEach(item => {
+                            expandedMaps[getNodeId(item)] = true;
+                        });
+                        reactData.selectRadioKey = nodeid;
+                    }
+                }
+            }
+            internalData.treeExpandedMaps = expandedMaps;
+        };
         const cacheNodeMap = () => {
             const { separator } = props;
             const { treeFullData } = internalData;
@@ -10325,6 +10382,7 @@ var VxeCascaderComponent = defineVxeComponent({
             internalData.treeFullData = fullData;
             cacheNodeMap();
             handleData(true);
+            updateModelChecked();
             handleCurrentItems();
             updateCurrentChunk();
             return nextTick();
@@ -10354,11 +10412,14 @@ var VxeCascaderComponent = defineVxeComponent({
             const { treeFullData } = internalData;
             const selectVals = computeSelectVals.value;
             const childrenField = computeChildrenField.value;
+            const mapChildrenField = computeMapChildrenField.value;
+            const treeOpts = computeTreeOpts.value;
+            const { transform } = treeOpts;
             const stItems = [];
             const expandedMaps = {};
             if (selectVals.length) {
-                const lastVal = XEUtils.last(selectVals);
-                const stRest = XEUtils.findTree(treeFullData, (item) => lastVal === getNodeId(item), { children: childrenField });
+                const lastVal = enNodeValue$1(XEUtils.last(selectVals));
+                const stRest = XEUtils.findTree(treeFullData, (item) => lastVal === getNodeId(item), { children: transform ? mapChildrenField : childrenField });
                 if (stRest) {
                     const { nodes } = stRest;
                     nodes.forEach(item => {
@@ -10884,7 +10945,7 @@ var VxeCascaderComponent = defineVxeComponent({
             changeEvent(evnt, value, node);
         };
         const handleNodeClickEvent = (evnt, node, chunks, chunkIndex) => {
-            const { multiple } = props;
+            const { multiple, showCheckbox, showRadio } = props;
             const treeOpts = computeTreeOpts.value;
             const radioOpts = computeRadioOpts.value;
             const checkboxOpts = computeCheckboxOpts.value;
@@ -10903,13 +10964,13 @@ var VxeCascaderComponent = defineVxeComponent({
                 toggleExpandEvent(evnt, node, chunks, chunkIndex);
             }
             if (multiple) {
-                if (checkboxOpts.trigger === 'node' || (!checkboxOpts.showIcon && (!childList || !childList.length))) {
+                if (checkboxOpts.trigger === 'node' || (!showCheckbox && (!childList || !childList.length))) {
                     triggerCheckbox = true;
                     changeCheckboxEvent(evnt, node);
                 }
             }
             else {
-                if (radioOpts.trigger === 'node' || (!radioOpts.showIcon && (!childList || !childList.length))) {
+                if (radioOpts.trigger === 'node' || (!showRadio && (!childList || !childList.length))) {
                     triggerRadio = true;
                     changeRadioEvent(evnt, node);
                 }
@@ -11037,10 +11098,11 @@ var VxeCascaderComponent = defineVxeComponent({
             return true;
         };
         const renderRadio = (node, isExistChild, nLevel, isChecked) => {
+            const { showRadio } = props;
             const radioOpts = computeRadioOpts.value;
-            const { showIcon, checkMode, checkMethod, visibleMode, visibleMethod } = radioOpts;
+            const { checkMode, checkMethod, visibleMode, visibleMethod } = radioOpts;
             const isVisible = visibleMethod ? visibleMethod({ $cascader: $xeCascader, node }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
-            if (showIcon && isVisible) {
+            if (showRadio && isVisible) {
                 const isDisabled = checkMethod ? !checkMethod({ $cascader: $xeCascader, node }) : !handleVisibleOrCheckMode(checkMode, isExistChild, nLevel);
                 return h('div', {
                     class: ['vxe-tree--radio-option', {
@@ -11061,10 +11123,11 @@ var VxeCascaderComponent = defineVxeComponent({
             return renderEmptyElement($xeCascader);
         };
         const renderCheckbox = (node, isExistChild, nLevel, isChecked, isIndeterminate) => {
+            const { showCheckbox } = props;
             const checkboxOpts = computeCheckboxOpts.value;
-            const { showIcon, checkMode, checkMethod, visibleMode, visibleMethod } = checkboxOpts;
+            const { checkMode, checkMethod, visibleMode, visibleMethod } = checkboxOpts;
             const isVisible = visibleMethod ? visibleMethod({ $cascader: $xeCascader, node }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
-            if (showIcon && isVisible) {
+            if (showCheckbox && isVisible) {
                 const isDisabled = checkMethod ? !checkMethod({ $cascader: $xeCascader, node }) : !handleVisibleOrCheckMode(checkMode, isExistChild, nLevel);
                 return h('div', {
                     class: ['vxe-cascader--checkbox-option', {
@@ -11176,6 +11239,7 @@ var VxeCascaderComponent = defineVxeComponent({
         const renderVN = () => {
             const { className, modelValue, multiple, loading, filterable, showTotalButton, showCheckedButton, showClearButton, showCloseButton } = props;
             const { initialized, isActivated, isAniVisible, visiblePanel, searchValue, currentCunkList } = reactData;
+            const { listVirtualYOpts } = internalData;
             const vSize = computeSize.value;
             const isDisabled = computeIsDisabled.value;
             const selectLabel = computeSelectLabel.value;
@@ -11311,7 +11375,8 @@ var VxeCascaderComponent = defineVxeComponent({
                                                 class: 'vxe-cascader-chunk--item-wrapper'
                                             }, [
                                                 h(VxeListComponent, {
-                                                    data: chunks
+                                                    data: chunks,
+                                                    virtualYConfig: listVirtualYOpts
                                                 }, {
                                                     default(slotParams) {
                                                         const { items } = slotParams;
@@ -11361,6 +11426,7 @@ var VxeCascaderComponent = defineVxeComponent({
         };
         watch(() => props.modelValue, () => {
             if (!reactData.visiblePanel) {
+                updateModelChecked();
                 handleCurrentItems();
                 updateCurrentChunk();
             }
@@ -21631,15 +21697,15 @@ function oldFormItemRadioAndCheckboxRender(renderOpts, params) {
  */
 renderer.mixin({
     input: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent: nativeItemRender
     },
     textarea: {
-        formItemAutoFocus: 'textarea',
+        formItemAutoFocus: true,
         renderFormItemContent: nativeItemRender
     },
     select: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             return [
                 h('select', Object.assign(Object.assign({ class: 'vxe-default-select' }, getNativeAttrs(renderOpts)), getNativeItemOns(renderOpts, params)), renderOpts.optionGroups ? renderNativeOptgroup(renderOpts, params, renderNativeFormOptions) : renderNativeFormOptions(renderOpts.options, renderOpts, params))
@@ -21647,27 +21713,27 @@ renderer.mixin({
         }
     },
     VxeInput: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent: defaultItemRender
     },
     VxeNumberInput: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent: defaultItemRender
     },
     VxePasswordInput: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent: defaultItemRender
     },
     VxeTextarea: {
-        formItemAutoFocus: 'textarea',
+        formItemAutoFocus: true,
         renderFormItemContent: defaultItemRender
     },
     VxeDatePicker: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent: defaultItemRender
     },
     VxeDateRangePicker: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { startField, endField } = renderOpts;
             const { $form, data, field } = params;
@@ -21719,7 +21785,7 @@ renderer.mixin({
         }
     },
     VxeSelect: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { data, field } = params;
             const { options, optionProps, optionGroups, optionGroupProps } = renderOpts;
@@ -21730,7 +21796,18 @@ renderer.mixin({
         }
     },
     VxeTreeSelect: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
+        renderFormItemContent(renderOpts, params) {
+            const { data, field } = params;
+            const { options, optionProps } = renderOpts;
+            const itemValue = XEUtils.get(data, field);
+            return [
+                h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getComponentFormItemProps(renderOpts, params, itemValue, { options, optionProps })), getItemOns(renderOpts, params)))
+            ];
+        }
+    },
+    VxeCascader: {
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { data, field } = params;
             const { options, optionProps } = renderOpts;
@@ -21741,7 +21818,7 @@ renderer.mixin({
         }
     },
     VxeTableSelect: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { data, field } = params;
             const { options, optionProps } = renderOpts;
@@ -21752,7 +21829,7 @@ renderer.mixin({
         }
     },
     VxeColorPicker: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { data, field } = params;
             const { options } = renderOpts;
@@ -21763,7 +21840,7 @@ renderer.mixin({
         }
     },
     VxeIconPicker: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { data, field } = params;
             const { options } = renderOpts;
@@ -39836,6 +39913,14 @@ var VxeTreeSelectComponent = defineVxeComponent({
         },
         remote: Boolean,
         remoteConfig: Function,
+        showRadio: {
+            type: Boolean,
+            default: () => getConfig$3().treeSelect.showRadio
+        },
+        showCheckbox: {
+            type: Boolean,
+            default: () => getConfig$3().treeSelect.showCheckbox
+        },
         popupConfig: Object,
         treeConfig: Object,
         menuConfig: Object,
@@ -39968,17 +40053,19 @@ var VxeTreeSelectComponent = defineVxeComponent({
             return Object.assign({ isHover: true }, treeOpts.nodeConfig);
         });
         const computeTreeCheckboxOpts = computed(() => {
+            const { showCheckbox } = props;
             const treeOpts = computeTreeOpts.value;
             return Object.assign({
-                showIcon: !!treeOpts.showCheckbox
+                showIcon: XEUtils.isBoolean(showCheckbox) ? showCheckbox : !!treeOpts.showCheckbox
             }, treeOpts.checkboxConfig, {
                 trigger: 'node'
             });
         });
         const computeTreeRadioOpts = computed(() => {
+            const { showRadio } = props;
             const treeOpts = computeTreeOpts.value;
             return Object.assign({
-                showIcon: !!treeOpts.showRadio
+                showIcon: XEUtils.isBoolean(showRadio) ? showRadio : !!treeOpts.showRadio
             }, treeOpts.radioConfig, {
                 trigger: 'node'
             });