@element-plus/nightly 0.0.20220119 → 0.0.20220123

package/lib/components/table/src/table.vue_vue_type_template_id_4a1660ad_lang.js

@@ -1,144 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = { class: "el-table__inner-wrapper" };
-const _hoisted_2 = {
-  ref: "hiddenColumns",
-  class: "hidden-columns"
-};
-const _hoisted_3 = {
-  key: 0,
-  ref: "headerWrapper",
-  class: "el-table__header-wrapper"
-};
-const _hoisted_4 = { class: "el-table__empty-text" };
-const _hoisted_5 = {
-  key: 1,
-  ref: "appendWrapper",
-  class: "el-table__append-wrapper"
-};
-const _hoisted_6 = {
-  key: 1,
-  class: "el-table__border-left-patch"
-};
-const _hoisted_7 = {
-  key: 0,
-  ref: "footerWrapper",
-  class: "el-table__footer-wrapper"
-};
-const _hoisted_8 = {
-  ref: "resizeProxy",
-  class: "el-table__column-resize-proxy"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_table_header = vue.resolveComponent("table-header");
-  const _component_table_body = vue.resolveComponent("table-body");
-  const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
-  const _component_table_footer = vue.resolveComponent("table-footer");
-  const _directive_mousewheel = vue.resolveDirective("mousewheel");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    ref: "tableWrapper",
-    class: vue.normalizeClass([
-      {
-        "el-table--fit": _ctx.fit,
-        "el-table--striped": _ctx.stripe,
-        "el-table--border": _ctx.border || _ctx.isGroup,
-        "el-table--hidden": _ctx.isHidden,
-        "el-table--group": _ctx.isGroup,
-        "el-table--fluid-height": _ctx.maxHeight,
-        "el-table--scrollable-x": _ctx.layout.scrollX.value,
-        "el-table--scrollable-y": _ctx.layout.scrollY.value,
-        "el-table--enable-row-hover": !_ctx.store.states.isComplex.value,
-        "el-table--enable-row-transition": (_ctx.store.states.data.value || []).length !== 0 && (_ctx.store.states.data.value || []).length < 100,
-        "has-footer": _ctx.showSummary
-      },
-      _ctx.tableSize ? `el-table--${_ctx.tableSize}` : "",
-      _ctx.className,
-      "el-table"
-    ]),
-    style: vue.normalizeStyle(_ctx.style),
-    onMouseleave: _cache[0] || (_cache[0] = ($event) => _ctx.handleMouseLeave())
-  }, [
-    vue.createElementVNode("div", _hoisted_1, [
-      vue.createElementVNode("div", _hoisted_2, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 512),
-      _ctx.showHeader ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-        vue.createVNode(_component_table_header, {
-          ref: "tableHeader",
-          border: _ctx.border,
-          "default-sort": _ctx.defaultSort,
-          store: _ctx.store,
-          style: vue.normalizeStyle(_ctx.tableBodyStyles),
-          onSetDragVisible: _ctx.setDragVisible
-        }, null, 8, ["border", "default-sort", "store", "style", "onSetDragVisible"])
-      ])), [
-        [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
-      ]) : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode("div", {
-        ref: "bodyWrapper",
-        style: vue.normalizeStyle(_ctx.bodyHeight),
-        class: "el-table__body-wrapper"
-      }, [
-        vue.createVNode(_component_el_scrollbar, {
-          ref: "scrollWrapper",
-          height: _ctx.height
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_table_body, {
-              context: _ctx.context,
-              highlight: _ctx.highlightCurrentRow,
-              "row-class-name": _ctx.rowClassName,
-              "tooltip-effect": _ctx.tooltipEffect,
-              "row-style": _ctx.rowStyle,
-              store: _ctx.store,
-              stripe: _ctx.stripe,
-              style: vue.normalizeStyle({
-                width: _ctx.bodyWidth
-              })
-            }, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "row-style", "store", "stripe", "style"]),
-            _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              ref: "emptyBlock",
-              style: vue.normalizeStyle(_ctx.emptyBlockStyle),
-              class: "el-table__empty-block"
-            }, [
-              vue.createElementVNode("span", _hoisted_4, [
-                vue.renderSlot(_ctx.$slots, "empty", {}, () => [
-                  vue.createTextVNode(vue.toDisplayString(_ctx.computedEmptyText), 1)
-                ])
-              ])
-            ], 4)) : vue.createCommentVNode("v-if", true),
-            _ctx.$slots.append ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-              vue.renderSlot(_ctx.$slots, "append")
-            ], 512)) : vue.createCommentVNode("v-if", true)
-          ]),
-          _: 3
-        }, 8, ["height"])
-      ], 4),
-      _ctx.border || _ctx.isGroup ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6)) : vue.createCommentVNode("v-if", true)
-    ]),
-    _ctx.showSummary ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-      vue.createVNode(_component_table_footer, {
-        border: _ctx.border,
-        "default-sort": _ctx.defaultSort,
-        store: _ctx.store,
-        style: vue.normalizeStyle(_ctx.tableBodyStyles),
-        "sum-text": _ctx.computedSumText,
-        "summary-method": _ctx.summaryMethod
-      }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
-    ])), [
-      [vue.vShow, !_ctx.isEmpty],
-      [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
-    ]) : vue.createCommentVNode("v-if", true),
-    vue.withDirectives(vue.createElementVNode("div", _hoisted_8, null, 512), [
-      [vue.vShow, _ctx.resizeProxyVisible]
-    ])
-  ], 38);
-}
-
-exports.render = render;
-//# sourceMappingURL=table.vue_vue_type_template_id_4a1660ad_lang.js.map

