@element-plus/nightly 0.0.20251228 → 0.0.20251229

package/es/components/steps/src/item2.mjs

@@ -1,24 +1,263 @@
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { defineComponent, ref, inject, getCurrentInstance, onMounted, watch, computed, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, normalizeClass, createCommentVNode, createElementVNode, unref, renderSlot, createBlock, withCtx, resolveDynamicComponent, createVNode, toDisplayString, createTextVNode } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { Check, Close } from '@element-plus/icons-vue';
+import { stepProps } from './item.mjs';
+import { STEPS_INJECTION_KEY } from './tokens.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { isNumber } from '../../../utils/types.mjs';
 
-const stepProps = buildProps({
-  title: {
-    type: String,
-    default: ""
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElStep"
   },
-  icon: {
-    type: iconPropType
-  },
-  description: {
-    type: String,
-    default: ""
-  },
-  status: {
-    type: String,
-    values: ["", "wait", "process", "finish", "error", "success"],
-    default: ""
+  __name: "item",
+  props: stepProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("step");
+    const index = ref(-1);
+    const lineStyle = ref({});
+    const internalStatus = ref("");
+    const parent = inject(STEPS_INJECTION_KEY);
+    const currentInstance = getCurrentInstance();
+    let stepDiff = 0;
+    let beforeActive = 0;
+    onMounted(() => {
+      watch(
+        [
+          () => parent.props.active,
+          () => parent.props.processStatus,
+          () => parent.props.finishStatus
+        ],
+        ([active], [oldActive]) => {
+          beforeActive = oldActive || 0;
+          stepDiff = active - beforeActive;
+          updateStatus(active);
+        },
+        { immediate: true }
+      );
+    });
+    const currentStatus = computed(() => {
+      return props.status || internalStatus.value;
+    });
+    const prevInternalStatus = computed(() => {
+      const prevStep = parent.steps.value[index.value - 1];
+      return prevStep ? prevStep.internalStatus.value : "wait";
+    });
+    const isCenter = computed(() => {
+      return parent.props.alignCenter;
+    });
+    const isVertical = computed(() => {
+      return parent.props.direction === "vertical";
+    });
+    const isSimple = computed(() => {
+      return parent.props.simple;
+    });
+    const stepsCount = computed(() => {
+      return parent.steps.value.length;
+    });
+    const isLast = computed(() => {
+      var _a;
+      return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === currentInstance.uid;
+    });
+    const space = computed(() => {
+      return isSimple.value ? "" : parent.props.space;
+    });
+    const containerKls = computed(() => {
+      return [
+        ns.b(),
+        ns.is(isSimple.value ? "simple" : parent.props.direction),
+        ns.is("flex", isLast.value && !space.value && !isCenter.value),
+        ns.is("center", isCenter.value && !isVertical.value && !isSimple.value)
+      ];
+    });
+    const style = computed(() => {
+      const style2 = {
+        flexBasis: isNumber(space.value) ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
+      };
+      if (isVertical.value)
+        return style2;
+      if (isLast.value) {
+        style2.maxWidth = `${100 / stepsCount.value}%`;
+      }
+      return style2;
+    });
+    const setIndex = (val) => {
+      index.value = val;
+    };
+    const calcProgress = (status) => {
+      const isWait = status === "wait";
+      const delayTimer = Math.abs(stepDiff) === 1 ? 0 : stepDiff > 0 ? (index.value + 1 - beforeActive) * 150 : -(index.value + 1 - parent.props.active) * 150;
+      const style2 = {
+        transitionDelay: `${delayTimer}ms`
+      };
+      const step = status === parent.props.processStatus || isWait ? 0 : 100;
+      style2.borderWidth = step && !isSimple.value ? "1px" : 0;
+      style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
+      lineStyle.value = style2;
+    };
+    const updateStatus = (activeIndex) => {
+      if (activeIndex > index.value) {
+        internalStatus.value = parent.props.finishStatus;
+      } else if (activeIndex === index.value && prevInternalStatus.value !== "error") {
+        internalStatus.value = parent.props.processStatus;
+      } else {
+        internalStatus.value = "wait";
+      }
+      const prevChild = parent.steps.value[index.value - 1];
+      if (prevChild)
+        prevChild.calcProgress(internalStatus.value);
+    };
+    const stepItemState = {
+      uid: currentInstance.uid,
+      getVnode: () => currentInstance.vnode,
+      currentStatus,
+      internalStatus,
+      setIndex,
+      calcProgress
+    };
+    parent.addStep(stepItemState);
+    onBeforeUnmount(() => {
+      parent.removeStep(stepItemState);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          style: normalizeStyle(style.value),
+          class: normalizeClass(containerKls.value)
+        },
+        [
+          createCommentVNode(" icon & line "),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass([unref(ns).e("head"), unref(ns).is(currentStatus.value)])
+            },
+            [
+              !isSimple.value ? (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 0,
+                  class: normalizeClass(unref(ns).e("line"))
+                },
+                [
+                  createElementVNode(
+                    "i",
+                    {
+                      class: normalizeClass(unref(ns).e("line-inner")),
+                      style: normalizeStyle(lineStyle.value)
+                    },
+                    null,
+                    6
+                  )
+                ],
+                2
+              )) : createCommentVNode("v-if", true),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass([unref(ns).e("icon"), unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
+                },
+                [
+                  renderSlot(_ctx.$slots, "icon", {}, () => [
+                    _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
+                      key: 0,
+                      class: normalizeClass(unref(ns).e("icon-inner"))
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+                      ]),
+                      _: 1
+                    }, 8, ["class"])) : currentStatus.value === "success" ? (openBlock(), createBlock(unref(ElIcon), {
+                      key: 1,
+                      class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Check))
+                      ]),
+                      _: 1
+                    }, 8, ["class"])) : currentStatus.value === "error" ? (openBlock(), createBlock(unref(ElIcon), {
+                      key: 2,
+                      class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Close))
+                      ]),
+                      _: 1
+                    }, 8, ["class"])) : !isSimple.value ? (openBlock(), createElementBlock(
+                      "div",
+                      {
+                        key: 3,
+                        class: normalizeClass(unref(ns).e("icon-inner"))
+                      },
+                      toDisplayString(index.value + 1),
+                      3
+                    )) : createCommentVNode("v-if", true)
+                  ])
+                ],
+                2
+              )
+            ],
+            2
+          ),
+          createCommentVNode(" title & description "),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(ns).e("main"))
+            },
+            [
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass([unref(ns).e("title"), unref(ns).is(currentStatus.value)])
+                },
+                [
+                  renderSlot(_ctx.$slots, "title", {}, () => [
+                    createTextVNode(
+                      toDisplayString(_ctx.title),
+                      1
+                    )
+                  ])
+                ],
+                2
+              ),
+              isSimple.value ? (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 0,
+                  class: normalizeClass(unref(ns).e("arrow"))
+                },
+                null,
+                2
+              )) : (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 1,
+                  class: normalizeClass([unref(ns).e("description"), unref(ns).is(currentStatus.value)])
+                },
+                [
+                  renderSlot(_ctx.$slots, "description", {}, () => [
+                    createTextVNode(
+                      toDisplayString(_ctx.description),
+                      1
+                    )
+                  ])
+                ],
+                2
+              ))
+            ],
+            2
+          )
+        ],
+        6
+      );
+    };
   }
 });
