@element-plus/nightly 0.0.20220121 → 0.0.20220122

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

@@ -1 +0,0 @@
-{"version":3,"file":"backtop.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n  <transition name=\"el-fade-in\">\n    <div\n      v-if=\"visible\"\n      :style=\"{\n        right: styleRight,\n        bottom: styleBottom,\n      }\"\n      class=\"el-backtop\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <el-icon class=\"el-backtop__icon\"><caret-top /></el-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, onMounted, shallowRef } from 'vue'\nimport { useEventListener, useThrottleFn } from '@vueuse/core'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { easeInOutCubic } from '@element-plus/utils/animation'\nimport { throwError } from '@element-plus/utils/error'\nimport { CaretTop } from '@element-plus/icons-vue'\n\nimport { backtopEmits, backtopProps } from './backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: {\n    ElIcon,\n    CaretTop,\n  },\n  props: backtopProps,\n  emits: backtopEmits,\n\n  setup(props, { emit }) {\n    const el = shallowRef<HTMLElement | undefined>(document.documentElement)\n    const container = shallowRef<Document | HTMLElement>(document)\n    const visible = ref(false)\n    const styleBottom = computed(() => `${props.bottom}px`)\n    const styleRight = computed(() => `${props.right}px`)\n\n    const scrollToTop = () => {\n      if (!el.value) return\n      const beginTime = Date.now()\n      const beginValue = el.value.scrollTop\n      const frameFunc = () => {\n        if (!el.value) return\n        const progress = (Date.now() - beginTime) / 500\n        if (progress < 1) {\n          el.value.scrollTop = beginValue * (1 - easeInOutCubic(progress))\n          requestAnimationFrame(frameFunc)\n        } else {\n          el.value.scrollTop = 0\n        }\n      }\n      requestAnimationFrame(frameFunc)\n    }\n    const handleScroll = () => {\n      if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight\n    }\n    const handleClick = (event: MouseEvent) => {\n      scrollToTop()\n      emit('click', event)\n    }\n\n    const handleScrollThrottled = useThrottleFn(handleScroll, 300)\n\n    onMounted(() => {\n      if (props.target) {\n        el.value =\n          document.querySelector<HTMLElement>(props.target) ?? undefined\n        if (!el.value) {\n          throwError(COMPONENT_NAME, `target is not existed: ${props.target}`)\n        }\n        container.value = el.value\n      }\n\n      useEventListener(container, 'scroll', handleScrollThrottled)\n    })\n\n    return {\n      visible,\n      styleBottom,\n      styleRight,\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","CaretTop","backtopProps","backtopEmits","ref","computed","throwError"],"mappings":";;;;;;;;;;;;;AA0BA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;;AAEd,cAAIC,iBAAQ;GACT;EACD,KAAK,EAAEC;OACF,EAAEC;OACF,CAAC;;IAEJ,MAAM,SAAS;IACf,MAAM,OAAO,GAAGC;;IAEhB,MAAM,UAAU,GAAGC;IACnB,MAAM,WAAW,GAAG,MAAM;MACxB,IAAI,CAAC,EAAE,CAAC;QACN,OAAO;MACT,MAAM,YAAY,IAAI,CAAC,GAAG,EAAE;MAC5B,MAAM,aAAa,EAAE,CAAC,KAAK,UAAU,CAAC;;QAEpC,IAAI,CAAC,EAAE,CAAC;UACN,OAAO;QACT,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC;QACvB,IAAI,QAAQ,GAAG,GAAG;UAChB,EAAE,CAAC,KAAK,CAAC,SAAS;;SAEnB,MAAM;YACH,CAAC,KAAK,CAAC;;;;;;MAMb;QACE,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC;;IAE7B,MAAM,WAAW,IAAI;MACnB,WAAW,GAAG;;KAEf,CAAC;UACI;iBACG,CAAC,MAAM;;;QAGZ,EAAE,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,SAAS,aAAa,CAAC,KAAK,CAAC,MAAM;;UAElDC,gBAAU;SACX;QACD,SAAS;;4BAEM;;;aAGV;MACP;;MAEA,WAAW;KACZ;;;;;;"}

package/lib/components/backtop/src/backtop.vue_vue_type_template_id_63a7fea6_lang.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_caret_top = vue.resolveComponent("caret-top");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  return vue.openBlock(), vue.createBlock(vue.Transition, { name: "el-fade-in" }, {
-    default: vue.withCtx(() => [
-      _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        style: vue.normalizeStyle({
-          right: _ctx.styleRight,
-          bottom: _ctx.styleBottom
-        }),
-        class: "el-backtop",
-        onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
-      }, [
-        vue.renderSlot(_ctx.$slots, "default", {}, () => [
-          vue.createVNode(_component_el_icon, { class: "el-backtop__icon" }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_caret_top)
-            ]),
-            _: 1
-          })
-        ])
-      ], 4)) : vue.createCommentVNode("v-if", true)
-    ]),
-    _: 3
-  });
-}
-
-exports.render = render;
-//# sourceMappingURL=backtop.vue_vue_type_template_id_63a7fea6_lang.js.map

