@element-plus/nightly 0.0.20240618 → 0.0.20240621

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240618 */
+/*! Element Plus v0.0.20240621 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -117,7 +117,7 @@
   const isString$2 = (val) => typeof val === "string";
   const noop$1 = () => {
   };
-  isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+  const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 
   function resolveUnref(r) {
     return typeof r === "function" ? r() : vue.unref(r);
@@ -11492,7 +11492,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240618";
+  const version$1 = "0.0.20240621";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -28198,7 +28198,8 @@
     setup(__props, { emit }) {
       const props = __props;
       const pickerBase = vue.inject("EP_PICKER_BASE");
-      const { disabledDate, cellClassName, format, defaultTime, clearable } = pickerBase.props;
+      const { disabledDate, cellClassName, defaultTime, clearable } = pickerBase.props;
+      const format = vue.toRef(pickerBase.props, "format");
       const shortcuts = vue.toRef(pickerBase.props, "shortcuts");
       const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
       const { lang } = useLocale();
@@ -28278,10 +28279,10 @@
         return "";
       });
       const timeFormat = vue.computed(() => {
-        return props.timeFormat || extractTimeFormat(format);
+        return props.timeFormat || extractTimeFormat(format.value);
       });
       const dateFormat = vue.computed(() => {
-        return props.dateFormat || extractDateFormat(format);
+        return props.dateFormat || extractDateFormat(format.value);
       });
       const isValidValue = (date) => {
         return isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
@@ -28479,10 +28480,10 @@
         emit("pick", null);
       };
       const formatToString = (value) => {
-        return isArray$1(value) ? value.map((_) => _.format(format)) : value.format(format);
+        return isArray$1(value) ? value.map((_) => _.format(format.value)) : value.format(format.value);
       };
       const parseUserInput = (value) => {
-        return isArray$1(value) ? value.map((_) => dayjs(_, format).locale(lang.value)) : dayjs(value, format).locale(lang.value);
+        return isArray$1(value) ? value.map((_) => dayjs(_, format.value).locale(lang.value)) : dayjs(value, format.value).locale(lang.value);
       };
       function onParsedValueChanged(minDate2, maxDate2) {
         if (props.unlinkPanels && maxDate2) {
@@ -28903,7 +28904,8 @@
       const props = __props;
       const { lang } = useLocale();
       const pickerBase = vue.inject("EP_PICKER_BASE");
-      const { shortcuts, disabledDate, format } = pickerBase.props;
+      const { shortcuts, disabledDate } = pickerBase.props;
+      const format = vue.toRef(pickerBase.props, "format");
       const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
       const leftDate = vue.ref(dayjs().locale(lang.value));
       const rightDate = vue.ref(dayjs().locale(lang.value).add(1, unit));
@@ -28956,7 +28958,7 @@
         handleRangeConfirm();
       };
       const formatToString = (days) => {
-        return days.map((day) => day.format(format));
+        return days.map((day) => day.format(format.value));
       };
       function onParsedValueChanged(minDate2, maxDate2) {
         if (props.unlinkPanels && maxDate2) {
@@ -34339,6 +34341,7 @@
       const _placeholder = (_a = props.placeholder) != null ? _a : t("el.select.placeholder");
       return props.multiple || !hasModelValue.value ? _placeholder : states.selectedLabel;
     });
+    const mouseEnterEventName = vue.computed(() => isIOS ? null : "mouseenter");
     vue.watch(() => props.modelValue, (val, oldVal) => {
       if (props.multiple) {
         if (props.filterable && !props.reserveKeyword) {
@@ -34665,6 +34668,8 @@
     const toggleMenu = () => {
       if (selectDisabled.value)
         return;
+      if (isIOS)
+        states.inputHovering = true;
       if (states.menuVisibleOnFocus) {
         states.menuVisibleOnFocus = false;
       } else {
@@ -34779,6 +34784,7 @@
       hasModelValue,
       shouldShowPlaceholder,
       currentPlaceholder,
+      mouseEnterEventName,
       showClose,
       iconComponent,
       iconReverse,
@@ -35017,7 +35023,7 @@
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       ref: "selectRef",
       class: vue.normalizeClass([_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]),
-      onMouseenter: _cache[16] || (_cache[16] = ($event) => _ctx.states.inputHovering = true),
+      [vue.toHandlerKey(_ctx.mouseEnterEventName)]: _cache[16] || (_cache[16] = ($event) => _ctx.states.inputHovering = true),
       onMouseleave: _cache[17] || (_cache[17] = ($event) => _ctx.states.inputHovering = false),
       onClick: _cache[18] || (_cache[18] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["prevent", "stop"]))
     }, [
@@ -35336,7 +35342,7 @@
         ]),
         _: 3
       }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "transition", "persistent", "onBeforeShow"])
-    ], 34)), [
+    ], 16)), [
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
   }
@@ -35872,6 +35878,7 @@
       default: true
     },
     small: Boolean,
+    size: useSizeProp,
     background: Boolean,
     disabled: Boolean,
     hideOnSinglePage: Boolean
@@ -35894,6 +35901,14 @@
       const { t } = useLocale();
       const ns = useNamespace("pagination");
       const vnodeProps = vue.getCurrentInstance().vnode.props || {};
+      const _size = vue.computed(() => props.small ? "small" : props == null ? void 0 : props.size);
+      useDeprecated({
+        from: "small",
+        replacement: "size",
+        version: "3.0.0",
+        scope: "el-pagination",
+        ref: "https://element-plus.org/zh-CN/component/pagination.html"
+      }, vue.computed(() => !!props.small));
       const hasCurrentPageListener = "onUpdate:currentPage" in vnodeProps || "onUpdate:current-page" in vnodeProps || "onCurrentChange" in vnodeProps;
       const hasPageSizeListener = "onUpdate:pageSize" in vnodeProps || "onUpdate:page-size" in vnodeProps || "onSizeChange" in vnodeProps;
       const assertValidUsage = vue.computed(() => {
@@ -36026,7 +36041,7 @@
             onClick: prev
           }),
           jumper: vue.h(Jumper, {
-            size: props.small ? "small" : "default"
+            size: _size.value
           }),
           pager: vue.h(Pager, {
             currentPage: currentPageBridge.value,
@@ -36049,7 +36064,7 @@
             popperClass: props.popperClass,
             disabled: props.disabled,
             teleported: props.teleported,
-            size: props.small ? "small" : "default"
+            size: _size.value
           }),
           slot: (_b = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : null,
           total: vue.h(Total, { total: isAbsent(props.total) ? 0 : props.total })
@@ -36078,9 +36093,7 @@
           class: [
             ns.b(),
             ns.is("background", props.background),
-            {
-              [ns.m("small")]: props.small
-            }
+            ns.m(_size.value)
           ]
         }, rootChildren);
       };
@@ -36504,11 +36517,19 @@
         default: "#20a0ff"
       };
       const ns = useNamespace("progress");
-      const barStyle = vue.computed(() => ({
-        width: `${props.percentage}%`,
-        animationDuration: `${props.duration}s`,
-        background: getCurrentColor(props.percentage)
-      }));
+      const barStyle = vue.computed(() => {
+        const barStyle2 = {
+          width: `${props.percentage}%`,
+          animationDuration: `${props.duration}s`
+        };
+        const color = getCurrentColor(props.percentage);
+        if (color.includes("gradient")) {
+          barStyle2.background = color;
+        } else {
+          barStyle2.backgroundColor = color;
+        }
+        return barStyle2;
+      });
       const relativeStrokeWidth = vue.computed(() => (props.strokeWidth / props.width * 100).toFixed(1));
       const radius = vue.computed(() => {
         if (["circle", "dashboard"].includes(props.type)) {
@@ -40174,9 +40195,8 @@
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       ref: "selectRef",
       class: vue.normalizeClass([_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]),
-      onMouseenter: _cache[14] || (_cache[14] = ($event) => _ctx.states.inputHovering = true),
-      onMouseleave: _cache[15] || (_cache[15] = ($event) => _ctx.states.inputHovering = false),
-      onClick: _cache[16] || (_cache[16] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["prevent", "stop"]))
+      onMouseenter: _cache[15] || (_cache[15] = ($event) => _ctx.states.inputHovering = true),
+      onMouseleave: _cache[16] || (_cache[16] = ($event) => _ctx.states.inputHovering = false)
     }, [
       vue.createVNode(_component_el_tooltip, {
         ref: "tooltipRef",
@@ -40194,7 +40214,7 @@
         trigger: "click",
         persistent: _ctx.persistent,
         onBeforeShow: _ctx.handleMenuEnter,
-        onHide: _cache[13] || (_cache[13] = ($event) => _ctx.states.isBeforeHide = false)
+        onHide: _cache[14] || (_cache[14] = ($event) => _ctx.states.isBeforeHide = false)
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("div", {
@@ -40205,7 +40225,8 @@
               _ctx.nsSelect.is("hovering", _ctx.states.inputHovering),
               _ctx.nsSelect.is("filterable", _ctx.filterable),
               _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
-            ])
+            ]),
+            onClick: _cache[13] || (_cache[13] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["prevent", "stop"]))
           }, [
             _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -46159,11 +46180,15 @@
       const computedEmptyText = vue.computed(() => {
         return props.emptyText || t("el.table.emptyText");
       });
+      const columns = vue.computed(() => {
+        return convertToRows(store.states.originColumns.value)[0];
+      });
       useKeyRender(table);
       return {
         ns,
         layout,
         store,
+        columns,
         handleHeaderFooterMousewheel,
         handleMouseLeave,
         tableId,