@element-plus/nightly 0.0.20231012 → 0.0.20231013

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20231012 */
+/*! Element Plus v0.0.20231013 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11291,7 +11291,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20231012";
+  const version$1 = "0.0.20231013";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -18431,6 +18431,8 @@
     },
     format: String,
     valueFormat: String,
+    dateFormat: String,
+    timeFormat: String,
     type: {
       type: String,
       default: ""
@@ -19131,6 +19133,8 @@
               actualVisible: pickerActualVisible.value,
               parsedValue: vue.unref(parsedValue),
               format: _ctx.format,
+              dateFormat: _ctx.dateFormat,
+              timeFormat: _ctx.timeFormat,
               unlinkPanels: _ctx.unlinkPanels,
               type: _ctx.type,
               defaultValue: _ctx.defaultValue,
@@ -26046,7 +26050,9 @@
       type: definePropType(String),
       required: true,
       values: datePickTypes
-    }
+    },
+    dateFormat: String,
+    timeFormat: String
   });
   const panelRangeSharedProps = buildProps({
     unlinkPanels: Boolean,
@@ -27130,10 +27136,10 @@
         }
       };
       const timeFormat = vue.computed(() => {
-        return extractTimeFormat(props.format);
+        return props.timeFormat || extractTimeFormat(props.format);
       });
       const dateFormat = vue.computed(() => {
-        return extractDateFormat(props.format);
+        return props.dateFormat || extractDateFormat(props.format);
       });
       const visibleTime = vue.computed(() => {
         if (userInputTime.value)
@@ -27779,10 +27785,10 @@
         return "";
       });
       const timeFormat = vue.computed(() => {
-        return extractTimeFormat(format);
+        return props.timeFormat || extractTimeFormat(format);
       });
       const dateFormat = vue.computed(() => {
-        return extractDateFormat(format);
+        return props.dateFormat || extractDateFormat(format);
       });
       const isValidValue = (date) => {
         return isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
@@ -32559,9 +32565,6 @@
         });
         return isActive;
       });
-      const backgroundColor = vue.computed(() => rootMenu.props.backgroundColor || "");
-      const activeTextColor = vue.computed(() => rootMenu.props.activeTextColor || "");
-      const textColor = vue.computed(() => rootMenu.props.textColor || "");
       const mode = vue.computed(() => rootMenu.props.mode);
       const item = vue.reactive({
         index: props.index,
@@ -32569,17 +32572,6 @@
         active
       });
       const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);
-      const titleStyle = vue.computed(() => {
-        if (mode.value !== "horizontal") {
-          return {
-            color: textColor.value
-          };
-        }
-        return {
-          borderBottomColor: active.value ? rootMenu.props.activeTextColor ? activeTextColor.value : "" : "transparent",
-          color: active.value ? activeTextColor.value : textColor.value
-        };
-      });
       const doDestroy = () => {
         var _a, _b, _c;
         return (_c = (_b = (_a = vPopper.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.popperInstanceRef) == null ? void 0 : _c.destroy();
@@ -32708,19 +32700,11 @@
           },
           default: () => vue.h("div", {
             class: nsSubMenu.e("title"),
-            style: [
-              titleStyle.value,
-              { backgroundColor: backgroundColor.value }
-            ],
             onClick: handleClick
           }, titleTag)
         }) : vue.h(vue.Fragment, {}, [
           vue.h("div", {
             class: nsSubMenu.e("title"),
-            style: [
-              titleStyle.value,
-              { backgroundColor: backgroundColor.value }
-            ],
             ref: verticalTitleRef,
             onClick: handleClick
           }, titleTag),
@@ -38933,7 +38917,7 @@
           return arr.includes(target);
         }
         return arr && arr.some((item) => {
-          return get(item, valueKey) === get(target, valueKey);
+          return vue.toRaw(get(item, valueKey)) === get(target, valueKey);
         });
       };
       const isEqual = (selected, target) => {
@@ -38947,13 +38931,10 @@
         }
       };
       const isItemSelected = (modelValue, target) => {
-        const {
-          valueKey
-        } = select.props;
         if (select.props.multiple) {
-          return contains(modelValue, get(target, valueKey));
+          return contains(modelValue, target.value);
         }
-        return isEqual(modelValue, get(target, valueKey));
+        return isEqual(modelValue, target.value);
       };
       const isItemDisabled = (modelValue, selected) => {
         const {
@@ -39345,7 +39326,7 @@
     const filteredOptionsValueMap = vue.computed(() => {
       const valueMap = /* @__PURE__ */ new Map();
       filteredOptions.value.forEach((option, index) => {
-        valueMap.set(getValueKey(option), { option, index });
+        valueMap.set(getValueKey(option.value), { option, index });
       });
       return valueMap;
     });
