@element-plus/nightly 0.0.20250824 → 0.0.20250825

package/lib/components/tour/src/step2.js

@@ -2,197 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var lodashUnified = require('lodash-unified');
-var index$2 = require('../../button/index.js');
-var index$1 = require('../../icon/index.js');
-var step = require('./step.js');
-var helper = require('./helper.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-locale/index.js');
+var content = require('./content.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 var icon = require('../../../utils/vue/icon.js');
-var aria = require('../../../constants/aria.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElTourStep"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: step.tourStepProps,
-  emits: step.tourStepEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const { Close } = icon.CloseComponents;
-    const { t } = index.useLocale();
-    const {
-      currentStep,
-      current,
-      total,
-      showClose,
-      closeIcon,
-      mergedType,
-      ns,
-      slots: tourSlots,
-      updateModelValue,
-      onClose: tourOnClose,
-      onFinish: tourOnFinish,
-      onChange
-    } = vue.inject(helper.tourKey);
-    vue.watch(props, (val) => {
-      currentStep.value = val;
-    }, {
-      immediate: true
-    });
-    const mergedShowClose = vue.computed(() => {
-      var _a;
-      return (_a = props.showClose) != null ? _a : showClose.value;
-    });
-    const mergedCloseIcon = vue.computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.closeIcon) != null ? _a : closeIcon.value) != null ? _b : Close;
-    });
-    const filterButtonProps = (btnProps) => {
-      if (!btnProps)
-        return;
-      return lodashUnified.omit(btnProps, ["children", "onClick"]);
-    };
-    const onPrev = () => {
-      var _a, _b;
-      current.value -= 1;
-      if ((_a = props.prevButtonProps) == null ? void 0 : _a.onClick) {
-        (_b = props.prevButtonProps) == null ? void 0 : _b.onClick();
-      }
-      onChange();
-    };
-    const onNext = () => {
-      var _a;
-      if (current.value >= total.value - 1) {
-        onFinish();
-      } else {
-        current.value += 1;
-      }
-      if ((_a = props.nextButtonProps) == null ? void 0 : _a.onClick) {
-        props.nextButtonProps.onClick();
-      }
-      onChange();
-    };
-    const onFinish = () => {
-      onClose();
-      tourOnFinish();
-    };
-    const onClose = () => {
-      updateModelValue(false);
-      tourOnClose();
-      emit("close");
-    };
-    const handleKeydown = (e) => {
-      const target = e.target;
-      if (target == null ? void 0 : target.isContentEditable)
-        return;
-      const actions = {
-        [aria.EVENT_CODE.left]: () => current.value > 0 && onPrev(),
-        [aria.EVENT_CODE.right]: onNext
-      };
-      const action = actions[e.code];
-      if (action) {
-        e.preventDefault();
-        action();
-      }
-    };
-    vue.onMounted(() => {
-      window.addEventListener("keydown", handleKeydown);
-    });
-    vue.onBeforeUnmount(() => {
-      window.removeEventListener("keydown", handleKeydown);
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.unref(mergedShowClose) ? (vue.openBlock(), vue.createElementBlock("button", {
-          key: 0,
-          "aria-label": "Close",
-          class: vue.normalizeClass(vue.unref(ns).e("closebtn")),
-          type: "button",
-          onClick: onClose
-        }, [
-          vue.createVNode(vue.unref(index$1.ElIcon), {
-            class: vue.normalizeClass(vue.unref(ns).e("close"))
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(mergedCloseIcon))))
-            ]),
-            _: 1
-          }, 8, ["class"])
-        ], 2)) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("header", {
-          class: vue.normalizeClass([vue.unref(ns).e("header"), { "show-close": vue.unref(showClose) }])
-        }, [
-          vue.renderSlot(_ctx.$slots, "header", {}, () => [
-            vue.createElementVNode("span", {
-              role: "heading",
-              class: vue.normalizeClass(vue.unref(ns).e("title"))
-            }, vue.toDisplayString(_ctx.title), 3)
-          ])
-        ], 2),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e("body"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createElementVNode("span", null, vue.toDisplayString(_ctx.description), 1)
-          ])
-        ], 2),
-        vue.createElementVNode("footer", {
-          class: vue.normalizeClass(vue.unref(ns).e("footer"))
-        }, [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).b("indicators"))
-          }, [
-            vue.unref(tourSlots).indicators ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tourSlots).indicators), {
-              key: 0,
-              current: vue.unref(current),
-              total: vue.unref(total)
-            }, null, 8, ["current", "total"])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(vue.unref(total), (item, index) => {
-              return vue.openBlock(), vue.createElementBlock("span", {
-                key: item,
-                class: vue.normalizeClass([vue.unref(ns).b("indicator"), index === vue.unref(current) ? "is-active" : ""])
-              }, null, 2);
-            }), 128))
-          ], 2),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).b("buttons"))
-          }, [
-            vue.unref(current) > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElButton), vue.mergeProps({
-              key: 0,
-              size: "small",
-              type: vue.unref(mergedType)
-            }, filterButtonProps(_ctx.prevButtonProps), { onClick: onPrev }), {
-              default: vue.withCtx(() => {
-                var _a, _b;
-                return [
-                  vue.createTextVNode(vue.toDisplayString((_b = (_a = _ctx.prevButtonProps) == null ? void 0 : _a.children) != null ? _b : vue.unref(t)("el.tour.previous")), 1)
-                ];
-              }),
-              _: 1
-            }, 16, ["type"])) : vue.createCommentVNode("v-if", true),
-            vue.unref(current) <= vue.unref(total) - 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElButton), vue.mergeProps({
-              key: 1,
-              size: "small",
-              type: vue.unref(mergedType) === "primary" ? "default" : "primary"
-            }, filterButtonProps(_ctx.nextButtonProps), { onClick: onNext }), {
-              default: vue.withCtx(() => {
-                var _a, _b;
-                return [
-                  vue.createTextVNode(vue.toDisplayString((_b = (_a = _ctx.nextButtonProps) == null ? void 0 : _a.children) != null ? _b : vue.unref(current) === vue.unref(total) - 1 ? vue.unref(t)("el.tour.finish") : vue.unref(t)("el.tour.next")), 1)
-                ];
-              }),
-              _: 1
-            }, 16, ["type"])) : vue.createCommentVNode("v-if", true)
-          ], 2)
-        ], 2)
-      ], 64);
-    };
+const tourStepProps = runtime.buildProps({
+  target: {
+    type: runtime.definePropType([String, Object, Function])
+  },
+  title: String,
+  description: String,
+  showClose: {
+    type: Boolean,
+    default: void 0
+  },
+  closeIcon: {
+    type: icon.iconPropType
+  },
+  showArrow: {
+    type: Boolean,
+    default: void 0
+  },
+  placement: content.tourContentProps.placement,
+  mask: {
+    type: runtime.definePropType([Boolean, Object]),
+    default: void 0
+  },
+  contentStyle: {
+    type: runtime.definePropType([Object])
+  },
+  prevButtonProps: {
+    type: runtime.definePropType(Object)
+  },
+  nextButtonProps: {
+    type: runtime.definePropType(Object)
+  },
+  scrollIntoViewOptions: {
+    type: runtime.definePropType([Boolean, Object]),
+    default: void 0
+  },
+  type: {
+    type: runtime.definePropType(String)
   }
 });