package/lib/components/table/src/table.vue_vue_type_template_id_4a1660ad_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.vue_vue_type_template_id_4a1660ad_lang.js","sources":["../../../../../../packages/components/table/src/table.vue?vue&type=template&id=4a1660ad&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"tableWrapper\"\n    :class=\"[\n      {\n        'el-table--fit': fit,\n        'el-table--striped': stripe,\n        'el-table--border': border || isGroup,\n        'el-table--hidden': isHidden,\n        'el-table--group': isGroup,\n        'el-table--fluid-height': maxHeight,\n        'el-table--scrollable-x': layout.scrollX.value,\n        'el-table--scrollable-y': layout.scrollY.value,\n        'el-table--enable-row-hover': !store.states.isComplex.value,\n        'el-table--enable-row-transition':\n          (store.states.data.value || []).length !== 0 &&\n          (store.states.data.value || []).length < 100,\n        'has-footer': showSummary,\n      },\n      tableSize ? `el-table--${tableSize}` : '',\n      className,\n      'el-table',\n    ]\"\n    :style=\"style\"\n    @mouseleave=\"handleMouseLeave()\"\n  >\n    <div class=\"el-table__inner-wrapper\">\n      <div ref=\"hiddenColumns\" class=\"hidden-columns\">\n        <slot></slot>\n      </div>\n      <div\n        v-if=\"showHeader\"\n        ref=\"headerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        class=\"el-table__header-wrapper\"\n      >\n        <table-header\n          ref=\"tableHeader\"\n          :border=\"border\"\n          :default-sort=\"defaultSort\"\n          :store=\"store\"\n          :style=\"tableBodyStyles\"\n          @set-drag-visible=\"setDragVisible\"\n        />\n      </div>\n      <div ref=\"bodyWrapper\" :style=\"bodyHeight\" class=\"el-table__body-wrapper\">\n        <el-scrollbar ref=\"scrollWrapper\" :height=\"height\">\n          <table-body\n            :context=\"context\"\n            :highlight=\"highlightCurrentRow\"\n            :row-class-name=\"rowClassName\"\n            :tooltip-effect=\"tooltipEffect\"\n            :row-style=\"rowStyle\"\n            :store=\"store\"\n            :stripe=\"stripe\"\n            :style=\"{\n              width: bodyWidth,\n            }\"\n          />\n          <div\n            v-if=\"isEmpty\"\n            ref=\"emptyBlock\"\n            :style=\"emptyBlockStyle\"\n            class=\"el-table__empty-block\"\n          >\n            <span class=\"el-table__empty-text\">\n              <slot name=\"empty\">{{ computedEmptyText }}</slot>\n            </span>\n          </div>\n          <div\n            v-if=\"$slots.append\"\n            ref=\"appendWrapper\"\n            class=\"el-table__append-wrapper\"\n          >\n            <slot name=\"append\"></slot>\n          </div>\n        </el-scrollbar>\n      </div>\n      <div v-if=\"border || isGroup\" class=\"el-table__border-left-patch\"></div>\n    </div>\n    <div\n      v-if=\"showSummary\"\n      v-show=\"!isEmpty\"\n      ref=\"footerWrapper\"\n      v-mousewheel=\"handleHeaderFooterMousewheel\"\n      class=\"el-table__footer-wrapper\"\n    >\n      <table-footer\n        :border=\"border\"\n        :default-sort=\"defaultSort\"\n        :store=\"store\"\n        :style=\"tableBodyStyles\"\n        :sum-text=\"computedSumText\"\n        :summary-method=\"summaryMethod\"\n      />\n    </div>\n    <div\n      v-show=\"resizeProxyVisible\"\n      ref=\"resizeProxy\"\n      class=\"el-table__column-resize-proxy\"\n    ></div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, computed, provide } from 'vue'\nimport debounce from 'lodash/debounce'\nimport { Mousewheel } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { createStore } from './store/helper'\nimport TableLayout from './table-layout'\nimport TableHeader from './table-header'\nimport TableBody from './table-body'\nimport TableFooter from './table-footer'\nimport useUtils from './table/utils-helper'\nimport useStyle from './table/style-helper'\nimport defaultProps from './table/defaults'\nimport { TABLE_INJECTION_KEY } from './tokens'\n\nimport type { Table } from './table/defaults'\n\nlet tableIdSeed = 1\nexport default defineComponent({\n  name: 'ElTable',\n  directives: {\n    Mousewheel,\n  },\n  components: {\n    TableHeader,\n    TableBody,\n    TableFooter,\n    ElScrollbar,\n  },\n  props: defaultProps,\n  emits: [\n    'select',\n    'select-all',\n    'selection-change',\n    'cell-mouse-enter',\n    'cell-mouse-leave',\n    'cell-contextmenu',\n    'cell-click',\n    'cell-dblclick',\n    'row-click',\n    'row-contextmenu',\n    'row-dblclick',\n    'header-click',\n    'header-contextmenu',\n    'sort-change',\n    'filter-change',\n    'current-change',\n    'header-dragend',\n    'expand-change',\n  ],\n  setup(props) {\n    type Row = typeof props.data[number]\n    const { t } = useLocale()\n    const table = getCurrentInstance() as Table<Row>\n    provide(TABLE_INJECTION_KEY, table)\n    const store = createStore<Row>(table, props)\n    table.store = store\n    const layout = new TableLayout<Row>({\n      store: table.store,\n      table,\n      fit: props.fit,\n      showHeader: props.showHeader,\n    })\n    table.layout = layout\n\n    const isEmpty = computed(() => (store.states.data.value || []).length === 0)\n\n    /**\n     * open functions\n     */\n    const {\n      setCurrentRow,\n      toggleRowSelection,\n      clearSelection,\n      clearFilter,\n      toggleAllSelection,\n      toggleRowExpansion,\n      clearSort,\n      sort,\n    } = useUtils<Row>(store)\n    const {\n      isHidden,\n      renderExpanded,\n      setDragVisible,\n      isGroup,\n      handleMouseLeave,\n      handleHeaderFooterMousewheel,\n      tableSize,\n      bodyHeight,\n      height,\n      emptyBlockStyle,\n      handleFixedMousewheel,\n      fixedHeight,\n      fixedBodyHeight,\n      resizeProxyVisible,\n      bodyWidth,\n      resizeState,\n      doLayout,\n      tableBodyStyles,\n    } = useStyle<Row>(props, layout, store, table)\n\n    const debouncedUpdateLayout = debounce(doLayout, 50)\n\n    const tableId = `el-table_${tableIdSeed++}`\n    table.tableId = tableId\n    table.state = {\n      isGroup,\n      resizeState,\n      doLayout,\n      debouncedUpdateLayout,\n    }\n    const computedSumText = computed(\n      () => props.sumText || t('el.table.sumText')\n    )\n\n    const computedEmptyText = computed(() => {\n      return props.emptyText || t('el.table.emptyText')\n    })\n\n    return {\n      layout,\n      store,\n      handleHeaderFooterMousewheel,\n      handleMouseLeave,\n      tableId,\n      tableSize,\n      isHidden,\n      isEmpty,\n      renderExpanded,\n      resizeProxyVisible,\n      resizeState,\n      isGroup,\n      bodyWidth,\n      bodyHeight,\n      height,\n      tableBodyStyles,\n      emptyBlockStyle,\n      debouncedUpdateLayout,\n      handleFixedMousewheel,\n      fixedHeight,\n      fixedBodyHeight,\n      setCurrentRow,\n      toggleRowSelection,\n      clearSelection,\n      clearFilter,\n      toggleAllSelection,\n      toggleRowExpansion,\n      clearSort,\n      doLayout,\n      sort,\n      t,\n      setDragVisible,\n      context: table,\n      computedSumText,\n      computedEmptyText,\n    }\n  },\n})\n</script>\n"],"names":["_normalizeStyle"],"mappings":";;;;;;;;;EA2BW,KAAI;EAAgB;;;;EAKvB,KAAI;EAEJ;;;;;EAqCI,KAAI;EACJ;;;;EAMwB;;;;EAK9B,KAAI;EAEJ;;;EAaA,KAAI;EACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBApEkB;;;iBAMX;;8BAEY;kCACF;;;;;;;;;WAKT;;;;;;;;;;cAGD,OAAOA;uBACE;;;2CAGU;cACnB,KAAK;cACL;cACA,KAAK;;;;;;;;4CAOE;uBACH;;kBAEL;;;;;;;;;;;;;;;;;;;;;0CAeR;;;;;;;"}