+var Step = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/steps/src/item.vue"]]);
 
-export { stepProps };
+export { Step as default };
 //# sourceMappingURL=item2.mjs.map

package/es/components/steps/src/item2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"item2.mjs","sources":["../../../../../../packages/components/steps/src/item.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type Step from './item.vue'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const stepProps = buildProps({\n  /**\n   * @description step title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description step custom icon. Icons can be passed via named slot as well\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description step description\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description current status. It will be automatically set by Steps if not configured.\n   */\n  status: {\n    type: String,\n    values: ['', 'wait', 'process', 'finish', 'error', 'success'],\n    default: '',\n  },\n} as const)\n\nexport type StepProps = ExtractPropTypes<typeof stepProps>\nexport type StepPropsPublic = ExtractPublicPropTypes<typeof stepProps>\n\nexport type StepInstance = InstanceType<typeof Step> & unknown\n"],"names":[],"mappings":";;;AAKO,MAAM,YAAY,UAAW,CAAA;AAAA,EAIlC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,YAAA;AAAA,GACR;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,EAAA,EAAI,QAAQ,SAAW,EAAA,QAAA,EAAU,SAAS,SAAS,CAAA;AAAA,IAC5D,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU;;;;"}
+{"version":3,"file":"item2.mjs","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n  <div :style=\"style\" :class=\"containerKls\">\n    <!-- icon & line -->\n    <div :class=\"[ns.e('head'), ns.is(currentStatus)]\">\n      <div v-if=\"!isSimple\" :class=\"ns.e('line')\">\n        <i :class=\"ns.e('line-inner')\" :style=\"lineStyle\" />\n      </div>\n\n      <div\n        :class=\"[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]\"\n      >\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\" :class=\"ns.e('icon-inner')\">\n            <component :is=\"icon\" />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'success'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'error'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Close />\n          </el-icon>\n          <div v-else-if=\"!isSimple\" :class=\"ns.e('icon-inner')\">\n            {{ index + 1 }}\n          </div>\n        </slot>\n      </div>\n    </div>\n    <!-- title & description -->\n    <div :class=\"ns.e('main')\">\n      <div :class=\"[ns.e('title'), ns.is(currentStatus)]\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div v-if=\"isSimple\" :class=\"ns.e('arrow')\" />\n      <div v-else :class=\"[ns.e('description'), ns.is(currentStatus)]\">\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Check, Close } from '@element-plus/icons-vue'\nimport { isNumber } from '@element-plus/utils'\nimport { stepProps } from './item'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { CSSProperties, ComputedRef, Ref, VNode } from 'vue'\nimport type { StepsProps } from './steps'\n\nexport interface StepItemState {\n  uid: number\n  getVnode: () => VNode\n  currentStatus: ComputedRef<string>\n  internalStatus: Ref<string>\n  setIndex: (val: number) => void\n  calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n  props: StepsProps\n  steps: Ref<StepItemState[]>\n  addStep: (item: StepItemState) => void\n  removeStep: (item: StepItemState) => void\n}\n\ndefineOptions({\n  name: 'ElStep',\n})\n\nconst props = defineProps(stepProps)\nconst ns = useNamespace('step')\nconst index = ref(-1)\nconst lineStyle = ref({})\nconst internalStatus = ref('')\nconst parent = inject(STEPS_INJECTION_KEY) as IStepsInject\nconst currentInstance = getCurrentInstance()!\nlet stepDiff = 0\nlet beforeActive = 0\n\nonMounted(() => {\n  watch(\n    [\n      () => parent.props.active,\n      () => parent.props.processStatus,\n      () => parent.props.finishStatus,\n    ],\n    ([active], [oldActive]) => {\n      beforeActive = oldActive || 0\n      stepDiff = active - beforeActive\n\n      updateStatus(active)\n    },\n    { immediate: true }\n  )\n})\n\nconst currentStatus = computed(() => {\n  return props.status || internalStatus.value\n})\n\nconst prevInternalStatus = computed(() => {\n  const prevStep = parent.steps.value[index.value - 1]\n  return prevStep ? prevStep.internalStatus.value : 'wait'\n})\n\nconst isCenter = computed(() => {\n  return parent.props.alignCenter\n})\n\nconst isVertical = computed(() => {\n  return parent.props.direction === 'vertical'\n})\n\nconst isSimple = computed(() => {\n  return parent.props.simple\n})\n\nconst stepsCount = computed(() => {\n  return parent.steps.value.length\n})\n\nconst isLast = computed(() => {\n  return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance.uid\n})\n\nconst space = computed(() => {\n  return isSimple.value ? '' : parent.props.space\n})\n\nconst containerKls = computed(() => {\n  return [\n    ns.b(),\n    ns.is(isSimple.value ? 'simple' : parent.props.direction),\n    ns.is('flex', isLast.value && !space.value && !isCenter.value),\n    ns.is('center', isCenter.value && !isVertical.value && !isSimple.value),\n  ]\n})\n\nconst style = computed(() => {\n  const style: CSSProperties = {\n    flexBasis: isNumber(space.value)\n      ? `${space.value}px`\n      : space.value\n        ? space.value\n        : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`,\n  }\n  if (isVertical.value) return style\n  if (isLast.value) {\n    style.maxWidth = `${100 / stepsCount.value}%`\n  }\n  return style\n})\n\nconst setIndex = (val: number) => {\n  index.value = val\n}\n\nconst calcProgress = (status: string) => {\n  const isWait = status === 'wait'\n  const delayTimer =\n    Math.abs(stepDiff) === 1\n      ? 0\n      : stepDiff > 0\n        ? (index.value + 1 - beforeActive) * 150\n        : -(index.value + 1 - parent.props.active) * 150\n\n  const style: CSSProperties = {\n    transitionDelay: `${delayTimer}ms`,\n  }\n  const step = status === parent.props.processStatus || isWait ? 0 : 100\n\n  style.borderWidth = step && !isSimple.value ? '1px' : 0\n  style[parent.props.direction === 'vertical' ? 'height' : 'width'] = `${step}%`\n  lineStyle.value = style\n}\n\nconst updateStatus = (activeIndex: number) => {\n  if (activeIndex > index.value) {\n    internalStatus.value = parent.props.finishStatus\n  } else if (\n    activeIndex === index.value &&\n    prevInternalStatus.value !== 'error'\n  ) {\n    internalStatus.value = parent.props.processStatus\n  } else {\n    internalStatus.value = 'wait'\n  }\n  const prevChild = parent.steps.value[index.value - 1]\n  if (prevChild) prevChild.calcProgress(internalStatus.value)\n}\n\nconst stepItemState: StepItemState = {\n  uid: currentInstance.uid,\n  getVnode: () => currentInstance.vnode,\n  currentStatus,\n  internalStatus,\n  setIndex,\n  calcProgress,\n}\n\nparent.addStep(stepItemState)\n\nonBeforeUnmount(() => {\n  parent.removeStep(stepItemState)\n})\n</script>\n"],"names":["style","_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass","_createCommentVNode","_createElementVNode","_unref","icon","$slots","_renderSlot","_createBlock","_resolveDynamicComponent","_createVNode","_createTextVNode","title","description"],"mappings":"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"}

