element-plus 2.2.24 → 2.2.26

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.24 */
+/*! Element Plus v2.2.26 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11116,7 +11116,7 @@
     };
   };
 
-  const version$1 = "2.2.24";
+  const version$1 = "2.2.26";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -24570,6 +24570,7 @@
       const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
       const currentViewRef = vue.ref();
       const innerDate = vue.ref(dayjs().locale(lang.value));
+      const isChangeToNow = vue.ref(false);
       const defaultTimeD = vue.computed(() => {
         return dayjs(defaultTime).locale(lang.value);
       });
@@ -24586,7 +24587,7 @@
         return selectableRange.value.length > 0 ? timeWithinRange(date, selectableRange.value, props.format || "HH:mm:ss") : true;
       };
       const formatEmit = (emitDayjs) => {
-        if (defaultTime && !visibleTime.value) {
+        if (defaultTime && !visibleTime.value && !isChangeToNow.value) {
           return defaultTimeD.value.year(emitDayjs.year()).month(emitDayjs.month()).date(emitDayjs.date());
         }
         if (showTime.value)
@@ -24604,6 +24605,7 @@
         }
         userInputDate.value = null;
         userInputTime.value = null;
+        isChangeToNow.value = false;
       };
       const handleDatePick = (value, keepOpen) => {
         if (selectionMode.value === "date") {
@@ -24722,6 +24724,7 @@
       const changeToNow = () => {
         const now = dayjs().locale(lang.value);
         const nowDate = now.toDate();
+        isChangeToNow.value = true;
         if ((!disabledDate || !disabledDate(nowDate)) && checkDateWithinRange(nowDate)) {
           innerDate.value = dayjs().locale(lang.value);
           emit(innerDate.value);
@@ -31118,8 +31121,8 @@
         userInput: null
       });
       const { formItem } = useFormItem();
-      const minDisabled = vue.computed(() => isNumber(props.modelValue) && ensurePrecision(props.modelValue, -1) < props.min);
-      const maxDisabled = vue.computed(() => isNumber(props.modelValue) && ensurePrecision(props.modelValue) > props.max);
+      const minDisabled = vue.computed(() => isNumber(props.modelValue) && props.modelValue <= props.min);
+      const maxDisabled = vue.computed(() => isNumber(props.modelValue) && props.modelValue >= props.max);
       const numPrecision = vue.computed(() => {
         const stepPrecision = getPrecision(props.step);
         if (!isUndefined(props.precision)) {
@@ -32014,6 +32017,11 @@
     ellipsis: {
       type: Boolean,
       default: true
+    },
+    popperEffect: {
+      type: String,
+      values: ["dark", "light"],
+      default: "dark"
     }
   });
   const checkIndexPath = (indexPath) => Array.isArray(indexPath) && indexPath.every((path) => isString(path));
@@ -32314,7 +32322,6 @@
         rootMenu.removeMenuItem(item);
       });
       return {
-        Effect,
         parentMenu,
         rootMenu,
         active,
@@ -32338,7 +32345,7 @@
     }, [
       _ctx.parentMenu.type.name === "ElMenu" && _ctx.rootMenu.props.collapse && _ctx.$slots.title ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
         key: 0,
-        effect: _ctx.Effect.DARK,
+        effect: _ctx.rootMenu.props.popperEffect,
         placement: "right",
         "fallback-placements": ["left"],
         persistent: ""
@@ -38975,11 +38982,23 @@
       "blur"
     ],
     setup(props, { emit }) {
-      const API = useSelect$2(props, emit);
+      const modelValue = vue.computed(() => {
+        const { modelValue: rawModelValue, multiple } = props;
+        const fallback = multiple ? [] : void 0;
+        if (isArray(rawModelValue)) {
+          return multiple ? rawModelValue : fallback;
+        }
+        return multiple ? fallback : rawModelValue;
+      });
+      const API = useSelect$2(vue.reactive({
+        ...vue.toRefs(props),
+        modelValue
+      }), emit);
       vue.provide(selectV2InjectionKey, {
         props: vue.reactive({
           ...vue.toRefs(props),
-          height: API.popupHeight
+          height: API.popupHeight,
+          modelValue
         }),
         popper: API.popper,
         onSelect: API.onSelect,
@@ -38987,7 +39006,10 @@
         onKeyboardNavigate: API.onKeyboardNavigate,
         onKeyboardSelect: API.onKeyboardSelect
       });
-      return API;
+      return {
+        ...API,
+        modelValue
+      };
     }
   });
   const _hoisted_1$g = { key: 0 };
@@ -42427,9 +42449,12 @@
         const array = vue.unref(states._columns) || [];
         if (parent) {
           parent.children.splice(parent.children.findIndex((item) => item.id === column.id), 1);
-          if (parent.children.length === 0) {
-            delete parent.children;
-          }
+          vue.nextTick(() => {
+            var _a;
+            if (((_a = parent.children) == null ? void 0 : _a.length) === 0) {
+              delete parent.children;
+            }
+          });
           states._columns.value = replaceColumn(array, parent);
         } else {
           const index = array.indexOf(column);
@@ -43616,7 +43641,7 @@
       const range = document.createRange();
       range.setStart(cellChild, 0);
       range.setEnd(cellChild, cellChild.childNodes.length);
-      const rangeWidth = range.getBoundingClientRect().width;
+      const rangeWidth = Math.round(range.getBoundingClientRect().width);
       const padding = (Number.parseInt(getStyle(cellChild, "paddingLeft"), 10) || 0) + (Number.parseInt(getStyle(cellChild, "paddingRight"), 10) || 0);
       if (rangeWidth + padding > cellChild.offsetWidth || cellChild.scrollWidth > cellChild.offsetWidth) {
         createTablePopper(parent == null ? void 0 : parent.refs.tableWrapper, cell, cell.innerText || cell.textContent, {
@@ -50408,9 +50433,7 @@
       return () => {
         const node = props.node;
         const { data, store } = node;
-        return props.renderContent ? props.renderContent(vue.h, { _self: nodeInstance, node, data, store }) : vue.h("span", { class: ns.be("node", "label") }, [
-          tree.ctx.slots.default ? tree.ctx.slots.default({ node, data }) : node.label
-        ]);
+        return props.renderContent ? props.renderContent(vue.h, { _self: nodeInstance, node, data, store }) : tree.ctx.slots.default ? tree.ctx.slots.default({ node, data }) : vue.h("span", { class: ns.be("node", "label") }, [node.label]);
       };
     }
   });
@@ -51357,6 +51380,16 @@
       }
     }
   }
+  function treeEach(treeData, callback, getChildren, parent) {
+    for (let i = 0; i < treeData.length; i++) {
+      const data = treeData[i];
+      callback(data, i, treeData, parent);
+      const children = getChildren(data);
+      if (isValidArray(children)) {
+        treeEach(children, callback, getChildren, data);
+      }
+    }
+  }
 
   const useTree$1 = (props, { attrs, slots, emit }, {
     select,
@@ -51392,6 +51425,20 @@
     const defaultExpandedParentKeys = toValidArray(props.modelValue).map((value) => {
       return treeFind(props.data || [], (data) => getNodeValByProp("value", data) === value, (data) => getNodeValByProp("children", data), (data, index, array, parent) => parent && getNodeValByProp("value", parent));
     }).filter((item) => isValidValue(item));
+    const cacheOptions = vue.computed(() => {
+      if (!props.renderAfterExpand && !props.lazy)
+        return [];
+      const options = [];
+      treeEach(props.data.concat(props.cacheData), (node) => {
+        const value = getNodeValByProp("value", node);
+        options.push({
+          value,
+          currentLabel: getNodeValByProp("label", node),
+          isDisabled: getNodeValByProp("disabled", node)
+        });
+      }, (data) => getNodeValByProp("children", data));
+      return options;
+    });
     return {
       ...pick(vue.toRefs(props), Object.keys(_Tree.props)),
       ...attrs,
@@ -51447,16 +51494,35 @@
             emit(UPDATE_MODEL_EVENT, firstLeafKey === props.modelValue || hasCheckedChild ? void 0 : firstLeafKey);
           }
         }
-      }
+      },
+      cacheOptions
     };
   };
 
+  var CacheOptions = vue.defineComponent({
+    props: {
+      data: {
+        type: Array,
+        default: () => []
+      }
+    },
+    setup(props) {
+      const select = vue.inject(selectKey);
+      props.data.forEach((item) => select.cachedOptions.set(item.value, item));
+      return () => void 0;
+    }
+  });
+
   const _sfc_main$9 = vue.defineComponent({
     name: "ElTreeSelect",
     inheritAttrs: false,
     props: {
       ...ElSelect.props,
-      ..._Tree.props
+      ..._Tree.props,
+      cacheData: {
+        type: Array,
+        default: () => []
+      }
     },
     setup(props, context) {
       const { slots, expose } = context;
@@ -51464,7 +51530,11 @@
       const tree = vue.ref();
       const key = vue.computed(() => props.nodeKey || props.valueKey || "value");
       const selectProps = useSelect(props, context, { select, tree, key });
-      const treeProps = useTree$1(props, context, { select, tree, key });
+      const { cacheOptions, ...treeProps } = useTree$1(props, context, {
+        select,
+        tree,
+        key
+      });
       const methods = vue.reactive({});
       expose(methods);
       vue.onMounted(() => {
@@ -51497,10 +51567,13 @@
         ref: (ref2) => select.value = ref2
       }), {
         ...slots,
-        default: () => vue.h(_Tree, vue.reactive({
-          ...treeProps,
-          ref: (ref2) => tree.value = ref2
-        }))
+        default: () => [
+          vue.h(CacheOptions, { data: cacheOptions.value }),
+          vue.h(_Tree, vue.reactive({
+            ...treeProps,
+            ref: (ref2) => tree.value = ref2
+          }))
+        ]
       });
     }
   });