vxe-pc-ui 4.16.26 → 4.16.28

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.28"}`;
 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.28";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -1395,7 +1395,7 @@ var zhCN = {
                 quarter: '{yyyy}年第{q}季度',
                 month: '{yyyy}年{MM}月',
                 week: '{yyyy}年第{W}周',
-                day: '{yyyy}年{MM}月 {E}',
+                day: '{yyyy}年{MM}月 {eLabel}',
                 date: '{yyyy}年{MM}月{dd}日',
                 hour: '{yyyy}年{MM}月{dd}日{HH}时',
                 minute: '{yyyy}年{MM}月{dd}日{HH}时{mm}分',
@@ -1406,12 +1406,23 @@ var zhCN = {
                 quarter: '{q}季度',
                 month: '{M}月',
                 week: '{W}周',
-                day: '{d}',
+                day: '{eLabel}',
                 date: '{d}',
                 hour: '{HH}',
                 minute: '{mm}',
                 second: '{ss}'
             },
+            stepFormat: {
+                year: '{start.yyyy}~{end.yyyy}年',
+                quarter: '{start.q}~{end.q}季度',
+                month: '{start.M}~{end.M}月',
+                week: '{start.W}~{end.W}周',
+                day: '{eStartLabel}~{eEndLabel}',
+                date: '{start.d}~{end.d}',
+                hour: '{start.HH}~{end.HH}',
+                minute: '{start.mm}~{end.mm}',
+                second: '{start.ss}~{end.ss}'
+            },
             dayss: {
                 w0: '日',
                 w1: '一',
@@ -1420,6 +1431,15 @@ var zhCN = {
                 w4: '四',
                 w5: '五',
                 w6: '六'
+            },
+            days: {
+                w0: '日',
+                w1: '一',
+                w2: '二',
+                w3: '三',
+                w4: '四',
+                w5: '五',
+                w6: '六'
             }
         },
         plugins: {
@@ -8638,13 +8658,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 +8683,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 +8716,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 +8728,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 +8803,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 +9817,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 +15485,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 +40493,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 +44005,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 +44029,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 +44060,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 +44075,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 +44129,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 +44166,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 +44932,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 +44974,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;