element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/lib/components/tabs/src/tab-nav.vue_vue&type=script&lang.js

@@ -1,348 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var shared = require('@vue/shared');
-var aria = require('../../../utils/aria.js');
-var resizeEvent = require('../../../utils/resize-event.js');
-var dom = require('../../../utils/dom.js');
-var error = require('../../../utils/error.js');
-var index = require('../../icon/index.js');
-var icons = require('@element-plus/icons');
-require('./tab-bar.js');
-var tabBar_vue_vue_type_script_lang = require('./tab-bar.vue_vue&type=script&lang.js');
-
-var script = vue.defineComponent({
-  name: "ElTabNav",
-  components: {
-    TabBar: tabBar_vue_vue_type_script_lang["default"]
-  },
-  props: {
-    panes: {
-      type: Array,
-      default: () => []
-    },
-    currentName: {
-      type: String,
-      default: ""
-    },
-    editable: Boolean,
-    onTabClick: {
-      type: Function,
-      default: shared.NOOP
-    },
-    onTabRemove: {
-      type: Function,
-      default: shared.NOOP
-    },
-    type: {
-      type: String,
-      default: ""
-    },
-    stretch: Boolean
-  },
-  setup() {
-    const rootTabs = vue.inject("rootTabs");
-    if (!rootTabs) {
-      error.throwError("[ElTabNav]", `ElTabNav must be nested inside ElTabs`);
-    }
-    const scrollable = vue.ref(false);
-    const navOffset = vue.ref(0);
-    const isFocus = vue.ref(false);
-    const focusable = vue.ref(true);
-    const navScroll$ = vue.ref(null);
-    const nav$ = vue.ref(null);
-    const el$ = vue.ref(null);
-    const sizeName = vue.computed(() => {
-      return ["top", "bottom"].includes(rootTabs.props.tabPosition) ? "width" : "height";
-    });
-    const navStyle = vue.computed(() => {
-      const dir = sizeName.value === "width" ? "X" : "Y";
-      return {
-        transform: `translate${dir}(-${navOffset.value}px)`
-      };
-    });
-    const scrollPrev = () => {
-      const containerSize = navScroll$.value[`offset${shared.capitalize(sizeName.value)}`];
-      const currentOffset = navOffset.value;
-      if (!currentOffset)
-        return;
-      const newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;
-      navOffset.value = newOffset;
-    };
-    const scrollNext = () => {
-      const navSize = nav$.value[`offset${shared.capitalize(sizeName.value)}`];
-      const containerSize = navScroll$.value[`offset${shared.capitalize(sizeName.value)}`];
-      const currentOffset = navOffset.value;
-      if (navSize - currentOffset <= containerSize)
-        return;
-      const newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
-      navOffset.value = newOffset;
-    };
-    const scrollToActiveTab = () => {
-      if (!scrollable.value)
-        return;
-      const nav = nav$.value;
-      const activeTab = el$.value.querySelector(".is-active");
-      if (!activeTab)
-        return;
-      const navScroll = navScroll$.value;
-      const isHorizontal = ["top", "bottom"].includes(rootTabs.props.tabPosition);
-      const activeTabBounding = activeTab.getBoundingClientRect();
-      const navScrollBounding = navScroll.getBoundingClientRect();
-      const maxOffset = isHorizontal ? nav.offsetWidth - navScrollBounding.width : nav.offsetHeight - navScrollBounding.height;
-      const currentOffset = navOffset.value;
-      let newOffset = currentOffset;
-      if (isHorizontal) {
-        if (activeTabBounding.left < navScrollBounding.left) {
-          newOffset = currentOffset - (navScrollBounding.left - activeTabBounding.left);
-        }
-        if (activeTabBounding.right > navScrollBounding.right) {
-          newOffset = currentOffset + activeTabBounding.right - navScrollBounding.right;
-        }
-      } else {
-        if (activeTabBounding.top < navScrollBounding.top) {
-          newOffset = currentOffset - (navScrollBounding.top - activeTabBounding.top);
-        }
-        if (activeTabBounding.bottom > navScrollBounding.bottom) {
-          newOffset = currentOffset + (activeTabBounding.bottom - navScrollBounding.bottom);
-        }
-      }
-      newOffset = Math.max(newOffset, 0);
-      navOffset.value = Math.min(newOffset, maxOffset);
-    };
-    const update = () => {
-      if (!nav$.value)
-        return;
-      const navSize = nav$.value[`offset${shared.capitalize(sizeName.value)}`];
-      const containerSize = navScroll$.value[`offset${shared.capitalize(sizeName.value)}`];
-      const currentOffset = navOffset.value;
-      if (containerSize < navSize) {
-        const currentOffset2 = navOffset.value;
-        scrollable.value = scrollable.value || {};
-        scrollable.value.prev = currentOffset2;
-        scrollable.value.next = currentOffset2 + containerSize < navSize;
-        if (navSize - currentOffset2 < containerSize) {
-          navOffset.value = navSize - containerSize;
-        }
-      } else {
-        scrollable.value = false;
-        if (currentOffset > 0) {
-          navOffset.value = 0;
-        }
-      }
-    };
-    const changeTab = (e) => {
-      const code = e.code;
-      let nextIndex;
-      let currentIndex, tabList;
-      const { up, down, left, right } = aria.EVENT_CODE;
-      if ([up, down, left, right].indexOf(code) !== -1) {
-        tabList = e.currentTarget.querySelectorAll("[role=tab]");
-        currentIndex = Array.prototype.indexOf.call(tabList, e.target);
-      } else {
-        return;
-      }
-      if (code === left || code === up) {
-        if (currentIndex === 0) {
-          nextIndex = tabList.length - 1;
-        } else {
-          nextIndex = currentIndex - 1;
-        }
-      } else {
-        if (currentIndex < tabList.length - 1) {
-          nextIndex = currentIndex + 1;
-        } else {
-          nextIndex = 0;
-        }
-      }
-      tabList[nextIndex].focus();
-      tabList[nextIndex].click();
-      setFocus();
-    };
-    const setFocus = () => {
-      if (focusable.value) {
-        isFocus.value = true;
-      }
-    };
-    const removeFocus = () => {
-      isFocus.value = false;
-    };
-    const visibilityChangeHandler = () => {
-      const visibility = document.visibilityState;
-      if (visibility === "hidden") {
-        focusable.value = false;
-      } else if (visibility === "visible") {
-        setTimeout(() => {
-          focusable.value = true;
-        }, 50);
-      }
-    };
-    const windowBlurHandler = () => {
-      focusable.value = false;
-    };
-    const windowFocusHandler = () => {
-      setTimeout(() => {
-        focusable.value = true;
-      }, 50);
-    };
-    vue.onUpdated(() => {
-      update();
-    });
-    vue.onMounted(() => {
-      resizeEvent.addResizeListener(el$.value, update);
-      dom.on(document, "visibilitychange", visibilityChangeHandler);
-      dom.on(window, "blur", windowBlurHandler);
-      dom.on(window, "focus", windowFocusHandler);
-      setTimeout(() => {
-        scrollToActiveTab();
-      }, 0);
-    });
-    vue.onBeforeUnmount(() => {
-      if (el$.value) {
-        resizeEvent.removeResizeListener(el$.value, update);
-      }
-      dom.off(document, "visibilitychange", visibilityChangeHandler);
-      dom.off(window, "blur", windowBlurHandler);
-      dom.off(window, "focus", windowFocusHandler);
-    });
-    return {
-      rootTabs,
-      scrollable,
-      navOffset,
-      isFocus,
-      focusable,
-      navScroll$,
-      nav$,
-      el$,
-      sizeName,
-      navStyle,
-      scrollPrev,
-      scrollNext,
-      scrollToActiveTab,
-      update,
-      changeTab,
-      setFocus,
-      removeFocus,
-      visibilityChangeHandler,
-      windowBlurHandler,
-      windowFocusHandler
-    };
-  },
-  render() {
-    const {
-      type,
-      panes,
-      editable,
-      stretch,
-      onTabClick,
-      onTabRemove,
-      navStyle,
-      scrollable,
-      scrollNext,
-      scrollPrev,
-      changeTab,
-      setFocus,
-      removeFocus,
-      rootTabs,
-      isFocus
-    } = this;
-    const scrollBtn = scrollable ? [
-      vue.h("span", {
-        class: [
-          "el-tabs__nav-prev",
-          scrollable.prev ? "" : "is-disabled"
-        ],
-        onClick: scrollPrev
-      }, [vue.h(index.ElIcon, {}, { default: () => vue.h(icons.ArrowLeft) })]),
-      vue.h("span", {
-        class: [
-          "el-tabs__nav-next",
-          scrollable.next ? "" : "is-disabled"
-        ],
-        onClick: scrollNext
-      }, [vue.h(index.ElIcon, {}, { default: () => vue.h(icons.ArrowRight) })])
-    ] : null;
-    const tabs = panes.map((pane, index$1) => {
-      var _a, _b;
-      const tabName = pane.props.name || pane.index || `${index$1}`;
-      const closable = pane.isClosable || editable;
-      pane.index = `${index$1}`;
-      const btnClose = closable ? vue.h(index.ElIcon, {
-        class: "is-icon-close",
-        onClick: (ev) => {
-          onTabRemove(pane, ev);
-        }
-      }, { default: () => vue.h(icons.Close) }) : null;
-      const tabLabelContent = ((_b = (_a = pane.instance.slots).label) == null ? void 0 : _b.call(_a)) || pane.props.label;
-      const tabindex = pane.active ? 0 : -1;
-      return vue.h("div", {
-        class: {
-          "el-tabs__item": true,
-          [`is-${rootTabs.props.tabPosition}`]: true,
-          "is-active": pane.active,
-          "is-disabled": pane.props.disabled,
-          "is-closable": closable,
-          "is-focus": isFocus
-        },
-        id: `tab-${tabName}`,
-        key: `tab-${tabName}`,
-        "aria-controls": `pane-${tabName}`,
-        role: "tab",
-        "aria-selected": pane.active,
-        ref: `tab-${tabName}`,
-        tabindex,
-        onFocus: () => {
-          setFocus();
-        },
-        onBlur: () => {
-          removeFocus();
-        },
-        onClick: (ev) => {
-          removeFocus();
-          onTabClick(pane, tabName, ev);
-        },
-        onKeydown: (ev) => {
-          if (closable && (ev.code === aria.EVENT_CODE.delete || ev.code === aria.EVENT_CODE.backspace)) {
-            onTabRemove(pane, ev);
-          }
-        }
-      }, [tabLabelContent, btnClose]);
-    });
-    return vue.h("div", {
-      ref: "el$",
-      class: [
-        "el-tabs__nav-wrap",
-        scrollable ? "is-scrollable" : "",
-        `is-${rootTabs.props.tabPosition}`
-      ]
-    }, [
-      scrollBtn,
-      vue.h("div", {
-        class: "el-tabs__nav-scroll",
-        ref: "navScroll$"
-      }, [
-        vue.h("div", {
-          class: [
-            "el-tabs__nav",
-            `is-${rootTabs.props.tabPosition}`,
-            stretch && ["top", "bottom"].includes(rootTabs.props.tabPosition) ? "is-stretch" : ""
-          ],
-          ref: "nav$",
-          style: navStyle,
-          role: "tablist",
-          onKeydown: changeTab
-        }, [
-          !type ? vue.h(tabBar_vue_vue_type_script_lang["default"], {
-            tabs: [...panes]
-          }) : null,
-          tabs
-        ])
-      ])
-    ]);
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=tab-nav.vue_vue&type=script&lang.js.map

package/lib/components/tabs/src/tab-nav.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-nav.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/tabs/src/tab-nav.vue"],"sourcesContent":["<script lang=\"ts\">\nimport {\n  h,\n  defineComponent,\n  ref,\n  inject,\n  computed,\n  onUpdated,\n  onMounted,\n  onBeforeUnmount,\n} from 'vue'\nimport { NOOP, capitalize } from '@vue/shared'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { on, off } from '@element-plus/utils/dom'\nimport { throwError } from '@element-plus/utils/error'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft, ArrowRight, Close } from '@element-plus/icons'\nimport TabBar from './tab-bar.vue'\n\nimport type { ResizableElement } from '@element-plus/utils/resize-event'\nimport type { PropType } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type { RootTabs, Pane, ITabType } from './token'\n\ntype RefElement = Nullable<HTMLElement>\n\ninterface Scrollable {\n  next?: boolean\n  prev?: number\n}\n\nexport default defineComponent({\n  name: 'ElTabNav',\n  components: {\n    TabBar,\n  },\n  props: {\n    panes: {\n      type: Array as PropType<Pane[]>,\n      default: () => [] as Pane[],\n    },\n    currentName: {\n      type: String,\n      default: '',\n    },\n    editable: Boolean,\n    onTabClick: {\n      type: Function as PropType<\n        (tab: Pane, tabName: string, ev: Event) => void\n      >,\n      default: NOOP,\n    },\n    onTabRemove: {\n      type: Function as PropType<(tab: Pane, ev: Event) => void>,\n      default: NOOP,\n    },\n    type: {\n      type: String as PropType<ITabType>,\n      default: '',\n    },\n    stretch: Boolean,\n  },\n  setup() {\n    const rootTabs = inject<RootTabs>('rootTabs')\n    if (!rootTabs) {\n      throwError('[ElTabNav]', `ElTabNav must be nested inside ElTabs`)\n    }\n\n    const scrollable = ref<boolean | Scrollable>(false)\n    const navOffset = ref(0)\n    const isFocus = ref(false)\n    const focusable = ref(true)\n\n    const navScroll$ = ref<RefElement>(null)\n    const nav$ = ref<RefElement>(null)\n    const el$ = ref<RefElement>(null)\n\n    const sizeName = computed(() => {\n      return ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n        ? 'width'\n        : 'height'\n    })\n    const navStyle = computed(() => {\n      const dir = sizeName.value === 'width' ? 'X' : 'Y'\n      return {\n        transform: `translate${dir}(-${navOffset.value}px)`,\n      }\n    })\n\n    const scrollPrev = () => {\n      const containerSize =\n        navScroll$.value[`offset${capitalize(sizeName.value)}`]\n      const currentOffset = navOffset.value\n\n      if (!currentOffset) return\n\n      const newOffset =\n        currentOffset > containerSize ? currentOffset - containerSize : 0\n\n      navOffset.value = newOffset\n    }\n\n    const scrollNext = () => {\n      const navSize = nav$.value[`offset${capitalize(sizeName.value)}`]\n      const containerSize =\n        navScroll$.value[`offset${capitalize(sizeName.value)}`]\n      const currentOffset = navOffset.value\n\n      if (navSize - currentOffset <= containerSize) return\n\n      const newOffset =\n        navSize - currentOffset > containerSize * 2\n          ? currentOffset + containerSize\n          : navSize - containerSize\n\n      navOffset.value = newOffset\n    }\n\n    const scrollToActiveTab = () => {\n      if (!scrollable.value) return\n      const nav = nav$.value\n      const activeTab = el$.value.querySelector('.is-active')\n      if (!activeTab) return\n      const navScroll = navScroll$.value\n      const isHorizontal = ['top', 'bottom'].includes(\n        rootTabs.props.tabPosition\n      )\n      const activeTabBounding = activeTab.getBoundingClientRect()\n      const navScrollBounding = navScroll.getBoundingClientRect()\n      const maxOffset = isHorizontal\n        ? nav.offsetWidth - navScrollBounding.width\n        : nav.offsetHeight - navScrollBounding.height\n      const currentOffset = navOffset.value\n      let newOffset = currentOffset\n\n      if (isHorizontal) {\n        if (activeTabBounding.left < navScrollBounding.left) {\n          newOffset =\n            currentOffset - (navScrollBounding.left - activeTabBounding.left)\n        }\n        if (activeTabBounding.right > navScrollBounding.right) {\n          newOffset =\n            currentOffset + activeTabBounding.right - navScrollBounding.right\n        }\n      } else {\n        if (activeTabBounding.top < navScrollBounding.top) {\n          newOffset =\n            currentOffset - (navScrollBounding.top - activeTabBounding.top)\n        }\n        if (activeTabBounding.bottom > navScrollBounding.bottom) {\n          newOffset =\n            currentOffset +\n            (activeTabBounding.bottom - navScrollBounding.bottom)\n        }\n      }\n      newOffset = Math.max(newOffset, 0)\n      navOffset.value = Math.min(newOffset, maxOffset)\n    }\n\n    const update = () => {\n      if (!nav$.value) return\n      const navSize = nav$.value[`offset${capitalize(sizeName.value)}`]\n      const containerSize =\n        navScroll$.value[`offset${capitalize(sizeName.value)}`]\n      const currentOffset = navOffset.value\n\n      if (containerSize < navSize) {\n        const currentOffset = navOffset.value\n        scrollable.value = (scrollable.value || {}) as Scrollable\n        scrollable.value.prev = currentOffset\n        scrollable.value.next = currentOffset + containerSize < navSize\n        if (navSize - currentOffset < containerSize) {\n          navOffset.value = navSize - containerSize\n        }\n      } else {\n        scrollable.value = false\n        if (currentOffset > 0) {\n          navOffset.value = 0\n        }\n      }\n    }\n\n    const changeTab = (e) => {\n      const code = e.code\n      let nextIndex\n      let currentIndex, tabList\n\n      const { up, down, left, right } = EVENT_CODE\n      if ([up, down, left, right].indexOf(code) !== -1) {\n        // 左右上下键更换tab\n        tabList = e.currentTarget.querySelectorAll('[role=tab]')\n        currentIndex = Array.prototype.indexOf.call(tabList, e.target)\n      } else {\n        return\n      }\n      if (code === left || code === up) {\n        // left\n        if (currentIndex === 0) {\n          // first\n          nextIndex = tabList.length - 1\n        } else {\n          nextIndex = currentIndex - 1\n        }\n      } else {\n        // right\n        if (currentIndex < tabList.length - 1) {\n          // not last\n          nextIndex = currentIndex + 1\n        } else {\n          nextIndex = 0\n        }\n      }\n      tabList[nextIndex].focus() // 改变焦点元素\n      tabList[nextIndex].click() // 选中下一个tab\n      setFocus()\n    }\n\n    const setFocus = () => {\n      if (focusable.value) {\n        isFocus.value = true\n      }\n    }\n\n    const removeFocus = () => {\n      isFocus.value = false\n    }\n\n    const visibilityChangeHandler = () => {\n      const visibility = document.visibilityState\n      if (visibility === 'hidden') {\n        focusable.value = false\n      } else if (visibility === 'visible') {\n        setTimeout(() => {\n          focusable.value = true\n        }, 50)\n      }\n    }\n\n    const windowBlurHandler = () => {\n      focusable.value = false\n    }\n\n    const windowFocusHandler = () => {\n      setTimeout(() => {\n        focusable.value = true\n      }, 50)\n    }\n\n    onUpdated(() => {\n      update()\n    })\n\n    onMounted(() => {\n      addResizeListener(el$.value as ResizableElement, update)\n      on(document, 'visibilitychange', visibilityChangeHandler)\n      on(window, 'blur', windowBlurHandler)\n      on(window, 'focus', windowFocusHandler)\n      setTimeout(() => {\n        scrollToActiveTab()\n      }, 0)\n    })\n\n    onBeforeUnmount(() => {\n      if (el$.value) {\n        removeResizeListener(el$.value as ResizableElement, update)\n      }\n      off(document, 'visibilitychange', visibilityChangeHandler)\n      off(window, 'blur', windowBlurHandler)\n      off(window, 'focus', windowFocusHandler)\n    })\n\n    return {\n      rootTabs,\n\n      scrollable,\n      navOffset,\n      isFocus,\n      focusable,\n\n      navScroll$,\n      nav$,\n      el$,\n\n      sizeName,\n      navStyle,\n\n      scrollPrev,\n      scrollNext,\n      scrollToActiveTab,\n      update,\n      changeTab,\n      setFocus,\n      removeFocus,\n      visibilityChangeHandler,\n      windowBlurHandler,\n      windowFocusHandler,\n    }\n  },\n  render() {\n    const {\n      type,\n      panes,\n      editable,\n      stretch,\n      onTabClick,\n      onTabRemove,\n      navStyle,\n      scrollable,\n      scrollNext,\n      scrollPrev,\n      changeTab,\n      setFocus,\n      removeFocus,\n      rootTabs,\n      isFocus,\n    } = this\n\n    const scrollBtn = scrollable\n      ? [\n          h(\n            'span',\n            {\n              class: [\n                'el-tabs__nav-prev',\n                scrollable.prev ? '' : 'is-disabled',\n              ],\n              onClick: scrollPrev,\n            },\n            [h(ElIcon, {}, { default: () => h(ArrowLeft) })]\n          ),\n          h(\n            'span',\n            {\n              class: [\n                'el-tabs__nav-next',\n                scrollable.next ? '' : 'is-disabled',\n              ],\n              onClick: scrollNext,\n            },\n            [h(ElIcon, {}, { default: () => h(ArrowRight) })]\n          ),\n        ]\n      : null\n\n    const tabs = panes.map((pane, index) => {\n      const tabName = pane.props.name || pane.index || `${index}`\n      const closable = pane.isClosable || editable\n\n      pane.index = `${index}`\n\n      const btnClose = closable\n        ? h(\n            ElIcon,\n            {\n              class: 'is-icon-close',\n              onClick: (ev) => {\n                onTabRemove(pane, ev)\n              },\n            },\n            { default: () => h(Close) }\n          )\n        : null\n\n      const tabLabelContent = pane.instance.slots.label?.() || pane.props.label\n      const tabindex = pane.active ? 0 : -1\n\n      return h(\n        'div',\n        {\n          class: {\n            'el-tabs__item': true,\n            [`is-${rootTabs.props.tabPosition}`]: true,\n            'is-active': pane.active,\n            'is-disabled': pane.props.disabled,\n            'is-closable': closable,\n            'is-focus': isFocus,\n          },\n          id: `tab-${tabName}`,\n          key: `tab-${tabName}`,\n          'aria-controls': `pane-${tabName}`,\n          role: 'tab',\n          'aria-selected': pane.active,\n          ref: `tab-${tabName}`,\n          tabindex,\n          onFocus: () => {\n            setFocus()\n          },\n          onBlur: () => {\n            removeFocus()\n          },\n          onClick: (ev) => {\n            removeFocus()\n            onTabClick(pane, tabName, ev)\n          },\n          onKeydown: (ev) => {\n            if (\n              closable &&\n              (ev.code === EVENT_CODE.delete ||\n                ev.code === EVENT_CODE.backspace)\n            ) {\n              onTabRemove(pane, ev)\n            }\n          },\n        },\n        [tabLabelContent, btnClose]\n      )\n    })\n\n    return h(\n      'div',\n      {\n        ref: 'el$',\n        class: [\n          'el-tabs__nav-wrap',\n          scrollable ? 'is-scrollable' : '',\n          `is-${rootTabs.props.tabPosition}`,\n        ],\n      },\n      [\n        scrollBtn,\n        h(\n          'div',\n          {\n            class: 'el-tabs__nav-scroll',\n            ref: 'navScroll$',\n          },\n          [\n            h(\n              'div',\n              {\n                class: [\n                  'el-tabs__nav',\n                  `is-${rootTabs.props.tabPosition}`,\n                  stretch &&\n                  ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n                    ? 'is-stretch'\n                    : '',\n                ],\n                ref: 'nav$',\n                style: navStyle,\n                role: 'tablist',\n                onKeydown: changeTab,\n              },\n              [\n                !type\n                  ? h(TabBar, {\n                      tabs: [...panes],\n                    })\n                  : null,\n                tabs,\n              ]\n            ),\n          ]\n        ),\n      ]\n    )\n  },\n})\n</script>\n"],"names":["defineComponent","TabBar","NOOP","inject","ref","computed","capitalize","EVENT_CODE","h","ElIcon","ArrowLeft","ArrowRight","index","Close"],"mappings":"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"}

package/lib/components/tabs/src/tab-pane.vue_vue&type=script&lang.js

@@ -1,68 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-var script = vue.defineComponent({
-  name: "ElTabPane",
-  props: {
-    label: {
-      type: String,
-      default: ""
-    },
-    name: {
-      type: String,
-      default: ""
-    },
-    closable: Boolean,
-    disabled: Boolean,
-    lazy: Boolean
-  },
-  setup(props) {
-    const index = vue.ref(null);
-    const loaded = vue.ref(false);
-    const rootTabs = vue.inject("rootTabs");
-    const updatePaneState = vue.inject("updatePaneState");
-    if (!rootTabs || !updatePaneState) {
-      throw new Error(`ElTabPane must use with ElTabs`);
-    }
-    const isClosable = vue.computed(() => {
-      return props.closable || rootTabs.props.closable;
-    });
-    const active = vue.computed(() => {
-      return rootTabs.currentName.value === (props.name || index.value);
-    });
-    const paneName = vue.computed(() => {
-      return props.name || index.value;
-    });
-    const shouldBeRender = vue.computed(() => {
-      return !props.lazy || loaded.value || active.value;
-    });
-    vue.watch(active, (val) => {
-      if (val)
-        loaded.value = true;
-    });
-    const instance = vue.getCurrentInstance();
-    updatePaneState({
-      uid: instance.uid,
-      instance,
-      props,
-      paneName,
-      active,
-      index,
-      isClosable
-    });
-    return {
-      index,
-      loaded,
-      isClosable,
-      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} from 'vue'\nimport type { RootTabs, UpdatePaneStateCallback } from './token'\n\nexport default defineComponent({\n  name: 'ElTabPane',\n  props: {\n    label: {\n      type: String,\n      default: '',\n    },\n    name: {\n      type: String,\n      default: '',\n    },\n    closable: Boolean,\n    disabled: Boolean,\n    lazy: Boolean,\n  },\n  setup(props) {\n    const index = ref<string>(null)\n    const loaded = ref(false)\n    const rootTabs = inject<RootTabs>('rootTabs')\n    const updatePaneState = inject<UpdatePaneStateCallback>('updatePaneState')\n\n    if (!rootTabs || !updatePaneState) {\n      throw new Error(`ElTabPane must use with ElTabs`)\n    }\n\n    const isClosable = computed(() => {\n      return props.closable || rootTabs.props.closable\n    })\n\n    const active = computed(() => {\n      return rootTabs.currentName.value === (props.name || index.value)\n    })\n\n    const paneName = computed((): string => {\n      return props.name || index.value\n    })\n\n    const shouldBeRender = computed(() => {\n      return !props.lazy || loaded.value || active.value\n    })\n\n    watch(active, (val) => {\n      if (val) loaded.value = true\n    })\n\n    const instance = getCurrentInstance()\n    updatePaneState({\n      uid: instance.uid,\n      instance,\n      props,\n      paneName,\n      active,\n      index,\n      isClosable,\n    })\n\n    return {\n      index,\n      loaded,\n      isClosable,\n      active,\n      paneName,\n      shouldBeRender,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ref","inject","computed","getCurrentInstance"],"mappings":";;;;;;AAwBA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,IACV,UAAU;AAAA,IACV,MAAM;AAAA;AAAA,EAER,MAAM,OAAO;AACX,UAAM,QAAQC,QAAY;AAC1B,UAAM,SAASA,QAAI;AACnB,UAAM,WAAWC,WAAiB;AAClC,UAAM,kBAAkBA,WAAgC;AAExD,QAAI,CAAC,YAAY,CAAC,iBAAiB;AACjC,YAAM,IAAI,MAAM;AAAA;AAGlB,UAAM,aAAaC,aAAS,MAAM;AAChC,aAAO,MAAM,YAAY,SAAS,MAAM;AAAA;AAG1C,UAAM,SAASA,aAAS,MAAM;AAC5B,aAAO,SAAS,YAAY,iBAAiB,QAAQ,MAAM;AAAA;AAG7D,UAAM,WAAWA,aAAS,MAAc;AACtC,aAAO,MAAM,QAAQ,MAAM;AAAA;AAG7B,UAAM,iBAAiBA,aAAS,MAAM;AACpC,aAAO,CAAC,MAAM,QAAQ,OAAO,SAAS,OAAO;AAAA;AAG/C,cAAM,QAAQ,CAAC,QAAQ;AACrB,UAAI;AAAK,eAAO,QAAQ;AAAA;AAG1B,UAAM,WAAWC;AACjB,oBAAgB;AAAA,MACd,KAAK,SAAS;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

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} from 'vue'\nimport type { RootTabs, UpdatePaneStateCallback } from './token'\n\nexport default defineComponent({\n  name: 'ElTabPane',\n  props: {\n    label: {\n      type: String,\n      default: '',\n    },\n    name: {\n      type: String,\n      default: '',\n    },\n    closable: Boolean,\n    disabled: Boolean,\n    lazy: Boolean,\n  },\n  setup(props) {\n    const index = ref<string>(null)\n    const loaded = ref(false)\n    const rootTabs = inject<RootTabs>('rootTabs')\n    const updatePaneState = inject<UpdatePaneStateCallback>('updatePaneState')\n\n    if (!rootTabs || !updatePaneState) {\n      throw new Error(`ElTabPane must use with ElTabs`)\n    }\n\n    const isClosable = computed(() => {\n      return props.closable || rootTabs.props.closable\n    })\n\n    const active = computed(() => {\n      return rootTabs.currentName.value === (props.name || index.value)\n    })\n\n    const paneName = computed((): string => {\n      return props.name || index.value\n    })\n\n    const shouldBeRender = computed(() => {\n      return !props.lazy || loaded.value || active.value\n    })\n\n    watch(active, (val) => {\n      if (val) loaded.value = true\n    })\n\n    const instance = getCurrentInstance()\n    updatePaneState({\n      uid: instance.uid,\n      instance,\n      props,\n      paneName,\n      active,\n      index,\n      isClosable,\n    })\n\n    return {\n      index,\n      loaded,\n      isClosable,\n      active,\n      paneName,\n      shouldBeRender,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;;;;;;SAEU,2DADRA;;IAGG,YAAY;IACb,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,gBAAc;IACd,0BAAwB;;IAEzBC;;gBAPQ;;;;;;"}

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

@@ -1,36 +0,0 @@
-import type { ComponentInternalInstance, ComputedRef, Ref } from 'vue';
-export declare type BeforeLeave = (newTabName: string, oldTabName: string) => void | Promise<void> | boolean;
-export declare type ITabType = 'card' | 'border-card' | '';
-export declare type ITabPosition = 'top' | 'right' | 'bottom' | 'left';
-export declare type UpdatePaneStateCallback = (pane: Pane) => void;
-export interface IElTabsProps {
-    type: ITabType;
-    activeName: string;
-    closable: boolean;
-    addable: boolean;
-    modelValue: string;
-    editable: boolean;
-    tabPosition: ITabPosition;
-    beforeLeave: BeforeLeave;
-    stretch: boolean;
-}
-export interface RootTabs {
-    props: IElTabsProps;
-    currentName: Ref<string>;
-}
-export interface IElPaneProps {
-    label: string;
-    name: string;
-    closable: boolean;
-    disabled: boolean;
-    lazy: boolean;
-}
-export interface Pane {
-    uid: number;
-    instance: ComponentInternalInstance;
-    props: IElPaneProps;
-    paneName: ComputedRef<string>;
-    active: ComputedRef<boolean>;
-    index: Ref<string>;
-    isClosable: ComputedRef<boolean>;
-}

package/lib/components/tabs/src/token.js

@@ -1,3 +0,0 @@
-'use strict';
-
-//# sourceMappingURL=token.js.map

package/lib/components/tabs/src/token.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"token.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/components/tag/src/tag.vue_vue&type=script&lang.js

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../../icon/index.js');
-var util = require('../../../utils/util.js');
-var icons = require('@element-plus/icons');
-var tag = require('./tag.js');
-
-var script = vue.defineComponent({
-  name: "ElTag",
-  components: { ElIcon: index.ElIcon, Close: icons.Close },
-  props: tag.tagProps,
-  emits: tag.tagEmits,
-  setup(props, { emit }) {
-    const ELEMENT = util.useGlobalConfig();
-    const tagSize = vue.computed(() => props.size || ELEMENT.size);
-    const classes = vue.computed(() => {
-      const { type, hit, effect } = props;
-      return [
-        "el-tag",
-        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    <slot></slot>\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      <slot></slot>\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 { useGlobalConfig } from '@element-plus/utils/util'\nimport { Close } from '@element-plus/icons'\n\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 ELEMENT = useGlobalConfig()\n\n    const tagSize = computed(() => props.size || ELEMENT.size)\n    const classes = computed(() => {\n      const { type, hit, effect } = props\n      return [\n        'el-tag',\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","ElIcon","Close","tagProps","tagEmits","useGlobalConfig","computed"],"mappings":";;;;;;;;;;AAkCA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY,UAAEC,qBAAQC;AAAA,EAEtB,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,UAAUC;AAEhB,UAAM,UAAUC,aAAS,MAAM,MAAM,QAAQ,QAAQ;AACrD,UAAM,UAAUA,aAAS,MAAM;AAC7B,YAAM,EAAE,MAAM,KAAK,WAAW;AAC9B,aAAO;AAAA,QACL;AAAA,QACA,OAAO,WAAW,SAAS;AAAA,QAC3B,QAAQ,QAAQ,WAAW,QAAQ,UAAU;AAAA,QAC7C,SAAS,WAAW,WAAW;AAAA,QAC/B,OAAO;AAAA;AAAA;AAKX,UAAM,cAAc,CAAC,UAAsB;AACzC,YAAM;AACN,WAAK,SAAS;AAAA;AAGhB,UAAM,cAAc,CAAC,UAAsB;AACzC,WAAK,SAAS;AAAA;AAGhB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/tag/src/tag.vue_vue&type=template&id=525996c5&lang.js

@@ -1,55 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-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.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.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    <slot></slot>\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      <slot></slot>\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 { useGlobalConfig } from '@element-plus/utils/util'\nimport { Close } from '@element-plus/icons'\n\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 ELEMENT = useGlobalConfig()\n\n    const tagSize = computed(() => props.size || ELEMENT.size)\n    const classes = computed(() => {\n      const { type, hit, effect } = props\n      return [\n        'el-tag',\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":["_createElementBlock","_renderSlot","_createBlock","_createVNode","_createElementVNode"],"mappings":";;;;;;;;;UAEW,4CADTA;;IAEG,0BAAO;IACP,6CAA0B;IAC1B,gDAAO;;IAERC;IACe,kCAAfC;;MAAyB,OAAM;AAAA,MAAiB,SAAO;;2BACrD;QAAAC;;;;6BAGJD;;IAAmB,MAAK;AAAA;yBACtB;MAAAE;QACG,0BAAO;QACP,6CAA0B;QAC1B,gDAAO;;QAERH;QACe,kCAAfC;;UAAyB,OAAM;AAAA,UAAiB,SAAO;;+BACrD;YAAAC;;;;;;;;;;;;"}