@element-plus/nightly 0.0.20250723 → 0.0.20250725

package/lib/components/splitter/src/splitter2.js

@@ -2,15 +2,88 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var splitter = require('./splitter.js');
+var type = require('./type.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var useContainer = require('./hooks/useContainer.js');
+var useSize = require('./hooks/useSize.js');
+var useResize = require('./hooks/useResize.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-ordered-children/index.js');
 
-const splitterProps = runtime.buildProps({
-  layout: {
-    type: String,
-    default: "horizontal",
-    values: ["horizontal", "vertical"]
+const __default__ = vue.defineComponent({
+  name: "ElSplitter"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: splitter.splitterProps,
+  emits: ["resizeStart", "resize", "resizeEnd", "collapse"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = index.useNamespace("splitter");
+    const { containerEl, containerSize } = useContainer.useContainer(vue.toRef(props, "layout"));
+    const {
+      removeChild: unregisterPanel,
+      children: panels,
+      addChild: registerPanel,
+      ChildrenSorter: PanelsSorter
+    } = index$1.useOrderedChildren(vue.getCurrentInstance(), "ElSplitterPanel");
+    vue.watch(panels, () => {
+      panels.value.forEach((instance, index) => {
+        instance.setIndex(index);
+      });
+    });
+    const { percentSizes, pxSizes } = useSize.useSize(panels, containerSize);
+    const { onMoveStart, onMoving, onMoveEnd, onCollapse, movingIndex } = useResize.useResize(panels, containerSize, pxSizes);
+    const onResizeStart = (index) => {
+      onMoveStart(index);
+      emits("resizeStart", index, pxSizes.value);
+    };
+    const onResize = (index, offset) => {
+      onMoving(index, offset);
+      emits("resize", index, pxSizes.value);
+    };
+    const onResizeEnd = (index) => {
+      onMoveEnd();
+      emits("resizeEnd", index, pxSizes.value);
+    };
+    const onCollapsible = (index, type) => {
+      onCollapse(index, type);
+      emits("collapse", index, type, pxSizes.value);
+    };
+    vue.provide(type.splitterRootContextKey, vue.reactive({
+      panels,
+      percentSizes,
+      pxSizes,
+      layout: props.layout,
+      movingIndex,
+      containerSize,
+      onMoveStart: onResizeStart,
+      onMoving: onResize,
+      onMoveEnd: onResizeEnd,
+      onCollapse: onCollapsible,
+      registerPanel,
+      unregisterPanel
+    }));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "containerEl",
+        ref: containerEl,
+        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).e(_ctx.layout)])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default"),
+        vue.createVNode(vue.unref(PanelsSorter)),
+        vue.createCommentVNode(" Prevent iframe touch events from breaking "),
+        vue.unref(movingIndex) ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass([vue.unref(ns).e("mask"), vue.unref(ns).e(`mask-${_ctx.layout}`)])
+        }, null, 2)) : vue.createCommentVNode("v-if", true)
+      ], 2);
+    };
   }
 });
+var Splitter = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "splitter.vue"]]);
 
-exports.splitterProps = splitterProps;
+exports["default"] = Splitter;
 //# sourceMappingURL=splitter2.js.map

package/lib/components/splitter/src/splitter2.js.map

