@element-plus/nightly 0.0.20220905 → 0.0.20220906

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220905 */
+/*! Element Plus v0.0.20220906 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9826,7 +9826,8 @@
   };
 
   let cachedContainer;
-  const POPPER_CONTAINER_ID = `el-popper-container-${generateId()}`;
+  const namespace = useGlobalConfig("namespace", defaultNamespace);
+  const POPPER_CONTAINER_ID = `${namespace.value}-popper-container-${generateId()}`;
   const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`;
   const createContainer = () => {
     const container = document.createElement("div");
@@ -11026,7 +11027,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220905";
+  const version$1 = "0.0.20220906";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -32548,8 +32549,8 @@
       const criteria = props.clearable && !selectDisabled.value && states.inputHovering && hasValue;
       return criteria;
     });
-    const iconComponent = vue.computed(() => props.remote && props.filterable ? "" : props.suffixIcon);
-    const iconReverse = vue.computed(() => ns.is("reverse", iconComponent.value && states.visible));
+    const iconComponent = vue.computed(() => props.remote && props.filterable && !props.remoteShowSuffix ? "" : props.suffixIcon);
+    const iconReverse = vue.computed(() => ns.is("reverse", iconComponent.value && states.visible && props.suffixTransition));
     const debounce$1 = vue.computed(() => props.remote ? 300 : 0);
     const emptyText = vue.computed(() => {
       if (props.loading) {
@@ -32691,6 +32692,8 @@
     vue.watch(() => states.hoverIndex, (val) => {
       if (typeof val === "number" && val > -1) {
         hoverOption.value = optionsArray.value[val] || {};
+      } else {
+        hoverOption.value = {};
       }
       optionsArray.value.forEach((option) => {
         option.hover = hoverOption.value === option;
@@ -32902,6 +32905,7 @@
       }
       ctx.emit(UPDATE_MODEL_EVENT, value);
       emitChange(value);
+      states.hoverIndex = -1;
       states.visible = false;
       ctx.emit("clear");
     };
@@ -33243,7 +33247,7 @@
         default: true
       },
       clearIcon: {
-        type: [String, Object],
+        type: iconPropType,
         default: circle_close_default
       },
       fitInputWidth: {
@@ -33251,14 +33255,22 @@
         default: false
       },
       suffixIcon: {
-        type: [String, Object],
-        default: arrow_up_default
+        type: iconPropType,
+        default: arrow_down_default
       },
       tagType: { ...tagProps.type, default: "info" },
       validateEvent: {
         type: Boolean,
         default: true
       },
+      remoteShowSuffix: {
+        type: Boolean,
+        default: false
+      },
+      suffixTransition: {
+        type: Boolean,
+        default: true
+      },
       placement: {
         type: String,
         values: Ee,
@@ -35250,24 +35262,21 @@
           width
         };
       });
-      const componentMap = vue.computed(() => isArray(props.icons) ? {
-        [props.lowThreshold]: props.icons[0],
-        [props.highThreshold]: {
-          value: props.icons[1],
-          excluded: true
-        },
-        [props.max]: props.icons[2]
-      } : props.icons);
+      const componentMap = vue.computed(() => {
+        let icons = isArray(props.icons) ? [...props.icons] : { ...props.icons };
+        icons = vue.markRaw(icons);
+        return isArray(icons) ? {
+          [props.lowThreshold]: icons[0],
+          [props.highThreshold]: {
+            value: icons[1],
+            excluded: true
+          },
+          [props.max]: icons[2]
+        } : icons;
+      });
       const decimalIconComponent = vue.computed(() => getValueFromMap(props.modelValue, componentMap.value));
-      const voidComponent = vue.computed(() => rateDisabled.value ? props.disabledVoidIcon : props.voidIcon);
+      const voidComponent = vue.computed(() => rateDisabled.value ? isString(props.disabledVoidIcon) ? props.disabledVoidIcon : vue.markRaw(props.disabledVoidIcon) : isString(props.voidIcon) ? props.voidIcon : vue.markRaw(props.voidIcon));
       const activeComponent = vue.computed(() => getValueFromMap(currentValue.value, componentMap.value));
-      const iconComponents = vue.computed(() => {
-        const result = Array.from({ length: props.max });
-        const threshold = currentValue.value;
-        result.fill(activeComponent.value, 0, threshold);
-        result.fill(voidComponent.value, threshold, props.max);
-        return result;
-      });
       function showDecimalIcon(item) {
         const showWhenDisabled = rateDisabled.value && valueDecimal.value > 0 && item - 1 < props.modelValue && item > props.modelValue;
         const showWhenAllowHalf = props.allowHalf && pointerAtLeftHalf.value && item - 0.5 <= currentValue.value && item > currentValue.value;
@@ -35390,7 +35399,14 @@
                 ])
               }, {
                 default: vue.withCtx(() => [
-                  !showDecimalIcon(item) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponents)[item - 1]), { key: 0 })) : vue.createCommentVNode("v-if", true),
+                  !showDecimalIcon(item) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                    vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(activeComponent)), null, null, 512)), [
+                      [vue.vShow, item <= currentValue.value]
+                    ]),
+                    vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(voidComponent)), null, null, 512)), [
+                      [vue.vShow, !(item <= currentValue.value)]
+                    ])
+                  ], 64)) : vue.createCommentVNode("v-if", true),
                   showDecimalIcon(item) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                     key: 1,
                     style: vue.normalizeStyle(vue.unref(decimalStyle)),
@@ -44320,7 +44336,7 @@
       } = useStyle(props, layout, store, table);
       const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar$1();
       const debouncedUpdateLayout = debounce(doLayout, 50);
-      const tableId = `el-table_${tableIdSeed++}`;
+      const tableId = `${ns.namespace.value}-table_${tableIdSeed++}`;
       table.tableId = tableId;
       table.state = {
         isGroup,
@@ -49237,6 +49253,14 @@
       return data[NODE_KEY];
     return data[key];
   };
+  const handleCurrentChange = (store, emit, setCurrent) => {
+    const preCurrentNode = store.value.currentNode;
+    setCurrent();
+    const currentNode = store.value.currentNode;
+    if (preCurrentNode === currentNode)
+      return;
+    emit("current-change", currentNode ? currentNode : null, currentNode);
+  };
 
   const getChildState = (node) => {
     let all = true;
@@ -50240,9 +50264,7 @@
         oldIndeterminate.value = indeterminate;
       };
       const handleClick = (e) => {
-        const store = tree.store.value;
-        store.setCurrentNode(props.node);
-        tree.ctx.emit("current-change", store.currentNode ? store.currentNode.data : null, store.currentNode);
+        handleCurrentChange(tree.store, tree.ctx.emit, () => tree.store.value.setCurrentNode(props.node));
         tree.currentNode.value = props.node;
         if (tree.props.expandOnClickNode) {
           handleExpandIconClick();
@@ -50721,22 +50743,12 @@
       const setCurrentNode = (node, shouldAutoExpandParent = true) => {
         if (!props.nodeKey)
           throw new Error("[Tree] nodeKey is required in setCurrentNode");
-        const preNode = store.value.currentNode;
-        store.value.setUserCurrentNode(node, shouldAutoExpandParent);
-        const currNode = store.value.currentNode;
-        if (preNode !== currNode) {
-          ctx.emit("current-change", currNode ? currNode.data : null, currNode);
-        }
+        handleCurrentChange(store, ctx.emit, () => store.value.setUserCurrentNode(node, shouldAutoExpandParent));
       };
       const setCurrentKey = (key, shouldAutoExpandParent = true) => {
         if (!props.nodeKey)
           throw new Error("[Tree] nodeKey is required in setCurrentKey");
-        const preNode = store.value.currentNode;
-        store.value.setCurrentNodeKey(key, shouldAutoExpandParent);
-        const currNode = store.value.currentNode;
-        if (preNode !== currNode) {
-          ctx.emit("current-change", currNode ? currNode.data : null, currNode);
-        }
+        handleCurrentChange(store, ctx.emit, () => store.value.setCurrentNodeKey(key, shouldAutoExpandParent));
       };
       const getNode = (data) => {
         return store.value.getNode(data);
@@ -53124,23 +53136,18 @@
       var _a;
       if (options.beforeClose && !options.beforeClose())
         return;
-      const target = data.parent;
-      target.vLoadingAddClassList = void 0;
       afterLeaveFlag.value = true;
       clearTimeout(afterLeaveTimer);
-      afterLeaveTimer = window.setTimeout(() => {
-        if (afterLeaveFlag.value) {
-          afterLeaveFlag.value = false;
-          destroySelf();
-        }
-      }, 400);
+      afterLeaveTimer = window.setTimeout(handleAfterLeave, 400);
       data.visible = false;
       (_a = options.closed) == null ? void 0 : _a.call(options);
     }
     function handleAfterLeave() {
       if (!afterLeaveFlag.value)
         return;
+      const target = data.parent;
       afterLeaveFlag.value = false;
+      target.vLoadingAddClassList = void 0;
       destroySelf();
     }
     const elLoadingComponent = {