package/lib/components/tabs/src/tab-bar.vue_vue_type_script_lang.js

@@ -1,70 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var shared = require('@vue/shared');
-var core = require('@vueuse/core');
-require('../../../tokens/index.js');
-var error = require('../../../utils/error.js');
-var tabBar = require('./tab-bar.js');
-var tabs = require('../../../tokens/tabs.js');
-
-const COMPONENT_NAME = "ElTabBar";
-var script = vue.defineComponent({
-  name: COMPONENT_NAME,
-  props: tabBar.tabBar,
-  setup(props) {
-    const instance = vue.getCurrentInstance();
-    const rootTabs = vue.inject(tabs.tabsRootContextKey);
-    if (!rootTabs)
-      error.throwError(COMPONENT_NAME, "must use with ElTabs");
-    const bar$ = vue.ref();
-    const barStyle = vue.ref();
-    const getBarStyle = () => {
-      let offset = 0;
-      let tabSize = 0;
-      const sizeName = ["top", "bottom"].includes(rootTabs.props.tabPosition) ? "width" : "height";
-      const sizeDir = sizeName === "width" ? "x" : "y";
-      props.tabs.every((tab) => {
-        var _a, _b, _c, _d;
-        const $el = (_b = (_a = instance.parent) == null ? void 0 : _a.refs) == null ? void 0 : _b[`tab-${tab.paneName}`];
-        if (!$el)
-          return false;
-        if (!tab.active) {
-          return true;
-        }
-        tabSize = $el[`client${shared.capitalize(sizeName)}`];
-        const position = sizeDir === "x" ? "left" : "top";
-        offset = $el.getBoundingClientRect()[position] - ((_d = (_c = $el.parentElement) == null ? void 0 : _c.getBoundingClientRect()[position]) != null ? _d : 0);
-        const tabStyles = window.getComputedStyle($el);
-        if (sizeName === "width") {
-          if (props.tabs.length > 1) {
-            tabSize -= parseFloat(tabStyles.paddingLeft) + parseFloat(tabStyles.paddingRight);
-          }
-          offset += parseFloat(tabStyles.paddingLeft);
-        }
-        return false;
-      });
-      return {
-        [sizeName]: `${tabSize}px`,
-        transform: `translate${shared.capitalize(sizeDir)}(${offset}px)`
-      };
-    };
-    const update = () => barStyle.value = getBarStyle();
-    vue.watch(() => props.tabs, async () => {
-      await vue.nextTick();
-      update();
-    }, { immediate: true });
-    core.useResizeObserver(bar$, () => update());
-    return {
-      bar$,
-      rootTabs,
-      barStyle,
-      update
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=tab-bar.vue_vue_type_script_lang.js.map

package/lib/components/tabs/src/tab-bar.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-bar.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/tabs/src/tab-bar.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"bar$\"\n    :class=\"['el-tabs__active-bar', `is-${rootTabs.props.tabPosition}`]\"\n    :style=\"barStyle\"\n  ></div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  getCurrentInstance,\n  watch,\n  nextTick,\n  ref,\n} from 'vue'\nimport { capitalize } from '@vue/shared'\nimport { useResizeObserver } from '@vueuse/core'\nimport { tabsRootContextKey } from '@element-plus/tokens'\nimport { throwError } from '@element-plus/utils/error'\nimport { tabBar } from './tab-bar'\n\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElTabBar'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  props: tabBar,\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const rootTabs = inject(tabsRootContextKey)\n    if (!rootTabs) throwError(COMPONENT_NAME, 'must use with ElTabs')\n\n    const bar$ = ref<HTMLDivElement>()\n    const barStyle = ref()\n\n    const getBarStyle = (): CSSProperties => {\n      let offset = 0\n      let tabSize = 0\n\n      const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n        ? 'width'\n        : 'height'\n      const sizeDir = sizeName === 'width' ? 'x' : 'y'\n\n      props.tabs.every((tab) => {\n        const $el = instance.parent?.refs?.[\n          `tab-${tab.paneName}`\n        ] as HTMLElement\n        if (!$el) return false\n\n        if (!tab.active) {\n          return true\n        }\n\n        tabSize = $el[`client${capitalize(sizeName)}`]\n        const position = sizeDir === 'x' ? 'left' : 'top'\n        offset =\n          $el.getBoundingClientRect()[position] -\n          ($el.parentElement?.getBoundingClientRect()[position] ?? 0)\n        const tabStyles = window.getComputedStyle($el)\n\n        if (sizeName === 'width') {\n          if (props.tabs.length > 1) {\n            tabSize -=\n              parseFloat(tabStyles.paddingLeft) +\n              parseFloat(tabStyles.paddingRight)\n          }\n          offset += parseFloat(tabStyles.paddingLeft)\n        }\n        return false\n      })\n\n      return {\n        [sizeName]: `${tabSize}px`,\n        transform: `translate${capitalize(sizeDir)}(${offset}px)`,\n      }\n    }\n\n    const update = () => (barStyle.value = getBarStyle())\n\n    watch(\n      () => props.tabs,\n      async () => {\n        await nextTick()\n        update()\n      },\n      { immediate: true }\n    )\n    useResizeObserver(bar$, () => update())\n\n    return {\n      bar$,\n      rootTabs,\n      barStyle,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["getCurrentInstance","inject","ref","capitalize","nextTick"],"mappings":";;;;;;;;;;;;AAoBA,oBAAoB,GAAG,UAAU;;AAEjC,EAAE,MAAM,cAAc;;AAEtB,EAAE,KAAK,CAAC,KAAK,EAAE;AACf,IAAI,MAAM,QAAQ,GAAGA;IACjB,MAAM,QAAQ,GAAGC;IACjB,KAAK;;IAEL,MAAM;IACN,MAAM,WAAWC,OAAG,EAAE,CAAC;IACvB,MAAM,WAAW,GAAG,MAAM;UACpB,MAAM,GAAG,CAAC,CAAC;;MAEf,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE;MACzB,MAAM,OAAO,GAAG;;QAEd,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;QAClB,MAAM,GAAG;QACT,IAAI,CAAC,GAAG;;QAER,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;UACf;;QAEF,OAAO,GAAG,IAAI,CAAC,MAAM,EAAEC,iBAAU,UAAU,CAAC,CAAC;;QAE7C,MAAM,GAAG,GAAG,CAAC;QACb,MAAM,SAAS,GAAG,MAAM,CAAC;YACrB,QAAQ,KAAK;UACf,IAAI,KAAK,CAAC;YACR,OAAO,IAAI;;gBAEP,IAAI;;QAEZ;;aAEK;QACL,CAAC,QAAQ,GAAG,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC;QAC1B;;;UAGE,MAAM,GAAG,cAAc,CAAC,KAAK,GAAG,WAAW;;YAEzCC,cAAU,CAAC;cACT,CAAC;kBACG,EAAE;0BACC,CAAC,IAAI,EAAE,MAAM,MAAM,EAAE,CAAC,CAAC;;UAElC;cACI;;YAEF;MACN;;;;;;"}

package/lib/components/tabs/src/tab-bar.vue_vue_type_template_id_09e034e4_lang.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", {
-    ref: "bar$",
-    class: vue.normalizeClass(["el-tabs__active-bar", `is-${_ctx.rootTabs.props.tabPosition}`]),
-    style: vue.normalizeStyle(_ctx.barStyle)
-  }, null, 6);
-}
-
-exports.render = render;
-//# sourceMappingURL=tab-bar.vue_vue_type_template_id_09e034e4_lang.js.map

package/lib/components/tabs/src/tab-bar.vue_vue_type_template_id_09e034e4_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-bar.vue_vue_type_template_id_09e034e4_lang.js","sources":["../../../../../../packages/components/tabs/src/tab-bar.vue?vue&type=template&id=09e034e4&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"bar$\"\n    :class=\"['el-tabs__active-bar', `is-${rootTabs.props.tabPosition}`]\"\n    :style=\"barStyle\"\n  ></div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  getCurrentInstance,\n  watch,\n  nextTick,\n  ref,\n} from 'vue'\nimport { capitalize } from '@vue/shared'\nimport { useResizeObserver } from '@vueuse/core'\nimport { tabsRootContextKey } from '@element-plus/tokens'\nimport { throwError } from '@element-plus/utils/error'\nimport { tabBar } from './tab-bar'\n\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElTabBar'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  props: tabBar,\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const rootTabs = inject(tabsRootContextKey)\n    if (!rootTabs) throwError(COMPONENT_NAME, 'must use with ElTabs')\n\n    const bar$ = ref<HTMLDivElement>()\n    const barStyle = ref()\n\n    const getBarStyle = (): CSSProperties => {\n      let offset = 0\n      let tabSize = 0\n\n      const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n        ? 'width'\n        : 'height'\n      const sizeDir = sizeName === 'width' ? 'x' : 'y'\n\n      props.tabs.every((tab) => {\n        const $el = instance.parent?.refs?.[\n          `tab-${tab.paneName}`\n        ] as HTMLElement\n        if (!$el) return false\n\n        if (!tab.active) {\n          return true\n        }\n\n        tabSize = $el[`client${capitalize(sizeName)}`]\n        const position = sizeDir === 'x' ? 'left' : 'top'\n        offset =\n          $el.getBoundingClientRect()[position] -\n          ($el.parentElement?.getBoundingClientRect()[position] ?? 0)\n        const tabStyles = window.getComputedStyle($el)\n\n        if (sizeName === 'width') {\n          if (props.tabs.length > 1) {\n            tabSize -=\n              parseFloat(tabStyles.paddingLeft) +\n              parseFloat(tabStyles.paddingRight)\n          }\n          offset += parseFloat(tabStyles.paddingLeft)\n        }\n        return false\n      })\n\n      return {\n        [sizeName]: `${tabSize}px`,\n        transform: `translate${capitalize(sizeDir)}(${offset}px)`,\n      }\n    }\n\n    const update = () => (barStyle.value = getBarStyle())\n\n    watch(\n      () => props.tabs,\n      async () => {\n        await nextTick()\n        update()\n      },\n      { immediate: true }\n    )\n    useResizeObserver(bar$, () => update())\n\n    return {\n      bar$,\n      rootTabs,\n      barStyle,\n      update,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;IAEI,KAAI;IACH,KAAK;SACA;;;;;"}

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