@@ -1 +1 @@
-{"version":3,"file":"splitter2.js","sources":["../../../../../../packages/components/splitter/src/splitter.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Splitter from './splitter.vue'\n\nexport const splitterProps = buildProps({\n  layout: {\n    type: String,\n    default: 'horizontal',\n    values: ['horizontal', 'vertical'] as const,\n  },\n} as const)\n\nexport type SplitterProps = ExtractPropTypes<typeof splitterProps>\nexport type SplitterPropsPublic = __ExtractPublicPropTypes<typeof splitterProps>\nexport type SplitterInstance = InstanceType<typeof Splitter> & unknown\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"splitter2.js","sources":["../../../../../../packages/components/splitter/src/splitter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getCurrentInstance, provide, reactive, toRef, watch } from 'vue'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { useContainer, useResize, useSize } from './hooks'\nimport { splitterProps } from './splitter'\nimport { type PanelItemState, splitterRootContextKey } from './type'\n\nconst ns = useNamespace('splitter')\n\ndefineOptions({\n  name: 'ElSplitter',\n})\n\nconst emits = defineEmits<{\n  (e: 'resizeStart', index: number, sizes: number[]): void\n  (e: 'resize', index: number, sizes: number[]): void\n  (e: 'resizeEnd', index: number, sizes: number[]): void\n  (e: 'collapse', index: number, type: 'start' | 'end', sizes: number[]): void\n}>()\n\nconst props = defineProps(splitterProps)\n\nconst { containerEl, containerSize } = useContainer(toRef(props, 'layout'))\n\nconst {\n  removeChild: unregisterPanel,\n  children: panels,\n  addChild: registerPanel,\n  ChildrenSorter: PanelsSorter,\n} = useOrderedChildren<PanelItemState>(getCurrentInstance()!, 'ElSplitterPanel')\n\nwatch(panels, () => {\n  panels.value.forEach((instance: PanelItemState, index: number) => {\n    instance.setIndex(index)\n  })\n})\n\nconst { percentSizes, pxSizes } = useSize(panels, containerSize)\n\nconst { onMoveStart, onMoving, onMoveEnd, onCollapse, movingIndex } = useResize(\n  panels,\n  containerSize,\n  pxSizes\n)\n\nconst onResizeStart = (index: number) => {\n  onMoveStart(index)\n  emits('resizeStart', index, pxSizes.value)\n}\n\nconst onResize = (index: number, offset: number) => {\n  onMoving(index, offset)\n  emits('resize', index, pxSizes.value)\n}\n\nconst onResizeEnd = (index: number) => {\n  onMoveEnd()\n  emits('resizeEnd', index, pxSizes.value)\n}\n\nconst onCollapsible = (index: number, type: 'start' | 'end') => {\n  onCollapse(index, type)\n  emits('collapse', index, type, pxSizes.value)\n}\n\nprovide(\n  splitterRootContextKey,\n  reactive({\n    panels,\n    percentSizes,\n    pxSizes,\n    layout: props.layout,\n    movingIndex,\n    containerSize,\n    onMoveStart: onResizeStart,\n    onMoving: onResize,\n    onMoveEnd: onResizeEnd,\n    onCollapse: onCollapsible,\n    registerPanel,\n    unregisterPanel,\n  })\n)\n</script>\n\n<template>\n  <div ref=\"containerEl\" :class=\"[ns.b(), ns.e(layout)]\">\n    <slot />\n    <panels-sorter />\n    <!-- Prevent iframe touch events from breaking -->\n    <div v-if=\"movingIndex\" :class=\"[ns.e('mask'), ns.e(`mask-${layout}`)]\" />\n  </div>\n</template>\n"],"names":["useNamespace","useContainer","toRef","useOrderedChildren","getCurrentInstance","watch","useSize","useResize","provide","splitterRootContextKey","reactive","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;uCASc,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAJA,IAAM,MAAA,EAAA,GAAKA,mBAAa,UAAU,CAAA,CAAA;AAelC,IAAM,MAAA,EAAE,aAAa,aAAc,EAAA,GAAIC,0BAAaC,SAAM,CAAA,KAAA,EAAO,QAAQ,CAAC,CAAA,CAAA;AAE1E,IAAM,MAAA;AAAA,MACJ,WAAa,EAAA,eAAA;AAAA,MACb,QAAU,EAAA,MAAA;AAAA,MACV,QAAU,EAAA,aAAA;AAAA,MACV,cAAgB,EAAA,YAAA;AAAA,KACd,GAAAC,0BAAA,CAAmCC,sBAAmB,EAAA,EAAI,iBAAiB,CAAA,CAAA;AAE/E,IAAAC,SAAA,CAAM,QAAQ,MAAM;AAClB,MAAA,MAAA,CAAO,KAAM,CAAA,OAAA,CAAQ,CAAC,QAAA,EAA0B,KAAkB,KAAA;AAChE,QAAA,QAAA,CAAS,SAAS,KAAK,CAAA,CAAA;AAAA,OACxB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,YAAc,EAAA,OAAA,EAAY,GAAAC,eAAA,CAAQ,QAAQ,aAAa,CAAA,CAAA;AAE/D,IAAA,MAAM,EAAE,WAAa,EAAA,QAAA,EAAU,SAAW,EAAA,UAAA,EAAY,aAAgB,GAAAC,mBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,OAAA,CAAA,CAAA;AAAA,IACpE,MAAA,aAAA,GAAA,CAAA,KAAA,KAAA;AAAA,MACA,WAAA,CAAA,KAAA,CAAA,CAAA;AAAA,MACA,KAAA,CAAA,aAAA,EAAA,KAAA,EAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,QAAA,GAAA,CAAA,KAAiB,EAAkB,MAAA,KAAA;AACvC,MAAA,QAAA,CAAA,KAAiB,EAAA,MAAA,CAAA,CAAA;AACjB,MAAM,KAAA,CAAA,QAAA,EAAA,KAAe,EAAO,OAAA,CAAA,KAAQ,CAAK,CAAA;AAAA,KAC3C,CAAA;AAEA,IAAM,MAAA,WAAW,GAAC,CAAA,KAAkC,KAAA;AAClD,MAAA,SAAS;AACT,MAAM,KAAA,CAAA,WAAiB,EAAA,KAAA,EAAA,OAAa,CAAA,KAAA,CAAA,CAAA;AAAA,KACtC,CAAA;AAEA,IAAM,MAAA,aAAA,GAAiC,CAAA,KAAA,EAAA,IAAA,KAAA;AACrC,MAAU,UAAA,CAAA,KAAA,EAAA,IAAA,CAAA,CAAA;AACV,MAAM,KAAA,CAAA,UAAA,EAAA,KAAoB,EAAA,IAAA,EAAA,OAAa,CAAA,KAAA,CAAA,CAAA;AAAA,KACzC,CAAA;AAEA,IAAMC,WAAA,CAAAC,2BAAgC,EAA0BC,YAAA,CAAA;AAC9D,MAAA,MAAA;AACA,MAAA,YAAkB;AAA0B,MAC9C,OAAA;AAEA,MAAA,MAAA,EAAA,KAAA,CAAA,MAAA;AAAA,MACE,WAAA;AAAA,MACA,aAAS;AAAA,MACP,WAAA,EAAA,aAAA;AAAA,MACA,QAAA,EAAA,QAAA;AAAA,MACA,SAAA,EAAA,WAAA;AAAA,MAAA,UACQ,EAAM,aAAA;AAAA,MACd,aAAA;AAAA,MACA,eAAA;AAAA,KAAA,CAAA,CAAA,CACA;AAAa,IAAA,OACH,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAAA,OACCC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,QACX,OAAY,EAAA,aAAA;AAAA,QACZ,GAAA,EAAA,WAAA;AAAA,QACA,KAAA,EAAAC,kBAAA,CAAA,CAAAC,SAAA,CAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAAA,SAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,OACD,EAAA;AAAA,QACHC,cAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;;;;;;;;;;;;;;;"}