package/lib/components/backtop/src/backtop.vue_vue_type_template_id_63a7fea6_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backtop.vue_vue_type_template_id_63a7fea6_lang.js","sources":["../../../../../../packages/components/backtop/src/backtop.vue?vue&type=template&id=63a7fea6&lang.js"],"sourcesContent":["<template>\n  <transition name=\"el-fade-in\">\n    <div\n      v-if=\"visible\"\n      :style=\"{\n        right: styleRight,\n        bottom: styleBottom,\n      }\"\n      class=\"el-backtop\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <el-icon class=\"el-backtop__icon\"><caret-top /></el-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, onMounted, shallowRef } from 'vue'\nimport { useEventListener, useThrottleFn } from '@vueuse/core'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { easeInOutCubic } from '@element-plus/utils/animation'\nimport { throwError } from '@element-plus/utils/error'\nimport { CaretTop } from '@element-plus/icons-vue'\n\nimport { backtopEmits, backtopProps } from './backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: {\n    ElIcon,\n    CaretTop,\n  },\n  props: backtopProps,\n  emits: backtopEmits,\n\n  setup(props, { emit }) {\n    const el = shallowRef<HTMLElement | undefined>(document.documentElement)\n    const container = shallowRef<Document | HTMLElement>(document)\n    const visible = ref(false)\n    const styleBottom = computed(() => `${props.bottom}px`)\n    const styleRight = computed(() => `${props.right}px`)\n\n    const scrollToTop = () => {\n      if (!el.value) return\n      const beginTime = Date.now()\n      const beginValue = el.value.scrollTop\n      const frameFunc = () => {\n        if (!el.value) return\n        const progress = (Date.now() - beginTime) / 500\n        if (progress < 1) {\n          el.value.scrollTop = beginValue * (1 - easeInOutCubic(progress))\n          requestAnimationFrame(frameFunc)\n        } else {\n          el.value.scrollTop = 0\n        }\n      }\n      requestAnimationFrame(frameFunc)\n    }\n    const handleScroll = () => {\n      if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight\n    }\n    const handleClick = (event: MouseEvent) => {\n      scrollToTop()\n      emit('click', event)\n    }\n\n    const handleScrollThrottled = useThrottleFn(handleScroll, 300)\n\n    onMounted(() => {\n      if (props.target) {\n        el.value =\n          document.querySelector<HTMLElement>(props.target) ?? undefined\n        if (!el.value) {\n          throwError(COMPONENT_NAME, `target is not existed: ${props.target}`)\n        }\n        container.value = el.value\n      }\n\n      useEventListener(container, 'scroll', handleScrollThrottled)\n    })\n\n    return {\n      visible,\n      styleBottom,\n      styleRight,\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;8DACkB;;;;;;;;;sBAON;;;;cAIJ;;;;;;;;;;;;"}

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

@@ -1,31 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-require('../../../hooks/index.js');
-var badge = require('./badge.js');
-var index = require('../../../hooks/use-namespace/index.js');
-
-var script = vue.defineComponent({
-  name: "ElBadge",
-  props: badge.badgeProps,
-  setup(props) {
-    const ns = index.useNamespace("badge");
-    const content = vue.computed(() => {
-      if (props.isDot)
-        return "";
-      if (typeof props.value === "number" && typeof props.max === "number") {
-        return props.max < props.value ? `${props.max}+` : `${props.value}`;
-      }
-      return `${props.value}`;
-    });
-    return {
-      ns,
-      content
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=badge.vue_vue_type_script_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"badge.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot></slot>\n    <transition name=\"el-zoom-in-center\">\n      <sup\n        v-show=\"!hidden && (content || content === '0' || isDot)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n        ]\"\n        v-text=\"content\"\n      >\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { badgeProps } from './badge'\n\nexport default defineComponent({\n  name: 'ElBadge',\n\n  props: badgeProps,\n\n  setup(props) {\n    const ns = useNamespace('badge')\n\n    const content = computed<string>(() => {\n      if (props.isDot) return ''\n\n      if (typeof props.value === 'number' && typeof props.max === 'number') {\n        return props.max < props.value ? `${props.max}+` : `${props.value}`\n      }\n      return `${props.value}`\n    })\n\n    return {\n      ns,\n      content,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","badgeProps"],"mappings":";;;;;;;;;AAsBA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAEC,gBAAU;EACjB,MAAM,KAAK,EAAE;;IAEX,MAAM,OAAO;;QAET,OAAO;MACT,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK;;OAE1B;MACD,OAAO,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE;;WAEnB;QACH;MACF;MACA;;;;;;"}

package/lib/components/badge/src/badge.vue_vue_type_template_id_020a5517_lang.js

@@ -1,33 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["textContent"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(_ctx.ns.b())
-  }, [
-    vue.renderSlot(_ctx.$slots, "default"),
-    vue.createVNode(vue.Transition, { name: "el-zoom-in-center" }, {
-      default: vue.withCtx(() => [
-        vue.withDirectives(vue.createElementVNode("sup", {
-          class: vue.normalizeClass([
-            _ctx.ns.e("content"),
-            _ctx.ns.em("content", _ctx.type),
-            _ctx.ns.is("fixed", !!_ctx.$slots.default),
-            _ctx.ns.is("dot", _ctx.isDot)
-          ]),
-          textContent: vue.toDisplayString(_ctx.content)
-        }, null, 10, _hoisted_1), [
-          [vue.vShow, !_ctx.hidden && (_ctx.content || _ctx.content === "0" || _ctx.isDot)]
-        ])
-      ]),
-      _: 1
-    })
-  ], 2);
-}
-
-exports.render = render;
-//# sourceMappingURL=badge.vue_vue_type_template_id_020a5517_lang.js.map