@@ -1,49 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var core = require('@vueuse/core');
-require('../../../tokens/index.js');
-var error = require('../../../utils/error.js');
-var tabPane = require('./tab-pane.js');
-var tabs = require('../../../tokens/tabs.js');
-
-const COMPONENT_NAME = "ElTabPane";
-var script = vue.defineComponent({
-  name: COMPONENT_NAME,
-  props: tabPane.tabPaneProps,
-  setup(props) {
-    const instance = vue.getCurrentInstance();
-    const tabsRoot = vue.inject(tabs.tabsRootContextKey);
-    if (!tabsRoot)
-      error.throwError(COMPONENT_NAME, `must use with ElTabs`);
-    const index = vue.ref();
-    const loaded = vue.ref(false);
-    const isClosable = vue.computed(() => props.closable || tabsRoot.props.closable);
-    const active = core.eagerComputed(() => tabsRoot.currentName.value === (props.name || index.value));
-    const paneName = vue.computed(() => props.name || index.value);
-    const shouldBeRender = core.eagerComputed(() => !props.lazy || loaded.value || active.value);
-    vue.watch(active, (val) => {
-      if (val)
-        loaded.value = true;
-    });
-    tabsRoot.updatePaneState(vue.reactive({
-      uid: instance.uid,
-      instance: vue.markRaw(instance),
-      props,
-      paneName,
-      active,
-      index,
-      isClosable
-    }));
-    return {
-      active,
-      paneName,
-      shouldBeRender
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=tab-pane.vue_vue_type_script_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tab-pane.vue_vue_type_script_lang.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=\"el-tab-pane\"\n    role=\"tabpanel\"\n    :aria-hidden=\"!active\"\n    :aria-labelledby=\"`tab-${paneName}`\"\n  >\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  ref,\n  computed,\n  inject,\n  getCurrentInstance,\n  watch,\n  markRaw,\n  reactive,\n} from 'vue'\nimport { eagerComputed } from '@vueuse/core'\nimport { tabsRootContextKey } from '@element-plus/tokens'\nimport { throwError } from '@element-plus/utils/error'\nimport { tabPaneProps } from './tab-pane'\n\nconst COMPONENT_NAME = 'ElTabPane'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  props: tabPaneProps,\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const tabsRoot = inject(tabsRootContextKey)\n    if (!tabsRoot) throwError(COMPONENT_NAME, `must use with ElTabs`)\n\n    const index = ref<string>()\n    const loaded = ref(false)\n    const isClosable = computed(() => props.closable || tabsRoot.props.closable)\n    const active = eagerComputed(\n      () => tabsRoot.currentName.value === (props.name || index.value)\n    )\n    const paneName = computed(() => props.name || index.value)\n    const shouldBeRender = eagerComputed(\n      () => !props.lazy || loaded.value || active.value\n    )\n\n    watch(active, (val) => {\n      if (val) loaded.value = true\n    })\n\n    tabsRoot.updatePaneState(\n      reactive({\n        uid: instance.uid,\n        instance: markRaw(instance),\n        props,\n        paneName,\n        active,\n        index,\n        isClosable,\n      })\n    )\n\n    return {\n      active,\n      paneName,\n      shouldBeRender,\n    }\n  },\n})\n</script>\n"],"names":["getCurrentInstance","inject","throwError","ref","eagerComputed","computed","watch","reactive"],"mappings":";;;;;;;;;;;AA2BA,oBAAoB,cAAc,CAAC;;AAEnC,EAAE,IAAI,EAAE;;AAER,EAAE,KAAK,CAAC,KAAK,EAAE;IACX,MAAM,QAAQ,GAAGA;IACjB,MAAM,QAAQ,GAAGC;IACjB,IAAI,CAAC;MACHC,gBAAU,CAAC,cAAc,EAAE,CAAC;IAC9B,MAAM,KAAK,UAAM,EAAE,CAAC;IACpB,MAAM,MAAM,GAAGC,OAAG,CAAC,KAAK,CAAC,CAAC;;IAE1B,MAAM,MAAM,GAAGC;IACf,MAAM,WAAWC;IACjB,MAAM,cAAc,GAAGD,kBAAa,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,MAAM,CAAC,KAAK,IAAI;IAC1EE,UAAM,SAAS,GAAG,KAAK;MACrB,IAAI,GAAG;;KAER,CAAC,CAAC;IACH,QAAQ,CAAC,eAAe,CAACC,YAAQ,CAAC;MAChC,GAAG,UAAU,CAAC;;;MAGd,QAAQ;MACR,MAAM;;;KAGP,CAAC,CAAC,CAAC;WACG;;cAEG;;;;;;;;"}

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

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["id", "aria-hidden", "aria-labelledby"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.shouldBeRender ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-    key: 0,
-    id: `pane-${_ctx.paneName}`,
-    class: "el-tab-pane",
-    role: "tabpanel",
-    "aria-hidden": !_ctx.active,
-    "aria-labelledby": `tab-${_ctx.paneName}`
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 8, _hoisted_1)), [
-    [vue.vShow, _ctx.active]
-  ]) : vue.createCommentVNode("v-if", true);
-}
-
-exports.render = render;
-//# sourceMappingURL=tab-pane.vue_vue_type_template_id_46ec5d32_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tab-pane.vue_vue_type_template_id_46ec5d32_lang.js","sources":["../../../../../../packages/components/tabs/src/tab-pane.vue?vue&type=template&id=46ec5d32&lang.js"],"sourcesContent":["<template>\n  <div\n    v-if=\"shouldBeRender\"\n    v-show=\"active\"\n    :id=\"`pane-${paneName}`\"\n    class=\"el-tab-pane\"\n    role=\"tabpanel\"\n    :aria-hidden=\"!active\"\n    :aria-labelledby=\"`tab-${paneName}`\"\n  >\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  ref,\n  computed,\n  inject,\n  getCurrentInstance,\n  watch,\n  markRaw,\n  reactive,\n} from 'vue'\nimport { eagerComputed } from '@vueuse/core'\nimport { tabsRootContextKey } from '@element-plus/tokens'\nimport { throwError } from '@element-plus/utils/error'\nimport { tabPaneProps } from './tab-pane'\n\nconst COMPONENT_NAME = 'ElTabPane'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  props: tabPaneProps,\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const tabsRoot = inject(tabsRootContextKey)\n    if (!tabsRoot) throwError(COMPONENT_NAME, `must use with ElTabs`)\n\n    const index = ref<string>()\n    const loaded = ref(false)\n    const isClosable = computed(() => props.closable || tabsRoot.props.closable)\n    const active = eagerComputed(\n      () => tabsRoot.currentName.value === (props.name || index.value)\n    )\n    const paneName = computed(() => props.name || index.value)\n    const shouldBeRender = eagerComputed(\n      () => !props.lazy || loaded.value || active.value\n    )\n\n    watch(active, (val) => {\n      if (val) loaded.value = true\n    })\n\n    tabsRoot.updatePaneState(\n      reactive({\n        uid: instance.uid,\n        instance: markRaw(instance),\n        props,\n        paneName,\n        active,\n        index,\n        isClosable,\n      })\n    )\n\n    return {\n      active,\n      paneName,\n      shouldBeRender,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;6BAEwB;;;oBAEP;;;wBAGD;QACX;;;;;;;"}