package/lib/components/steps/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var steps$1 = require('./src/steps2.js');
+var steps$1 = require('./src/steps.js');
 var item$1 = require('./src/item2.js');
 var item = require('./src/item.js');
-var steps = require('./src/steps.js');
+var steps = require('./src/steps2.js');
 var tokens = require('./src/tokens.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/steps/src/steps.js

@@ -2,45 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var steps = require('./steps2.js');
+var tokens = require('./tokens.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-ordered-children/index.js');
 var event = require('../../../constants/event.js');
-var types = require('../../../utils/types.js');
 
-const stepsProps = runtime.buildProps({
-  space: {
-    type: [Number, String],
-    default: ""
-  },
-  active: {
-    type: Number,
-    default: 0
-  },
-  direction: {
-    type: String,
-    default: "horizontal",
-    values: ["horizontal", "vertical"]
-  },
-  alignCenter: {
-    type: Boolean
-  },
-  simple: {
-    type: Boolean
-  },
-  finishStatus: {
-    type: String,
-    values: ["wait", "process", "finish", "error", "success"],
-    default: "finish"
-  },
-  processStatus: {
-    type: String,
-    values: ["wait", "process", "finish", "error", "success"],
-    default: "process"
+const __default__ = vue.defineComponent({
+  name: "ElSteps"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: steps.stepsProps,
+  emits: steps.stepsEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = index.useNamespace("steps");
+    const {
+      children: steps,
+      addChild: addStep,
+      removeChild: removeStep,
+      ChildrenSorter: StepsSorter
+    } = index$1.useOrderedChildren(vue.getCurrentInstance(), "ElStep");
+    vue.watch(steps, () => {
+      steps.value.forEach((instance, index) => {
+        instance.setIndex(index);
+      });
+    });
+    vue.provide(tokens.STEPS_INJECTION_KEY, { props, steps, addStep, removeStep });
+    vue.watch(() => props.active, (newVal, oldVal) => {
+      emit(event.CHANGE_EVENT, newVal, oldVal);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.simple ? "simple" : _ctx.direction)])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default"),
+        vue.createVNode(vue.unref(StepsSorter))
+      ], 2);
+    };
   }
 });
