@element-plus/nightly 0.0.20240922 → 0.0.20240923

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240922 */
+/*! 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.20240922";
+  const version$1 = "0.0.20240923";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -26068,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;
@@ -33276,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"]);
       };
     }
@@ -39500,7 +39512,9 @@
         type: Object,
         required: true
       },
-      style: Object,
+      style: {
+        type: Object
+      },
       height: Number
     },
     setup() {
@@ -39513,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"]]);
@@ -39673,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");
@@ -39717,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
     }) {
@@ -39741,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);
@@ -39795,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) {
@@ -39808,7 +39836,7 @@
           list.resetScrollTop();
         }
       };
-      expose({
+      const exposed = {
         listRef,
         isSized,
         isItemDisabled,
@@ -39816,7 +39844,8 @@
         isItemSelected,
         scrollToItem,
         resetScrollTop
-      });
+      };
+      expose(exposed);
       const Item = (itemProps) => {
         const {
           index,
@@ -39855,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)]);
           }
         });
       };
@@ -39871,9 +39900,6 @@
       const onBackward = () => {
         onKeyboardNavigate("backward");
       };
-      const onEscOrTab = () => {
-        select.expanded = false;
-      };
       const onKeydown = (e) => {
         const {
           code
@@ -39892,7 +39918,6 @@
         switch (code) {
           case tab:
           case esc: {
-            onEscOrTab();
             break;
           }
           case down: {
@@ -39914,7 +39939,7 @@
         const {
           data,
           width
-        } = props;
+        } = props2;
         const {
           height,
           multiple,
@@ -39937,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)]);
       };
     }
@@ -39946,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;
     });
@@ -40045,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,
@@ -40100,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) {
@@ -40473,7 +40502,7 @@
       }
     };
     const onHoverOption = (idx) => {
-      states.hoveringIndex = idx;
+      states.hoveringIndex = idx != null ? idx : -1;
     };
     const updateHoveringIndex = () => {
       if (!props.multiple) {
@@ -40707,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;
@@ -40735,6 +40756,7 @@
           height: API.popupHeight,
           modelValue
         }),
+        expanded: API.expanded,
         tooltipRef: API.tooltipRef,
         onSelect: API.onSelect,
         onHover: API.onHover,