element-pe 2.2.59 → 2.2.60

package/lib/components/tabs/src/tab-nav.d.ts

@@ -8,12 +8,12 @@ export declare const tabNavProps: {
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -25,12 +25,12 @@ export declare const tabNavProps: {
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -42,12 +42,12 @@ export declare const tabNavProps: {
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -59,12 +59,12 @@ export declare const tabNavProps: {
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -89,12 +89,12 @@ declare const TabNav: import("vue").DefineComponent<{
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -106,12 +106,12 @@ declare const TabNav: import("vue").DefineComponent<{
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -123,12 +123,12 @@ declare const TabNav: import("vue").DefineComponent<{
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -140,12 +140,12 @@ declare const TabNav: import("vue").DefineComponent<{
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -166,12 +166,12 @@ declare const TabNav: import("vue").DefineComponent<{
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -183,12 +183,12 @@ declare const TabNav: import("vue").DefineComponent<{
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -200,12 +200,12 @@ declare const TabNav: import("vue").DefineComponent<{
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -217,12 +217,12 @@ declare const TabNav: import("vue").DefineComponent<{
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -240,12 +240,12 @@ declare const TabNav: import("vue").DefineComponent<{
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -258,12 +258,12 @@ declare const TabNav: import("vue").DefineComponent<{
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -280,12 +280,12 @@ declare const TabNav: import("vue").DefineComponent<{
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;

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

@@ -2,81 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var core = require('@vueuse/core');
 require('../../../utils/index.js');
-require('../../../hooks/index.js');
-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", "widget"];
-const COMPONENT_NAME = "ElTabPane";
-const __default__ = vue.defineComponent({
-  name: COMPONENT_NAME
+const tabPaneProps = runtime.buildProps({
+  label: {
+    type: String,
+    default: ""
+  },
+  name: {
+    type: [String, Number]
+  },
+  closable: Boolean,
+  disabled: Boolean,
+  lazy: Boolean,
+  widget: String
 });
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  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 index$1 = vue.ref();
-    const isClosable = vue.computed(() => props.closable || tabsRoot.props.closable);
-    const active = core.eagerComputed(() => {
-      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 = core.eagerComputed(() => !props.lazy || loaded.value || active.value);
-    vue.watch(active, (val) => {
-      if (val)
-        loaded.value = true;
-    });
-    const pane = vue.reactive({
-      uid: instance.uid,
-      slots,
-      props,
-      paneName,
-      active,
-      index: index$1,
-      isClosable
-    });
-    vue.onMounted(() => {
-      tabsRoot.registerPane(pane);
-    });
-    vue.onUnmounted(() => {
-      tabsRoot.unregisterPane(pane.uid);
-    });
-    return (_ctx, _cache) => {
-      return vue.unref(shouldBeRender) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        id: `pane-${vue.unref(paneName)}`,
-        class: vue.normalizeClass(vue.unref(ns).b()),
-        role: "tabpanel",
-        "aria-hidden": !vue.unref(active),
-        "aria-labelledby": `tab-${vue.unref(paneName)}`,
-        widget: _ctx.widget ? "tab-pane:default:" + _ctx.widget.split(":")[1] : void 0
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1)), [
-        [vue.vShow, vue.unref(active)]
-      ]) : vue.createCommentVNode("v-if", true);
-    };
-  }
-});
-var TabPane = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\workspace\\element-pe\\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    :class=\"ns.b()\"\n    role=\"tabpanel\"\n    :aria-hidden=\"!active\"\n    :aria-labelledby=\"`tab-${paneName}`\"\n    :widget=\"widget ? 'tab-pane:default:' + widget.split(':')[1] : undefined\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onMounted,\n  onUnmounted,\n  reactive,\n  ref,\n  useSlots,\n  watch,\n} from 'vue'\nimport { eagerComputed } from '@vueuse/core'\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 index = ref<string>()\nconst isClosable = computed(() => props.closable || tabsRoot.props.closable)\nconst active = eagerComputed(\n  () => tabsRoot.currentName.value === (props.name ?? index.value)\n)\nconst loaded = ref(active.value)\nconst paneName = computed(() => props.name ?? index.value)\nconst shouldBeRender = eagerComputed(\n  () => !props.lazy || loaded.value || active.value\n)\n\nwatch(active, (val) => {\n  if (val) loaded.value = true\n})\n\nconst pane = reactive({\n  uid: instance.uid,\n  slots,\n  props,\n  paneName,\n  active,\n  index,\n  isClosable,\n})\n\nonMounted(() => {\n  tabsRoot.registerPane(pane)\n})\n\nonUnmounted(() => {\n  tabsRoot.unregisterPane(pane.uid)\n})\n</script>\n"],"names":["getCurrentInstance","useSlots","inject","tabsRootContextKey","throwError","useNamespace","index","ref","computed","eagerComputed","watch","reactive"],"mappings":";;;;;;;;;;;;;;;;uCAkCc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;AAGA,IAAA,MAAM,WAAWA,sBAAmB,EAAA,CAAA;AACpC,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,QAAA,GAAWC,WAAOC,4BAAkB,CAAA,CAAA;AAC1C,IAAA,IAAI,CAAC,QAAA;AACH,MAAAC,gBAAA,CAAW,gBAAgB,4CAA4C,CAAA,CAAA;AAEzE,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAElC,IAAA,MAAMC,UAAQC,OAAY,EAAA,CAAA;AAC1B,IAAA,MAAM,aAAaC,YAAS,CAAA,MAAM,MAAM,QAAY,IAAA,QAAA,CAAS,MAAM,QAAQ,CAAA,CAAA;AAC3E,IAAM,MAAA,MAAA,GAASC,mBACb,MAAM;AAER,MAAM,IAAA,EAAA,CAAA;AACN,MAAA,eAAiB,CAAS,WAAA,CAAA,KAAY,MAAA,CAAA,EAAA,QAAc,CAAK,IAAA,KAAA,IAAA,GAAA,EAAA,GAAAH,OAAA,CAAA,KAAA,CAAA,CAAA;AACzD,KAAM,CAAA,CAAA;AAIN,IAAM,MAAA,MAAA,GAASC,OAAQ,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA;AACrB,IAAI,MAAA,QAAA,GAAAC,YAAA,CAAA,MAAA;AAAK,MAAA,IAAA,EAAA,CAAA;AAAe,MACzB,OAAA,CAAA,EAAA,GAAA,KAAA,CAAA,IAAA,KAAA,IAAA,GAAA,EAAA,GAAAF,OAAA,CAAA,KAAA,CAAA;AAED,KAAA,CAAA,CAAA;AAAsB,IAAA,oBACN,GAAAG,kBAAA,CAAA,MAAA,CAAA,KAAA,CAAA,IAAA,IAAA,MAAA,CAAA,KAAA,IAAA,MAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IACdC,SAAA,CAAA,MAAA,EAAA,CAAA,GAAA,KAAA;AAAA,MACA,IAAA,GAAA;AAAA,QACA,MAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,MAAA,IAAA,GAAAC,YAAA,CAAA;AAAA,MACA,GAAA,EAAA,QAAA,CAAA,GAAA;AAAA,MACD,KAAA;AAED,MAAA,KAAA;AACE,MAAA,QAAA;AAA0B,MAC3B,MAAA;AAED,aAAAL,OAAA;AACE,MAAS,UAAA;AAAuB,KACjC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tab-pane.js","sources":["../../../../../../packages/components/tabs/src/tab-pane.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type TabPane from './tab-pane.vue'\n\nexport const tabPaneProps = buildProps({\n  label: {\n    type: String,\n    default: '',\n  },\n  name: {\n    type: [String, Number],\n  },\n  closable: Boolean,\n  disabled: Boolean,\n  lazy: Boolean,\n  widget: String\n} as const)\n\nexport type TabPaneProps = ExtractPropTypes<typeof tabPaneProps>\n\nexport type TabPaneInstance = InstanceType<typeof TabPane>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,YAAY,GAAGA,kBAAU,CAAC;AACvC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,MAAM,EAAE,MAAM;AAChB,CAAC;;;;"}

package/lib/components/tabs/src/tab-pane.vue.d.ts

@@ -63,11 +63,11 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         props: {
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+            readonly name: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly disabled: boolean;
+            readonly label: string;
             readonly closable: boolean;
             readonly widget: string | undefined;
-            readonly label: string;
-            readonly disabled: boolean;
-            readonly name: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
             readonly lazy: boolean;
         };
         paneName: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
@@ -88,9 +88,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly lazy: BooleanConstructor;
     readonly widget: StringConstructor;
 }>>, {
-    readonly closable: boolean;
-    readonly label: string;
     readonly disabled: boolean;
+    readonly label: string;
+    readonly closable: boolean;
     readonly lazy: boolean;
 }>;
 export default _default;

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

@@ -2,22 +2,81 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
+var core = require('@vueuse/core');
 require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+require('../../../hooks/index.js');
+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: ""
-  },
-  name: {
-    type: [String, Number]
-  },
-  closable: Boolean,
-  disabled: Boolean,
-  lazy: Boolean,
-  widget: String
+const _hoisted_1 = ["id", "aria-hidden", "aria-labelledby", "widget"];
+const COMPONENT_NAME = "ElTabPane";
+const __default__ = vue.defineComponent({
+  name: COMPONENT_NAME
 });
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  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 index$1 = vue.ref();
+    const isClosable = vue.computed(() => props.closable || tabsRoot.props.closable);
+    const active = core.eagerComputed(() => {
+      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 = core.eagerComputed(() => !props.lazy || loaded.value || active.value);
+    vue.watch(active, (val) => {
+      if (val)
+        loaded.value = true;
+    });
+    const pane = vue.reactive({
+      uid: instance.uid,
+      slots,
+      props,
+      paneName,
+      active,
+      index: index$1,
+      isClosable
+    });
+    vue.onMounted(() => {
+      tabsRoot.registerPane(pane);
+    });
+    vue.onUnmounted(() => {
+      tabsRoot.unregisterPane(pane.uid);
+    });
+    return (_ctx, _cache) => {
+      return vue.unref(shouldBeRender) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        id: `pane-${vue.unref(paneName)}`,
+        class: vue.normalizeClass(vue.unref(ns).b()),
+        role: "tabpanel",
+        "aria-hidden": !vue.unref(active),
+        "aria-labelledby": `tab-${vue.unref(paneName)}`,
+        widget: _ctx.widget ? "tab-pane:default:" + _ctx.widget.split(":")[1] : void 0
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1)), [
+        [vue.vShow, vue.unref(active)]
+      ]) : vue.createCommentVNode("v-if", true);
+    };
+  }
+});
+var TabPane = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\workspace\\element-pe\\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'\nimport type { ExtractPropTypes } from 'vue'\nimport type TabPane from './tab-pane.vue'\n\nexport const tabPaneProps = buildProps({\n  label: {\n    type: String,\n    default: '',\n  },\n  name: {\n    type: [String, Number],\n  },\n  closable: Boolean,\n  disabled: Boolean,\n  lazy: Boolean,\n  widget: String\n} as const)\n\nexport type TabPaneProps = ExtractPropTypes<typeof tabPaneProps>\n\nexport type TabPaneInstance = InstanceType<typeof TabPane>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,YAAY,GAAGA,kBAAU,CAAC;AACvC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,MAAM,EAAE,MAAM;AAChB,CAAC;;;;"}
+{"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    :class=\"ns.b()\"\n    role=\"tabpanel\"\n    :aria-hidden=\"!active\"\n    :aria-labelledby=\"`tab-${paneName}`\"\n    :widget=\"widget ? 'tab-pane:default:' + widget.split(':')[1] : undefined\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onMounted,\n  onUnmounted,\n  reactive,\n  ref,\n  useSlots,\n  watch,\n} from 'vue'\nimport { eagerComputed } from '@vueuse/core'\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 index = ref<string>()\nconst isClosable = computed(() => props.closable || tabsRoot.props.closable)\nconst active = eagerComputed(\n  () => tabsRoot.currentName.value === (props.name ?? index.value)\n)\nconst loaded = ref(active.value)\nconst paneName = computed(() => props.name ?? index.value)\nconst shouldBeRender = eagerComputed(\n  () => !props.lazy || loaded.value || active.value\n)\n\nwatch(active, (val) => {\n  if (val) loaded.value = true\n})\n\nconst pane = reactive({\n  uid: instance.uid,\n  slots,\n  props,\n  paneName,\n  active,\n  index,\n  isClosable,\n})\n\nonMounted(() => {\n  tabsRoot.registerPane(pane)\n})\n\nonUnmounted(() => {\n  tabsRoot.unregisterPane(pane.uid)\n})\n</script>\n"],"names":["getCurrentInstance","useSlots","inject","tabsRootContextKey","throwError","useNamespace","index","ref","computed","eagerComputed","watch","reactive"],"mappings":";;;;;;;;;;;;;;;;uCAkCc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;AAGA,IAAA,MAAM,WAAWA,sBAAmB,EAAA,CAAA;AACpC,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,QAAA,GAAWC,WAAOC,4BAAkB,CAAA,CAAA;AAC1C,IAAA,IAAI,CAAC,QAAA;AACH,MAAAC,gBAAA,CAAW,gBAAgB,4CAA4C,CAAA,CAAA;AAEzE,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAElC,IAAA,MAAMC,UAAQC,OAAY,EAAA,CAAA;AAC1B,IAAA,MAAM,aAAaC,YAAS,CAAA,MAAM,MAAM,QAAY,IAAA,QAAA,CAAS,MAAM,QAAQ,CAAA,CAAA;AAC3E,IAAM,MAAA,MAAA,GAASC,mBACb,MAAM;AAER,MAAM,IAAA,EAAA,CAAA;AACN,MAAA,eAAiB,CAAS,WAAA,CAAA,KAAY,MAAA,CAAA,EAAA,QAAc,CAAK,IAAA,KAAA,IAAA,GAAA,EAAA,GAAAH,OAAA,CAAA,KAAA,CAAA,CAAA;AACzD,KAAM,CAAA,CAAA;AAIN,IAAM,MAAA,MAAA,GAASC,OAAQ,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA;AACrB,IAAI,MAAA,QAAA,GAAAC,YAAA,CAAA,MAAA;AAAK,MAAA,IAAA,EAAA,CAAA;AAAe,MACzB,OAAA,CAAA,EAAA,GAAA,KAAA,CAAA,IAAA,KAAA,IAAA,GAAA,EAAA,GAAAF,OAAA,CAAA,KAAA,CAAA;AAED,KAAA,CAAA,CAAA;AAAsB,IAAA,oBACN,GAAAG,kBAAA,CAAA,MAAA,CAAA,KAAA,CAAA,IAAA,IAAA,MAAA,CAAA,KAAA,IAAA,MAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IACdC,SAAA,CAAA,MAAA,EAAA,CAAA,GAAA,KAAA;AAAA,MACA,IAAA,GAAA;AAAA,QACA,MAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,MAAA,IAAA,GAAAC,YAAA,CAAA;AAAA,MACA,GAAA,EAAA,QAAA,CAAA,GAAA;AAAA,MACD,KAAA;AAED,MAAA,KAAA;AACE,MAAA,QAAA;AAA0B,MAC3B,MAAA;AAED,aAAAL,OAAA;AACE,MAAS,UAAA;AAAuB,KACjC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/tabs/src/tabs.d.ts

@@ -19,7 +19,7 @@ export declare const tabsProps: {
         __epPropKey: true;
     };
     readonly editable: BooleanConstructor;
-    readonly tabPosition: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
+    readonly tabPosition: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "top" | "right" | "bottom" | "left", unknown, "top", boolean>;
     readonly beforeLeave: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
         (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
         new (): any;
@@ -59,7 +59,7 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly editable: BooleanConstructor;
-    readonly tabPosition: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
+    readonly tabPosition: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "top" | "right" | "bottom" | "left", unknown, "top", boolean>;
     readonly beforeLeave: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<boolean | void>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<boolean | void>) | {
         (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<boolean | void>;
         new (): any;
@@ -78,12 +78,12 @@ declare const _default: import("vue").DefineComponent<{
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -111,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly editable: BooleanConstructor;
-    readonly tabPosition: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
+    readonly tabPosition: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "top" | "right" | "bottom" | "left", unknown, "top", boolean>;
     readonly beforeLeave: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<boolean | void>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<boolean | void>) | {
         (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<boolean | void>;
         new (): any;
@@ -130,12 +130,12 @@ declare const _default: import("vue").DefineComponent<{
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
-            readonly closable: boolean;
-            readonly label: string;
             readonly disabled: boolean;
+            readonly label: string;
+            readonly closable: boolean;
             readonly lazy: boolean;
-            readonly widget?: string | undefined;
             readonly name?: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly widget?: string | undefined;
         };
         paneName: string | number | undefined;
         active: boolean;
@@ -152,7 +152,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly stretch: boolean;
     readonly editable: boolean;
     readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => Awaitable<boolean | void>;
-    readonly tabPosition: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom" | "right" | "left", unknown>;
+    readonly tabPosition: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "top" | "right" | "bottom" | "left", unknown>;
     readonly addable: boolean;
 }>;
 export default _default;

package/lib/components/tag/index.d.ts

@@ -126,10 +126,10 @@ export declare const ElTag: import("element-pe/es/utils").SFCWithInstall<import(
     onClick?: ((evt: MouseEvent) => any) | undefined;
 }, {
     readonly type: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>;
-    readonly closable: boolean;
+    readonly color: string;
     readonly effect: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>;
     readonly size: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>;
-    readonly color: string;
+    readonly closable: boolean;
     readonly round: boolean;
     readonly disableTransitions: boolean;
     readonly hit: boolean;

package/lib/components/tag/index.js

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