-const stepsEmits = {
-  [event.CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(types.isNumber)
-};
+var Steps = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "steps.vue"]]);
 
-exports.stepsEmits = stepsEmits;
-exports.stepsProps = stepsProps;
+exports["default"] = Steps;
 //# sourceMappingURL=steps.js.map

package/lib/components/steps/src/steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps.js","sources":["../../../../../../packages/components/steps/src/steps.ts"],"sourcesContent":["import { CHANGE_EVENT } from '@element-plus/constants'\nimport { buildProps, isNumber } from '@element-plus/utils'\n\nimport type Steps from './steps.vue'\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const stepsProps = buildProps({\n  /**\n   * @description the spacing of each step, will be responsive if omitted. Supports percentage.\n   */\n  space: {\n    type: [Number, String],\n    default: '',\n  },\n  /**\n   * @description current activation step\n   */\n  active: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description display direction\n   */\n  direction: {\n    type: String,\n    default: 'horizontal',\n    values: ['horizontal', 'vertical'],\n  },\n  /**\n   * @description center title and description\n   */\n  alignCenter: {\n    type: Boolean,\n  },\n  /**\n   * @description whether to apply simple theme\n   */\n  simple: {\n    type: Boolean,\n  },\n  /**\n   * @description status of end step\n   */\n  finishStatus: {\n    type: String,\n    values: ['wait', 'process', 'finish', 'error', 'success'],\n    default: 'finish',\n  },\n  /**\n   * @description status of current step\n   */\n  processStatus: {\n    type: String,\n    values: ['wait', 'process', 'finish', 'error', 'success'],\n    default: 'process',\n  },\n} as const)\nexport type StepsProps = ExtractPropTypes<typeof stepsProps>\nexport type StepsPropsPublic = __ExtractPublicPropTypes<typeof stepsProps>\n\nexport const stepsEmits = {\n  [CHANGE_EVENT]: (newVal: number, oldVal: number) =>\n    [newVal, oldVal].every(isNumber),\n}\nexport type StepsEmits = typeof stepsEmits\n\nexport type StepsInstance = InstanceType<typeof Steps> & unknown\n"],"names":["buildProps","CHANGE_EVENT","isNumber"],"mappings":";;;;;;;;AAEY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AAC7D,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AAC7D,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,CAACC,kBAAY,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,KAAK,CAACC,cAAQ,CAAC;AACtE;;;;;"}
+{"version":3,"file":"steps.js","sources":["../../../../../../packages/components/steps/src/steps.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.m(simple ? 'simple' : direction)]\">\n    <slot />\n    <steps-sorter />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { getCurrentInstance, provide, watch } from 'vue'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { stepsEmits, stepsProps } from './steps'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepItemState } from './item.vue'\n\ndefineOptions({\n  name: 'ElSteps',\n})\n\nconst props = defineProps(stepsProps)\nconst emit = defineEmits(stepsEmits)\n\nconst ns = useNamespace('steps')\nconst {\n  children: steps,\n  addChild: addStep,\n  removeChild: removeStep,\n  ChildrenSorter: StepsSorter,\n} = useOrderedChildren<StepItemState>(getCurrentInstance()!, 'ElStep')\n\nwatch(steps, () => {\n  steps.value.forEach((instance: StepItemState, index: number) => {\n    instance.setIndex(index)\n  })\n})\n\nprovide(STEPS_INJECTION_KEY, { props, steps, addStep, removeStep })\n\nwatch(\n  () => props.active,\n  (newVal: number, oldVal: number) => {\n    emit(CHANGE_EVENT, newVal, oldVal)\n  }\n)\n</script>\n"],"names":["useNamespace","useOrderedChildren","getCurrentInstance","watch","provide","STEPS_INJECTION_KEY","_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":";;;;;;;;;;;;uCAgBc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAKA,mBAAa,OAAO,CAAA,CAAA;AAC/B,IAAM,MAAA;AAAA,MACJ,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,OAAA;AAAA,MACV,WAAa,EAAA,UAAA;AAAA,MACb,cAAgB,EAAA,WAAA;AAAA,KACd,GAAAC,0BAAA,CAAkCC,sBAAmB,EAAA,EAAI,QAAQ,CAAA,CAAA;AAErE,IAAAC,SAAA,CAAM,OAAO,MAAM;AACjB,MAAA,KAAA,CAAM,KAAM,CAAA,OAAA,CAAQ,CAAC,QAAA,EAAyB,KAAkB,KAAA;AAC9D,QAAA,QAAA,CAAS,SAAS,KAAK,CAAA,CAAA;AAAA,OACxB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAAC,WAAA,CAAQC,4BAAqB,EAAE,KAAA,EAAO,KAAO,EAAA,OAAA,EAAS,YAAY,CAAA,CAAA;AAElE,IAAAF,SAAA,CAAA,MAAA,KAAA,CAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,KAAA;AAAA,MACE,uBAAY,EAAA,MAAA,EAAA,MAAA,CAAA,CAAA;AAAA,KACZ,CAAA,CAAC;AACC,IAAK,OAAA,CAAA,IAAA,EAAA,MAAA;AAA4B,MACnC,OAAAG,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,QACF,KAAA,EAAAC,kBAAA,CAAA,CAAAC,SAAA,CAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAAA,SAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,GAAA,QAAA,GAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;"}

package/lib/components/steps/src/steps2.js

@@ -2,50 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var steps = require('./steps.js');
-var tokens = require('./tokens.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-ordered-children/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 var event = require('../../../constants/event.js');
+var types = require('../../../utils/types.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElSteps"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: steps.stepsProps,
-  emits: steps.stepsEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const ns = index.useNamespace("steps");
-    const {
-      children: steps,
-      addChild: addStep,
-      removeChild: removeStep,
-      ChildrenSorter: StepsSorter
-    } = index$1.useOrderedChildren(vue.getCurrentInstance(), "ElStep");
-    vue.watch(steps, () => {
-      steps.value.forEach((instance, index) => {
-        instance.setIndex(index);
-      });
-    });
-    vue.provide(tokens.STEPS_INJECTION_KEY, { props, steps, addStep, removeStep });
-    vue.watch(() => props.active, (newVal, oldVal) => {
-      emit(event.CHANGE_EVENT, newVal, oldVal);
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.simple ? "simple" : _ctx.direction)])
-      }, [
-        vue.renderSlot(_ctx.$slots, "default"),
-        vue.createVNode(vue.unref(StepsSorter))
-      ], 2);
-    };
+const stepsProps = runtime.buildProps({
+  space: {
+    type: [Number, String],
+    default: ""
+  },
+  active: {
+    type: Number,
+    default: 0
+  },
+  direction: {
+    type: String,
+    default: "horizontal",
+    values: ["horizontal", "vertical"]
+  },
+  alignCenter: {
+    type: Boolean
+  },
+  simple: {
+    type: Boolean
+  },
+  finishStatus: {
+    type: String,
+    values: ["wait", "process", "finish", "error", "success"],
+    default: "finish"
+  },
+  processStatus: {
+    type: String,
+    values: ["wait", "process", "finish", "error", "success"],
+    default: "process"
   }
 });
