vxe-pc-ui 3.15.0 → 3.15.1

package/lib/index.umd.js

@@ -13214,7 +13214,7 @@ function checkDynamic() {
 }
 ;// ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.15.0");
+var log_version = "ui v".concat("3.15.1");
 var warnLog = log.create('warn', log_version);
 var errLog = log.create('error', log_version);
 ;// ./packages/ui/index.ts
@@ -13222,7 +13222,7 @@ var errLog = log.create('error', log_version);
 
 
 
-var ui_version = "3.15.0";
+var ui_version = "3.15.1";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -24795,6 +24795,10 @@ function cascader_createReactData() {
 function cascader_createInternalData() {
   return {
     // hpTimeout: undefined,
+    listVirtualYOpts: {
+      enabled: true,
+      gt: 20
+    },
     afterTreeList: [],
     treeFullData: [],
     afterVisibleList: [],
@@ -24855,7 +24859,19 @@ function cascader_createInternalData() {
       }
     },
     treeConfig: Object,
+    showRadio: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().cascader.showRadio;
+      }
+    },
     radioConfig: Object,
+    showCheckbox: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().cascader.showCheckbox;
+      }
+    },
     checkboxConfig: Object,
     remote: Boolean,
     remoteConfig: Function,
@@ -25182,6 +25198,58 @@ function cascader_createInternalData() {
         return item;
       }));
     },
