vxe-pc-ui 3.16.26 → 3.16.27

package/lib/index.umd.js

@@ -13260,7 +13260,7 @@ var es_array_join = __webpack_require__(8598);
 
 
 var log_log = VxeUI.log;
-var uiVersion = "ui v".concat("3.16.26");
+var uiVersion = "ui v".concat("3.16.27");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13280,7 +13280,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.16.26";
+var ui_version = "3.16.27";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -23497,23 +23497,18 @@ function list_createInternalData() {
       }
       return renderEmptyElement($xeList);
     },
-    renderRadio: function renderRadio(h, row, rowid, isChecked) {
+    renderRadio: function renderRadio(h, row, rowid, isDisabled, isChecked) {
       var $xeList = this;
       var props = $xeList;
       var showRadio = props.showRadio;
       var radioOpts = $xeList.computeRadioOpts;
       var showIcon = radioOpts.showIcon,
-        checkMethod = radioOpts.checkMethod,
         visibleMethod = radioOpts.visibleMethod;
       var isVisible = !visibleMethod || visibleMethod({
         $list: $xeList,
         row: row
       });
       if (showRadio && showIcon && isVisible) {
-        var isDisabled = checkMethod ? !checkMethod({
-          $list: $xeList,
-          row: row
-        }) : false;
         return h('div', {
           key: 'ct2',
           class: ['vxe-list--radio-option', {
@@ -23533,23 +23528,18 @@ function list_createInternalData() {
       }
       return renderEmptyElement($xeList);
     },
-    renderCheckbox: function renderCheckbox(h, row, rowid, isChecked) {
+    renderCheckbox: function renderCheckbox(h, row, rowid, isDisabled, isChecked) {
       var $xeList = this;
       var props = $xeList;
       var showCheckbox = props.showCheckbox;
       var checkboxOpts = $xeList.computeCheckboxOpts;
       var showIcon = checkboxOpts.showIcon,
-        checkMethod = checkboxOpts.checkMethod,
         visibleMethod = checkboxOpts.visibleMethod;
       var isVisible = !visibleMethod || visibleMethod({
         $list: $xeList,
         row: row
       });
       if (showCheckbox && showIcon && isVisible) {
-        var isDisabled = checkMethod ? !checkMethod({
-          $list: $xeList,
-          row: row
-        }) : false;
         return h('div', {
           key: 'ct3',
           class: ['vxe-list--checkbox-option', {
@@ -23589,6 +23579,8 @@ function list_createInternalData() {
         icon = dragOpts.icon,
         disabledMethod = dragOpts.disabledMethod,
         visibleMethod = dragOpts.visibleMethod;
+      var radioOpts = $xeList.computeRadioOpts;
+      var checkboxOpts = $xeList.computeCheckboxOpts;
       var rowOpts = $xeList.computeRowOpts;
       var useKey = rowOpts.useKey,
         contentField = rowOpts.contentField,
@@ -23605,19 +23597,29 @@ function list_createInternalData() {
         $list: $xeList
       };
       var isRadioChecked = false;
+      var isRadioDisabled = false;
       if (showRadio) {
         isRadioChecked = selectRadioRow && (row === selectRadioRow || $xeList.eqRowByKey(selectRadioRow, rowKey));
+        isRadioDisabled = radioOpts.checkMethod ? !radioOpts.checkMethod({
+          $list: $xeList,
+          row: row
+        }) : false;
       }
       var isCheckboxChecked = false;
+      var isCheckboxDisabled = false;
       if (showCheckbox) {
         isCheckboxChecked = !!(updateCheckboxFlag && selectCheckboxMaps[rowid]);
+        isCheckboxDisabled = checkboxOpts.checkMethod ? !checkboxOpts.checkMethod({
+          $list: $xeList,
+          row: row
+        }) : false;
       }
       var ctVNs = [];
       if (showRadio) {
-        ctVNs.push($xeList.renderRadio(h, row, rowid, isRadioChecked));
+        ctVNs.push($xeList.renderRadio(h, row, rowid, isRadioDisabled, isRadioChecked));
       }
       if (showCheckbox) {
-        ctVNs.push($xeList.renderCheckbox(h, row, rowid, isCheckboxChecked));
+        ctVNs.push($xeList.renderCheckbox(h, row, rowid, isCheckboxDisabled, isCheckboxChecked));
       }
       var isDragDisabled = false;
       if (isDrag && keyField && (!visibleMethod || visibleMethod(rowParams))) {
@@ -23677,7 +23679,9 @@ function list_createInternalData() {
         class: ['vxe-list--row', isRowFnCls ? rowClassName(rowParams) : rowClassName || '', {
           'is--drag-disabled': isDragDisabled,
           'is--current': currRowFlag && currentRow && $xeList.eqRowByKey(currentRow, rowKey),
+          'is-radio--disabled': isRadioDisabled,
           'is-radio--checked': isRadioChecked,
+          'is-checkbox--disabled': isCheckboxDisabled,
           'is-checkbox--checked': isCheckboxChecked
         }],
         attrs: hasKey && keyField ? {
@@ -24956,6 +24960,10 @@ var input_createComponentLog = createComponentLog('input'),
     emitInputEvent: function emitInputEvent(value, evnt) {
       var $xeInput = this;
       var reactData = $xeInput.reactData;
+      var $xeForm = $xeInput.$xeForm;
+      var formItemInfo = $xeInput.formItemInfo;
+      var $xeSelect = $xeInput.$xeSelect;
+      var $xeTreeSelect = $xeInput.$xeTreeSelect;
       var isDatePickerType = $xeInput.computeIsDatePickerType;
       var inpImmediate = $xeInput.computeInpImmediate;
       reactData.inputValue = value;
@@ -24966,6 +24974,12 @@ var input_createComponentLog = createComponentLog('input'),
           $xeInput.dispatchEvent('input', {
             value: value
           }, evnt);
+          if (!$xeSelect && !$xeTreeSelect) {
+            // 自动更新校验状态
+            if ($xeForm && formItemInfo) {
+              $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+            }
+          }
         }
       }
     },
@@ -31735,6 +31749,8 @@ var handleNumberString = function handleNumberString(val) {
     emitInputEvent: function emitInputEvent(inputValue, evnt) {
       var $xeNumberInput = this;
       var reactData = $xeNumberInput.reactData;
+      var $xeForm = $xeNumberInput.$xeForm;
+      var formItemInfo = $xeNumberInput.formItemInfo;
       var inpImmediate = $xeNumberInput.computeInpImmediate;
       var value = inputValue === eqEmptyValue(inputValue) ? null : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(inputValue);
       reactData.inputValue = inputValue;
@@ -31744,6 +31760,10 @@ var handleNumberString = function handleNumberString(val) {
         $xeNumberInput.dispatchEvent('input', {
           value: value
         }, evnt);
+        // 自动更新校验状态
+        if ($xeForm && formItemInfo) {
+          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+        }
       }
     },
     inputEvent: function inputEvent(evnt) {
@@ -61954,12 +61974,19 @@ var autoTxtElem;
       var $xeTextarea = this;
       var props = $xeTextarea;
       var reactData = $xeTextarea.reactData;
+      var $xeForm = $xeTextarea.$xeForm;
+      var formItemInfo = $xeTextarea.formItemInfo;
       var immediate = props.immediate;
       var textElem = evnt.target;
       var value = textElem.value;
       reactData.inputValue = value;
       if (immediate) {
         $xeTextarea.handleChange(value, evnt);
+      } else {
+        // 自动更新校验状态
+        if ($xeForm && formItemInfo) {
+          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+        }
       }
       $xeTextarea.dispatchEvent('input', {
         value: value
@@ -66065,14 +66092,12 @@ function tree_createReactData() {
       }
       return renderEmptyElement($xeTree);
     },
-    renderRadio: function renderRadio(h, node, nodeid, isExistChild, nLevel, isChecked) {
+    renderRadio: function renderRadio(h, node, nodeid, isExistChild, nLevel, isDisabled, isChecked) {
       var $xeTree = this;
       var props = $xeTree;
       var showRadio = props.showRadio;
       var radioOpts = $xeTree.computeRadioOpts;
       var showIcon = radioOpts.showIcon,
-        checkMode = radioOpts.checkMode,
-        checkMethod = radioOpts.checkMethod,
         visibleMode = radioOpts.visibleMode,
         visibleMethod = radioOpts.visibleMethod;
       var isVisible = visibleMethod ? visibleMethod({
@@ -66080,10 +66105,6 @@ function tree_createReactData() {
         node: node
       }) : tree_handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
       if (showRadio && showIcon && isVisible) {
-        var isDisabled = checkMethod ? !checkMethod({
-          $tree: $xeTree,
-          node: node
-        }) : !tree_handleVisibleOrCheckMode(checkMode, isExistChild, nLevel);
         return h('div', {
           class: ['vxe-tree--radio-option', {
             'is--checked': isChecked,
@@ -66102,14 +66123,12 @@ function tree_createReactData() {
       }
       return renderEmptyElement($xeTree);
     },
-    renderCheckbox: function renderCheckbox(h, node, nodeid, isExistChild, nLevel, isChecked, isIndeterminate) {
+    renderCheckbox: function renderCheckbox(h, node, nodeid, isExistChild, nLevel, isDisabled, isChecked, isIndeterminate) {
       var $xeTree = this;
       var props = $xeTree;
       var showCheckbox = props.showCheckbox;
       var checkboxOpts = $xeTree.computeCheckboxOpts;
       var showIcon = checkboxOpts.showIcon,
-        checkMode = checkboxOpts.checkMode,
-        checkMethod = checkboxOpts.checkMethod,
         visibleMode = checkboxOpts.visibleMode,
         visibleMethod = checkboxOpts.visibleMethod;
       var isVisible = visibleMethod ? visibleMethod({
@@ -66117,10 +66136,6 @@ function tree_createReactData() {
         node: node
       }) : tree_handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
       if (showCheckbox && showIcon && isVisible) {
-        var isDisabled = checkMethod ? !checkMethod({
-          $tree: $xeTree,
-          node: node
-        }) : !tree_handleVisibleOrCheckMode(checkMode, isExistChild, nLevel);
         return h('div', {
           class: ['vxe-tree--checkbox-option', {
             'is--checked': isChecked,
@@ -66166,6 +66181,8 @@ function tree_createReactData() {
         treeExpandLazyLoadedMaps = internalData.treeExpandLazyLoadedMaps;
       var tooltipOpts = $xeTree.computeTooltipOpts;
       var tipMode = tooltipOpts.mode;
+      var radioOpts = $xeTree.computeRadioOpts;
+      var checkboxOpts = $xeTree.computeCheckboxOpts;
       var childrenField = $xeTree.computeChildrenField;
       var titleField = $xeTree.computeTitleField;
       var hasChildField = $xeTree.computeHasChildField;
@@ -66179,14 +66196,24 @@ function tree_createReactData() {
       var nodeTitle = getText(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(node, titleField));
       var nLevel = nodeItem.level;
       var isRadioChecked = false;
+      var isRadioDisabled = false;
       if (showRadio) {
         isRadioChecked = nodeid === String(selectRadioKey);
+        isRadioDisabled = radioOpts.checkMethod ? !radioOpts.checkMethod({
+          $tree: $xeTree,
+          node: node
+        }) : !tree_handleVisibleOrCheckMode(radioOpts.checkMode, isExistChild, nLevel);
       }
       var isCheckboxChecked = false;
-      var isIndeterminate = false;
+      var isCheckboxIndeterminate = false;
+      var isCheckboxDisabled = false;
       if (showCheckbox) {
         isCheckboxChecked = $xeTree.isCheckedByCheckboxNodeId(nodeid);
-        isIndeterminate = $xeTree.isIndeterminateByCheckboxNodeid(nodeid);
+        isCheckboxIndeterminate = $xeTree.isIndeterminateByCheckboxNodeid(nodeid);
+        isCheckboxDisabled = checkboxOpts.checkMethod ? !checkboxOpts.checkMethod({
+          $tree: $xeTree,
+          node: node
+        }) : !tree_handleVisibleOrCheckMode(checkboxOpts.checkMode, isExistChild, nLevel);
       }
       var hasLazyChilds = false;
       var isLazyLoading = false;
@@ -66240,9 +66267,11 @@ function tree_createReactData() {
       }, [h('div', {
         class: ['vxe-tree--node-item', {
           'is--current': currentNode && nodeid === $xeTree.getNodeId(currentNode),
+          'is-radio--disabled': isRadioDisabled,
           'is-radio--checked': isRadioChecked,
+          'is-checkbox--disabled': isCheckboxDisabled,
           'is-checkbox--checked': isCheckboxChecked,
-          'is-checkbox--indeterminate': isIndeterminate
+          'is-checkbox--indeterminate': isCheckboxIndeterminate
         }]
       }, [showLine ? h('div', {
         class: 'vxe-tree--node-line-wrapper'
@@ -66262,7 +66291,7 @@ function tree_createReactData() {
         }
       }, iconSlot ? vn_getSlotVNs(iconSlot(nParams)) : [h('i', {
         class: isLazyLoading ? iconLoaded || tree_getIcon().TREE_NODE_LOADED : isExpand ? iconOpen || tree_getIcon().TREE_NODE_OPEN : iconClose || tree_getIcon().TREE_NODE_CLOSE
-      })])] : []), $xeTree.renderRadio(h, node, nodeid, isExistChild, nLevel, isRadioChecked), $xeTree.renderCheckbox(h, node, nodeid, isExistChild, nLevel, isCheckboxChecked, isIndeterminate), $xeTree.renderDragIcon(h, node, nodeid), h('div', {
+      })])] : []), $xeTree.renderRadio(h, node, nodeid, isExistChild, nLevel, isRadioDisabled, isRadioChecked), $xeTree.renderCheckbox(h, node, nodeid, isExistChild, nLevel, isCheckboxDisabled, isCheckboxChecked, isCheckboxIndeterminate), $xeTree.renderDragIcon(h, node, nodeid), h('div', {
         class: 'vxe-tree--node-item-inner'
       }, [h('div', {
         class: 'vxe-tree--node-item-wrapper'
@@ -67166,6 +67195,7 @@ function tree_select_createInternalData() {
       var popupOpts = $xeTreeSelect.computePopupOpts;
       var handleStyle = function handleStyle() {
         var ppObj = updatePanelPlacement(targetElem, panelElem, {
+          isMinWidth: !popupOpts.width,
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
           teleportTo: btnTransfer
@@ -67227,8 +67257,16 @@ function tree_select_createInternalData() {
     },
     hideOptionPanel: function hideOptionPanel(evnt) {
       var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
       var reactData = $xeTreeSelect.reactData;
       var internalData = $xeTreeSelect.internalData;
+      var filterable = props.filterable;
+      var filterOpts = $xeTreeSelect.computeFilterOpts;
+      if (filterable) {
+        if (filterOpts.clearOnClose) {
+          reactData.searchValue = '';
+        }
+      }
       reactData.visiblePanel = false;
       internalData.hpTimeout = setTimeout(function () {
         reactData.isAniVisible = false;