-var Steps = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "steps.vue"]]);
+const stepsEmits = {
+  [event.CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(types.isNumber)
+};
 
-exports["default"] = Steps;
+exports.stepsEmits = stepsEmits;
+exports.stepsProps = stepsProps;
 //# sourceMappingURL=steps2.js.map

package/lib/components/steps/src/steps2.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps2.js","sources":["../../../../../../packages/components/steps/src/steps.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.m(simple ? 'simple' : direction)]\">\n    <slot />\n    <steps-sorter />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { getCurrentInstance, provide, watch } from 'vue'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { stepsEmits, stepsProps } from './steps'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepItemState } from './item.vue'\n\ndefineOptions({\n  name: 'ElSteps',\n})\n\nconst props = defineProps(stepsProps)\nconst emit = defineEmits(stepsEmits)\n\nconst ns = useNamespace('steps')\nconst {\n  children: steps,\n  addChild: addStep,\n  removeChild: removeStep,\n  ChildrenSorter: StepsSorter,\n} = useOrderedChildren<StepItemState>(getCurrentInstance()!, 'ElStep')\n\nwatch(steps, () => {\n  steps.value.forEach((instance: StepItemState, index: number) => {\n    instance.setIndex(index)\n  })\n})\n\nprovide(STEPS_INJECTION_KEY, { props, steps, addStep, removeStep })\n\nwatch(\n  () => props.active,\n  (newVal: number, oldVal: number) => {\n    emit(CHANGE_EVENT, newVal, oldVal)\n  }\n)\n</script>\n"],"names":["useNamespace","useOrderedChildren","getCurrentInstance","watch","provide","STEPS_INJECTION_KEY","_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":";;;;;;;;;;;;uCAgBc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAKA,mBAAa,OAAO,CAAA,CAAA;AAC/B,IAAM,MAAA;AAAA,MACJ,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,OAAA;AAAA,MACV,WAAa,EAAA,UAAA;AAAA,MACb,cAAgB,EAAA,WAAA;AAAA,KACd,GAAAC,0BAAA,CAAkCC,sBAAmB,EAAA,EAAI,QAAQ,CAAA,CAAA;AAErE,IAAAC,SAAA,CAAM,OAAO,MAAM;AACjB,MAAA,KAAA,CAAM,KAAM,CAAA,OAAA,CAAQ,CAAC,QAAA,EAAyB,KAAkB,KAAA;AAC9D,QAAA,QAAA,CAAS,SAAS,KAAK,CAAA,CAAA;AAAA,OACxB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAAC,WAAA,CAAQC,4BAAqB,EAAE,KAAA,EAAO,KAAO,EAAA,OAAA,EAAS,YAAY,CAAA,CAAA;AAElE,IAAAF,SAAA,CAAA,MAAA,KAAA,CAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,KAAA;AAAA,MACE,uBAAY,EAAA,MAAA,EAAA,MAAA,CAAA,CAAA;AAAA,KACZ,CAAA,CAAC;AACC,IAAK,OAAA,CAAA,IAAA,EAAA,MAAA;AAA4B,MACnC,OAAAG,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,QACF,KAAA,EAAAC,kBAAA,CAAA,CAAAC,SAAA,CAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAAA,SAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,GAAA,QAAA,GAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;"}
+{"version":3,"file":"steps2.js","sources":["../../../../../../packages/components/steps/src/steps.ts"],"sourcesContent":["import { CHANGE_EVENT } from '@element-plus/constants'\nimport { buildProps, isNumber } from '@element-plus/utils'\n\nimport type Steps from './steps.vue'\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const stepsProps = buildProps({\n  /**\n   * @description the spacing of each step, will be responsive if omitted. Supports percentage.\n   */\n  space: {\n    type: [Number, String],\n    default: '',\n  },\n  /**\n   * @description current activation step\n   */\n  active: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description display direction\n   */\n  direction: {\n    type: String,\n    default: 'horizontal',\n    values: ['horizontal', 'vertical'],\n  },\n  /**\n   * @description center title and description\n   */\n  alignCenter: {\n    type: Boolean,\n  },\n  /**\n   * @description whether to apply simple theme\n   */\n  simple: {\n    type: Boolean,\n  },\n  /**\n   * @description status of end step\n   */\n  finishStatus: {\n    type: String,\n    values: ['wait', 'process', 'finish', 'error', 'success'],\n    default: 'finish',\n  },\n  /**\n   * @description status of current step\n   */\n  processStatus: {\n    type: String,\n    values: ['wait', 'process', 'finish', 'error', 'success'],\n    default: 'process',\n  },\n} as const)\nexport type StepsProps = ExtractPropTypes<typeof stepsProps>\nexport type StepsPropsPublic = __ExtractPublicPropTypes<typeof stepsProps>\n\nexport const stepsEmits = {\n  [CHANGE_EVENT]: (newVal: number, oldVal: number) =>\n    [newVal, oldVal].every(isNumber),\n}\nexport type StepsEmits = typeof stepsEmits\n\nexport type StepsInstance = InstanceType<typeof Steps> & unknown\n"],"names":["buildProps","CHANGE_EVENT","isNumber"],"mappings":";;;;;;;;AAEY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AAC7D,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AAC7D,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,CAACC,kBAAY,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,KAAK,CAACC,cAAQ,CAAC;AACtE;;;;;"}