-var TourStep = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "step.vue"]]);
+const tourStepEmits = {
+  close: () => true
+};
 
-exports["default"] = TourStep;
+exports.tourStepEmits = tourStepEmits;
+exports.tourStepProps = tourStepProps;
 //# sourceMappingURL=step2.js.map

package/lib/components/tour/src/step2.js.map

@@ -1 +1 @@
-{"version":3,"file":"step2.js","sources":["../../../../../../packages/components/tour/src/step.vue"],"sourcesContent":["<template>\n  <button\n    v-if=\"mergedShowClose\"\n    aria-label=\"Close\"\n    :class=\"ns.e('closebtn')\"\n    type=\"button\"\n    @click=\"onClose\"\n  >\n    <el-icon :class=\"ns.e('close')\">\n      <component :is=\"mergedCloseIcon\" />\n    </el-icon>\n  </button>\n  <header :class=\"[ns.e('header'), { 'show-close': showClose }]\">\n    <slot name=\"header\">\n      <span role=\"heading\" :class=\"ns.e('title')\">\n        {{ title }}\n      </span>\n    </slot>\n  </header>\n  <div :class=\"ns.e('body')\">\n    <slot>\n      <span>{{ description }}</span>\n    </slot>\n  </div>\n  <footer :class=\"ns.e('footer')\">\n    <div :class=\"ns.b('indicators')\">\n      <component\n        :is=\"tourSlots.indicators\"\n        v-if=\"tourSlots.indicators\"\n        :current=\"current\"\n        :total=\"total\"\n      />\n      <template v-else>\n        <span\n          v-for=\"(item, index) in total\"\n          :key=\"item\"\n          :class=\"[ns.b('indicator'), index === current ? 'is-active' : '']\"\n        />\n      </template>\n    </div>\n    <div :class=\"ns.b('buttons')\">\n      <el-button\n        v-if=\"current > 0\"\n        size=\"small\"\n        :type=\"mergedType\"\n        v-bind=\"filterButtonProps(prevButtonProps)\"\n        @click=\"onPrev\"\n      >\n        {{ prevButtonProps?.children ?? t('el.tour.previous') }}\n      </el-button>\n      <el-button\n        v-if=\"current <= total - 1\"\n        size=\"small\"\n        :type=\"mergedType === 'primary' ? 'default' : 'primary'\"\n        v-bind=\"filterButtonProps(nextButtonProps)\"\n        @click=\"onNext\"\n      >\n        {{\n          nextButtonProps?.children ??\n          (current === total - 1 ? t('el.tour.finish') : t('el.tour.next'))\n        }}\n      </el-button>\n    </div>\n  </footer>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { omit } from 'lodash-unified'\nimport { ElButton } from '@element-plus/components/button'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CloseComponents } from '@element-plus/utils'\nimport { useLocale } from '@element-plus/hooks'\nimport { tourStepEmits, tourStepProps } from './step'\nimport { tourKey } from './helper'\n\nimport type { TourBtnProps } from './types'\n\ndefineOptions({\n  name: 'ElTourStep',\n})\n\nconst props = defineProps(tourStepProps)\nconst emit = defineEmits(tourStepEmits)\n\nconst { Close } = CloseComponents\n\nconst { t } = useLocale()\n\nconst {\n  currentStep,\n  current,\n  total,\n  showClose,\n  closeIcon,\n  mergedType,\n  ns,\n  slots: tourSlots,\n  updateModelValue,\n  onClose: tourOnClose,\n  onFinish: tourOnFinish,\n  onChange,\n} = inject(tourKey)!\n\nwatch(\n  props,\n  (val) => {\n    currentStep.value = val\n  },\n  {\n    immediate: true,\n  }\n)\n\nconst mergedShowClose = computed(() => props.showClose ?? showClose.value)\nconst mergedCloseIcon = computed(\n  () => props.closeIcon ?? closeIcon.value ?? Close\n)\n\nconst filterButtonProps = (btnProps?: TourBtnProps) => {\n  if (!btnProps) return\n  return omit(btnProps, ['children', 'onClick'])\n}\n\nconst onPrev = () => {\n  current.value -= 1\n  if (props.prevButtonProps?.onClick) {\n    props.prevButtonProps?.onClick()\n  }\n  onChange()\n}\n\nconst onNext = () => {\n  if (current.value >= total.value - 1) {\n    onFinish()\n  } else {\n    current.value += 1\n  }\n  if (props.nextButtonProps?.onClick) {\n    props.nextButtonProps.onClick()\n  }\n  onChange()\n}\n\nconst onFinish = () => {\n  onClose()\n  tourOnFinish()\n}\n\nconst onClose = () => {\n  updateModelValue(false)\n  tourOnClose()\n  emit('close')\n}\n\nconst handleKeydown = (e: KeyboardEvent) => {\n  const target = e.target as HTMLElement | null\n  if (target?.isContentEditable) return\n\n  const actions: Record<string, () => void> = {\n    [EVENT_CODE.left]: () => current.value > 0 && onPrev(),\n    [EVENT_CODE.right]: onNext,\n  }\n\n  const action = actions[e.code]\n  if (action) {\n    e.preventDefault()\n    action()\n  }\n}\n\nonMounted(() => {\n  window.addEventListener('keydown', handleKeydown)\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('keydown', handleKeydown)\n})\n</script>\n"],"names":["CloseComponents","useLocale","inject","tourKey","watch","computed","omit","EVENT_CODE","onMounted"],"mappings":"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"}
+{"version":3,"file":"step2.js","sources":["../../../../../../packages/components/tour/src/step.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { tourContentProps } from './content'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  __ExtractPublicPropTypes,\n} from 'vue'\nimport type { TourBtnProps, TourMask } from './types'\n\nexport const tourStepProps = buildProps({\n  /**\n   * @description get the element the guide card points to. empty makes it show in center of screen\n   */\n  target: {\n    type: definePropType<\n      string | HTMLElement | (() => HTMLElement | null) | null\n    >([String, Object, Function]),\n  },\n  /**\n   * @description the title of the tour content\n   */\n  title: String,\n  /**\n   * @description description\n   */\n  description: String,\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement: tourContentProps.placement,\n  /**\n   * @description whether to enable masking, change mask style and fill color by pass custom props\n   */\n  mask: {\n    type: definePropType<TourMask>([Boolean, Object]),\n    default: undefined,\n  },\n  /**\n   * @description custom style for content\n   */\n  contentStyle: {\n    type: definePropType<CSSProperties>([Object]),\n  },\n  /**\n   * @description properties of the previous button\n   */\n  prevButtonProps: {\n    type: definePropType<TourBtnProps>(Object),\n  },\n  /**\n   * @description properties of the Next button\n   */\n  nextButtonProps: {\n    type: definePropType<TourBtnProps>(Object),\n  },\n  /**\n   * @description support pass custom scrollIntoView options\n   */\n  scrollIntoViewOptions: {\n    type: definePropType<boolean | ScrollIntoViewOptions>([Boolean, Object]),\n    default: undefined,\n  },\n  /**\n   * @description type, affects the background color and text color\n   */\n  type: {\n    type: definePropType<'default' | 'primary'>(String),\n  },\n})\n\nexport type TourStepProps = ExtractPropTypes<typeof tourStepProps>\nexport type TourStepPropsPublic = __ExtractPublicPropTypes<typeof tourStepProps>\n\nexport const tourStepEmits = {\n  close: () => true,\n}\nexport type TourStepEmits = typeof tourStepEmits\n"],"names":["buildProps","definePropType","iconPropType","tourContentProps"],"mappings":";;;;;;;;AAEY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;AACpD,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAEC,wBAAgB,CAAC,SAAS;AACvC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEF,sBAAc,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,sBAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAClC,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,qBAAqB,EAAE;AACzB,IAAI,IAAI,EAAEA,sBAAc,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;;"}

