@element-plus/nightly 0.0.20240901 → 0.0.20240903

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240901 */
+/*! Element Plus v0.0.20240903 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9695,7 +9695,7 @@
     vue.onBeforeMount(() => {
       if (!isClient)
         return;
-      if (!cachedContainer && !document.body.querySelector(selector.value)) {
+      if (!cachedContainer || !document.body.querySelector(selector.value)) {
         cachedContainer = createContainer(id.value);
       }
     });
@@ -11559,7 +11559,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240901";
+  const version$1 = "0.0.20240903";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -20898,7 +20898,7 @@
       }
     });
     const validatedRange = vue.computed(() => {
-      if (!props.range)
+      if (!props.range || !isArray$1(props.range) || props.range.length !== 2 || props.range.some((item) => !isDate$1(item)))
         return [];
       const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value));
       const [startDayjs, endDayjs] = rangeArrDayjs;
@@ -34757,7 +34757,7 @@
     } = useComposition({
       afterComposition: (e) => onInput(e)
     });
-    const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {
+    const { wrapperRef, isFocused } = useFocusController(inputRef, {
       beforeFocus() {
         return selectDisabled.value;
       },
@@ -35159,17 +35159,15 @@
       (_a = inputRef.value) == null ? void 0 : _a.focus();
     };
     const blur = () => {
-      handleClickOutside();
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
     };
     const handleClearClick = (event) => {
       deleteSelected(event);
     };
-    const handleClickOutside = (event) => {
+    const handleClickOutside = () => {
       expanded.value = false;
-      if (isFocused.value) {
-        const _event = new FocusEvent("focus", event);
-        vue.nextTick(() => handleBlur(_event));
-      }
+      isFocused.value && blur();
     };
     const handleEsc = () => {
       if (states.inputValue.length > 0) {
@@ -35497,9 +35495,21 @@
       "blur"
     ],
     setup(props, { emit }) {
-      const API = useSelect$3(props, emit);
+      const modelValue = vue.computed(() => {
+        const { modelValue: rawModelValue, multiple } = props;
+        const fallback = multiple ? [] : void 0;
+        if (isArray$1(rawModelValue)) {
+          return multiple ? rawModelValue : fallback;
+        }
+        return multiple ? fallback : rawModelValue;
+      });
+      const _props = vue.reactive({
+        ...vue.toRefs(props),
+        modelValue
+      });
+      const API = useSelect$3(_props, emit);
       vue.provide(selectKey, vue.reactive({
-        props,
+        props: _props,
         states: API.states,
         optionsArray: API.optionsArray,
         handleOptionSelect: API.handleOptionSelect,
@@ -35509,7 +35519,8 @@
         setSelected: API.setSelected
       }));
       return {
-        ...API
+        ...API,
+        modelValue
       };
     }
   });
@@ -40422,12 +40433,9 @@
         return onInputChange();
       }
     };
-    const handleClickOutside = (event) => {
+    const handleClickOutside = () => {
       expanded.value = false;
-      if (isFocused.value) {
-        const _event = new FocusEvent("focus", event);
-        handleBlur(_event);
-      }
+      isFocused.value && blur();
     };
     const handleMenuEnter = () => {
       states.isBeforeHide = false;
@@ -47588,8 +47596,15 @@
   };
 
   function useColumns(props, columns, fixed) {
+    const _columns = vue.computed(() => vue.unref(columns).map((column, index) => {
+      var _a, _b;
+      return {
+        ...column,
+        key: (_b = (_a = column.key) != null ? _a : column.dataKey) != null ? _b : index
+      };
+    }));
     const visibleColumns = vue.computed(() => {
-      return vue.unref(columns).filter((column) => !column.hidden);
+      return vue.unref(_columns).filter((column) => !column.hidden);
     });
     const fixedColumnsOnLeft = vue.computed(() => vue.unref(visibleColumns).filter((column) => column.fixed === "left" || column.fixed === true));
     const fixedColumnsOnRight = vue.computed(() => vue.unref(visibleColumns).filter((column) => column.fixed === "right"));
@@ -47617,8 +47632,7 @@
       return vue.unref(fixedColumnsOnLeft).length || vue.unref(fixedColumnsOnRight).length;
     });
     const columnsStyles = vue.computed(() => {
-      const _columns = vue.unref(columns);
-      return _columns.reduce((style, column) => {
+      return vue.unref(_columns).reduce((style, column) => {
         style[column.key] = calcColumnStyle(column, vue.unref(fixed), props.fixed);
         return style;
       }, {});
@@ -47627,7 +47641,7 @@
       return vue.unref(visibleColumns).reduce((width, column) => width + column.width, 0);
     });
     const getColumn = (key) => {
-      return vue.unref(columns).find((column) => column.key === key);
+      return vue.unref(_columns).find((column) => column.key === key);
     };
     const getColumnStyle = (key) => {
       return vue.unref(columnsStyles)[key];
@@ -47650,7 +47664,7 @@
       (_a = props.onColumnSort) == null ? void 0 : _a.call(props, { column: getColumn(key), key, order });
     }
     return {
-      columns,
+      columns: _columns,
       columnsStyles,
       columnsTotalWidth,
       fixedColumnsOnLeft,
@@ -54169,34 +54183,26 @@
       return ((_a = props.props) == null ? void 0 : _a.label) || TreeOptionsEnum.LABEL;
     });
     const flattenTree = vue.computed(() => {
+      var _a;
       const expandedKeys = expandedKeySet.value;
       const hiddenKeys = hiddenNodeKeySet.value;
       const flattenNodes = [];
-      const nodes = tree.value && tree.value.treeNodes || [];
-      function traverse() {
-        const stack = [];
-        for (let i = nodes.length - 1; i >= 0; --i) {
-          stack.push(nodes[i]);
-        }
-        while (stack.length) {
-          const node = stack.pop();
-          if (!node)
-            continue;
-          if (!hiddenKeys.has(node.key)) {
-            flattenNodes.push(node);
-          }
-          if (expandedKeys.has(node.key)) {
-            const children = node.children;
-            if (children) {
-              const length = children.length;
-              for (let i = length - 1; i >= 0; --i) {
-                stack.push(children[i]);
-              }
-            }
+      const nodes = ((_a = tree.value) == null ? void 0 : _a.treeNodes) || [];
+      const stack = [];
+      for (let i = nodes.length - 1; i >= 0; --i) {
+        stack.push(nodes[i]);
+      }
+      while (stack.length) {
+        const node = stack.pop();
+        if (hiddenKeys.has(node.key))
+          continue;
+        flattenNodes.push(node);
+        if (node.children && expandedKeys.has(node.key)) {
+          for (let i = node.children.length - 1; i >= 0; --i) {
+            stack.push(node.children[i]);
           }
         }
       }
-      traverse();
       return flattenNodes;
     });
     const isNotEmpty = vue.computed(() => {
@@ -54274,7 +54280,16 @@
       }
     }
     function setExpandedKeys(keys) {
-      expandedKeySet.value = new Set(keys);
+      const expandedKeys = /* @__PURE__ */ new Set();
+      const nodeMap = tree.value.treeNodeMap;
+      keys.forEach((k) => {
+        let node = nodeMap.get(k);
+        while (node && !expandedKeys.has(node.key)) {
+          expandedKeys.add(node.key);
+          node = node.parent;
+        }
+      });
+      expandedKeySet.value = expandedKeys;
     }
     function handleNodeClick(node, e) {
       emit(NODE_CLICK, node.data, node, e);
@@ -57597,6 +57612,7 @@
       const props = __props;
       const passInputProps = vue.computed(() => pick(props, Object.keys(inputProps)));
       const ns = useNamespace("mention");
+      const disabled = useFormDisabled();
       const contentId = useId();
       const elInputRef = vue.ref();
       const tooltipRef = vue.ref();
@@ -57676,7 +57692,7 @@
       };
       const { wrapperRef } = useFocusController(elInputRef, {
         beforeFocus() {
-          return props.disabled;
+          return disabled.value;
         },
         afterFocus() {
           syncAfterCursorMove();
@@ -57772,6 +57788,7 @@
             ref_key: "elInputRef",
             ref: elInputRef,
             "model-value": _ctx.modelValue,
+            disabled: vue.unref(disabled),
             role: vue.unref(dropdownVisible) ? "combobox" : void 0,
             "aria-activedescendant": vue.unref(dropdownVisible) ? vue.unref(hoveringId) || "" : void 0,
             "aria-controls": vue.unref(dropdownVisible) ? vue.unref(contentId) : void 0,
@@ -57791,7 +57808,7 @@
                 ])
               };
             })
-          ]), 1040, ["model-value", "role", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label", "aria-autocomplete", "aria-haspopup"]),
+          ]), 1040, ["model-value", "disabled", "role", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label", "aria-autocomplete", "aria-haspopup"]),
           vue.createVNode(vue.unref(ElTooltip), {
             ref_key: "tooltipRef",
             ref: tooltipRef,
@@ -57817,7 +57834,7 @@
                   ref_key: "dropdownRef",
                   ref: dropdownRef,
                   options: vue.unref(filteredOptions),
-                  disabled: _ctx.disabled,
+                  disabled: vue.unref(disabled),
                   loading: _ctx.loading,
                   "content-id": vue.unref(contentId),
                   "aria-label": _ctx.ariaLabel,