package/lib/components/badge/src/badge.vue_vue_type_template_id_020a5517_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.vue_vue_type_template_id_020a5517_lang.js","sources":["../../../../../../packages/components/badge/src/badge.vue?vue&type=template&id=020a5517&lang.js"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot></slot>\n    <transition name=\"el-zoom-in-center\">\n      <sup\n        v-show=\"!hidden && (content || content === '0' || isDot)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n        ]\"\n        v-text=\"content\"\n      >\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { badgeProps } from './badge'\n\nexport default defineComponent({\n  name: 'ElBadge',\n\n  props: badgeProps,\n\n  setup(props) {\n    const ns = useNamespace('badge')\n\n    const content = computed<string>(() => {\n      if (props.isDot) return ''\n\n      if (typeof props.value === 'number' && typeof props.max === 'number') {\n        return props.max < props.value ? `${props.max}+` : `${props.value}`\n      }\n      return `${props.value}`\n    })\n\n    return {\n      ns,\n      content,\n    }\n  },\n})\n</script>\n"],"names":["_renderSlot"],"mappings":";;;;;;;;;;;IACQA,0BAAO;;;;;;;;;;;;2CAWC,YAAO;;;;;;;;;;"}

package/lib/components/breadcrumb/src/breadcrumb-item.vue_vue_type_script_lang.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../../icon/index.js');
-require('../../../tokens/index.js');
-require('../../../hooks/index.js');
-var breadcrumbItem = require('./breadcrumb-item.js');
-var breadcrumb = require('../../../tokens/breadcrumb.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
-
-const COMPONENT_NAME = "ElBreadcrumbItem";
-var script = vue.defineComponent({
-  name: COMPONENT_NAME,
-  components: {
-    ElIcon: index.ElIcon
-  },
-  props: breadcrumbItem.breadcrumbItemProps,
-  setup(props) {
-    const instance = vue.getCurrentInstance();
-    const router = instance.appContext.config.globalProperties.$router;
-    const parent = vue.inject(breadcrumb.elBreadcrumbKey, void 0);
-    const ns = index$1.useNamespace("breadcrumb");
-    const link = vue.ref();
-    vue.onMounted(() => {
-      link.value.setAttribute("role", "link");
-      link.value.addEventListener("click", () => {
-        if (!props.to || !router)
-          return;
-        props.replace ? router.replace(props.to) : router.push(props.to);
-      });
-    });
-    return {
-      ns,
-      link,
-      separator: parent == null ? void 0 : parent.separator,
-      separatorIcon: parent == null ? void 0 : parent.separatorIcon
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=breadcrumb-item.vue_vue_type_script_lang.js.map

package/lib/components/breadcrumb/src/breadcrumb-item.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb-item.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('item')\">\n    <span ref=\"link\" :class=\"[ns.e('inner'), ns.is('link', !!to)]\" role=\"link\">\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"separatorIcon\" :class=\"ns.e('separator')\">\n      <component :is=\"separatorIcon\" />\n    </el-icon>\n    <span v-else :class=\"ns.e('separator')\" role=\"presentation\">\n      {{ separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  getCurrentInstance,\n} from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\nconst COMPONENT_NAME = 'ElBreadcrumbItem'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElIcon,\n  },\n\n  props: breadcrumbItemProps,\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const router = instance.appContext.config.globalProperties.$router as Router\n    const parent = inject(elBreadcrumbKey, undefined)\n    const ns = useNamespace('breadcrumb')\n\n    const link = ref<HTMLSpanElement>()\n\n    onMounted(() => {\n      link.value!.setAttribute('role', 'link')\n      link.value!.addEventListener('click', () => {\n        if (!props.to || !router) return\n        props.replace ? router.replace(props.to) : router.push(props.to)\n      })\n    })\n\n    return {\n      ns,\n      link,\n      separator: parent?.separator,\n      separatorIcon: parent?.separatorIcon,\n    }\n  },\n})\n</script>\n"],"names":["ElIcon","breadcrumbItemProps","onMounted"],"mappings":";;;;;;;;;;;;AAyBA,oBAAoB,GAAG,kBAAkB,CAAC;;AAE1C,EAAE,MAAM;;AAER,YAAIA,YAAM;;AAEV,EAAE,KAAK,EAAEC,kCAAmB;EAC1B,MAAM,KAAK,EAAE;;IAEX,MAAM;IACN,MAAM;;;IAGNC,aAAS,CAAC,MAAM;;MAEd,IAAI,CAAC;QACH,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM;UACtB,OAAO;QACT,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG;OAC5C,CAAC;;IAEJ,OAAO;;MAEL,IAAI;MACJ,SAAS,EAAE,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG;MACrC,aAAa,EAAE,MAAM,IAAI,IAAI,GAAG,MAAM,GAAG;;;;;;;"}

package/lib/components/breadcrumb/src/breadcrumb-item.vue_vue_type_template_id_2f37792a_lang.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  return vue.openBlock(), vue.createElementBlock("span", {
-    class: vue.normalizeClass(_ctx.ns.e("item"))
-  }, [
-    vue.createElementVNode("span", {
-      ref: "link",
-      class: vue.normalizeClass([_ctx.ns.e("inner"), _ctx.ns.is("link", !!_ctx.to)]),
-      role: "link"
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 2),
-    _ctx.separatorIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-      key: 0,
-      class: vue.normalizeClass(_ctx.ns.e("separator"))
-    }, {
-      default: vue.withCtx(() => [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.separatorIcon)))
-      ]),
-      _: 1
-    }, 8, ["class"])) : (vue.openBlock(), vue.createElementBlock("span", {
-      key: 1,
-      class: vue.normalizeClass(_ctx.ns.e("separator")),
-      role: "presentation"
-    }, vue.toDisplayString(_ctx.separator), 3))
-  ], 2);
-}
-
-exports.render = render;
-//# sourceMappingURL=breadcrumb-item.vue_vue_type_template_id_2f37792a_lang.js.map