package/lib/components/tag/src/tag.vue_vue_type_script_lang.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../../icon/index.js');
-var iconsVue = require('@element-plus/icons-vue');
-require('../../../hooks/index.js');
-var tag = require('./tag.js');
-var index$1 = require('../../../hooks/use-common-props/index.js');
-
-var script = vue.defineComponent({
-  name: "ElTag",
-  components: { ElIcon: index.ElIcon, Close: iconsVue.Close },
-  props: tag.tagProps,
-  emits: tag.tagEmits,
-  setup(props, { emit }) {
-    const tagSize = index$1.useSize();
-    const classes = vue.computed(() => {
-      const { type, hit, effect, closable } = props;
-      return [
-        "el-tag",
-        closable && "is-closable",
-        type ? `el-tag--${type}` : "",
-        tagSize.value ? `el-tag--${tagSize.value}` : "",
-        effect ? `el-tag--${effect}` : "",
-        hit && "is-hit"
-      ];
-    });
-    const handleClose = (event) => {
-      event.stopPropagation();
-      emit("close", event);
-    };
-    const handleClick = (event) => {
-      emit("click", event);
-    };
-    return {
-      classes,
-      handleClose,
-      handleClick
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=tag.vue_vue_type_script_lang.js.map

package/lib/components/tag/src/tag.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n  <span\n    v-if=\"!disableTransitions\"\n    :class=\"classes\"\n    :style=\"{ backgroundColor: color }\"\n    @click=\"handleClick\"\n  >\n    <span class=\"el-tag__content\">\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"closable\" class=\"el-tag__close\" @click=\"handleClose\">\n      <close />\n    </el-icon>\n  </span>\n  <transition v-else name=\"el-zoom-in-center\">\n    <span\n      :class=\"classes\"\n      :style=\"{ backgroundColor: color }\"\n      @click=\"handleClick\"\n    >\n      <span class=\"el-tag__content\">\n        <slot></slot>\n      </span>\n      <el-icon v-if=\"closable\" class=\"el-tag__close\" @click=\"handleClose\">\n        <close />\n      </el-icon>\n    </span>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { useSize } from '@element-plus/hooks'\nimport { tagProps, tagEmits } from './tag'\n\nexport default defineComponent({\n  name: 'ElTag',\n\n  components: { ElIcon, Close },\n\n  props: tagProps,\n  emits: tagEmits,\n\n  setup(props, { emit }) {\n    const tagSize = useSize()\n    const classes = computed(() => {\n      const { type, hit, effect, closable } = props\n      return [\n        'el-tag',\n        closable && 'is-closable',\n        type ? `el-tag--${type}` : '',\n        tagSize.value ? `el-tag--${tagSize.value}` : '',\n        effect ? `el-tag--${effect}` : '',\n        hit && 'is-hit',\n      ]\n    })\n\n    // methods\n    const handleClose = (event: MouseEvent) => {\n      event.stopPropagation()\n      emit('close', event)\n    }\n\n    const handleClick = (event: MouseEvent) => {\n      emit('click', event)\n    }\n\n    return {\n      classes,\n      handleClose,\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","tagProps","tagEmits","useSize"],"mappings":";;;;;;;;;;;AAmCA,aAAeA,mBAAe,CAAC;AAC/B,EAAE,aAAa;;AAEf,EAAE,KAAK,EAAEC,YAAQ;EACf,OAAOC;;IAEL,MAAM,OAAO,GAAGC,eAAO,GAAG;;MAExB,MAAM,EAAE;MACR,OAAO;;QAEL,YAAY;QACZ,IAAI,GAAG,CAAC,QAAQ,EAAE;QAClB,OAAO,CAAC,KAAK,GAAG,CAAC,QAAQ,EAAE;QAC3B,MAAM,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG;QAC/B,GAAG;QACH;;UAEE,WAAW,GAAG,CAAC,KAAK,KAAK;WACxB,CAAC,eAAe,EAAE,CAAC;UACpB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;;;;;IAKvB,OAAO;MACL,OAAO;MACP,WAAW;MACX,WAAW;;;;;;;"}

package/lib/components/tag/src/tag.vue_vue_type_template_id_525996c5_lang.js

@@ -1,61 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = { class: "el-tag__content" };
-const _hoisted_2 = { class: "el-tag__content" };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_close = vue.resolveComponent("close");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  return !_ctx.disableTransitions ? (vue.openBlock(), vue.createElementBlock("span", {
-    key: 0,
-    class: vue.normalizeClass(_ctx.classes),
-    style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [
-    vue.createElementVNode("span", _hoisted_1, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ]),
-    _ctx.closable ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-      key: 0,
-      class: "el-tag__close",
-      onClick: _ctx.handleClose
-    }, {
-      default: vue.withCtx(() => [
-        vue.createVNode(_component_close)
-      ]),
-      _: 1
-    }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
-  ], 6)) : (vue.openBlock(), vue.createBlock(vue.Transition, {
-    key: 1,
-    name: "el-zoom-in-center"
-  }, {
-    default: vue.withCtx(() => [
-      vue.createElementVNode("span", {
-        class: vue.normalizeClass(_ctx.classes),
-        style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
-        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-      }, [
-        vue.createElementVNode("span", _hoisted_2, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _ctx.closable ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-          key: 0,
-          class: "el-tag__close",
-          onClick: _ctx.handleClose
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_close)
-          ]),
-          _: 1
-        }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
-      ], 6)
-    ]),
-    _: 3
-  }));
-}
-
-exports.render = render;
-//# sourceMappingURL=tag.vue_vue_type_template_id_525996c5_lang.js.map