package/lib/components/tour/src/tour2.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var core = require('@vueuse/core');
 var index$2 = require('../../teleport/index.js');
-var mask = require('./mask2.js');
+var mask = require('./mask.js');
 var content = require('./content2.js');
 var steps = require('./steps.js');
 var tour = require('./tour.js');

package/lib/directives/click-outside/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@vueuse/core');
-var types = require('../../utils/types.js');
 var shared = require('@vue/shared');
+var types = require('../../utils/types.js');
 
 const nodeList = /* @__PURE__ */ new Map();
 if (core.isClient) {

package/lib/hooks/use-lockscreen/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var index = require('../use-namespace/index.js');
 var error = require('../../utils/error.js');
+var core = require('@vueuse/core');
 var style = require('../../utils/dom/style.js');
 var scroll = require('../../utils/dom/scroll.js');
-var core = require('@vueuse/core');
 
 const useLockscreen = (trigger, options = {}) => {
   if (!vue.isRef(trigger)) {

package/lib/index.d.ts

@@ -840,7 +840,7 @@ declare const __VLS_component_21: DefineComponent<{
     checkOnClickNode: BooleanConstructor;
     showPrefix: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     modelValue: {
-        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null) | ((new (...args: any[]) => string | number | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null))[], unknown, unknown>>;
+        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null) | ((new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -1058,7 +1058,7 @@ declare const __VLS_component_21: DefineComponent<{
     checkOnClickNode: BooleanConstructor;
     showPrefix: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     modelValue: {
-        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null) | ((new (...args: any[]) => string | number | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null))[], unknown, unknown>>;
+        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null) | ((new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -1110,7 +1110,7 @@ declare const __VLS_component_22: DefineComponent<{
         __epPropKey: true;
     };
     modelValue: {
-        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null) | ((new (...args: any[]) => string | number | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null))[], unknown, unknown>>;
+        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null) | ((new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -1268,7 +1268,7 @@ declare const __VLS_component_22: DefineComponent<{
         __epPropKey: true;
     };
     modelValue: {
-        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null) | ((new (...args: any[]) => string | number | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null))[], unknown, unknown>>;
+        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null) | ((new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -11695,8 +11695,8 @@ export declare class CascaderNode {
 }
 export declare type CascaderNodePathValue = CascaderNodeValue[];
 declare type CascaderNodePathValue_2 = CascaderNodeValue_2[];
-export declare type CascaderNodeValue = string | number;
-declare type CascaderNodeValue_2 = string | number;
+export declare type CascaderNodeValue = string | number | Record<string, any>;
+declare type CascaderNodeValue_2 = string | number | Record<string, any>;
 export declare interface CascaderOption extends Record<string, unknown> {
     label?: string;
     value?: CascaderNodeValue_2;
@@ -11720,7 +11720,7 @@ export declare const cascaderPanelProps: {
         __epPropKey: true;
     };
     modelValue: {
-        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null) | ((new (...args: any[]) => string | number | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null))[], unknown, unknown>>;
+        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null) | ((new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -11926,7 +11926,7 @@ export declare const cascaderProps: {
     checkOnClickNode: BooleanConstructor;
     showPrefix: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     modelValue: {
-        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null) | ((new (...args: any[]) => string | number | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null))[], unknown, unknown>>;
+        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null) | ((new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -12381,7 +12381,7 @@ declare interface CommonPickerProps {
 }
 export declare const CommonProps: {
     readonly modelValue: {
-        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null) | ((new (...args: any[]) => string | number | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null))[], unknown, unknown>>;
+        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null) | ((new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue_2 | (CascaderNodeValue_2 | CascaderNodePathValue_2)[]) | (() => CascaderValue_2 | null))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/lib/index.js

@@ -5,10 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var defaults = require('./defaults.js');
 var makeInstaller = require('./make-installer.js');
 var dayjs = require('dayjs');
-var fixedSizeGrid = require('./components/virtual-list/src/components/fixed-size-grid.js');
-var dynamicSizeGrid = require('./components/virtual-list/src/components/dynamic-size-grid.js');
-var directive = require('./components/loading/src/directive.js');
-var service = require('./components/loading/src/service.js');
 var affix = require('./components/affix/src/affix.js');
 var index = require('./components/affix/index.js');
 var alert = require('./components/alert/src/alert.js');
@@ -41,7 +37,7 @@ var index$b = require('./components/cascader/index.js');
 var types = require('./components/cascader-panel/src/types.js');
 var config = require('./components/cascader-panel/src/config.js');
 var index$c = require('./components/cascader-panel/index.js');
-var checkTag = require('./components/check-tag/src/check-tag2.js');
+var checkTag = require('./components/check-tag/src/check-tag.js');
 var index$d = require('./components/check-tag/index.js');
 var checkboxGroup = require('./components/checkbox/src/checkbox-group.js');
 var checkbox = require('./components/checkbox/src/checkbox.js');
@@ -49,7 +45,7 @@ var constants$3 = require('./components/checkbox/src/constants.js');
 var index$e = require('./components/checkbox/index.js');
 var col = require('./components/col/src/col.js');
 var index$f = require('./components/col/index.js');
-var collapse = require('./components/collapse/src/collapse.js');
+var collapse = require('./components/collapse/src/collapse2.js');
 var collapseItem = require('./components/collapse/src/collapse-item.js');
 var constants$4 = require('./components/collapse/src/constants.js');
 var index$g = require('./components/collapse/index.js');
@@ -85,7 +81,7 @@ var index$s = require('./components/drawer/index.js');
 var dropdown = require('./components/dropdown/src/dropdown.js');
 var tokens = require('./components/dropdown/src/tokens.js');
 var index$t = require('./components/dropdown/index.js');
-var empty = require('./components/empty/src/empty.js');
+var empty = require('./components/empty/src/empty2.js');
 var index$u = require('./components/empty/index.js');
 var form = require('./components/form/src/form.js');
 var formItem = require('./components/form/src/form-item.js');
@@ -95,7 +91,7 @@ var useFormItem = require('./components/form/src/hooks/use-form-item.js');
 var index$v = require('./components/form/index.js');
 var icon = require('./components/icon/src/icon.js');
 var index$w = require('./components/icon/index.js');
-var image = require('./components/image/src/image.js');
+var image = require('./components/image/src/image2.js');
 var index$x = require('./components/image/index.js');
 var imageViewer = require('./components/image-viewer/src/image-viewer.js');
 var index$y = require('./components/image-viewer/index.js');
@@ -108,14 +104,14 @@ var index$B = require('./components/input-tag/index.js');
 var link = require('./components/link/src/link.js');
 var index$C = require('./components/link/index.js');
 var menu = require('./components/menu/src/menu.js');
-var menuItem = require('./components/menu/src/menu-item.js');
-var menuItemGroup = require('./components/menu/src/menu-item-group2.js');
+var menuItem = require('./components/menu/src/menu-item2.js');
+var menuItemGroup = require('./components/menu/src/menu-item-group.js');
 var subMenu = require('./components/menu/src/sub-menu.js');
 var tokens$1 = require('./components/menu/src/tokens.js');
 var index$D = require('./components/menu/index.js');
 var overlay = require('./components/overlay/src/overlay.js');
 var index$E = require('./components/overlay/index.js');
-var pageHeader = require('./components/page-header/src/page-header.js');
+var pageHeader = require('./components/page-header/src/page-header2.js');
 var index$F = require('./components/page-header/index.js');
 var pagination = require('./components/pagination/src/pagination.js');
 var constants$9 = require('./components/pagination/src/constants.js');
@@ -131,7 +127,7 @@ var arrow = require('./components/popper/src/arrow2.js');
 var trigger = require('./components/popper/src/trigger2.js');
 var content = require('./components/popper/src/content2.js');
 var index$I = require('./components/popper/index.js');
-var progress = require('./components/progress/src/progress.js');
+var progress = require('./components/progress/src/progress2.js');
 var index$J = require('./components/progress/index.js');
 var radio = require('./components/radio/src/radio.js');
 var radioGroup = require('./components/radio/src/radio-group.js');
@@ -155,7 +151,7 @@ var select = require('./components/select/src/select.js');
 var index$P = require('./components/select/index.js');
 var token$1 = require('./components/select-v2/src/token.js');
 var index$Q = require('./components/select-v2/index.js');
-var skeleton = require('./components/skeleton/src/skeleton2.js');
+var skeleton = require('./components/skeleton/src/skeleton.js');
 var skeletonItem = require('./components/skeleton/src/skeleton-item.js');
 var index$R = require('./components/skeleton/index.js');
 var slider = require('./components/slider/src/slider.js');
@@ -167,7 +163,7 @@ var useSpace = require('./components/space/src/use-space.js');
 var index$T = require('./components/space/index.js');
 var statistic = require('./components/statistic/src/statistic.js');
 var index$U = require('./components/statistic/index.js');
-var item$1 = require('./components/steps/src/item.js');
+var item$1 = require('./components/steps/src/item2.js');
 var steps = require('./components/steps/src/steps.js');
 var tokens$2 = require('./components/steps/src/tokens.js');
 var index$V = require('./components/steps/index.js');
@@ -182,12 +178,12 @@ var table = require('./components/table-v2/src/table.js');
 var row$1 = require('./components/table-v2/src/row.js');
 var index$Y = require('./components/table-v2/index.js');
 var tabs = require('./components/tabs/src/tabs.js');
-var tabBar = require('./components/tabs/src/tab-bar.js');
+var tabBar = require('./components/tabs/src/tab-bar2.js');
 var tabNav = require('./components/tabs/src/tab-nav.js');
 var tabPane = require('./components/tabs/src/tab-pane.js');
 var constants$g = require('./components/tabs/src/constants.js');
 var index$Z = require('./components/tabs/index.js');
-var tag = require('./components/tag/src/tag2.js');
+var tag = require('./components/tag/src/tag.js');
 var index$_ = require('./components/tag/index.js');
 var text = require('./components/text/src/text.js');
 var index$$ = require('./components/text/index.js');
@@ -203,7 +199,7 @@ var timelineItem = require('./components/timeline/src/timeline-item.js');
 var tokens$3 = require('./components/timeline/src/tokens.js');
 var index$12 = require('./components/timeline/index.js');
 var tooltip = require('./components/tooltip/src/tooltip.js');
-var trigger$2 = require('./components/tooltip/src/trigger2.js');
+var trigger$2 = require('./components/tooltip/src/trigger.js');
 var content$2 = require('./components/tooltip/src/content.js');
 var constants$i = require('./components/tooltip/src/constants.js');
 var index$13 = require('./components/tooltip/index.js');
@@ -221,11 +217,13 @@ var constants$j = require('./components/upload/src/constants.js');
 var index$18 = require('./components/upload/index.js');
 var fixedSizeList = require('./components/virtual-list/src/components/fixed-size-list.js');
 var dynamicSizeList = require('./components/virtual-list/src/components/dynamic-size-list.js');
+var fixedSizeGrid = require('./components/virtual-list/src/components/fixed-size-grid.js');
+var dynamicSizeGrid = require('./components/virtual-list/src/components/dynamic-size-grid.js');
 var props$2 = require('./components/virtual-list/src/props.js');
 var watermark = require('./components/watermark/src/watermark.js');
 var index$19 = require('./components/watermark/index.js');
 var tour = require('./components/tour/src/tour.js');
-var step = require('./components/tour/src/step.js');
+var step = require('./components/tour/src/step2.js');
 var content$3 = require('./components/tour/src/content.js');
 var index$1a = require('./components/tour/index.js');
 var anchor = require('./components/anchor/src/anchor.js');
@@ -234,11 +232,13 @@ var segmented = require('./components/segmented/src/segmented.js');
 var index$1c = require('./components/segmented/index.js');
 var mention = require('./components/mention/src/mention.js');
 var index$1d = require('./components/mention/index.js');
-var splitter = require('./components/splitter/src/splitter.js');
+var splitter = require('./components/splitter/src/splitter2.js');
 var splitPanel = require('./components/splitter/src/split-panel.js');
 var index$1e = require('./components/splitter/index.js');
 var index$1f = require('./components/infinite-scroll/index.js');
 var index$1g = require('./components/loading/index.js');
+var directive = require('./components/loading/src/directive.js');
+var service = require('./components/loading/src/service.js');
 var message = require('./components/message/src/message.js');
 var index$1h = require('./components/message/index.js');
 var index$1i = require('./components/message-box/index.js');
@@ -304,11 +304,6 @@ Object.defineProperty(exports, 'dayjs', {
 	enumerable: true,
 	get: function () { return dayjs__default["default"]; }
 });
-exports.FixedSizeGrid = fixedSizeGrid["default"];
-exports.DynamicSizeGrid = dynamicSizeGrid["default"];
-exports.ElLoadingDirective = directive["default"];
-exports.vLoading = directive["default"];
-exports.ElLoadingService = service["default"];
 exports.affixEmits = affix.affixEmits;
 exports.affixProps = affix.affixProps;
 exports.ElAffix = index.ElAffix;
@@ -678,6 +673,8 @@ exports.uploadContextKey = constants$j.uploadContextKey;
 exports.ElUpload = index$18.ElUpload;
 exports.FixedSizeList = fixedSizeList["default"];
 exports.DynamicSizeList = dynamicSizeList["default"];
+exports.FixedSizeGrid = fixedSizeGrid["default"];
+exports.DynamicSizeGrid = dynamicSizeGrid["default"];
 exports.virtualizedGridProps = props$2.virtualizedGridProps;
 exports.virtualizedListProps = props$2.virtualizedListProps;
 exports.virtualizedProps = props$2.virtualizedProps;
@@ -711,6 +708,9 @@ exports.ElSplitter = index$1e.ElSplitter;
 exports.ElSplitterPanel = index$1e.ElSplitterPanel;
 exports.ElInfiniteScroll = index$1f.ElInfiniteScroll;
 exports.ElLoading = index$1g.ElLoading;
+exports.ElLoadingDirective = directive["default"];
+exports.vLoading = directive["default"];
+exports.ElLoadingService = service["default"];
 exports.MESSAGE_DEFAULT_PLACEMENT = message.MESSAGE_DEFAULT_PLACEMENT;
 exports.messageDefaults = message.messageDefaults;
 exports.messageEmits = message.messageEmits;

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20250824";
+export declare const version = "0.0.20250825";

package/lib/version.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const version = "0.0.20250824";
+const version = "0.0.20250825";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20250824'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20250825'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@element-plus/nightly",
-  "version": "0.0.20250824",
+  "version": "0.0.20250825",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "element-plus",
@@ -112,5 +112,5 @@
     "not ie 11",
     "not op_mini all"
   ],
-  "gitHead": "05ddd3615aebae8a5d6331a62d77ba9040af17a8"
+  "gitHead": "4080916453314b3e29943a0e0ee21c080f895530"
 }