package/lib/components/breadcrumb/src/breadcrumb-item.vue_vue_type_template_id_2f37792a_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb-item.vue_vue_type_template_id_2f37792a_lang.js","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue?vue&type=template&id=2f37792a&lang.js"],"sourcesContent":["<template>\n  <span :class=\"ns.e('item')\">\n    <span ref=\"link\" :class=\"[ns.e('inner'), ns.is('link', !!to)]\" role=\"link\">\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"separatorIcon\" :class=\"ns.e('separator')\">\n      <component :is=\"separatorIcon\" />\n    </el-icon>\n    <span v-else :class=\"ns.e('separator')\" role=\"presentation\">\n      {{ separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  getCurrentInstance,\n} from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\nconst COMPONENT_NAME = 'ElBreadcrumbItem'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElIcon,\n  },\n\n  props: breadcrumbItemProps,\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const router = instance.appContext.config.globalProperties.$router as Router\n    const parent = inject(elBreadcrumbKey, undefined)\n    const ns = useNamespace('breadcrumb')\n\n    const link = ref<HTMLSpanElement>()\n\n    onMounted(() => {\n      link.value!.setAttribute('role', 'link')\n      link.value!.addEventListener('click', () => {\n        if (!props.to || !router) return\n        props.replace ? router.replace(props.to) : router.push(props.to)\n      })\n    })\n\n    return {\n      ns,\n      link,\n      separator: parent?.separator,\n      separatorIcon: parent?.separatorIcon,\n    }\n  },\n})\n</script>\n"],"names":["_createElementVNode","_renderSlot"],"mappings":";;;;;;;;;;;IACSA;;;MACC;;MAAyDC,eAAW;;;;;;;;;;uEAIxD;;;;0BAElB;;;;;;"}

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

@@ -1,33 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-require('../../../tokens/index.js');
-require('../../../hooks/index.js');
-var breadcrumb = require('./breadcrumb.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var breadcrumb$1 = require('../../../tokens/breadcrumb.js');
-
-var script = vue.defineComponent({
-  name: "ElBreadcrumb",
-  props: breadcrumb.breadcrumbProps,
-  setup(props) {
-    const ns = index.useNamespace("breadcrumb");
-    const breadcrumb = vue.ref();
-    vue.provide(breadcrumb$1.elBreadcrumbKey, props);
-    vue.onMounted(() => {
-      const items = breadcrumb.value.querySelectorAll(`.${ns.e("item")}`);
-      if (items.length) {
-        items[items.length - 1].setAttribute("aria-current", "page");
-      }
-    });
-    return {
-      ns,
-      breadcrumb
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=breadcrumb.vue_vue_type_script_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"breadcrumb\"\n    :class=\"ns.b()\"\n    aria-label=\"Breadcrumb\"\n    role=\"navigation\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref, onMounted } from 'vue'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\n\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n  name: 'ElBreadcrumb',\n  props: breadcrumbProps,\n\n  setup(props) {\n    const ns = useNamespace('breadcrumb')\n    const breadcrumb = ref<HTMLDivElement>()\n\n    provide(elBreadcrumbKey, props)\n\n    onMounted(() => {\n      const items = breadcrumb.value!.querySelectorAll(`.${ns.e('item')}`)\n      if (items.length) {\n        items[items.length - 1].setAttribute('aria-current', 'page')\n      }\n    })\n\n    return {\n      ns,\n      breadcrumb,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","ref","onMounted"],"mappings":";;;;;;;;;;;AAeA,aAAeA,mBAAe,CAAC;AAC/B,EAAE,oBAAoB;;AAEtB,EAAE,KAAK,CAAC,KAAK,EAAE;IACX,MAAM,EAAE,GAAGC;IACX,MAAM,UAAU,GAAGC;;IAEnBC,aAAS;MACP,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC;MAC/B,IAAI,KAAK,CAAC,QAAQ;;OAEjB;;IAEH,OAAO;MACL,EAAE;MACF,UAAU;;;;;;;"}

package/lib/components/breadcrumb/src/breadcrumb.vue_vue_type_template_id_b67a42b6_lang.js

@@ -1,19 +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: "breadcrumb",
-    class: vue.normalizeClass(_ctx.ns.b()),
-    "aria-label": "Breadcrumb",
-    role: "navigation"
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 2);
-}
-
-exports.render = render;
-//# sourceMappingURL=breadcrumb.vue_vue_type_template_id_b67a42b6_lang.js.map

package/lib/components/breadcrumb/src/breadcrumb.vue_vue_type_template_id_b67a42b6_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb.vue_vue_type_template_id_b67a42b6_lang.js","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue?vue&type=template&id=b67a42b6&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"breadcrumb\"\n    :class=\"ns.b()\"\n    aria-label=\"Breadcrumb\"\n    role=\"navigation\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref, onMounted } from 'vue'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\n\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n  name: 'ElBreadcrumb',\n  props: breadcrumbProps,\n\n  setup(props) {\n    const ns = useNamespace('breadcrumb')\n    const breadcrumb = ref<HTMLDivElement>()\n\n    provide(elBreadcrumbKey, props)\n\n    onMounted(() => {\n      const items = breadcrumb.value!.querySelectorAll(`.${ns.e('item')}`)\n      if (items.length) {\n        items[items.length - 1].setAttribute('aria-current', 'page')\n      }\n    })\n\n    return {\n      ns,\n      breadcrumb,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;IAEI,KAAI;IACH;IACD;;;;;;;;"}

