@element-plus/nightly 0.0.20240921 → 0.0.20240923

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240921 */
+/*! Element Plus v0.0.20240923 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11559,7 +11559,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240921";
+  const version$1 = "0.0.20240923";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -18860,6 +18860,15 @@
       default: true
     },
     unlinkPanels: Boolean,
+    placement: {
+      type: definePropType(String),
+      values: Ee,
+      default: "bottom"
+    },
+    fallbackPlacements: {
+      type: definePropType(Array),
+      default: ["bottom", "top", "right", "left"]
+    },
     ...useEmptyValuesProps,
     ...useAriaProps(["ariaLabel"])
   });
@@ -19347,8 +19356,9 @@
           transition: `${vue.unref(nsDate).namespace.value}-zoom-in-top`,
           "popper-class": [`${vue.unref(nsDate).namespace.value}-picker__popper`, _ctx.popperClass],
           "popper-options": vue.unref(elPopperOptions),
-          "fallback-placements": ["bottom", "top", "right", "left"],
+          "fallback-placements": _ctx.fallbackPlacements,
           "gpu-acceleration": false,
+          placement: _ctx.placement,
           "stop-popper-mouse-event": false,
           "hide-after": 0,
           persistent: "",
@@ -19504,7 +19514,7 @@
             })
           ]),
           _: 3
-        }, 16, ["visible", "transition", "popper-class", "popper-options"]);
+        }, 16, ["visible", "transition", "popper-class", "popper-options", "fallback-placements", "placement"]);
       };
     }
   });
@@ -21566,7 +21576,7 @@
       });
       const carouselContainer = vue.computed(() => {
         const classes = [ns.e("container")];
-        if (props.motionBlur && vue.unref(isTransitioning)) {
+        if (props.motionBlur && vue.unref(isTransitioning) && items.value.length > 1) {
           classes.push(vue.unref(isVertical) ? `${ns.namespace.value}-transitioning-vertical` : `${ns.namespace.value}-transitioning`);
         }
         return classes;
@@ -26058,12 +26068,11 @@
           color.fromString(newVal);
         }
       });
-      vue.watch(() => props.colorFormat, () => {
-        if (props.colorFormat) {
-          color.format = props.colorFormat;
-          color.doOnChange();
-          emit(UPDATE_MODEL_EVENT, color.value);
-        }
+      vue.watch(() => [props.colorFormat, props.showAlpha], () => {
+        color.enableAlpha = props.showAlpha;
+        color.format = props.colorFormat || color.format;
+        color.doOnChange();
+        emit(UPDATE_MODEL_EVENT, color.value);
       });
       vue.watch(() => currentColor.value, (val) => {
         customInput.value = val;
@@ -29823,7 +29832,7 @@
       };
     },
     render() {
-      var _a, _b, _c, _d, _e, _f, _g;
+      var _a;
       const item = getNormalizedProps(this.cell);
       const directives = (((_a = this.cell) == null ? void 0 : _a.dirs) || []).map((dire) => {
         const { dir, arg, modifiers, value } = dire;
@@ -29831,8 +29840,14 @@
       });
       const { border, direction } = this.descriptions;
       const isVertical = direction === "vertical";
-      const label = ((_d = (_c = (_b = this.cell) == null ? void 0 : _b.children) == null ? void 0 : _c.label) == null ? void 0 : _d.call(_c)) || item.label;
-      const content = (_g = (_f = (_e = this.cell) == null ? void 0 : _e.children) == null ? void 0 : _f.default) == null ? void 0 : _g.call(_f);
+      const renderLabel = () => {
+        var _a2, _b, _c;
+        return ((_c = (_b = (_a2 = this.cell) == null ? void 0 : _a2.children) == null ? void 0 : _b.label) == null ? void 0 : _c.call(_b)) || item.label;
+      };
+      const renderContent = () => {
+        var _a2, _b, _c;
+        return (_c = (_b = (_a2 = this.cell) == null ? void 0 : _a2.children) == null ? void 0 : _b.default) == null ? void 0 : _c.call(_b);
+      };
       const span = item.span;
       const rowspan = item.rowspan;
       const align = item.align ? `is-${item.align}` : "";
@@ -29858,7 +29873,7 @@
             ],
             colSpan: isVertical ? span : 1,
             rowspan: isVertical ? 1 : rowspan
-          }, label), directives);
+          }, renderLabel()), directives);
         case "content":
           return vue.withDirectives(vue.h(this.tag, {
             style,
@@ -29872,8 +29887,9 @@
             ],
             colSpan: isVertical ? span : span * 2 - 1,
             rowspan: isVertical ? rowspan * 2 - 1 : rowspan
-          }, content), directives);
-        default:
+          }, renderContent()), directives);
+        default: {
+          const label = renderLabel();
           return vue.withDirectives(vue.h("td", {
             style,
             class: [ns.e("cell"), align],
@@ -29885,8 +29901,9 @@
             }, label) : void 0,
             vue.h("span", {
               class: [ns.e("content"), className]
-            }, content)
+            }, renderContent())
           ]), directives);
+        }
       }
     }
   });
@@ -33258,7 +33275,20 @@
             onFocus: handleFocus,
             onInput: handleInput,
             onChange: handleInputChange
-          }, null, 8, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "onKeydown"])
+          }, vue.createSlots({ _: 2 }, [
+            _ctx.$slots.prefix ? {
+              name: "prefix",
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "prefix")
+              ])
+            } : void 0,
+            _ctx.$slots.suffix ? {
+              name: "suffix",
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "suffix")
+              ])
+            } : void 0
+          ]), 1032, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "onKeydown"])
         ], 42, ["onDragstart"]);
       };
     }
@@ -39482,7 +39512,9 @@
         type: Object,
         required: true
       },
-      style: Object,
+      style: {
+        type: Object
+      },
       height: Number
     },
     setup() {
@@ -39495,7 +39527,7 @@
   function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.be("group", "title")),
-      style: vue.normalizeStyle([_ctx.style, { lineHeight: `${_ctx.height}px` }])
+      style: vue.normalizeStyle({ ..._ctx.style, lineHeight: `${_ctx.height}px` })
     }, vue.toDisplayString(_ctx.item.label), 7);
   }
   var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$7], ["__file", "group-item.vue"]]);
@@ -39655,12 +39687,25 @@
     selected: Boolean,
     created: Boolean
   });
+  const selectEmits = {
+    [UPDATE_MODEL_EVENT]: (val) => true,
+    [CHANGE_EVENT]: (val) => true,
+    "remove-tag": (val) => true,
+    "visible-change": (visible) => true,
+    focus: (evt) => evt instanceof FocusEvent,
+    blur: (evt) => evt instanceof FocusEvent,
+    clear: () => true
+  };
+  const optionEmits = {
+    hover: (index) => isNumber(index),
+    select: (val, index) => true
+  };
 
   const selectV2InjectionKey = Symbol("ElSelectV2Injection");
 
   const _sfc_main$M = vue.defineComponent({
     props: OptionProps,
-    emits: ["select", "hover"],
+    emits: optionEmits,
     setup(props, { emit }) {
       const select = vue.inject(selectV2InjectionKey);
       const ns = useNamespace("select");
@@ -39699,18 +39744,19 @@
   }
   var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$6], ["__file", "option-item.vue"]]);
 
+  const props = {
+    loading: Boolean,
+    data: {
+      type: Array,
+      required: true
+    },
+    hoveringIndex: Number,
+    width: Number
+  };
   var ElSelectMenu = vue.defineComponent({
     name: "ElSelectDropdown",
-    props: {
-      loading: Boolean,
-      data: {
-        type: Array,
-        required: true
-      },
-      hoveringIndex: Number,
-      width: Number
-    },
-    setup(props, {
+    props,
+    setup(props2, {
       slots,
       expose
     }) {
@@ -39723,7 +39769,7 @@
       } = useProps(select.props);
       const cachedHeights = vue.ref([]);
       const listRef = vue.ref();
-      const size = vue.computed(() => props.data.length);
+      const size = vue.computed(() => props2.data.length);
       vue.watch(() => size.value, () => {
         var _a, _b;
         (_b = (_a = select.tooltipRef.value).updatePopper) == null ? void 0 : _b.call(_a);
@@ -39777,7 +39823,7 @@
         } = select.props;
         return disabled || !selected && (multiple ? multipleLimit > 0 && modelValue.length >= multipleLimit : false);
       };
-      const isItemHovering = (target) => props.hoveringIndex === target;
+      const isItemHovering = (target) => props2.hoveringIndex === target;
       const scrollToItem = (index) => {
         const list = listRef.value;
         if (list) {
@@ -39790,7 +39836,7 @@
           list.resetScrollTop();
         }
       };
-      expose({
+      const exposed = {
         listRef,
         isSized,
         isItemDisabled,
@@ -39798,7 +39844,8 @@
         isItemSelected,
         scrollToItem,
         resetScrollTop
-      });
+      };
+      expose(exposed);
       const Item = (itemProps) => {
         const {
           index,
@@ -39837,9 +39884,9 @@
           "onSelect": onSelect,
           "onHover": onHover
         }), {
-          default: (props2) => {
+          default: (props3) => {
             var _a;
-            return ((_a = slots.default) == null ? void 0 : _a.call(slots, props2)) || vue.createVNode("span", null, [getLabel(item)]);
+            return ((_a = slots.default) == null ? void 0 : _a.call(slots, props3)) || vue.createVNode("span", null, [getLabel(item)]);
           }
         });
       };
@@ -39853,9 +39900,6 @@
       const onBackward = () => {
         onKeyboardNavigate("backward");
       };
-      const onEscOrTab = () => {
-        select.expanded = false;
-      };
       const onKeydown = (e) => {
         const {
           code
@@ -39874,7 +39918,6 @@
         switch (code) {
           case tab:
           case esc: {
-            onEscOrTab();
             break;
           }
           case down: {
@@ -39896,7 +39939,7 @@
         const {
           data,
           width
-        } = props;
+        } = props2;
         const {
           height,
           multiple,
@@ -39919,7 +39962,7 @@
           "total": data.length,
           "onKeydown": onKeydown
         }), {
-          default: (props2) => vue.createVNode(Item, props2, null)
+          default: (props3) => vue.createVNode(Item, props3, null)
         }), (_d = slots.footer) == null ? void 0 : _d.call(slots)]);
       };
     }
@@ -39928,7 +39971,7 @@
   function useAllowCreate(props, states) {
     const { aliasProps, getLabel, getValue } = useProps(props);
     const createOptionCount = vue.ref(0);
-    const cachedSelectedOption = vue.ref(null);
+    const cachedSelectedOption = vue.ref();
     const enableAllowCreateMode = vue.computed(() => {
       return props.allowCreate && props.filterable;
     });
@@ -40027,17 +40070,17 @@
       isBeforeHide: false
     });
     const popperSize = vue.ref(-1);
-    const selectRef = vue.ref(null);
-    const selectionRef = vue.ref(null);
-    const tooltipRef = vue.ref(null);
-    const tagTooltipRef = vue.ref(null);
-    const inputRef = vue.ref(null);
-    const calculatorRef = vue.ref(null);
-    const prefixRef = vue.ref(null);
-    const suffixRef = vue.ref(null);
-    const menuRef = vue.ref(null);
-    const tagMenuRef = vue.ref(null);
-    const collapseItemRef = vue.ref(null);
+    const selectRef = vue.ref();
+    const selectionRef = vue.ref();
+    const tooltipRef = vue.ref();
+    const tagTooltipRef = vue.ref();
+    const inputRef = vue.ref();
+    const calculatorRef = vue.ref();
+    const prefixRef = vue.ref();
+    const suffixRef = vue.ref();
+    const menuRef = vue.ref();
+    const tagMenuRef = vue.ref();
+    const collapseItemRef = vue.ref();
     const {
       isComposing,
       handleCompositionStart,
@@ -40082,7 +40125,11 @@
     const iconComponent = vue.computed(() => props.remote && props.filterable ? "" : arrow_down_default);
     const iconReverse = vue.computed(() => iconComponent.value && nsSelect.is("reverse", expanded.value));
     const validateState = vue.computed(() => (elFormItem == null ? void 0 : elFormItem.validateState) || "");
-    const validateIcon = vue.computed(() => ValidateComponentsMap[validateState.value]);
+    const validateIcon = vue.computed(() => {
+      if (!validateState.value)
+        return;
+      return ValidateComponentsMap[validateState.value];
+    });
     const debounce$1 = vue.computed(() => props.remote ? 300 : 0);
     const emptyText = vue.computed(() => {
       if (props.loading) {
@@ -40455,7 +40502,7 @@
       }
     };
     const onHoverOption = (idx) => {
-      states.hoveringIndex = idx;
+      states.hoveringIndex = idx != null ? idx : -1;
     };
     const updateHoveringIndex = () => {
       if (!props.multiple) {
@@ -40689,15 +40736,7 @@
     },
     directives: { ClickOutside },
     props: SelectProps,
-    emits: [
-      UPDATE_MODEL_EVENT,
-      CHANGE_EVENT,
-      "remove-tag",
-      "clear",
-      "visible-change",
-      "focus",
-      "blur"
-    ],
+    emits: selectEmits,
     setup(props, { emit }) {
       const modelValue = vue.computed(() => {
         const { modelValue: rawModelValue, multiple } = props;
@@ -40717,6 +40756,7 @@
           height: API.popupHeight,
           modelValue
         }),
+        expanded: API.expanded,
         tooltipRef: API.tooltipRef,
         onSelect: API.onSelect,
         onHover: API.onHover,