package/lib/components/table/src/store/helper.d.ts

@@ -4,7 +4,7 @@ export declare function createStore<T extends DefaultRow>(table: Table<T>, props
         setData(states: {
             _currentRowKey: import("vue").Ref<string | null>;
             currentRow: import("vue").Ref<T | null>;
-            expandRowKeys: import("vue").Ref<(string | number)[]>;
+            expandRowKeys: import("vue").Ref<string[]>;
             treeData: import("vue").Ref<Record<string, import("./tree").TreeData>>;
             indent: import("vue").Ref<number>;
             lazy: import("vue").Ref<boolean>;
@@ -46,7 +46,7 @@ export declare function createStore<T extends DefaultRow>(table: Table<T>, props
         insertColumn(states: {
             _currentRowKey: import("vue").Ref<string | null>;
             currentRow: import("vue").Ref<T | null>;
-            expandRowKeys: import("vue").Ref<(string | number)[]>;
+            expandRowKeys: import("vue").Ref<string[]>;
             treeData: import("vue").Ref<Record<string, import("./tree").TreeData>>;
             indent: import("vue").Ref<number>;
             lazy: import("vue").Ref<boolean>;
@@ -88,7 +88,7 @@ export declare function createStore<T extends DefaultRow>(table: Table<T>, props
         updateColumnOrder(states: {
             _currentRowKey: import("vue").Ref<string | null>;
             currentRow: import("vue").Ref<T | null>;
-            expandRowKeys: import("vue").Ref<(string | number)[]>;
+            expandRowKeys: import("vue").Ref<string[]>;
             treeData: import("vue").Ref<Record<string, import("./tree").TreeData>>;
             indent: import("vue").Ref<number>;
             lazy: import("vue").Ref<boolean>;
@@ -130,7 +130,7 @@ export declare function createStore<T extends DefaultRow>(table: Table<T>, props
         removeColumn(states: {
             _currentRowKey: import("vue").Ref<string | null>;
             currentRow: import("vue").Ref<T | null>;
-            expandRowKeys: import("vue").Ref<(string | number)[]>;
+            expandRowKeys: import("vue").Ref<string[]>;
             treeData: import("vue").Ref<Record<string, import("./tree").TreeData>>;
             indent: import("vue").Ref<number>;
             lazy: import("vue").Ref<boolean>;
@@ -172,7 +172,7 @@ export declare function createStore<T extends DefaultRow>(table: Table<T>, props
         sort(states: {
             _currentRowKey: import("vue").Ref<string | null>;
             currentRow: import("vue").Ref<T | null>;
-            expandRowKeys: import("vue").Ref<(string | number)[]>;
+            expandRowKeys: import("vue").Ref<string[]>;
             treeData: import("vue").Ref<Record<string, import("./tree").TreeData>>;
             indent: import("vue").Ref<number>;
             lazy: import("vue").Ref<boolean>;
@@ -214,7 +214,7 @@ export declare function createStore<T extends DefaultRow>(table: Table<T>, props
         changeSortCondition(states: {
             _currentRowKey: import("vue").Ref<string | null>;
             currentRow: import("vue").Ref<T | null>;
-            expandRowKeys: import("vue").Ref<(string | number)[]>;
+            expandRowKeys: import("vue").Ref<string[]>;
             treeData: import("vue").Ref<Record<string, import("./tree").TreeData>>;
             indent: import("vue").Ref<number>;
             lazy: import("vue").Ref<boolean>;
@@ -256,7 +256,7 @@ export declare function createStore<T extends DefaultRow>(table: Table<T>, props
         filterChange(_states: {
             _currentRowKey: import("vue").Ref<string | null>;
             currentRow: import("vue").Ref<T | null>;
-            expandRowKeys: import("vue").Ref<(string | number)[]>;
+            expandRowKeys: import("vue").Ref<string[]>;
             treeData: import("vue").Ref<Record<string, import("./tree").TreeData>>;
             indent: import("vue").Ref<number>;
             lazy: import("vue").Ref<boolean>;
@@ -299,7 +299,7 @@ export declare function createStore<T extends DefaultRow>(table: Table<T>, props
         rowSelectedChanged(_states: {
             _currentRowKey: import("vue").Ref<string | null>;
             currentRow: import("vue").Ref<T | null>;
-            expandRowKeys: import("vue").Ref<(string | number)[]>;
+            expandRowKeys: import("vue").Ref<string[]>;
             treeData: import("vue").Ref<Record<string, import("./tree").TreeData>>;
             indent: import("vue").Ref<number>;
             lazy: import("vue").Ref<boolean>;
@@ -341,7 +341,7 @@ export declare function createStore<T extends DefaultRow>(table: Table<T>, props
         setHoverRow(states: {
             _currentRowKey: import("vue").Ref<string | null>;
             currentRow: import("vue").Ref<T | null>;
-            expandRowKeys: import("vue").Ref<(string | number)[]>;
+            expandRowKeys: import("vue").Ref<string[]>;
             treeData: import("vue").Ref<Record<string, import("./tree").TreeData>>;
             indent: import("vue").Ref<number>;
             lazy: import("vue").Ref<boolean>;
@@ -383,7 +383,7 @@ export declare function createStore<T extends DefaultRow>(table: Table<T>, props
         setCurrentRow(_states: {
             _currentRowKey: import("vue").Ref<string | null>;
             currentRow: import("vue").Ref<T | null>;
-            expandRowKeys: import("vue").Ref<(string | number)[]>;
+            expandRowKeys: import("vue").Ref<string[]>;
             treeData: import("vue").Ref<Record<string, import("./tree").TreeData>>;
             indent: import("vue").Ref<number>;
             lazy: import("vue").Ref<boolean>;
@@ -447,7 +447,7 @@ export declare function createStore<T extends DefaultRow>(table: Table<T>, props
     clearFilter: (columnKeys?: string[] | string) => void;
     clearSort: () => void;
     toggleRowExpansion: (row: T, expanded?: boolean) => void;
-    setExpandRowKeysAdapter: (val: (string | number)[]) => void;
+    setExpandRowKeysAdapter: (val: string[]) => void;
     setCurrentRowKey: (key: string) => void;
     toggleRowExpansionAdapter: (row: T, expanded?: boolean) => void;
     isRowExpanded: (row: T) => boolean;
@@ -459,7 +459,7 @@ export declare function createStore<T extends DefaultRow>(table: Table<T>, props
     states: {
         _currentRowKey: import("vue").Ref<string | null>;
         currentRow: import("vue").Ref<T | null>;
-        expandRowKeys: import("vue").Ref<(string | number)[]>;
+        expandRowKeys: import("vue").Ref<string[]>;
         treeData: import("vue").Ref<Record<string, import("./tree").TreeData>>;
         indent: import("vue").Ref<number>;
         lazy: import("vue").Ref<boolean>;