package/lib/components/button/src/button-group.vue_vue_type_script_lang.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-require('../../../tokens/index.js');
-require('../../../hooks/index.js');
-var buttonGroup = require('./button-group.js');
-var button = require('../../../tokens/button.js');
-var index = require('../../../hooks/use-namespace/index.js');
-
-var script = vue.defineComponent({
-  name: "ElButtonGroup",
-  props: buttonGroup.buttonGroupProps,
-  setup(props) {
-    vue.provide(button.buttonGroupContextKey, vue.reactive({
-      size: vue.toRef(props, "size"),
-      type: vue.toRef(props, "type")
-    }));
-    const ns = index.useNamespace("button");
-    return {
-      ns
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=button-group.vue_vue_type_script_lang.js.map

package/lib/components/button/src/button-group.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-group.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/button/src/button-group.vue"],"sourcesContent":["<template>\n  <div :class=\"`${ns.b('group')}`\">\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, provide, reactive, toRef } from 'vue'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { useNamespace } from '@element-plus/hooks'\nimport { buttonGroupProps } from './button-group'\n\nexport default defineComponent({\n  name: 'ElButtonGroup',\n  props: buttonGroupProps,\n\n  setup(props) {\n    provide(\n      buttonGroupContextKey,\n      reactive({\n        size: toRef(props, 'size'),\n        type: toRef(props, 'type'),\n      })\n    )\n    const ns = useNamespace('button')\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","buttonGroupProps","provide","buttonGroupContextKey","toRef","useNamespace"],"mappings":";;;;;;;;;;;AASA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAEC,4BAAgB;EACvB,MAAM,KAAK,EAAE;IACXC,WAAO,CAACC;;MAEN,IAAI,EAAEC;KACP,CAAC,CAAC,CAAC;UACE,EAAE,GAAGC,kBAAY;WAChB;QACH;;;;;;;"}

package/lib/components/button/src/button-group.vue_vue_type_template_id_1bab7d77_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", {
-    class: vue.normalizeClass(`${_ctx.ns.b("group")}`)
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 2);
-}
-
-exports.render = render;
-//# sourceMappingURL=button-group.vue_vue_type_template_id_1bab7d77_lang.js.map

package/lib/components/button/src/button-group.vue_vue_type_template_id_1bab7d77_lang.js.map

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

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