@@ -39519,7 +39500,7 @@
       var _a, _b;
       if (props.multiple) {
         let selectedOptions = props.modelValue.slice();
-        const index = getValueIndex(selectedOptions, getValueKey(option));
+        const index = getValueIndex(selectedOptions, option.value);
         if (index > -1) {
           selectedOptions = [
             ...selectedOptions.slice(0, index),
@@ -39528,7 +39509,7 @@
           states.cachedOptions.splice(index, 1);
           removeNewOption(option);
         } else if (props.multipleLimit <= 0 || selectedOptions.length < props.multipleLimit) {
-          selectedOptions = [...selectedOptions, getValueKey(option)];
+          selectedOptions = [...selectedOptions, option.value];
           states.cachedOptions.push(option);
           selectNewOption(option);
           updateHoveringIndex(idx);
@@ -39551,7 +39532,7 @@
       } else {
         selectedIndex.value = idx;
         states.selectedLabel = option.label;
-        update(getValueKey(option));
+        update(option.value);
         expanded.value = false;
         states.isComposing = false;
         states.isSilentBlur = byClick;
@@ -39562,19 +39543,19 @@
         updateHoveringIndex(idx);
       }
     };
-    const deleteTag = (event, tag) => {
-      const { valueKey } = props;
-      const index = props.modelValue.indexOf(get(tag, valueKey));
+    const deleteTag = (event, option) => {
+      let selectedOptions = props.modelValue.slice();
+      const index = getValueIndex(selectedOptions, option.value);
       if (index > -1 && !selectDisabled.value) {
-        const value = [
+        selectedOptions = [
           ...props.modelValue.slice(0, index),
           ...props.modelValue.slice(index + 1)
         ];
         states.cachedOptions.splice(index, 1);
-        update(value);
-        emit("remove-tag", get(tag, valueKey));
+        update(selectedOptions);
+        emit("remove-tag", option.value);
         states.softFocus = true;
-        removeNewOption(tag);
+        removeNewOption(option);
         return vue.nextTick(focusAndUpdatePopup);
       }
       event.stopPropagation();
@@ -39737,8 +39718,9 @@
           states.cachedOptions.length = 0;
           states.previousValue = props.modelValue.toString();
           for (const value of props.modelValue) {
-            if (filteredOptionsValueMap.value.has(value)) {
-              const { index, option } = filteredOptionsValueMap.value.get(value);
+            const selectValue = getValueKey(value);
+            if (filteredOptionsValueMap.value.has(selectValue)) {
+              const { index, option } = filteredOptionsValueMap.value.get(selectValue);
               states.cachedOptions.push(option);
               if (!initHovering) {
                 updateHoveringIndex(index);
@@ -39754,7 +39736,7 @@
         if (hasModelValue.value) {
           states.previousValue = props.modelValue;
           const options = filteredOptions.value;
-          const selectedItemIndex = options.findIndex((option) => getValueKey(option) === getValueKey(props.modelValue));
+          const selectedItemIndex = options.findIndex((option) => getValueKey(option.value) === getValueKey(props.modelValue));
           if (~selectedItemIndex) {
             states.selectedLabel = options[selectedItemIndex].label;
             updateHoveringIndex(selectedItemIndex);
@@ -49532,6 +49514,9 @@
     truncated: {
       type: Boolean
     },
+    lineClamp: {
+      type: [String, Number]
+    },
     tag: {
       type: String,
       default: "span"
@@ -49552,17 +49537,19 @@
         ns.b(),
         ns.m(props.type),
         ns.m(textSize.value),
-        ns.is("truncated", props.truncated)
+        ns.is("truncated", props.truncated),
+        ns.is("line-clamp", !isUndefined(props.lineClamp))
       ]);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
-          class: vue.normalizeClass(vue.unref(textKls))
+          class: vue.normalizeClass(vue.unref(textKls)),
+          style: vue.normalizeStyle({ "-webkit-line-clamp": _ctx.lineClamp })
         }, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default")
           ]),
           _: 3
-        }, 8, ["class"]);
+        }, 8, ["class", "style"]);
       };
     }
   });