package/lib/components/tag/src/tag.vue_vue_type_template_id_525996c5_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag.vue_vue_type_template_id_525996c5_lang.js","sources":["../../../../../../packages/components/tag/src/tag.vue?vue&type=template&id=525996c5&lang.js"],"sourcesContent":["<template>\n  <span\n    v-if=\"!disableTransitions\"\n    :class=\"classes\"\n    :style=\"{ backgroundColor: color }\"\n    @click=\"handleClick\"\n  >\n    <span class=\"el-tag__content\">\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"closable\" class=\"el-tag__close\" @click=\"handleClose\">\n      <close />\n    </el-icon>\n  </span>\n  <transition v-else name=\"el-zoom-in-center\">\n    <span\n      :class=\"classes\"\n      :style=\"{ backgroundColor: color }\"\n      @click=\"handleClick\"\n    >\n      <span class=\"el-tag__content\">\n        <slot></slot>\n      </span>\n      <el-icon v-if=\"closable\" class=\"el-tag__close\" @click=\"handleClose\">\n        <close />\n      </el-icon>\n    </span>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { useSize } from '@element-plus/hooks'\nimport { tagProps, tagEmits } from './tag'\n\nexport default defineComponent({\n  name: 'ElTag',\n\n  components: { ElIcon, Close },\n\n  props: tagProps,\n  emits: tagEmits,\n\n  setup(props, { emit }) {\n    const tagSize = useSize()\n    const classes = computed(() => {\n      const { type, hit, effect, closable } = props\n      return [\n        'el-tag',\n        closable && 'is-closable',\n        type ? `el-tag--${type}` : '',\n        tagSize.value ? `el-tag--${tagSize.value}` : '',\n        effect ? `el-tag--${effect}` : '',\n        hit && 'is-hit',\n      ]\n    })\n\n    // methods\n    const handleClose = (event: MouseEvent) => {\n      event.stopPropagation()\n      emit('close', event)\n    }\n\n    const handleClick = (event: MouseEvent) => {\n      emit('click', event)\n    }\n\n    return {\n      classes,\n      handleClose,\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["_normalizeStyle"],"mappings":";;;;;;;qBAOU,KAAK,EAAC,iBAAiB;sCAaE;;;;;;WAlBxBA;qBADT;;;;;;;;;;;;;;;;;;;;;;;;;;6BAcE;UAAA;YACG,0BAAO;;;;;;;;;;;;;;;;;;"}