@@ -1,108 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var core = require('@vueuse/core');
-var tinycolor = require('@ctrl/tinycolor');
-var index = require('../../icon/index.js');
-require('../../../hooks/index.js');
-require('../../../tokens/index.js');
-var iconsVue = require('@element-plus/icons-vue');
-var button = require('./button.js');
-var button$1 = require('../../../tokens/button.js');
-var index$1 = require('../../../hooks/use-global-config/index.js');
-var index$2 = require('../../../hooks/use-namespace/index.js');
-var index$3 = require('../../../hooks/use-form-item/index.js');
-var index$4 = require('../../../hooks/use-common-props/index.js');
-
-var script = vue.defineComponent({
-  name: "ElButton",
-  components: {
-    ElIcon: index.ElIcon,
-    Loading: iconsVue.Loading
-  },
-  props: button.buttonProps,
-  emits: button.buttonEmits,
-  setup(props, { emit, slots }) {
-    const buttonRef = vue.ref();
-    const buttonGroupContext = vue.inject(button$1.buttonGroupContextKey, void 0);
-    const globalConfig = index$1.useGlobalConfig("button");
-    const ns = index$2.useNamespace("button");
-    const autoInsertSpace = vue.computed(() => {
-      var _a, _b, _c;
-      return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
-    });
-    const shouldAddSpace = vue.computed(() => {
-      var _a;
-      const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
-      if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
-        const slot = defaultSlot[0];
-        if ((slot == null ? void 0 : slot.type) === vue.Text) {
-          const text = slot.children;
-          return /^\p{Unified_Ideograph}{2}$/u.test(text);
-        }
-      }
-      return false;
-    });
-    const { form } = index$3.useFormItem();
-    const buttonSize = index$4.useSize(vue.computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
-    const buttonDisabled = index$4.useDisabled();
-    const buttonType = vue.computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
-    const typeColor = vue.computed(() => core.useCssVar(`--el-color-${props.type}`).value);
-    const buttonStyle = vue.computed(() => {
-      let styles = {};
-      const buttonColor = props.color || typeColor.value;
-      if (buttonColor) {
-        const shadeBgColor = new tinycolor.TinyColor(buttonColor).shade(10).toString();
-        if (props.plain) {
-          styles = {
-            "--el-button-bg-color": new tinycolor.TinyColor(buttonColor).tint(90).toString(),
-            "--el-button-text-color": buttonColor,
-            "--el-button-hover-text-color": "var(--el-color-white)",
-            "--el-button-hover-bg-color": buttonColor,
-            "--el-button-hover-border-color": buttonColor,
-            "--el-button-active-bg-color": shadeBgColor,
-            "--el-button-active-text-color": "var(--el-color-white)",
-            "--el-button-active-border-color": shadeBgColor
-          };
-        } else {
-          const tintBgColor = new tinycolor.TinyColor(buttonColor).tint(20).toString();
-          styles = {
-            "--el-button-bg-color": buttonColor,
-            "--el-button-border-color": buttonColor,
-            "--el-button-hover-bg-color": tintBgColor,
-            "--el-button-hover-border-color": tintBgColor,
-            "--el-button-active-bg-color": shadeBgColor,
-            "--el-button-active-border-color": shadeBgColor
-          };
-        }
-        if (buttonDisabled.value) {
-          const disabledButtonColor = new tinycolor.TinyColor(buttonColor).tint(50).toString();
-          styles["--el-button-disabled-bg-color"] = disabledButtonColor;
-          styles["--el-button-disabled-border-color"] = disabledButtonColor;
-        }
-      }
-      return styles;
-    });
-    const handleClick = (evt) => {
-      if (props.nativeType === "reset") {
-        form == null ? void 0 : form.resetFields();
-      }
-      emit("click", evt);
-    };
-    return {
-      buttonRef,
-      buttonStyle,
-      buttonSize,
-      buttonType,
-      buttonDisabled,
-      shouldAddSpace,
-      handleClick,
-      ns
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=button.vue_vue_type_script_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <button\n    ref=\"buttonRef\"\n    :class=\"[\n      ns.b(),\n      ns.m(buttonType),\n      ns.m(buttonSize),\n      ns.is('disabled', buttonDisabled),\n      ns.is('loading', loading),\n      ns.is('plain', plain),\n      ns.is('round', round),\n      ns.is('circle', circle),\n    ]\"\n    :disabled=\"buttonDisabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"loading\" :class=\"ns.is('loading')\">\n      <loading />\n    </el-icon>\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"[shouldAddSpace ? `${ns.em('text', 'expand')}` : '']\"\n    >\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent, Text, ref } from 'vue'\nimport { useCssVar } from '@vueuse/core'\nimport { TinyColor } from '@ctrl/tinycolor'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  useDisabled,\n  useFormItem,\n  useGlobalConfig,\n  useNamespace,\n  useSize,\n} from '@element-plus/hooks'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { Loading } from '@element-plus/icons-vue'\n\nimport { buttonEmits, buttonProps } from './button'\n\nexport default defineComponent({\n  name: 'ElButton',\n\n  components: {\n    ElIcon,\n    Loading,\n  },\n\n  props: buttonProps,\n  emits: buttonEmits,\n\n  setup(props, { emit, slots }) {\n    const buttonRef = ref()\n    const buttonGroupContext = inject(buttonGroupContextKey, undefined)\n    const globalConfig = useGlobalConfig('button')\n    const ns = useNamespace('button')\n    const autoInsertSpace = computed(\n      () =>\n        props.autoInsertSpace ?? globalConfig.value?.autoInsertSpace ?? false\n    )\n\n    // add space between two characters in Chinese\n    const shouldAddSpace = computed(() => {\n      const defaultSlot = slots.default?.()\n      if (autoInsertSpace.value && defaultSlot?.length === 1) {\n        const slot = defaultSlot[0]\n        if (slot?.type === Text) {\n          const text = slot.children\n          return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n        }\n      }\n      return false\n    })\n\n    const { form } = useFormItem()\n    const buttonSize = useSize(computed(() => buttonGroupContext?.size))\n    const buttonDisabled = useDisabled()\n    const buttonType = computed(\n      () => props.type || buttonGroupContext?.type || ''\n    )\n\n    // calculate hover & active color by color\n    const typeColor = computed(\n      () => useCssVar(`--el-color-${props.type}`).value\n    )\n    const buttonStyle = computed(() => {\n      let styles = {}\n\n      const buttonColor = props.color || typeColor.value\n\n      if (buttonColor) {\n        const shadeBgColor = new TinyColor(buttonColor).shade(10).toString()\n        if (props.plain) {\n          styles = {\n            '--el-button-bg-color': new TinyColor(buttonColor)\n              .tint(90)\n              .toString(),\n            '--el-button-text-color': buttonColor,\n            '--el-button-hover-text-color': 'var(--el-color-white)',\n            '--el-button-hover-bg-color': buttonColor,\n            '--el-button-hover-border-color': buttonColor,\n            '--el-button-active-bg-color': shadeBgColor,\n            '--el-button-active-text-color': 'var(--el-color-white)',\n            '--el-button-active-border-color': shadeBgColor,\n          }\n        } else {\n          const tintBgColor = new TinyColor(buttonColor).tint(20).toString()\n          styles = {\n            '--el-button-bg-color': buttonColor,\n            '--el-button-border-color': buttonColor,\n            '--el-button-hover-bg-color': tintBgColor,\n            '--el-button-hover-border-color': tintBgColor,\n            '--el-button-active-bg-color': shadeBgColor,\n            '--el-button-active-border-color': shadeBgColor,\n          }\n        }\n\n        if (buttonDisabled.value) {\n          const disabledButtonColor = new TinyColor(buttonColor)\n            .tint(50)\n            .toString()\n          styles['--el-button-disabled-bg-color'] = disabledButtonColor\n          styles['--el-button-disabled-border-color'] = disabledButtonColor\n        }\n      }\n\n      return styles\n    })\n\n    const handleClick = (evt: MouseEvent) => {\n      if (props.nativeType === 'reset') {\n        form?.resetFields()\n      }\n      emit('click', evt)\n    }\n\n    return {\n      buttonRef,\n      buttonStyle,\n\n      buttonSize,\n      buttonType,\n      buttonDisabled,\n\n      shouldAddSpace,\n\n      handleClick,\n\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["ElIcon","Loading","buttonProps","buttonEmits","useNamespace","computed","useFormItem","useSize","useDisabled","TinyColor"],"mappings":";;;;;;;;;;;;;;;;;;;AAiDA,EAAE,gBAAgB;;AAElB,YAAIA,YAAM;aACNC,gBAAO;;EAET,KAAK,EAAEC;OACF,EAAEC;OACF,CAAC;;;IAGJ,MAAM;IACN,MAAM,EAAE,GAAGC;;MAET,IAAI,EAAE,MAAM,EAAE,CAAC;MACf,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG;KACpB,CAAC,CAAC;IACH,MAAM,iBAAiBC,YAAQ,CAAC,MAAM;MACpC,IAAI,GAAG;MACP,MAAM,WAAW,GAAG,GAAG,GAAG;MAC1B,IAAI;QACF,MAAM,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC;;;iBAGnB,6BAA6B,CAAC;;OAExC;MACD,OAAO,KAAK,CAAC;;YAEP,IAAI,EAAE,GAAGC;UACX,aAAaC,eAAO,CAACF;UACrB,cAAc,GAAGG,mBAAW,EAAE,CAAC;;;UAG/B;;;MAGJ,IAAI,WAAW,EAAE;QACf,MAAM,YAAY,GAAG,IAAIC,oBAAU,WAAW,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC1D,IAAI,KAAK,CAAC,KAAK,EAAE;UACf,MAAM,GAAG;YACP,sBAAsB,EAAE,IAAIA,mBAAS;;;YAGrC,8BAA8B;YAC9B;YACA,6BAA6B,EAAE;;YAE/B;WACD,CAAC;;UAEF,MAAM,WAAW,GAAG,IAAIA,mBAAS,CAAC,WAAW;;YAE3C;YACA,0BAA0B,EAAE,WAAW;YACvC;YACA;YACA,6BAA6B,EAAE,YAAY;;;;YAI3C,cAAc,CAAC,KAAK,EAAE;gBAClB,mBAAmB,GAAG,IAAIA,mBAAS,CAAC;gBACpC,CAAC,+BAA+B,CAAC,GAAG;gBACpC,CAAC,mCAAmC,CAAC;;;;;UAK3C,WAAW,GAAG,CAAC,GAAG;UAClB,KAAK;YACH,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC;;kBAEnB,EAAE,GAAG,CAAC,CAAC;;;eAGV;;;;oBAIK;oBACA;iBACH;;;;;;;;"}

package/lib/components/button/src/button.vue_vue_type_template_id_802c5c76_lang.js

@@ -1,53 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["disabled", "autofocus", "type"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_loading = vue.resolveComponent("loading");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  return vue.openBlock(), vue.createElementBlock("button", {
-    ref: "buttonRef",
-    class: vue.normalizeClass([
-      _ctx.ns.b(),
-      _ctx.ns.m(_ctx.buttonType),
-      _ctx.ns.m(_ctx.buttonSize),
-      _ctx.ns.is("disabled", _ctx.buttonDisabled),
-      _ctx.ns.is("loading", _ctx.loading),
-      _ctx.ns.is("plain", _ctx.plain),
-      _ctx.ns.is("round", _ctx.round),
-      _ctx.ns.is("circle", _ctx.circle)
-    ]),
-    disabled: _ctx.buttonDisabled || _ctx.loading,
-    autofocus: _ctx.autofocus,
-    type: _ctx.nativeType,
-    style: vue.normalizeStyle(_ctx.buttonStyle),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [
-    _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-      key: 0,
-      class: vue.normalizeClass(_ctx.ns.is("loading"))
-    }, {
-      default: vue.withCtx(() => [
-        vue.createVNode(_component_loading)
-      ]),
-      _: 1
-    }, 8, ["class"])) : _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 1 }, {
-      default: vue.withCtx(() => [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-      ]),
-      _: 1
-    })) : vue.createCommentVNode("v-if", true),
-    _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
-      key: 2,
-      class: vue.normalizeClass([_ctx.shouldAddSpace ? `${_ctx.ns.em("text", "expand")}` : ""])
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 2)) : vue.createCommentVNode("v-if", true)
-  ], 14, _hoisted_1);
-}
-
-exports.render = render;
-//# sourceMappingURL=button.vue_vue_type_template_id_802c5c76_lang.js.map