package/es/components/tabs/index.mjs

@@ -1,9 +1,9 @@
 import Tabs from './src/tabs.mjs';
 export { tabsEmits, tabsProps } from './src/tabs.mjs';
-import TabPane from './src/tab-pane.mjs';
+import TabPane from './src/tab-pane2.mjs';
 export { tabBarProps } from './src/tab-bar.mjs';
 export { tabNavEmits, tabNavProps } from './src/tab-nav.mjs';
-export { tabPaneProps } from './src/tab-pane2.mjs';
+export { tabPaneProps } from './src/tab-pane.mjs';
 export { tabsRootContextKey } from './src/constants.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 

package/es/components/tabs/src/tab-pane.mjs

@@ -1,93 +1,20 @@
-import { defineComponent, getCurrentInstance, useSlots, inject, ref, computed, watch, reactive, onBeforeUnmount, onBeforeUpdate, withDirectives, openBlock, createElementBlock, normalizeClass, unref, renderSlot, vShow, createCommentVNode } from 'vue';
-import { tabsRootContextKey } from './constants.mjs';
-import { tabPaneProps } from './tab-pane2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { throwError } from '../../../utils/error.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = ["id", "aria-hidden", "aria-labelledby"];
-const COMPONENT_NAME = "ElTabPane";
-const _sfc_main = defineComponent({
-  ...{
-    name: COMPONENT_NAME
+const tabPaneProps = buildProps({
+  label: {
+    type: String,
+    default: ""
   },
-  __name: "tab-pane",
-  props: tabPaneProps,
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance();
-    const slots = useSlots();
-    const tabsRoot = inject(tabsRootContextKey);
-    if (!tabsRoot)
-      throwError(COMPONENT_NAME, "usage: <el-tabs><el-tab-pane /></el-tabs/>");
-    const ns = useNamespace("tab-pane");
-    const paneRef = ref();
-    const index = ref();
-    const isClosable = computed(() => {
-      var _a;
-      return (_a = props.closable) != null ? _a : tabsRoot.props.closable;
-    });
-    const active = computed(
-      () => {
-        var _a;
-        return tabsRoot.currentName.value === ((_a = props.name) != null ? _a : index.value);
-      }
-    );
-    const loaded = ref(active.value);
-    const paneName = computed(() => {
-      var _a;
-      return (_a = props.name) != null ? _a : index.value;
-    });
-    const shouldBeRender = computed(
-      () => !props.lazy || loaded.value || active.value
-    );
-    const isFocusInsidePane = () => {
-      var _a;
-      return (_a = paneRef.value) == null ? void 0 : _a.contains(document.activeElement);
-    };
-    watch(active, (val) => {
-      if (val)
-        loaded.value = true;
-    });
-    const pane = reactive({
-      uid: instance.uid,
-      getVnode: () => instance.vnode,
-      slots,
-      props,
-      paneName,
-      active,
-      index,
-      isClosable,
-      isFocusInsidePane
-    });
-    tabsRoot.registerPane(pane);
-    onBeforeUnmount(() => {
-      tabsRoot.unregisterPane(pane);
-    });
-    onBeforeUpdate(() => {
-      var _a;
-      if (slots.label)
-        (_a = tabsRoot.nav$.value) == null ? void 0 : _a.scheduleRender();
-    });
-    return (_ctx, _cache) => {
-      return shouldBeRender.value ? withDirectives((openBlock(), createElementBlock("div", {
-        key: 0,
-        id: `pane-${paneName.value}`,
-        ref_key: "paneRef",
-        ref: paneRef,
-        class: normalizeClass(unref(ns).b()),
-        role: "tabpanel",
-        "aria-hidden": !active.value,
-        "aria-labelledby": `tab-${paneName.value}`
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1)), [
-        [vShow, active.value]
-      ]) : createCommentVNode("v-if", true);
-    };
-  }
+  name: {
+    type: [String, Number]
+  },
+  closable: {
+    type: Boolean,
+    default: void 0
+  },
+  disabled: Boolean,
+  lazy: Boolean
 });
-var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tabs/src/tab-pane.vue"]]);
 
-export { TabPane as default };
+export { tabPaneProps };
 //# sourceMappingURL=tab-pane.mjs.map

package/es/components/tabs/src/tab-pane.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tab-pane.mjs","sources":["../../../../../../packages/components/tabs/src/tab-pane.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"shouldBeRender\"\n    v-show=\"active\"\n    :id=\"`pane-${paneName}`\"\n    ref=\"paneRef\"\n    :class=\"ns.b()\"\n    role=\"tabpanel\"\n    :aria-hidden=\"!active\"\n    :aria-labelledby=\"`tab-${paneName}`\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onBeforeUpdate,\n  reactive,\n  ref,\n  useSlots,\n  watch,\n} from 'vue'\nimport { throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\nimport { tabPaneProps } from './tab-pane'\n\nconst COMPONENT_NAME = 'ElTabPane'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = defineProps(tabPaneProps)\n\nconst instance = getCurrentInstance()!\nconst slots = useSlots()\n\nconst tabsRoot = inject(tabsRootContextKey)\nif (!tabsRoot)\n  throwError(COMPONENT_NAME, 'usage: <el-tabs><el-tab-pane /></el-tabs/>')\n\nconst ns = useNamespace('tab-pane')\n\nconst paneRef = ref<HTMLDivElement>()\nconst index = ref<string>()\nconst isClosable = computed(() => props.closable ?? tabsRoot.props.closable)\nconst active = computed(\n  () => tabsRoot.currentName.value === (props.name ?? index.value)\n)\nconst loaded = ref(active.value)\nconst paneName = computed(() => props.name ?? index.value)\nconst shouldBeRender = computed(\n  () => !props.lazy || loaded.value || active.value\n)\n\nconst isFocusInsidePane = () => {\n  return paneRef.value?.contains(document.activeElement)\n}\n\nwatch(active, (val) => {\n  if (val) loaded.value = true\n})\n\nconst pane = reactive({\n  uid: instance.uid,\n  getVnode: () => instance.vnode,\n  slots,\n  props,\n  paneName,\n  active,\n  index,\n  isClosable,\n  isFocusInsidePane,\n})\n\ntabsRoot.registerPane(pane)\n\nonBeforeUnmount(() => {\n  tabsRoot.unregisterPane(pane)\n})\n\nonBeforeUpdate(() => {\n  if (slots.label) tabsRoot.nav$.value?.scheduleRender()\n})\n</script>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"tab-pane.mjs","sources":["../../../../../../packages/components/tabs/src/tab-pane.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type TabPane from './tab-pane.vue'\n\nexport const tabPaneProps = buildProps({\n  /**\n   * @description title of the tab\n   */\n  label: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description identifier corresponding to the name of Tabs, representing the alias of the tab-pane, the default is ordinal number of the tab-pane in the sequence, e.g. the first tab-pane is '0'\n   */\n  name: {\n    type: [String, Number],\n  },\n  /**\n   * @description whether Tab is closable\n   */\n  closable: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether Tab is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description whether Tab is lazily rendered\n   */\n  lazy: Boolean,\n} as const)\n\nexport type TabPaneProps = ExtractPropTypes<typeof tabPaneProps>\nexport type TabPanePropsPublic = ExtractPublicPropTypes<typeof tabPaneProps>\n\nexport type TabPaneInstance = InstanceType<typeof TabPane> & unknown\n"],"names":[],"mappings":";;AAKO,MAAM,eAAe,UAAW,CAAA;AAAA,EAIrC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,GACvB;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA,OAAA;AAAA,EAIV,IAAM,EAAA,OAAA;AACR,CAAU;;;;"}

package/es/components/tabs/src/tab-pane2.mjs

@@ -1,20 +1,93 @@
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, getCurrentInstance, useSlots, inject, ref, computed, watch, reactive, onBeforeUnmount, onBeforeUpdate, withDirectives, openBlock, createElementBlock, normalizeClass, unref, renderSlot, vShow, createCommentVNode } from 'vue';
+import { tabsRootContextKey } from './constants.mjs';
+import { tabPaneProps } from './tab-pane.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { throwError } from '../../../utils/error.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const tabPaneProps = buildProps({
-  label: {
-    type: String,
-    default: ""
+const _hoisted_1 = ["id", "aria-hidden", "aria-labelledby"];
+const COMPONENT_NAME = "ElTabPane";
+const _sfc_main = defineComponent({
+  ...{
+    name: COMPONENT_NAME
   },
-  name: {
-    type: [String, Number]
-  },
-  closable: {
-    type: Boolean,
-    default: void 0
-  },
-  disabled: Boolean,
-  lazy: Boolean
+  __name: "tab-pane",
+  props: tabPaneProps,
+  setup(__props) {
+    const props = __props;
+    const instance = getCurrentInstance();
+    const slots = useSlots();
+    const tabsRoot = inject(tabsRootContextKey);
+    if (!tabsRoot)
+      throwError(COMPONENT_NAME, "usage: <el-tabs><el-tab-pane /></el-tabs/>");
+    const ns = useNamespace("tab-pane");
+    const paneRef = ref();
+    const index = ref();
+    const isClosable = computed(() => {
+      var _a;
+      return (_a = props.closable) != null ? _a : tabsRoot.props.closable;
+    });
+    const active = computed(
+      () => {
+        var _a;
+        return tabsRoot.currentName.value === ((_a = props.name) != null ? _a : index.value);
+      }
+    );
+    const loaded = ref(active.value);
+    const paneName = computed(() => {
+      var _a;
+      return (_a = props.name) != null ? _a : index.value;
+    });
+    const shouldBeRender = computed(
+      () => !props.lazy || loaded.value || active.value
+    );
+    const isFocusInsidePane = () => {
+      var _a;
+      return (_a = paneRef.value) == null ? void 0 : _a.contains(document.activeElement);
+    };
+    watch(active, (val) => {
+      if (val)
+        loaded.value = true;
+    });
+    const pane = reactive({
+      uid: instance.uid,
+      getVnode: () => instance.vnode,
+      slots,
+      props,
+      paneName,
+      active,
+      index,
+      isClosable,
+      isFocusInsidePane
+    });
+    tabsRoot.registerPane(pane);
+    onBeforeUnmount(() => {
+      tabsRoot.unregisterPane(pane);
+    });
+    onBeforeUpdate(() => {
+      var _a;
+      if (slots.label)
+        (_a = tabsRoot.nav$.value) == null ? void 0 : _a.scheduleRender();
+    });
+    return (_ctx, _cache) => {
+      return shouldBeRender.value ? withDirectives((openBlock(), createElementBlock("div", {
+        key: 0,
+        id: `pane-${paneName.value}`,
+        ref_key: "paneRef",
+        ref: paneRef,
+        class: normalizeClass(unref(ns).b()),
+        role: "tabpanel",
+        "aria-hidden": !active.value,
+        "aria-labelledby": `tab-${paneName.value}`
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1)), [
+        [vShow, active.value]
+      ]) : createCommentVNode("v-if", true);
+    };
+  }
 });
+var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tabs/src/tab-pane.vue"]]);
 
-export { tabPaneProps };
+export { TabPane as default };
 //# sourceMappingURL=tab-pane2.mjs.map

package/es/components/tabs/src/tab-pane2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tab-pane2.mjs","sources":["../../../../../../packages/components/tabs/src/tab-pane.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type TabPane from './tab-pane.vue'\n\nexport const tabPaneProps = buildProps({\n  /**\n   * @description title of the tab\n   */\n  label: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description identifier corresponding to the name of Tabs, representing the alias of the tab-pane, the default is ordinal number of the tab-pane in the sequence, e.g. the first tab-pane is '0'\n   */\n  name: {\n    type: [String, Number],\n  },\n  /**\n   * @description whether Tab is closable\n   */\n  closable: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether Tab is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description whether Tab is lazily rendered\n   */\n  lazy: Boolean,\n} as const)\n\nexport type TabPaneProps = ExtractPropTypes<typeof tabPaneProps>\nexport type TabPanePropsPublic = ExtractPublicPropTypes<typeof tabPaneProps>\n\nexport type TabPaneInstance = InstanceType<typeof TabPane> & unknown\n"],"names":[],"mappings":";;AAKO,MAAM,eAAe,UAAW,CAAA;AAAA,EAIrC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,GACvB;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA,OAAA;AAAA,EAIV,IAAM,EAAA,OAAA;AACR,CAAU;;;;"}
+{"version":3,"file":"tab-pane2.mjs","sources":["../../../../../../packages/components/tabs/src/tab-pane.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"shouldBeRender\"\n    v-show=\"active\"\n    :id=\"`pane-${paneName}`\"\n    ref=\"paneRef\"\n    :class=\"ns.b()\"\n    role=\"tabpanel\"\n    :aria-hidden=\"!active\"\n    :aria-labelledby=\"`tab-${paneName}`\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onBeforeUpdate,\n  reactive,\n  ref,\n  useSlots,\n  watch,\n} from 'vue'\nimport { throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\nimport { tabPaneProps } from './tab-pane'\n\nconst COMPONENT_NAME = 'ElTabPane'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = defineProps(tabPaneProps)\n\nconst instance = getCurrentInstance()!\nconst slots = useSlots()\n\nconst tabsRoot = inject(tabsRootContextKey)\nif (!tabsRoot)\n  throwError(COMPONENT_NAME, 'usage: <el-tabs><el-tab-pane /></el-tabs/>')\n\nconst ns = useNamespace('tab-pane')\n\nconst paneRef = ref<HTMLDivElement>()\nconst index = ref<string>()\nconst isClosable = computed(() => props.closable ?? tabsRoot.props.closable)\nconst active = computed(\n  () => tabsRoot.currentName.value === (props.name ?? index.value)\n)\nconst loaded = ref(active.value)\nconst paneName = computed(() => props.name ?? index.value)\nconst shouldBeRender = computed(\n  () => !props.lazy || loaded.value || active.value\n)\n\nconst isFocusInsidePane = () => {\n  return paneRef.value?.contains(document.activeElement)\n}\n\nwatch(active, (val) => {\n  if (val) loaded.value = true\n})\n\nconst pane = reactive({\n  uid: instance.uid,\n  getVnode: () => instance.vnode,\n  slots,\n  props,\n  paneName,\n  active,\n  index,\n  isClosable,\n  isFocusInsidePane,\n})\n\ntabsRoot.registerPane(pane)\n\nonBeforeUnmount(() => {\n  tabsRoot.unregisterPane(pane)\n})\n\nonBeforeUpdate(() => {\n  if (slots.label) tabsRoot.nav$.value?.scheduleRender()\n})\n</script>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createCommentVNode"],"mappings":"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"}

package/es/components/teleport/index.mjs

@@ -1,5 +1,5 @@
-import Teleport from './src/teleport2.mjs';
-export { teleportProps } from './src/teleport.mjs';
+import Teleport from './src/teleport.mjs';
+export { teleportProps } from './src/teleport2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElTeleport = withInstall(Teleport);

package/es/components/teleport/src/teleport.mjs

@@ -1,12 +1,22 @@
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, renderSlot, openBlock, createBlock, Teleport as Teleport$1 } from 'vue';
+import { teleportProps } from './teleport2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const teleportProps = buildProps({
-  to: {
-    type: definePropType([String, Object]),
-    required: true
-  },
-  disabled: Boolean
+const _sfc_main = defineComponent({
+  __name: "teleport",
+  props: teleportProps,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return _ctx.disabled ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(Teleport$1, {
+        key: 1,
+        to: _ctx.to
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 8, ["to"]));
+    };
+  }
 });
+var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/teleport/src/teleport.vue"]]);
 
-export { teleportProps };
+export { Teleport as default };
 //# sourceMappingURL=teleport.mjs.map

package/es/components/teleport/src/teleport.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"teleport.mjs","sources":["../../../../../../packages/components/teleport/src/teleport.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Teleport from './teleport.vue'\n\nexport const teleportProps = buildProps({\n  to: {\n    type: definePropType<string | HTMLElement>([String, Object]),\n    required: true,\n  },\n  disabled: Boolean,\n} as const)\n\nexport type TeleportProps = ExtractPropTypes<typeof teleportProps>\nexport type TeleportPropsPublic = ExtractPublicPropTypes<typeof teleportProps>\nexport type TeleportInstance = InstanceType<typeof Teleport> & unknown\n"],"names":[],"mappings":";;AAKO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,EAAI,EAAA;AAAA,IACF,IAAM,EAAA,cAAA,CAAqC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAC3D,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA,OAAA;AACZ,CAAU;;;;"}
+{"version":3,"file":"teleport.mjs","sources":["../../../../../../packages/components/teleport/src/teleport.vue"],"sourcesContent":["<template>\n  <template v-if=\"disabled\">\n    <slot />\n  </template>\n  <teleport v-else :to=\"to\">\n    <slot />\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { teleportProps } from './teleport'\n\ndefineProps(teleportProps)\n</script>\n"],"names":["disabled","_renderSlot","_createBlock","_Teleport","to"],"mappings":";;;;;;;;;aACkBA,IACd,CAAA,QAAA,GAAAC,UAAQ,CAAA,IAAA,gDAEVC,YAEWC,UAAA,EAAA;AAAA,QAAA,GAAA,EAAA,CAAA;AAAA,QAFO,IAAIC,IAAAA,CAAAA,EAAAA;AAAAA,OAAAA,EAAAA;AAAAA,QACpBH,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,OAAA,EAAA,CAAA,EAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;;;;"}