package/lib/components/teleport/src/teleport.vue_vue_type_script_lang.js

@@ -1,31 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var teleport = require('./teleport.js');
-
-var script = vue.defineComponent({
-  props: teleport.elTeleportProps,
-  setup(props) {
-    const containerRef = vue.ref();
-    const containerStyle = vue.computed(() => {
-      return props.container === "body" ? [
-        props.style,
-        {
-          position: "absolute",
-          top: `0px`,
-          left: `0px`,
-          zIndex: props.zIndex
-        }
-      ] : {};
-    });
-    return {
-      containerRef,
-      containerStyle
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=teleport.vue_vue_type_script_lang.js.map

package/lib/components/teleport/src/teleport.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"teleport.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/teleport/src/teleport.vue"],"sourcesContent":["<template>\n  <teleport v-if=\"container\" :to=\"container\" :disabled=\"disabled\">\n    <div ref=\"containerRef\" class=\"el-teleport\" :style=\"containerStyle\">\n      <slot />\n    </div>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { elTeleportProps } from './teleport'\n\nexport default defineComponent({\n  props: elTeleportProps,\n  setup(props) {\n    const containerRef = ref<HTMLElement>()\n    const containerStyle = computed(() => {\n      return props.container === 'body'\n        ? [\n            props.style,\n            {\n              position: 'absolute',\n              top: `0px`,\n              left: `0px`,\n              zIndex: props.zIndex,\n            },\n          ]\n        : {}\n    })\n    return {\n      containerRef,\n      containerStyle,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent"],"mappings":";;;;;;;AAUA,aAAeA,mBAAe;;AAE9B,EAAE,KAAK,CAAC,KAAK,EAAE;IACX,MAAM,YAAY;IAClB,MAAM;MACJ,OAAO,KAAK,CAAC,SAAS,KAAK,MAAM,GAAG;QAClC,KAAK,CAAC,KAAK;QACX;UACE;aACG,EAAE,CAAC,GAAG,CAAC;;gBAEJ,EAAE,MAAM,MAAM;;;;;;;KAOzB;;;;;;"}

package/lib/components/teleport/src/teleport.vue_vue_type_template_id_787c6a36_lang.js

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.container ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
-    key: 0,
-    to: _ctx.container,
-    disabled: _ctx.disabled
-  }, [
-    vue.createElementVNode("div", {
-      ref: "containerRef",
-      class: "el-teleport",
-      style: vue.normalizeStyle(_ctx.containerStyle)
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 4)
-  ], 8, ["to", "disabled"])) : vue.createCommentVNode("v-if", true);
-}
-
-exports.render = render;
-//# sourceMappingURL=teleport.vue_vue_type_template_id_787c6a36_lang.js.map

package/lib/components/teleport/src/teleport.vue_vue_type_template_id_787c6a36_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"teleport.vue_vue_type_template_id_787c6a36_lang.js","sources":["../../../../../../packages/components/teleport/src/teleport.vue?vue&type=template&id=787c6a36&lang.js"],"sourcesContent":["<template>\n  <teleport v-if=\"container\" :to=\"container\" :disabled=\"disabled\">\n    <div ref=\"containerRef\" class=\"el-teleport\" :style=\"containerStyle\">\n      <slot />\n    </div>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { elTeleportProps } from './teleport'\n\nexport default defineComponent({\n  props: elTeleportProps,\n  setup(props) {\n    const containerRef = ref<HTMLElement>()\n    const containerStyle = computed(() => {\n      return props.container === 'body'\n        ? [\n            props.style,\n            {\n              position: 'absolute',\n              top: `0px`,\n              left: `0px`,\n              zIndex: props.zIndex,\n            },\n          ]\n        : {}\n    })\n    return {\n      containerRef,\n      containerStyle,\n    }\n  },\n})\n</script>\n"],"names":["_normalizeStyle"],"mappings":";;;;;;;;UACkB;;;;kCAA8C;;;aACpDA;;;;;;;;;"}