vxe-pc-ui 4.16.26 → 4.16.27

package/dist/all.esm.js

@@ -81,7 +81,7 @@ function checkDynamic() {
 }
 
 const { 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}` : '';
@@ -95,7 +95,7 @@ function createComponentLog(name) {
 const warnLog$h = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.16.26";
+const version = "4.16.27";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -8638,13 +8638,12 @@ var VxeListComponent = defineVxeComponent({
             }
             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 { showIcon, visibleMethod } = radioOpts;
             const isVisible = !visibleMethod || visibleMethod({ $list: $xeList, row });
             if (showRadio && showIcon && isVisible) {
-                const isDisabled = checkMethod ? !checkMethod({ $list: $xeList, row }) : false;
                 return h('div', {
                     key: 'ct2',
                     class: ['vxe-list--radio-option', {
@@ -8664,13 +8663,12 @@ var VxeListComponent = defineVxeComponent({
             }
             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 { showIcon, visibleMethod } = checkboxOpts;
             const isVisible = !visibleMethod || visibleMethod({ $list: $xeList, row });
             if (showCheckbox && showIcon && isVisible) {
-                const isDisabled = checkMethod ? !checkMethod({ $list: $xeList, row }) : false;
                 return h('div', {
                     key: 'ct3',
                     class: ['vxe-list--checkbox-option', {
@@ -8698,6 +8696,8 @@ var VxeListComponent = defineVxeComponent({
             const extraSlot = slots.extra;
             const dragOpts = computeDragOpts.value;
             const { trigger, icon, disabledMethod, visibleMethod } = dragOpts;
+            const radioOpts = computeRadioOpts.value;
+            const checkboxOpts = computeCheckboxOpts.value;
             const rowOpts = computeRowOpts.value;
             const { useKey, contentField, className: rowClassName, isCurrent } = rowOpts;
             const isDrag = computeIsDrag.value;
@@ -8708,19 +8708,23 @@ var VxeListComponent = defineVxeComponent({
             const rowid = enModelValue(rowKey);
             const rowParams = { row, $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))) {
@@ -8779,7 +8783,9 @@ var VxeListComponent = defineVxeComponent({
             return h('div', Object.assign({ key: hasKey && keyField ? rowid : rowIndex, 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 }, rowOns), ctVNs);
         };
@@ -9791,6 +9797,12 @@ var VxeInputComponent = defineVxeComponent({
                 }
                 else {
                     inputMethods.dispatchEvent('input', { value }, evnt);
+                    if (!$xeSelect && !$xeTreeSelect) {
+                        // 自动更新校验状态
+                        if ($xeForm && formItemInfo) {
+                            $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+                        }
+                    }
                 }
             }
         };
@@ -15453,6 +15465,10 @@ var VxeNumberInputComponent = defineVxeComponent({
             }
             else {
                 numberInputMethods.dispatchEvent('input', { value }, evnt);
+                // 自动更新校验状态
+                if ($xeForm && formItemInfo) {
+                    $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+                }
             }
         };
         const inputEvent = (evnt) => {
@@ -40457,6 +40473,12 @@ var VxeTextareaComponent = defineVxeComponent({
             if (immediate) {
                 handleChange(value, evnt);
             }
+            else {
+                // 自动更新校验状态
+                if ($xeForm && formItemInfo) {
+                    $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+                }
+            }
             $xeTextarea.dispatchEvent('input', { value }, evnt);
             handleResize();
         };
@@ -43963,13 +43985,12 @@ var VxeTreeComponent = defineVxeComponent({
             }
             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;
+            const { showIcon, visibleMode, visibleMethod } = radioOpts;
             const isVisible = visibleMethod ? visibleMethod({ $tree: $xeTree, node }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
             if (showRadio && showIcon && isVisible) {
-                const isDisabled = checkMethod ? !checkMethod({ $tree: $xeTree, node }) : !handleVisibleOrCheckMode(checkMode, isExistChild, nLevel);
                 return h('div', {
                     class: ['vxe-tree--radio-option', {
                             'is--checked': isChecked,
@@ -43988,13 +44009,12 @@ var VxeTreeComponent = defineVxeComponent({
             }
             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;
+            const { showIcon, visibleMode, visibleMethod } = checkboxOpts;
             const isVisible = visibleMethod ? visibleMethod({ $tree: $xeTree, node }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
             if (showCheckbox && showIcon && isVisible) {
-                const isDisabled = checkMethod ? !checkMethod({ $tree: $xeTree, node }) : !handleVisibleOrCheckMode(checkMode, isExistChild, nLevel);
                 return h('div', {
                     class: ['vxe-tree--checkbox-option', {
                             'is--checked': isChecked,
@@ -44020,6 +44040,8 @@ var VxeTreeComponent = defineVxeComponent({
             const { afterTreeList, nodeMaps, treeExpandedMaps, treeExpandLazyLoadedMaps } = internalData;
             const tooltipOpts = computeTooltipOpts.value;
             const { mode: tipMode } = tooltipOpts;
+            const radioOpts = computeRadioOpts.value;
+            const checkboxOpts = computeCheckboxOpts.value;
             const childrenField = computeChildrenField.value;
             const titleField = computeTitleField.value;
             const hasChildField = computeHasChildField.value;
@@ -44033,14 +44055,18 @@ var VxeTreeComponent = defineVxeComponent({
             const nodeTitle = getText(XEUtils.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;
@@ -44083,9 +44109,11 @@ var VxeTreeComponent = defineVxeComponent({
                 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
@@ -44118,8 +44146,8 @@ var VxeTreeComponent = defineVxeComponent({
                                 ])
                         ]
                         : []),
-                    renderRadio(node, nodeid, isExistChild, nLevel, isRadioChecked),
-                    renderCheckbox(node, nodeid, isExistChild, nLevel, isCheckboxChecked, isIndeterminate),
+                    renderRadio(node, nodeid, isExistChild, nLevel, isRadioDisabled, isRadioChecked),
+                    renderCheckbox(node, nodeid, isExistChild, nLevel, isCheckboxDisabled, isCheckboxChecked, isCheckboxIndeterminate),
                     renderDragIcon(node, nodeid),
                     h('div', {
                         class: 'vxe-tree--node-item-inner'
@@ -44884,6 +44912,7 @@ var VxeTreeSelectComponent = defineVxeComponent({
             const popupOpts = computePopupOpts.value;
             const handleStyle = () => {
                 const ppObj = updatePanelPlacement(targetElem, panelElem, {
+                    isMinWidth: !popupOpts.width,
                     placement: popupOpts.placement || placement,
                     defaultPlacement: popupOpts.defaultPlacement,
                     teleportTo: btnTransfer
@@ -44925,6 +44954,13 @@ var VxeTreeSelectComponent = defineVxeComponent({
             }
         };
         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;