vxe-pc-ui 4.16.26 → 4.16.27

package/lib/index.umd.js

@@ -4657,7 +4657,7 @@ function checkDynamic() {
 const {
   log: log_log
 } = VxeUI;
-const uiVersion = `ui v${"4.16.26"}`;
+const uiVersion = `ui v${"4.16.27"}`;
 function createComponentLog(name) {
   const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
   const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -4675,7 +4675,7 @@ const errLog = log_log.create('error', uiVersion);
 
 
 
-const ui_version = "4.16.26";
+const ui_version = "4.16.27";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -14124,14 +14124,13 @@ let crossListDragRowObj = null;
       }
       return renderEmptyElement($xeList);
     };
-    const renderRadio = (row, rowid, isChecked) => {
+    const renderRadio = (row, rowid, isDisabled, isChecked) => {
       const {
         showRadio
       } = props;
       const radioOpts = computeRadioOpts.value;
       const {
         showIcon,
-        checkMethod,
         visibleMethod
       } = radioOpts;
       const isVisible = !visibleMethod || visibleMethod({
@@ -14139,10 +14138,6 @@ let crossListDragRowObj = null;
         row
       });
       if (showRadio && showIcon && isVisible) {
-        const isDisabled = checkMethod ? !checkMethod({
-          $list: $xeList,
-          row
-        }) : false;
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           key: 'ct2',
           class: ['vxe-list--radio-option', {
@@ -14160,14 +14155,13 @@ let crossListDragRowObj = null;
       }
       return renderEmptyElement($xeList);
     };
-    const renderCheckbox = (row, rowid, isChecked) => {
+    const renderCheckbox = (row, rowid, isDisabled, isChecked) => {
       const {
         showCheckbox
       } = props;
       const checkboxOpts = computeCheckboxOpts.value;
       const {
         showIcon,
-        checkMethod,
         visibleMethod
       } = checkboxOpts;
       const isVisible = !visibleMethod || visibleMethod({
@@ -14175,10 +14169,6 @@ let crossListDragRowObj = null;
         row
       });
       if (showCheckbox && showIcon && isVisible) {
-        const isDisabled = checkMethod ? !checkMethod({
-          $list: $xeList,
-          row
-        }) : false;
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           key: 'ct3',
           class: ['vxe-list--checkbox-option', {
@@ -14219,6 +14209,8 @@ let crossListDragRowObj = null;
         disabledMethod,
         visibleMethod
       } = dragOpts;
+      const radioOpts = computeRadioOpts.value;
+      const checkboxOpts = computeCheckboxOpts.value;
       const rowOpts = computeRowOpts.value;
       const {
         useKey,
@@ -14237,19 +14229,29 @@ let crossListDragRowObj = null;
         $list: $xeList
       };
       let isRadioChecked = false;
+      let isRadioDisabled = false;
       if (showRadio) {
         isRadioChecked = selectRadioRow && (row === selectRadioRow || eqRowByKey(selectRadioRow, rowKey));
+        isRadioDisabled = radioOpts.checkMethod ? !radioOpts.checkMethod({
+          $list: $xeList,
+          row
+        }) : false;
       }
       let isCheckboxChecked = false;
+      let isCheckboxDisabled = false;
       if (showCheckbox) {
         isCheckboxChecked = !!(updateCheckboxFlag && selectCheckboxMaps[rowid]);
+        isCheckboxDisabled = checkboxOpts.checkMethod ? !checkboxOpts.checkMethod({
+          $list: $xeList,
+          row
+        }) : false;
       }
       const ctVNs = [];
       if (showRadio) {
-        ctVNs.push(renderRadio(row, rowid, isRadioChecked));
+        ctVNs.push(renderRadio(row, rowid, isRadioDisabled, isRadioChecked));
       }
       if (showCheckbox) {
-        ctVNs.push(renderCheckbox(row, rowid, isCheckboxChecked));
+        ctVNs.push(renderCheckbox(row, rowid, isCheckboxDisabled, isCheckboxChecked));
       }
       let isDragDisabled = false;
       if (isDrag && keyField && (!visibleMethod || visibleMethod(rowParams))) {
@@ -14309,7 +14311,9 @@ let crossListDragRowObj = null;
         class: ['vxe-list--row', isRowFnCls ? rowClassName(rowParams) : rowClassName || '', {
           'is--drag-disabled': isDragDisabled,
           'is--current': currRowFlag && currentRow && eqRowByKey(currentRow, rowKey),
+          'is-radio--disabled': isRadioDisabled,
           'is-radio--checked': isRadioChecked,
+          'is-checkbox--disabled': isCheckboxDisabled,
           'is-checkbox--checked': isCheckboxChecked
         }],
         rowid: hasKey && keyField ? rowid : undefined,
@@ -15443,6 +15447,12 @@ const {
           inputMethods.dispatchEvent('input', {
             value
           }, evnt);
+          if (!$xeSelect && !$xeTreeSelect) {
+            // 自动更新校验状态
+            if ($xeForm && formItemInfo) {
+              $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+            }
+          }
         }
       }
     };
@@ -21665,6 +21675,10 @@ function hexToRgb(str) {
         numberInputMethods.dispatchEvent('input', {
           value
         }, evnt);
+        // 自动更新校验状态
+        if ($xeForm && formItemInfo) {
+          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+        }
       }
     };
     const inputEvent = evnt => {
@@ -49556,6 +49570,11 @@ let autoTxtElem;
       reactData.inputValue = value;
       if (immediate) {
         handleChange(value, evnt);
+      } else {
+        // 自动更新校验状态
+        if ($xeForm && formItemInfo) {
+          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+        }
       }
       $xeTextarea.dispatchEvent('input', {
         value
@@ -53650,15 +53669,13 @@ let crossTreeDragNodeObj = null;
       }
       return true;
     };
-    const renderRadio = (node, nodeid, isExistChild, nLevel, isChecked) => {
+    const renderRadio = (node, nodeid, isExistChild, nLevel, isDisabled, isChecked) => {
       const {
         showRadio
       } = props;
       const radioOpts = computeRadioOpts.value;
       const {
         showIcon,
-        checkMode,
-        checkMethod,
         visibleMode,
         visibleMethod
       } = radioOpts;
@@ -53667,10 +53684,6 @@ let crossTreeDragNodeObj = null;
         node
       }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
       if (showRadio && showIcon && isVisible) {
-        const isDisabled = checkMethod ? !checkMethod({
-          $tree: $xeTree,
-          node
-        }) : !handleVisibleOrCheckMode(checkMode, isExistChild, nLevel);
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: ['vxe-tree--radio-option', {
             'is--checked': isChecked,
@@ -53687,15 +53700,13 @@ let crossTreeDragNodeObj = null;
       }
       return renderEmptyElement($xeTree);
     };
-    const renderCheckbox = (node, nodeid, isExistChild, nLevel, isChecked, isIndeterminate) => {
+    const renderCheckbox = (node, nodeid, isExistChild, nLevel, isDisabled, isChecked, isIndeterminate) => {
       const {
         showCheckbox
       } = props;
       const checkboxOpts = computeCheckboxOpts.value;
       const {
         showIcon,
-        checkMode,
-        checkMethod,
         visibleMode,
         visibleMethod
       } = checkboxOpts;
@@ -53704,10 +53715,6 @@ let crossTreeDragNodeObj = null;
         node
       }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
       if (showCheckbox && showIcon && isVisible) {
-        const isDisabled = checkMethod ? !checkMethod({
-          $tree: $xeTree,
-          node
-        }) : !handleVisibleOrCheckMode(checkMode, isExistChild, nLevel);
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: ['vxe-tree--checkbox-option', {
             'is--checked': isChecked,
@@ -53754,6 +53761,8 @@ let crossTreeDragNodeObj = null;
       const {
         mode: tipMode
       } = tooltipOpts;
+      const radioOpts = computeRadioOpts.value;
+      const checkboxOpts = computeCheckboxOpts.value;
       const childrenField = computeChildrenField.value;
       const titleField = computeTitleField.value;
       const hasChildField = computeHasChildField.value;
@@ -53767,14 +53776,24 @@ let crossTreeDragNodeObj = null;
       const nodeTitle = getText(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(node, titleField));
       const nLevel = nodeItem.level;
       let isRadioChecked = false;
+      let isRadioDisabled = false;
       if (showRadio) {
         isRadioChecked = nodeid === String(selectRadioKey);
+        isRadioDisabled = radioOpts.checkMethod ? !radioOpts.checkMethod({
+          $tree: $xeTree,
+          node
+        }) : !handleVisibleOrCheckMode(radioOpts.checkMode, isExistChild, nLevel);
       }
       let isCheckboxChecked = false;
-      let isIndeterminate = false;
+      let isCheckboxIndeterminate = false;
+      let isCheckboxDisabled = false;
       if (showCheckbox) {
         isCheckboxChecked = isCheckedByCheckboxNodeId(nodeid);
-        isIndeterminate = isIndeterminateByCheckboxNodeid(nodeid);
+        isCheckboxIndeterminate = isIndeterminateByCheckboxNodeid(nodeid);
+        isCheckboxDisabled = checkboxOpts.checkMethod ? !checkboxOpts.checkMethod({
+          $tree: $xeTree,
+          node
+        }) : !handleVisibleOrCheckMode(checkboxOpts.checkMode, isExistChild, nLevel);
       }
       let hasLazyChilds = false;
       let isLazyLoading = false;
@@ -53826,9 +53845,11 @@ let crossTreeDragNodeObj = null;
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: ['vxe-tree--node-item', {
           'is--current': currentNode && nodeid === 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 ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-tree--node-line-wrapper'
@@ -53846,7 +53867,7 @@ let crossTreeDragNodeObj = null;
         }
       }, iconSlot ? vn_getSlotVNs(iconSlot(nParams)) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: isLazyLoading ? iconLoaded || tree_getIcon().TREE_NODE_LOADED : isExpand ? iconOpen || tree_getIcon().TREE_NODE_OPEN : iconClose || tree_getIcon().TREE_NODE_CLOSE
-      })])] : []), renderRadio(node, nodeid, isExistChild, nLevel, isRadioChecked), renderCheckbox(node, nodeid, isExistChild, nLevel, isCheckboxChecked, isIndeterminate), renderDragIcon(node, nodeid), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      })])] : []), renderRadio(node, nodeid, isExistChild, nLevel, isRadioDisabled, isRadioChecked), renderCheckbox(node, nodeid, isExistChild, nLevel, isCheckboxDisabled, isCheckboxChecked, isCheckboxIndeterminate), renderDragIcon(node, nodeid), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-tree--node-item-inner'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-tree--node-item-wrapper'
@@ -54664,6 +54685,7 @@ function tree_select_createInternalData() {
       const popupOpts = computePopupOpts.value;
       const handleStyle = () => {
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
+          isMinWidth: !popupOpts.width,
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
           teleportTo: btnTransfer
@@ -54713,6 +54735,15 @@ function tree_select_createInternalData() {
       }
     };
     const hideOptionPanel = evnt => {
+      const {
+        filterable
+      } = props;
+      const filterOpts = computeFilterOpts.value;
+      if (filterable) {
+        if (filterOpts.clearOnClose) {
+          reactData.searchValue = '';
+        }
+      }
       reactData.visiblePanel = false;
       internalData.hpTimeout = setTimeout(() => {
         reactData.isAniVisible = false;