package/lib/components/button/src/button.vue_vue_type_template_id_802c5c76_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.vue_vue_type_template_id_802c5c76_lang.js","sources":["../../../../../../packages/components/button/src/button.vue?vue&type=template&id=802c5c76&lang.js"],"sourcesContent":["<template>\n  <button\n    ref=\"buttonRef\"\n    :class=\"[\n      ns.b(),\n      ns.m(buttonType),\n      ns.m(buttonSize),\n      ns.is('disabled', buttonDisabled),\n      ns.is('loading', loading),\n      ns.is('plain', plain),\n      ns.is('round', round),\n      ns.is('circle', circle),\n    ]\"\n    :disabled=\"buttonDisabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"loading\" :class=\"ns.is('loading')\">\n      <loading />\n    </el-icon>\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"[shouldAddSpace ? `${ns.em('text', 'expand')}` : '']\"\n    >\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent, Text, ref } from 'vue'\nimport { useCssVar } from '@vueuse/core'\nimport { TinyColor } from '@ctrl/tinycolor'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  useDisabled,\n  useFormItem,\n  useGlobalConfig,\n  useNamespace,\n  useSize,\n} from '@element-plus/hooks'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { Loading } from '@element-plus/icons-vue'\n\nimport { buttonEmits, buttonProps } from './button'\n\nexport default defineComponent({\n  name: 'ElButton',\n\n  components: {\n    ElIcon,\n    Loading,\n  },\n\n  props: buttonProps,\n  emits: buttonEmits,\n\n  setup(props, { emit, slots }) {\n    const buttonRef = ref()\n    const buttonGroupContext = inject(buttonGroupContextKey, undefined)\n    const globalConfig = useGlobalConfig('button')\n    const ns = useNamespace('button')\n    const autoInsertSpace = computed(\n      () =>\n        props.autoInsertSpace ?? globalConfig.value?.autoInsertSpace ?? false\n    )\n\n    // add space between two characters in Chinese\n    const shouldAddSpace = computed(() => {\n      const defaultSlot = slots.default?.()\n      if (autoInsertSpace.value && defaultSlot?.length === 1) {\n        const slot = defaultSlot[0]\n        if (slot?.type === Text) {\n          const text = slot.children\n          return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n        }\n      }\n      return false\n    })\n\n    const { form } = useFormItem()\n    const buttonSize = useSize(computed(() => buttonGroupContext?.size))\n    const buttonDisabled = useDisabled()\n    const buttonType = computed(\n      () => props.type || buttonGroupContext?.type || ''\n    )\n\n    // calculate hover & active color by color\n    const typeColor = computed(\n      () => useCssVar(`--el-color-${props.type}`).value\n    )\n    const buttonStyle = computed(() => {\n      let styles = {}\n\n      const buttonColor = props.color || typeColor.value\n\n      if (buttonColor) {\n        const shadeBgColor = new TinyColor(buttonColor).shade(10).toString()\n        if (props.plain) {\n          styles = {\n            '--el-button-bg-color': new TinyColor(buttonColor)\n              .tint(90)\n              .toString(),\n            '--el-button-text-color': buttonColor,\n            '--el-button-hover-text-color': 'var(--el-color-white)',\n            '--el-button-hover-bg-color': buttonColor,\n            '--el-button-hover-border-color': buttonColor,\n            '--el-button-active-bg-color': shadeBgColor,\n            '--el-button-active-text-color': 'var(--el-color-white)',\n            '--el-button-active-border-color': shadeBgColor,\n          }\n        } else {\n          const tintBgColor = new TinyColor(buttonColor).tint(20).toString()\n          styles = {\n            '--el-button-bg-color': buttonColor,\n            '--el-button-border-color': buttonColor,\n            '--el-button-hover-bg-color': tintBgColor,\n            '--el-button-hover-border-color': tintBgColor,\n            '--el-button-active-bg-color': shadeBgColor,\n            '--el-button-active-border-color': shadeBgColor,\n          }\n        }\n\n        if (buttonDisabled.value) {\n          const disabledButtonColor = new TinyColor(buttonColor)\n            .tint(50)\n            .toString()\n          styles['--el-button-disabled-bg-color'] = disabledButtonColor\n          styles['--el-button-disabled-border-color'] = disabledButtonColor\n        }\n      }\n\n      return styles\n    })\n\n    const handleClick = (evt: MouseEvent) => {\n      if (props.nativeType === 'reset') {\n        form?.resetFields()\n      }\n      emit('click', evt)\n    }\n\n    return {\n      buttonRef,\n      buttonStyle,\n\n      buttonSize,\n      buttonType,\n      buttonDisabled,\n\n      shouldAddSpace,\n\n      handleClick,\n\n      ns,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAaK;IACA,SAAS;;IAET,KAAK;WACA;;KAES;0BAAf;;;;4BACE;;;;;;;;gCAGA;;;;;;;;;"}