+    handleSetCheckboxByNodeId: function handleSetCheckboxByNodeId(nodeKeys, checked) {
+      var $xeCascader = this;
+      var internalData = $xeCascader.internalData;
+      var nodeMaps = internalData.nodeMaps;
+      if (nodeKeys) {
+        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(nodeKeys)) {
+          nodeKeys = [nodeKeys];
+        }
+        var nodeList = [];
+        nodeKeys.forEach(function (nodeKey) {
+          var nodeid = enNodeValue(nodeKey);
+          var nodeItem = nodeMaps[nodeid];
+          if (nodeItem) {
+            nodeList.push(nodeItem.item);
+          }
+        });
+        $xeCascader.handleCheckedCheckboxNode(nodeList, checked);
+      }
+      return $xeCascader.$nextTick();
+    },
+    updateCheckboxChecked: function updateCheckboxChecked(nodeKeys) {
+      var $xeCascader = this;
+      var internalData = $xeCascader.internalData;
+      internalData.selectCheckboxMaps = {};
+      $xeCascader.handleSetCheckboxByNodeId(nodeKeys, true);
+    },
+    updateModelChecked: function updateModelChecked() {
+      var $xeCascader = this;
+      var props = $xeCascader;
+      var reactData = $xeCascader.reactData;
+      var internalData = $xeCascader.internalData;
+      var modelValue = props.value;
+      var nodeMaps = internalData.nodeMaps;
+      var expandedMaps = {};
+      if (props.multiple) {
+        if (modelValue && modelValue.length) {
+          $xeCascader.updateCheckboxChecked(modelValue);
+        }
+      } else {
+        if (modelValue) {
+          var nodeid = enNodeValue(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue) ? modelValue[0] : modelValue);
+          var itemRest = nodeMaps[nodeid];
+          if (itemRest) {
+            itemRest.nodes.forEach(function (item) {
+              expandedMaps[$xeCascader.getNodeId(item)] = true;
+            });
+            reactData.selectRadioKey = nodeid;
+          }
+        }
+      }
+      internalData.treeExpandedMaps = expandedMaps;
+    },
     cacheNodeMap: function cacheNodeMap() {
       var $xeCascader = this;
       var props = $xeCascader;
@@ -25434,6 +25502,7 @@ function cascader_createInternalData() {
       internalData.treeFullData = fullData;
       $xeCascader.cacheNodeMap();
       $xeCascader.handleData(true);
+      $xeCascader.updateModelChecked();
       $xeCascader.handleCurrentItems();
       $xeCascader.updateCurrentChunk();
       return $xeCascader.$nextTick();
@@ -25471,14 +25540,17 @@ function cascader_createInternalData() {
       var treeFullData = internalData.treeFullData;
       var selectVals = $xeCascader.computeSelectVals;
       var childrenField = $xeCascader.computeChildrenField;
+      var mapChildrenField = $xeCascader.computeMapChildrenField;
+      var treeOpts = $xeCascader.computeTreeOpts;
+      var transform = treeOpts.transform;
       var stItems = [];
       var expandedMaps = {};
       if (selectVals.length) {
-        var lastVal = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().last(selectVals);
+        var lastVal = enNodeValue(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().last(selectVals));
         var stRest = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(treeFullData, function (item) {
           return lastVal === $xeCascader.getNodeId(item);
         }, {
-          children: childrenField
+          children: transform ? mapChildrenField : childrenField
         });
         if (stRest) {
           var nodes = stRest.nodes;
@@ -26140,7 +26212,9 @@ function cascader_createInternalData() {
     handleNodeClickEvent: function handleNodeClickEvent(evnt, node, chunks, chunkIndex) {
       var $xeCascader = this;
       var props = $xeCascader;
-      var multiple = props.multiple;
+      var multiple = props.multiple,
+        showCheckbox = props.showCheckbox,
+        showRadio = props.showRadio;
       var treeOpts = $xeCascader.computeTreeOpts;
       var radioOpts = $xeCascader.computeRadioOpts;
       var checkboxOpts = $xeCascader.computeCheckboxOpts;
@@ -26160,12 +26234,12 @@ function cascader_createInternalData() {
         $xeCascader.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;
           $xeCascader.changeCheckboxEvent(evnt, node);
         }
       } else {
-        if (radioOpts.trigger === 'node' || !radioOpts.showIcon && (!childList || !childList.length)) {
+        if (radioOpts.trigger === 'node' || !showRadio && (!childList || !childList.length)) {
           triggerRadio = true;
           $xeCascader.changeRadioEvent(evnt, node);
         }
@@ -26313,9 +26387,10 @@ function cascader_createInternalData() {
     //
     renderRadio: function renderRadio(h, node, isExistChild, nLevel, isChecked) {
       var $xeCascader = this;
+      var props = $xeCascader;
+      var showRadio = props.showRadio;
       var radioOpts = $xeCascader.computeRadioOpts;
-      var showIcon = radioOpts.showIcon,
-        checkMode = radioOpts.checkMode,
+      var checkMode = radioOpts.checkMode,
         checkMethod = radioOpts.checkMethod,
         visibleMode = radioOpts.visibleMode,
         visibleMethod = radioOpts.visibleMethod;
@@ -26323,7 +26398,7 @@ function cascader_createInternalData() {
         $cascader: $xeCascader,
         node: node
       }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
-      if (showIcon && isVisible) {
+      if (showRadio && isVisible) {
         var isDisabled = checkMethod ? !checkMethod({
           $cascader: $xeCascader,
           node: node
@@ -26348,9 +26423,10 @@ function cascader_createInternalData() {
     },
     renderCheckbox: function renderCheckbox(h, node, isExistChild, nLevel, isChecked, isIndeterminate) {
       var $xeCascader = this;
+      var props = $xeCascader;
+      var showCheckbox = props.showCheckbox;
       var checkboxOpts = $xeCascader.computeCheckboxOpts;
-      var showIcon = checkboxOpts.showIcon,
-        checkMode = checkboxOpts.checkMode,
+      var checkMode = checkboxOpts.checkMode,
         checkMethod = checkboxOpts.checkMethod,
         visibleMode = checkboxOpts.visibleMode,
         visibleMethod = checkboxOpts.visibleMethod;
@@ -26358,7 +26434,7 @@ function cascader_createInternalData() {
         $cascader: $xeCascader,
         node: node
       }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
-      if (showIcon && isVisible) {
+      if (showCheckbox && isVisible) {
         var isDisabled = checkMethod ? !checkMethod({
           $cascader: $xeCascader,
           node: node
@@ -26481,6 +26557,7 @@ function cascader_createInternalData() {
       var $xeCascader = this;
       var props = $xeCascader;
       var reactData = $xeCascader.reactData;
+      var internalData = $xeCascader.internalData;
       var slots = $xeCascader.$scopedSlots;
       var className = props.className,
         modelValue = props.value,
@@ -26497,6 +26574,7 @@ function cascader_createInternalData() {
         visiblePanel = reactData.visiblePanel,
         searchValue = reactData.searchValue,
         currentCunkList = reactData.currentCunkList;
+      var listVirtualYOpts = internalData.listVirtualYOpts;
       var vSize = $xeCascader.computeSize;
       var isDisabled = $xeCascader.computeIsDisabled;
       var selectLabel = $xeCascader.computeSelectLabel;
@@ -26607,7 +26685,8 @@ function cascader_createInternalData() {
           class: 'vxe-cascader-chunk--item-wrapper'
         }, [h(list, {
           props: {
-            data: chunks
+            data: chunks,
+            virtualYConfig: listVirtualYOpts
           },
           scopedSlots: {
             default: function _default(slotParams) {
@@ -26643,6 +26722,7 @@ function cascader_createInternalData() {
       var $xeCascader = this;
       var reactData = $xeCascader.reactData;
       if (!reactData.visiblePanel) {
+        $xeCascader.updateModelChecked();
         $xeCascader.handleCurrentItems();
         $xeCascader.updateCurrentChunk();
       }
@@ -26656,6 +26736,10 @@ function cascader_createInternalData() {
   created: function created() {
     var $xeCascader = this;
     var props = $xeCascader;
+    var reactData = $xeCascader.reactData;
+    if (!props.multiple) {
+      reactData.selectRadioKey = enNodeValue(props.value);
+    }
     $xeCascader.loadData(props.options || []);
   },
   mounted: function mounted() {
@@ -38783,15 +38867,15 @@ function oldFormItemRadioAndCheckboxRender(h, renderOpts, params) {
  */
 renderer.mixin({
   input: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: nativeItemRender
   },
   textarea: {
-    formItemAutoFocus: 'textarea',
+    formItemAutoFocus: true,
     renderFormItemContent: nativeItemRender
   },
   select: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       return [h('select', {
         class: 'vxe-default-select',
@@ -38801,27 +38885,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: function renderFormItemContent(h, renderOpts, params) {
       var startField = renderOpts.startField,
         endField = renderOpts.endField;
@@ -38883,7 +38967,7 @@ renderer.mixin({
     }
   },
   VxeSelect: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var data = params.data,
         field = params.field;
@@ -38904,7 +38988,24 @@ renderer.mixin({
     }
   },
   VxeTreeSelect: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
+    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var options = renderOpts.options,
+        optionProps = renderOpts.optionProps;
+      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: getComponentFormItemProps(renderOpts, params, itemValue, {
+          options: options,
+          optionProps: optionProps
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeCascader: {
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var data = params.data,
         field = params.field;
@@ -38921,7 +39022,7 @@ renderer.mixin({
     }
   },
   VxeTableSelect: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var data = params.data,
         field = params.field;
@@ -38938,7 +39039,7 @@ renderer.mixin({
     }
   },
   VxeColorPicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var data = params.data,
         field = params.field;
@@ -38953,7 +39054,7 @@ renderer.mixin({
     }
   },
   VxeIconPicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var data = params.data,
         field = params.field;
@@ -61107,6 +61208,18 @@ function tree_select_createInternalData() {
     },
     remote: Boolean,
     remoteConfig: Function,
+    showRadio: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().treeSelect.showRadio;
+      }
+    },
+    showCheckbox: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().treeSelect.showCheckbox;
+      }
+    },
     popupConfig: Object,
     treeConfig: Object,
     menuConfig: Object,
@@ -61281,18 +61394,22 @@ function tree_select_createInternalData() {
     },
     computeTreeCheckboxOpts: function computeTreeCheckboxOpts() {
       var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      var showCheckbox = props.showCheckbox;
       var treeOpts = $xeTreeSelect.computeTreeOpts;
       return Object.assign({
-        showIcon: !!treeOpts.showCheckbox
+        showIcon: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showCheckbox) ? showCheckbox : !!treeOpts.showCheckbox
       }, treeOpts.checkboxConfig, {
         trigger: 'node'
       });
     },
     computeTreeRadioOpts: function computeTreeRadioOpts() {
       var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      var showRadio = props.showRadio;
       var treeOpts = $xeTreeSelect.computeTreeOpts;
       return Object.assign({
-        showIcon: !!treeOpts.showRadio
+        showIcon: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showRadio) ? showRadio : !!treeOpts.showRadio
       }, treeOpts.radioConfig, {
         trigger: 'node'
       });