vxe-pc-ui 4.16.26 → 4.16.28

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.28"}`;
 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.28";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -5977,7 +5977,7 @@ setIcon({
         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}分',
@@ -5988,12 +5988,23 @@ setIcon({
         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: '一',
@@ -6002,6 +6013,15 @@ setIcon({
         w4: '四',
         w5: '五',
         w6: '六'
+      },
+      days: {
+        w0: '日',
+        w1: '一',
+        w2: '二',
+        w3: '三',
+        w4: '四',
+        w5: '五',
+        w6: '六'
       }
     },
     plugins: {
@@ -14124,14 +14144,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 +14158,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 +14175,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 +14189,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 +14229,8 @@ let crossListDragRowObj = null;
         disabledMethod,
         visibleMethod
       } = dragOpts;
+      const radioOpts = computeRadioOpts.value;
+      const checkboxOpts = computeCheckboxOpts.value;
       const rowOpts = computeRowOpts.value;
       const {
         useKey,
@@ -14237,19 +14249,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 +14331,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 +15467,12 @@ const {
           inputMethods.dispatchEvent('input', {
             value
           }, evnt);
+          if (!$xeSelect && !$xeTreeSelect) {
+            // 自动更新校验状态
+            if ($xeForm && formItemInfo) {
+              $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+            }
+          }
         }
       }
     };
@@ -21665,6 +21695,10 @@ function hexToRgb(str) {
         numberInputMethods.dispatchEvent('input', {
           value
         }, evnt);
+        // 自动更新校验状态
+        if ($xeForm && formItemInfo) {
+          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+        }
       }
     };
     const inputEvent = evnt => {
@@ -49556,6 +49590,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 +53689,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 +53704,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 +53720,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 +53735,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 +53781,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 +53796,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 +53865,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 +53887,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 +54705,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 +54755,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;