@element-plus/nightly 0.0.20251228 → 0.0.20251229

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"item2.js","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":["buildProps","iconPropType"],"mappings":";;;;;;;AAKO,MAAM,YAAYA,kBAAW,CAAA;AAAA,EAIlC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,iBAAA;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.js","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":["useNamespace","index","ref","inject","STEPS_INJECTION_KEY","getCurrentInstance","onMounted","watch","computed","style","isNumber","onBeforeUnmount","_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass","_createCommentVNode","_createElementVNode","_unref","icon","$slots","_renderSlot","_createBlock","ElIcon","_resolveDynamicComponent","_createVNode","Check","Close","_createTextVNode","title","description"],"mappings":"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"}

package/lib/components/tabs/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tabs = require('./src/tabs.js');
-var tabPane$1 = require('./src/tab-pane.js');
+var tabPane$1 = require('./src/tab-pane2.js');
 var tabBar = require('./src/tab-bar.js');
 var tabNav = require('./src/tab-nav.js');
-var tabPane = require('./src/tab-pane2.js');
+var tabPane = require('./src/tab-pane.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/tabs/src/tab-pane.js

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

package/lib/components/tabs/src/tab-pane.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-pane.js","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":["getCurrentInstance","useSlots","inject","tabsRootContextKey","throwError","useNamespace","ref","index","computed","watch","reactive","onBeforeUnmount","onBeforeUpdate","_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"tab-pane.js","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":["buildProps"],"mappings":";;;;;;AAKO,MAAM,eAAeA,kBAAW,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/lib/components/tabs/src/tab-pane2.js

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

package/lib/components/tabs/src/tab-pane2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-pane2.js","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":["buildProps"],"mappings":";;;;;;AAKO,MAAM,eAAeA,kBAAW,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.js","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":["getCurrentInstance","useSlots","inject","tabsRootContextKey","throwError","useNamespace","ref","index","computed","watch","reactive","onBeforeUnmount","onBeforeUpdate","_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createCommentVNode"],"mappings":"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"}

package/lib/components/teleport/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var teleport$1 = require('./src/teleport2.js');
-var teleport = require('./src/teleport.js');
+var teleport$1 = require('./src/teleport.js');
+var teleport = require('./src/teleport2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElTeleport = install.withInstall(teleport$1["default"]);