@element-plus/nightly 0.0.20220121 → 0.0.20220125

package/lib/components/cascader-panel/src/menu.vue_vue_type_script_lang.js

@@ -1,94 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index$1 = require('../../scrollbar/index.js');
-require('../../../hooks/index.js');
-var util = require('../../../utils/util.js');
-var iconsVue = require('@element-plus/icons-vue');
-var index = require('../../icon/index.js');
-require('./node2.js');
-var types = require('./types.js');
-var node_vue_vue_type_script_lang = require('./node.vue_vue_type_script_lang.js');
-var index$2 = require('../../../hooks/use-locale/index.js');
-
-var script = vue.defineComponent({
-  name: "ElCascaderMenu",
-  components: {
-    Loading: iconsVue.Loading,
-    ElIcon: index.ElIcon,
-    ElScrollbar: index$1.ElScrollbar,
-    ElCascaderNode: node_vue_vue_type_script_lang["default"]
-  },
-  props: {
-    nodes: {
-      type: Array,
-      required: true
-    },
-    index: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(props) {
-    const instance = vue.getCurrentInstance();
-    const { t } = index$2.useLocale();
-    const id = util.generateId();
-    let activeNode = null;
-    let hoverTimer = null;
-    const panel = vue.inject(types.CASCADER_PANEL_INJECTION_KEY);
-    const hoverZone = vue.ref(null);
-    const isEmpty = vue.computed(() => !props.nodes.length);
-    const isLoading = vue.computed(() => !panel.initialLoaded);
-    const menuId = vue.computed(() => `cascader-menu-${id}-${props.index}`);
-    const handleExpand = (e) => {
-      activeNode = e.target;
-    };
-    const handleMouseMove = (e) => {
-      if (!panel.isHoverMenu || !activeNode || !hoverZone.value)
-        return;
-      if (activeNode.contains(e.target)) {
-        clearHoverTimer();
-        const el = instance.vnode.el;
-        const { left } = el.getBoundingClientRect();
-        const { offsetWidth, offsetHeight } = el;
-        const startX = e.clientX - left;
-        const top = activeNode.offsetTop;
-        const bottom = top + activeNode.offsetHeight;
-        hoverZone.value.innerHTML = `
-          <path style="pointer-events: auto;" fill="transparent" d="M${startX} ${top} L${offsetWidth} 0 V${top} Z" />
-          <path style="pointer-events: auto;" fill="transparent" d="M${startX} ${bottom} L${offsetWidth} ${offsetHeight} V${bottom} Z" />
-        `;
-      } else if (!hoverTimer) {
-        hoverTimer = window.setTimeout(clearHoverZone, panel.config.hoverThreshold);
-      }
-    };
-    const clearHoverTimer = () => {
-      if (!hoverTimer)
-        return;
-      clearTimeout(hoverTimer);
-      hoverTimer = null;
-    };
-    const clearHoverZone = () => {
-      if (!hoverZone.value)
-        return;
-      hoverZone.value.innerHTML = "";
-      clearHoverTimer();
-    };
-    return {
-      panel,
-      hoverZone,
-      isEmpty,
-      isLoading,
-      menuId,
-      t,
-      handleExpand,
-      handleMouseMove,
-      clearHoverZone
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=menu.vue_vue_type_script_lang.js.map

package/lib/components/cascader-panel/src/menu.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/cascader-panel/src/menu.vue"],"sourcesContent":["<template>\n  <el-scrollbar\n    :key=\"menuId\"\n    tag=\"ul\"\n    role=\"menu\"\n    class=\"el-cascader-menu\"\n    wrap-class=\"el-cascader-menu__wrap\"\n    :view-class=\"['el-cascader-menu__list', isEmpty && 'is-empty']\"\n    @mousemove=\"handleMouseMove\"\n    @mouseleave=\"clearHoverZone\"\n  >\n    <el-cascader-node\n      v-for=\"node in nodes\"\n      :key=\"node.uid\"\n      :node=\"node\"\n      :menu-id=\"menuId\"\n      @expand=\"handleExpand\"\n    />\n    <div v-if=\"isLoading\" class=\"el-cascader-menu__empty-text\">\n      <el-icon size=\"14\" class=\"is-loading\">\n        <loading />\n      </el-icon>\n      {{ t('el.cascader.loading') }}\n    </div>\n    <div v-else-if=\"isEmpty\" class=\"el-cascader-menu__empty-text\">\n      {{ t('el.cascader.noData') }}\n    </div>\n    <svg\n      v-else-if=\"panel?.isHoverMenu\"\n      ref=\"hoverZone\"\n      class=\"el-cascader-menu__hover-zone\"\n    ></svg>\n  </el-scrollbar>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, getCurrentInstance, inject, ref } from 'vue'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { useLocale } from '@element-plus/hooks'\nimport { generateId } from '@element-plus/utils/util'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElIcon from '@element-plus/components/icon'\nimport ElCascaderNode from './node.vue'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type { default as CascaderNode } from './node'\nimport type { PropType } from 'vue'\nimport type { TimeoutHandle, Nullable } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElCascaderMenu',\n\n  components: {\n    Loading,\n    ElIcon,\n    ElScrollbar,\n    ElCascaderNode,\n  },\n\n  props: {\n    nodes: {\n      type: Array as PropType<CascaderNode[]>,\n      required: true,\n    },\n    index: {\n      type: Number,\n      required: true,\n    },\n  },\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const { t } = useLocale()\n    const id = generateId()\n    let activeNode: Nullable<HTMLElement> = null\n    let hoverTimer: Nullable<TimeoutHandle> = null\n\n    const panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\n    const hoverZone = ref<null | SVGSVGElement>(null)\n\n    const isEmpty = computed(() => !props.nodes.length)\n    const isLoading = computed(() => !panel.initialLoaded)\n    const menuId = computed(() => `cascader-menu-${id}-${props.index}`)\n\n    const handleExpand = (e: MouseEvent) => {\n      activeNode = e.target as HTMLElement\n    }\n\n    const handleMouseMove = (e: MouseEvent) => {\n      if (!panel.isHoverMenu || !activeNode || !hoverZone.value) return\n\n      if (activeNode.contains(e.target as HTMLElement)) {\n        clearHoverTimer()\n\n        const el = instance.vnode.el as HTMLElement\n        const { left } = el.getBoundingClientRect()\n        const { offsetWidth, offsetHeight } = el\n        const startX = e.clientX - left\n        const top = activeNode.offsetTop\n        const bottom = top + activeNode.offsetHeight\n\n        hoverZone.value.innerHTML = `\n          <path style=\"pointer-events: auto;\" fill=\"transparent\" d=\"M${startX} ${top} L${offsetWidth} 0 V${top} Z\" />\n          <path style=\"pointer-events: auto;\" fill=\"transparent\" d=\"M${startX} ${bottom} L${offsetWidth} ${offsetHeight} V${bottom} Z\" />\n        `\n      } else if (!hoverTimer) {\n        hoverTimer = window.setTimeout(\n          clearHoverZone,\n          panel.config.hoverThreshold\n        )\n      }\n    }\n\n    const clearHoverTimer = () => {\n      if (!hoverTimer) return\n      clearTimeout(hoverTimer)\n      hoverTimer = null\n    }\n\n    const clearHoverZone = () => {\n      if (!hoverZone.value) return\n      hoverZone.value.innerHTML = ''\n      clearHoverTimer()\n    }\n    return {\n      panel,\n      hoverZone,\n      isEmpty,\n      isLoading,\n      menuId,\n      t,\n      handleExpand,\n      handleMouseMove,\n      clearHoverZone,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","Loading","ElIcon","ElCascaderNode","computed"],"mappings":";;;;;;;;;;;;;;;AA2CA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;AACd,aAAIC;AACJ,YAAIC,YAAM;;AAEV,oBAAIC,wCAAc;GACf;;IAEC,KAAK,EAAE;MACL,IAAI;MACJ;KACD;IACD,KAAK,EAAE;;;KAGN;;OAEE,CAAC,KAAK,EAAE;UACL,QAAQ;IACd;IACA;QACI,UAAU;QACV,UAAU;IACd;;;IAGA,MAAM;IACN,MAAM,MAAM,GAAGC,YAAQ,CAAC,MAAM,CAAC;IAC/B,MAAM,YAAY,GAAG,CAAC,CAAC;MACrB,UAAU,GAAG,CAAC,CAAC;KAChB,CAAC;IACF,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK;;QAE3B;;QAEA,eAAe,EAAE,CAAC;;QAElB,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QAC5C,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC;QACzC,MAAM,MAAM,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC;;QAEhC,MAAM,MAAM,GAAG,GAAG,GAAG,UAAU;QAC/B,SAAS,MAAM,CAAC,SAAS,GAAG,CAAC;;;QAG7B,EAAE;OACH,MAAM,IAAI,CAAC,YAAY;;OAEvB;;;UAGG,CAAC,UAAU;QACb;kBACU,CAAC,UAAU,CAAC,CAAC;gBACf,GAAG,IAAI,CAAC;;UAEd,cAAc,GAAG,MAAM;;QAEzB,OAAO;gBACC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;qBAChB,EAAE,CAAC;;WAEb;WACA;eACI;aACF;;MAEP;;;MAGA,eAAe;MACf,cAAc;MACd;;;;;;"}

package/lib/components/cascader-panel/src/menu.vue_vue_type_template_id_9c79e4e2_lang.js

@@ -1,65 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = {
-  key: 0,
-  class: "el-cascader-menu__empty-text"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "el-cascader-menu__empty-text"
-};
-const _hoisted_3 = {
-  key: 2,
-  ref: "hoverZone",
-  class: "el-cascader-menu__hover-zone"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_cascader_node = vue.resolveComponent("el-cascader-node");
-  const _component_loading = vue.resolveComponent("loading");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
-  return vue.openBlock(), vue.createBlock(_component_el_scrollbar, {
-    key: _ctx.menuId,
-    tag: "ul",
-    role: "menu",
-    class: "el-cascader-menu",
-    "wrap-class": "el-cascader-menu__wrap",
-    "view-class": ["el-cascader-menu__list", _ctx.isEmpty && "is-empty"],
-    onMousemove: _ctx.handleMouseMove,
-    onMouseleave: _ctx.clearHoverZone
-  }, {
-    default: vue.withCtx(() => {
-      var _a;
-      return [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.nodes, (node) => {
-          return vue.openBlock(), vue.createBlock(_component_el_cascader_node, {
-            key: node.uid,
-            node,
-            "menu-id": _ctx.menuId,
-            onExpand: _ctx.handleExpand
-          }, null, 8, ["node", "menu-id", "onExpand"]);
-        }), 128)),
-        _ctx.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-          vue.createVNode(_component_el_icon, {
-            size: "14",
-            class: "is-loading"
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_loading)
-            ]),
-            _: 1
-          }),
-          vue.createTextVNode(" " + vue.toDisplayString(_ctx.t("el.cascader.loading")), 1)
-        ])) : _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(_ctx.t("el.cascader.noData")), 1)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_3, null, 512)) : vue.createCommentVNode("v-if", true)
-      ];
-    }),
-    _: 1
-  }, 8, ["view-class", "onMousemove", "onMouseleave"]);
-}
-
-exports.render = render;
-//# sourceMappingURL=menu.vue_vue_type_template_id_9c79e4e2_lang.js.map

package/lib/components/cascader-panel/src/menu.vue_vue_type_template_id_9c79e4e2_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.vue_vue_type_template_id_9c79e4e2_lang.js","sources":["../../../../../../packages/components/cascader-panel/src/menu.vue?vue&type=template&id=9c79e4e2&lang.js"],"sourcesContent":["<template>\n  <el-scrollbar\n    :key=\"menuId\"\n    tag=\"ul\"\n    role=\"menu\"\n    class=\"el-cascader-menu\"\n    wrap-class=\"el-cascader-menu__wrap\"\n    :view-class=\"['el-cascader-menu__list', isEmpty && 'is-empty']\"\n    @mousemove=\"handleMouseMove\"\n    @mouseleave=\"clearHoverZone\"\n  >\n    <el-cascader-node\n      v-for=\"node in nodes\"\n      :key=\"node.uid\"\n      :node=\"node\"\n      :menu-id=\"menuId\"\n      @expand=\"handleExpand\"\n    />\n    <div v-if=\"isLoading\" class=\"el-cascader-menu__empty-text\">\n      <el-icon size=\"14\" class=\"is-loading\">\n        <loading />\n      </el-icon>\n      {{ t('el.cascader.loading') }}\n    </div>\n    <div v-else-if=\"isEmpty\" class=\"el-cascader-menu__empty-text\">\n      {{ t('el.cascader.noData') }}\n    </div>\n    <svg\n      v-else-if=\"panel?.isHoverMenu\"\n      ref=\"hoverZone\"\n      class=\"el-cascader-menu__hover-zone\"\n    ></svg>\n  </el-scrollbar>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, getCurrentInstance, inject, ref } from 'vue'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { useLocale } from '@element-plus/hooks'\nimport { generateId } from '@element-plus/utils/util'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElIcon from '@element-plus/components/icon'\nimport ElCascaderNode from './node.vue'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type { default as CascaderNode } from './node'\nimport type { PropType } from 'vue'\nimport type { TimeoutHandle, Nullable } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElCascaderMenu',\n\n  components: {\n    Loading,\n    ElIcon,\n    ElScrollbar,\n    ElCascaderNode,\n  },\n\n  props: {\n    nodes: {\n      type: Array as PropType<CascaderNode[]>,\n      required: true,\n    },\n    index: {\n      type: Number,\n      required: true,\n    },\n  },\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const { t } = useLocale()\n    const id = generateId()\n    let activeNode: Nullable<HTMLElement> = null\n    let hoverTimer: Nullable<TimeoutHandle> = null\n\n    const panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\n    const hoverZone = ref<null | SVGSVGElement>(null)\n\n    const isEmpty = computed(() => !props.nodes.length)\n    const isLoading = computed(() => !panel.initialLoaded)\n    const menuId = computed(() => `cascader-menu-${id}-${props.index}`)\n\n    const handleExpand = (e: MouseEvent) => {\n      activeNode = e.target as HTMLElement\n    }\n\n    const handleMouseMove = (e: MouseEvent) => {\n      if (!panel.isHoverMenu || !activeNode || !hoverZone.value) return\n\n      if (activeNode.contains(e.target as HTMLElement)) {\n        clearHoverTimer()\n\n        const el = instance.vnode.el as HTMLElement\n        const { left } = el.getBoundingClientRect()\n        const { offsetWidth, offsetHeight } = el\n        const startX = e.clientX - left\n        const top = activeNode.offsetTop\n        const bottom = top + activeNode.offsetHeight\n\n        hoverZone.value.innerHTML = `\n          <path style=\"pointer-events: auto;\" fill=\"transparent\" d=\"M${startX} ${top} L${offsetWidth} 0 V${top} Z\" />\n          <path style=\"pointer-events: auto;\" fill=\"transparent\" d=\"M${startX} ${bottom} L${offsetWidth} ${offsetHeight} V${bottom} Z\" />\n        `\n      } else if (!hoverTimer) {\n        hoverTimer = window.setTimeout(\n          clearHoverZone,\n          panel.config.hoverThreshold\n        )\n      }\n    }\n\n    const clearHoverTimer = () => {\n      if (!hoverTimer) return\n      clearTimeout(hoverTimer)\n      hoverTimer = null\n    }\n\n    const clearHoverZone = () => {\n      if (!hoverZone.value) return\n      hoverZone.value.innerHTML = ''\n      clearHoverTimer()\n    }\n    return {\n      panel,\n      hoverZone,\n      isEmpty,\n      isLoading,\n      menuId,\n      t,\n      handleExpand,\n      handleMouseMove,\n      clearHoverZone,\n    }\n  },\n})\n</script>\n"],"names":["_withCtx"],"mappings":";;;;;;;;;EAkB0B;;;;EAMG;;;;EAKvB,KAAI;EACJ;;;;;;;;;;IA5BD,KAAK;IACN;IACA;IACA;IACA,YAAU,EAAC;;IAEV;;;;;;;;;oBAQU;;;;;YAGT;;mBAAwB,EAACA;;;gBACvB;;;;;;;sDAIJ;;;;;"}

package/lib/components/cascader-panel/src/node.vue_vue_type_script_lang.js

@@ -1,117 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../../checkbox/index.js');
-var index$1 = require('../../radio/index.js');
-var index$2 = require('../../icon/index.js');
-var iconsVue = require('@element-plus/icons-vue');
-var nodeContent = require('./node-content.js');
-var types = require('./types.js');
-
-var script = vue.defineComponent({
-  name: "ElCascaderNode",
-  components: {
-    ElCheckbox: index.ElCheckbox,
-    ElRadio: index$1.ElRadio,
-    NodeContent: nodeContent["default"],
-    ElIcon: index$2.ElIcon,
-    Check: iconsVue.Check,
-    Loading: iconsVue.Loading,
-    ArrowRight: iconsVue.ArrowRight
-  },
-  props: {
-    node: {
-      type: Object,
-      required: true
-    },
-    menuId: String
-  },
-  emits: ["expand"],
-  setup(props, { emit }) {
-    const panel = vue.inject(types.CASCADER_PANEL_INJECTION_KEY);
-    const isHoverMenu = vue.computed(() => panel.isHoverMenu);
-    const multiple = vue.computed(() => panel.config.multiple);
-    const checkStrictly = vue.computed(() => panel.config.checkStrictly);
-    const checkedNodeId = vue.computed(() => {
-      var _a;
-      return (_a = panel.checkedNodes[0]) == null ? void 0 : _a.uid;
-    });
-    const isDisabled = vue.computed(() => props.node.isDisabled);
-    const isLeaf = vue.computed(() => props.node.isLeaf);
-    const expandable = vue.computed(() => checkStrictly.value && !isLeaf.value || !isDisabled.value);
-    const inExpandingPath = vue.computed(() => isInPath(panel.expandingNode));
-    const inCheckedPath = vue.computed(() => checkStrictly.value && panel.checkedNodes.some(isInPath));
-    const isInPath = (node) => {
-      var _a;
-      const { level, uid } = props.node;
-      return ((_a = node == null ? void 0 : node.pathNodes[level - 1]) == null ? void 0 : _a.uid) === uid;
-    };
-    const doExpand = () => {
-      if (inExpandingPath.value)
-        return;
-      panel.expandNode(props.node);
-    };
-    const doCheck = (checked) => {
-      const { node } = props;
-      if (checked === node.checked)
-        return;
-      panel.handleCheckChange(node, checked);
-    };
-    const doLoad = () => {
-      panel.lazyLoad(props.node, () => {
-        if (!isLeaf.value)
-          doExpand();
-      });
-    };
-    const handleHoverExpand = (e) => {
-      if (!isHoverMenu.value)
-        return;
-      handleExpand();
-      !isLeaf.value && emit("expand", e);
-    };
-    const handleExpand = () => {
-      const { node } = props;
-      if (!expandable.value || node.loading)
-        return;
-      node.loaded ? doExpand() : doLoad();
-    };
-    const handleClick = () => {
-      if (isHoverMenu.value && !isLeaf.value)
-        return;
-      if (isLeaf.value && !isDisabled.value && !checkStrictly.value && !multiple.value) {
-        handleCheck(true);
-      } else {
-        handleExpand();
-      }
-    };
-    const handleCheck = (checked) => {
-      if (!props.node.loaded) {
-        doLoad();
-      } else {
-        doCheck(checked);
-        !checkStrictly.value && doExpand();
-      }
-    };
-    return {
-      panel,
-      isHoverMenu,
-      multiple,
-      checkStrictly,
-      checkedNodeId,
-      isDisabled,
-      isLeaf,
-      expandable,
-      inExpandingPath,
-      inCheckedPath,
-      handleHoverExpand,
-      handleExpand,
-      handleClick,
-      handleCheck
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=node.vue_vue_type_script_lang.js.map

package/lib/components/cascader-panel/src/node.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"node.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/cascader-panel/src/node.vue"],"sourcesContent":["<template>\n  <li\n    :id=\"`${menuId}-${node.uid}`\"\n    role=\"menuitem\"\n    :aria-haspopup=\"!isLeaf\"\n    :aria-owns=\"isLeaf ? null : menuId\"\n    :aria-expanded=\"inExpandingPath\"\n    :tabindex=\"expandable ? -1 : undefined\"\n    :class=\"[\n      'el-cascader-node',\n      checkStrictly && 'is-selectable',\n      inExpandingPath && 'in-active-path',\n      inCheckedPath && 'in-checked-path',\n      node.checked && 'is-active',\n      !expandable && 'is-disabled',\n    ]\"\n    @mouseenter=\"handleHoverExpand\"\n    @focus=\"handleHoverExpand\"\n    @click=\"handleClick\"\n  >\n    <!-- prefix -->\n    <el-checkbox\n      v-if=\"multiple\"\n      :model-value=\"node.checked\"\n      :indeterminate=\"node.indeterminate\"\n      :disabled=\"isDisabled\"\n      @click.stop\n      @update:model-value=\"handleCheck\"\n    />\n    <el-radio\n      v-else-if=\"checkStrictly\"\n      :model-value=\"checkedNodeId\"\n      :label=\"node.uid\"\n      :disabled=\"isDisabled\"\n      @update:model-value=\"handleCheck\"\n      @click.stop\n    >\n      <!--\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      -->\n      <span></span>\n    </el-radio>\n    <el-icon\n      v-else-if=\"isLeaf && node.checked\"\n      class=\"el-cascader-node__prefix\"\n    >\n      <check />\n    </el-icon>\n\n    <!-- content -->\n    <node-content />\n\n    <!-- postfix -->\n    <template v-if=\"!isLeaf\">\n      <el-icon v-if=\"node.loading\" class=\"is-loading el-cascader-node__postfix\">\n        <loading />\n      </el-icon>\n      <el-icon v-else class=\"arrow-right el-cascader-node__postfix\">\n        <arrow-right />\n      </el-icon>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElRadio from '@element-plus/components/radio'\nimport ElIcon from '@element-plus/components/icon'\nimport { Check, Loading, ArrowRight } from '@element-plus/icons-vue'\nimport NodeContent from './node-content'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\nimport type { default as CascaderNode } from './node'\n\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'ElCascaderNode',\n\n  components: {\n    ElCheckbox,\n    ElRadio,\n    NodeContent,\n    ElIcon,\n    Check,\n    Loading,\n    ArrowRight,\n  },\n\n  props: {\n    node: {\n      type: Object as PropType<CascaderNode>,\n      required: true,\n    },\n    menuId: String,\n  },\n\n  emits: ['expand'],\n\n  setup(props, { emit }) {\n    const panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\n    const isHoverMenu = computed(() => panel.isHoverMenu)\n    const multiple = computed(() => panel.config.multiple)\n    const checkStrictly = computed(() => panel.config.checkStrictly)\n    const checkedNodeId = computed(() => panel.checkedNodes[0]?.uid)\n    const isDisabled = computed(() => props.node.isDisabled)\n    const isLeaf = computed(() => props.node.isLeaf)\n    const expandable = computed(\n      () => (checkStrictly.value && !isLeaf.value) || !isDisabled.value\n    )\n    const inExpandingPath = computed(() => isInPath(panel.expandingNode!))\n    // only useful in check-strictly mode\n    const inCheckedPath = computed(\n      () => checkStrictly.value && panel.checkedNodes.some(isInPath)\n    )\n\n    const isInPath = (node: CascaderNode) => {\n      const { level, uid } = props.node\n      return node?.pathNodes[level - 1]?.uid === uid\n    }\n\n    const doExpand = () => {\n      if (inExpandingPath.value) return\n      panel.expandNode(props.node)\n    }\n\n    const doCheck = (checked: boolean) => {\n      const { node } = props\n      if (checked === node.checked) return\n      panel.handleCheckChange(node, checked)\n    }\n\n    const doLoad = () => {\n      panel.lazyLoad(props.node, () => {\n        if (!isLeaf.value) doExpand()\n      })\n    }\n\n    const handleHoverExpand = (e: Event) => {\n      if (!isHoverMenu.value) return\n      handleExpand()\n      !isLeaf.value && emit('expand', e)\n    }\n\n    const handleExpand = () => {\n      const { node } = props\n      // do not exclude leaf node because the menus expanded might have to reset\n      if (!expandable.value || node.loading) return\n      node.loaded ? doExpand() : doLoad()\n    }\n\n    const handleClick = () => {\n      if (isHoverMenu.value && !isLeaf.value) return\n\n      if (\n        isLeaf.value &&\n        !isDisabled.value &&\n        !checkStrictly.value &&\n        !multiple.value\n      ) {\n        handleCheck(true)\n      } else {\n        handleExpand()\n      }\n    }\n\n    const handleCheck = (checked: boolean) => {\n      if (!props.node.loaded) {\n        doLoad()\n      } else {\n        doCheck(checked)\n        !checkStrictly.value && doExpand()\n      }\n    }\n\n    return {\n      panel,\n      isHoverMenu,\n      multiple,\n      checkStrictly,\n      checkedNodeId,\n      isDisabled,\n      isLeaf,\n      expandable,\n      inExpandingPath,\n      inCheckedPath,\n      handleHoverExpand,\n      handleExpand,\n      handleClick,\n      handleCheck,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElCheckbox","NodeContent","ElIcon","Loading","ArrowRight","CASCADER_PANEL_INJECTION_KEY","computed"],"mappings":";;;;;;;;;;;;AAwEA,aAAeA,mBAAe,CAAC;AAC/B,EAAE,MAAM;;AAER,gBAAIC,gBAAU;;AAEd,iBAAIC,sBAAW;YACXC,cAAM;;aAENC,gBAAO;gBACPC,mBAAU;;OAEP,EAAE;IACL,IAAI,EAAE;MACJ;MACA;KACD;;;EAGH,KAAK,EAAE;OACF,CAAC;UACE,KAAK,aAAS,CAACC;UACf;IACN;IACA,MAAM;;;MAGJ,OAAO,CAAC,EAAE,GAAG;;IAEf,MAAM,UAAU,GAAGC;IACnB,MAAM,MAAM,GAAGA,YAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;;IAEjD,MAAM,eAAe,GAAGA,YAAQ,CAAC,MAAM,QAAQ,CAAC;IAChD,MAAM,aAAa,GAAGA,YAAQ,OAAO,aAAa,CAAC;IACnD,MAAM,QAAQ,GAAG,CAAC,IAAI,KAAK;MACzB,IAAI,EAAE,CAAC;MACP,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,IAAI,CAAC;MAClC,OAAO,CAAC,CAAC,EAAE,GAAG,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC;KAC5C,CAAC;UACI,QAAQ,GAAG,MAAM;;QAEnB,OAAO;YACH,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;KAC9B,CAAC;UACI,OAAO,GAAG,CAAC,OAAO,KAAK;;;QAGzB,OAAO;MACT,MAAM,iBAAiB,CAAC,IAAI,EAAE;MAC9B;IACF;;QAEI,IAAI,CAAC,MAAM,MAAM;UACf,QAAQ,EAAE,CAAC;OACd,CAAC,CAAC;;;MAGH,IAAI,CAAC,WAAW,CAAC,KAAK;QACpB,OAAO;MACT,YAAY,EAAE;MACd,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;;;MAGnC,MAAM,EAAE,MAAM,GAAG;MACjB,IAAI,CAAC,UAAU,CAAC,KAAK,IAAI,KAAK;QAC5B,OAAO;MACT;;;MAGA,IAAI,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK;eAC7B;MACT,IAAI,MAAM,CAAC;QACT,YAAY,IAAI,CAAC,CAAC;;;OAGnB;MACD;UACI,WAAW,GAAG,CAAC,OAAO,KAAK;MAC/B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM;QACpB,MAAM,EAAE;;;QAGR,cAAc,MAAM;OACrB;;;WAGI;iBACM;cACH;mBACK;MACb;gBACU;MACV;gBACU;MACV;;;MAGA,YAAY;MACZ,WAAW;;MAEX;;;;;;"}

package/lib/components/cascader-panel/src/node.vue_vue_type_template_id_18b09cb2_lang.js

@@ -1,94 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_checkbox = vue.resolveComponent("el-checkbox");
-  const _component_el_radio = vue.resolveComponent("el-radio");
-  const _component_check = vue.resolveComponent("check");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_node_content = vue.resolveComponent("node-content");
-  const _component_loading = vue.resolveComponent("loading");
-  const _component_arrow_right = vue.resolveComponent("arrow-right");
-  return vue.openBlock(), vue.createElementBlock("li", {
-    id: `${_ctx.menuId}-${_ctx.node.uid}`,
-    role: "menuitem",
-    "aria-haspopup": !_ctx.isLeaf,
-    "aria-owns": _ctx.isLeaf ? null : _ctx.menuId,
-    "aria-expanded": _ctx.inExpandingPath,
-    tabindex: _ctx.expandable ? -1 : void 0,
-    class: vue.normalizeClass([
-      "el-cascader-node",
-      _ctx.checkStrictly && "is-selectable",
-      _ctx.inExpandingPath && "in-active-path",
-      _ctx.inCheckedPath && "in-checked-path",
-      _ctx.node.checked && "is-active",
-      !_ctx.expandable && "is-disabled"
-    ]),
-    onMouseenter: _cache[2] || (_cache[2] = (...args) => _ctx.handleHoverExpand && _ctx.handleHoverExpand(...args)),
-    onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.handleHoverExpand && _ctx.handleHoverExpand(...args)),
-    onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [
-    vue.createCommentVNode(" prefix "),
-    _ctx.multiple ? (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
-      key: 0,
-      "model-value": _ctx.node.checked,
-      indeterminate: _ctx.node.indeterminate,
-      disabled: _ctx.isDisabled,
-      onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-      }, ["stop"])),
-      "onUpdate:modelValue": _ctx.handleCheck
-    }, null, 8, ["model-value", "indeterminate", "disabled", "onUpdate:modelValue"])) : _ctx.checkStrictly ? (vue.openBlock(), vue.createBlock(_component_el_radio, {
-      key: 1,
-      "model-value": _ctx.checkedNodeId,
-      label: _ctx.node.uid,
-      disabled: _ctx.isDisabled,
-      "onUpdate:modelValue": _ctx.handleCheck,
-      onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-      }, ["stop"]))
-    }, {
-      default: vue.withCtx(() => [
-        vue.createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
-        _hoisted_2
-      ]),
-      _: 1
-    }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : _ctx.isLeaf && _ctx.node.checked ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-      key: 2,
-      class: "el-cascader-node__prefix"
-    }, {
-      default: vue.withCtx(() => [
-        vue.createVNode(_component_check)
-      ]),
-      _: 1
-    })) : vue.createCommentVNode("v-if", true),
-    vue.createCommentVNode(" content "),
-    vue.createVNode(_component_node_content),
-    vue.createCommentVNode(" postfix "),
-    !_ctx.isLeaf ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
-      _ctx.node.loading ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-        key: 0,
-        class: "is-loading el-cascader-node__postfix"
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_loading)
-        ]),
-        _: 1
-      })) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
-        key: 1,
-        class: "arrow-right el-cascader-node__postfix"
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_arrow_right)
-        ]),
-        _: 1
-      }))
-    ], 2112)) : vue.createCommentVNode("v-if", true)
-  ], 42, _hoisted_1);
-}
-
-exports.render = render;
-//# sourceMappingURL=node.vue_vue_type_template_id_18b09cb2_lang.js.map

package/lib/components/cascader-panel/src/node.vue_vue_type_template_id_18b09cb2_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"node.vue_vue_type_template_id_18b09cb2_lang.js","sources":["../../../../../../packages/components/cascader-panel/src/node.vue?vue&type=template&id=18b09cb2&lang.js"],"sourcesContent":["<template>\n  <li\n    :id=\"`${menuId}-${node.uid}`\"\n    role=\"menuitem\"\n    :aria-haspopup=\"!isLeaf\"\n    :aria-owns=\"isLeaf ? null : menuId\"\n    :aria-expanded=\"inExpandingPath\"\n    :tabindex=\"expandable ? -1 : undefined\"\n    :class=\"[\n      'el-cascader-node',\n      checkStrictly && 'is-selectable',\n      inExpandingPath && 'in-active-path',\n      inCheckedPath && 'in-checked-path',\n      node.checked && 'is-active',\n      !expandable && 'is-disabled',\n    ]\"\n    @mouseenter=\"handleHoverExpand\"\n    @focus=\"handleHoverExpand\"\n    @click=\"handleClick\"\n  >\n    <!-- prefix -->\n    <el-checkbox\n      v-if=\"multiple\"\n      :model-value=\"node.checked\"\n      :indeterminate=\"node.indeterminate\"\n      :disabled=\"isDisabled\"\n      @click.stop\n      @update:model-value=\"handleCheck\"\n    />\n    <el-radio\n      v-else-if=\"checkStrictly\"\n      :model-value=\"checkedNodeId\"\n      :label=\"node.uid\"\n      :disabled=\"isDisabled\"\n      @update:model-value=\"handleCheck\"\n      @click.stop\n    >\n      <!--\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      -->\n      <span></span>\n    </el-radio>\n    <el-icon\n      v-else-if=\"isLeaf && node.checked\"\n      class=\"el-cascader-node__prefix\"\n    >\n      <check />\n    </el-icon>\n\n    <!-- content -->\n    <node-content />\n\n    <!-- postfix -->\n    <template v-if=\"!isLeaf\">\n      <el-icon v-if=\"node.loading\" class=\"is-loading el-cascader-node__postfix\">\n        <loading />\n      </el-icon>\n      <el-icon v-else class=\"arrow-right el-cascader-node__postfix\">\n        <arrow-right />\n      </el-icon>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElRadio from '@element-plus/components/radio'\nimport ElIcon from '@element-plus/components/icon'\nimport { Check, Loading, ArrowRight } from '@element-plus/icons-vue'\nimport NodeContent from './node-content'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\nimport type { default as CascaderNode } from './node'\n\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'ElCascaderNode',\n\n  components: {\n    ElCheckbox,\n    ElRadio,\n    NodeContent,\n    ElIcon,\n    Check,\n    Loading,\n    ArrowRight,\n  },\n\n  props: {\n    node: {\n      type: Object as PropType<CascaderNode>,\n      required: true,\n    },\n    menuId: String,\n  },\n\n  emits: ['expand'],\n\n  setup(props, { emit }) {\n    const panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\n    const isHoverMenu = computed(() => panel.isHoverMenu)\n    const multiple = computed(() => panel.config.multiple)\n    const checkStrictly = computed(() => panel.config.checkStrictly)\n    const checkedNodeId = computed(() => panel.checkedNodes[0]?.uid)\n    const isDisabled = computed(() => props.node.isDisabled)\n    const isLeaf = computed(() => props.node.isLeaf)\n    const expandable = computed(\n      () => (checkStrictly.value && !isLeaf.value) || !isDisabled.value\n    )\n    const inExpandingPath = computed(() => isInPath(panel.expandingNode!))\n    // only useful in check-strictly mode\n    const inCheckedPath = computed(\n      () => checkStrictly.value && panel.checkedNodes.some(isInPath)\n    )\n\n    const isInPath = (node: CascaderNode) => {\n      const { level, uid } = props.node\n      return node?.pathNodes[level - 1]?.uid === uid\n    }\n\n    const doExpand = () => {\n      if (inExpandingPath.value) return\n      panel.expandNode(props.node)\n    }\n\n    const doCheck = (checked: boolean) => {\n      const { node } = props\n      if (checked === node.checked) return\n      panel.handleCheckChange(node, checked)\n    }\n\n    const doLoad = () => {\n      panel.lazyLoad(props.node, () => {\n        if (!isLeaf.value) doExpand()\n      })\n    }\n\n    const handleHoverExpand = (e: Event) => {\n      if (!isHoverMenu.value) return\n      handleExpand()\n      !isLeaf.value && emit('expand', e)\n    }\n\n    const handleExpand = () => {\n      const { node } = props\n      // do not exclude leaf node because the menus expanded might have to reset\n      if (!expandable.value || node.loading) return\n      node.loaded ? doExpand() : doLoad()\n    }\n\n    const handleClick = () => {\n      if (isHoverMenu.value && !isLeaf.value) return\n\n      if (\n        isLeaf.value &&\n        !isDisabled.value &&\n        !checkStrictly.value &&\n        !multiple.value\n      ) {\n        handleCheck(true)\n      } else {\n        handleExpand()\n      }\n    }\n\n    const handleCheck = (checked: boolean) => {\n      if (!props.node.loaded) {\n        doLoad()\n      } else {\n        doCheck(checked)\n        !checkStrictly.value && doExpand()\n      }\n    }\n\n    return {\n      panel,\n      isHoverMenu,\n      multiple,\n      checkStrictly,\n      checkedNodeId,\n      isDisabled,\n      isLeaf,\n      expandable,\n      inExpandingPath,\n      inCheckedPath,\n      handleHoverExpand,\n      handleExpand,\n      handleClick,\n      handleCheck,\n    }\n  },\n})\n</script>\n"],"names":["_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;IAEK,kBAAa,aAAQ;IACtB;IACC,eAAa,cAAS;IACtB;;;;;;;;;;;;IAYAA;IACA;;;;;;UAKE;kCACmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-require('../../../hooks/index.js');
-var checkTag = require('./check-tag.js');
-var index = require('../../../hooks/use-namespace/index.js');
-
-var script = vue.defineComponent({
-  name: "ElCheckTag",
-  props: checkTag.checkTagProps,
-  emits: checkTag.checkTagEmits,
-  setup(props, { emit }) {
-    const ns = index.useNamespace("check-tag");
-    const onChange = () => {
-      const checked = !props.checked;
-      emit("change", checked);
-      emit("update:checked", checked);
-    };
-    return {
-      ns,
-      onChange
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=check-tag.vue_vue_type_script_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"check-tag.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/check-tag/src/check-tag.vue"],"sourcesContent":["<template>\n  <span :class=\"[ns.b(), ns.is('checked', checked)]\" @click=\"onChange\">\n    <slot></slot>\n  </span>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { checkTagProps, checkTagEmits } from './check-tag'\n\nexport default defineComponent({\n  name: 'ElCheckTag',\n\n  props: checkTagProps,\n  emits: checkTagEmits,\n\n  setup(props, { emit }) {\n    const ns = useNamespace('check-tag')\n\n    const onChange = () => {\n      const checked = !props.checked\n      emit('change', checked)\n      emit('update:checked', checked)\n    }\n\n    return {\n      ns,\n      onChange,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","checkTagProps","checkTagEmits","useNamespace"],"mappings":";;;;;;;;;AAQA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAEC,sBAAa;EACpB,OAAOC;;IAEL,MAAM,EAAE,GAAGC;IACX,MAAM,QAAQ,GAAG;;MAEf,IAAI,CAAC,QAAQ;MACb,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;;IAElC,OAAO;MACL,EAAE;MACF,QAAQ;MACR;;;;;;"}

package/lib/components/check-tag/src/check-tag.vue_vue_type_template_id_d949910a_lang.js

@@ -1,17 +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("span", {
-    class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("checked", _ctx.checked)]),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 2);
-}
-
-exports.render = render;
-//# sourceMappingURL=check-tag.vue_vue_type_template_id_d949910a_lang.js.map

package/lib/components/check-tag/src/check-tag.vue_vue_type_template_id_d949910a_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"check-tag.vue_vue_type_template_id_d949910a_lang.js","sources":["../../../../../../packages/components/check-tag/src/check-tag.vue?vue&type=template&id=d949910a&lang.js"],"sourcesContent":["<template>\n  <span :class=\"[ns.b(), ns.is('checked', checked)]\" @click=\"onChange\">\n    <slot></slot>\n  </span>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { checkTagProps, checkTagEmits } from './check-tag'\n\nexport default defineComponent({\n  name: 'ElCheckTag',\n\n  props: checkTagProps,\n  emits: checkTagEmits,\n\n  setup(props, { emit }) {\n    const ns = useNamespace('check-tag')\n\n    const onChange = () => {\n      const checked = !props.checked\n      emit('change', checked)\n      emit('update:checked', checked)\n    }\n\n    return {\n      ns,\n      onChange,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;IACS,+BAAU,CAAC;;;;;;;;"}

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

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var constants = require('../../../utils/constants.js');
-var useCheckbox = require('./useCheckbox.js');
-
-var script = vue.defineComponent({
-  name: "ElCheckboxButton",
-  props: useCheckbox.useCheckboxProps,
-  emits: [constants.UPDATE_MODEL_EVENT, "change"],
-  setup(props) {
-    const { focus, isChecked, isDisabled, size, model, handleChange } = useCheckbox.useCheckbox(props);
-    const { checkboxGroup } = useCheckbox.useCheckboxGroup();
-    const activeStyle = vue.computed(() => {
-      var _a, _b, _c, _d;
-      const fillValue = (_b = (_a = checkboxGroup == null ? void 0 : checkboxGroup.fill) == null ? void 0 : _a.value) != null ? _b : "";
-      return {
-        backgroundColor: fillValue,
-        borderColor: fillValue,
-        color: (_d = (_c = checkboxGroup == null ? void 0 : checkboxGroup.textColor) == null ? void 0 : _c.value) != null ? _d : "",
-        boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : null
-      };
-    });
-    return {
-      focus,
-      isChecked,
-      isDisabled,
-      model,
-      handleChange,
-      activeStyle,
-      size
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=checkbox-button.vue_vue_type_script_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-button.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-button.vue"],"sourcesContent":["<template>\n  <label\n    class=\"el-checkbox-button\"\n    :class=\"[\n      size ? 'el-checkbox-button--' + size : '',\n      { 'is-disabled': isDisabled },\n      { 'is-checked': isChecked },\n      { 'is-focus': focus },\n    ]\"\n    role=\"checkbox\"\n    :aria-checked=\"isChecked\"\n    :aria-disabled=\"isDisabled\"\n  >\n    <input\n      v-if=\"trueLabel || falseLabel\"\n      v-model=\"model\"\n      class=\"el-checkbox-button__original\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :tabindex=\"tabindex\"\n      :disabled=\"isDisabled\"\n      :true-value=\"trueLabel\"\n      :false-value=\"falseLabel\"\n      @change=\"handleChange\"\n      @focus=\"focus = true\"\n      @blur=\"focus = false\"\n    />\n    <input\n      v-else\n      v-model=\"model\"\n      class=\"el-checkbox-button__original\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :tabindex=\"tabindex\"\n      :disabled=\"isDisabled\"\n      :value=\"label\"\n      @change=\"handleChange\"\n      @focus=\"focus = true\"\n      @blur=\"focus = false\"\n    />\n\n    <span\n      v-if=\"$slots.default || label\"\n      class=\"el-checkbox-button__inner\"\n      :style=\"isChecked ? activeStyle : null\"\n    >\n      <slot>{{ label }}</slot>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { useCheckbox, useCheckboxGroup, useCheckboxProps } from './useCheckbox'\n\nexport default defineComponent({\n  name: 'ElCheckboxButton',\n  props: useCheckboxProps,\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n  setup(props) {\n    const { focus, isChecked, isDisabled, size, model, handleChange } =\n      useCheckbox(props)\n    const { checkboxGroup } = useCheckboxGroup()\n\n    const activeStyle = computed(() => {\n      const fillValue = checkboxGroup?.fill?.value ?? ''\n      return {\n        backgroundColor: fillValue,\n        borderColor: fillValue,\n        color: checkboxGroup?.textColor?.value ?? '',\n        boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : null,\n      }\n    })\n\n    return {\n      focus,\n      isChecked,\n      isDisabled,\n      model,\n      handleChange,\n      activeStyle,\n      size,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useCheckboxProps","UPDATE_MODEL_EVENT","computed"],"mappings":";;;;;;;;AAqDA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAEC,4BAAgB;EACvB,OAAO,CAACC;EACR,KAAK,MAAM,EAAE;IACX,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;IAC1B,MAAM,EAAE;IACR,MAAM,WAAW,GAAGC,YAAQ,CAAC,MAAM;MACjC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;MAChB,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,GAAG;;QAE5B,iBAAiB,SAAS;QAC1B,WAAW,WAAW;QACtB,KAAK;QACL,SAAS,EAAE,SAAS,GAAG,CAAC;QACxB;;WAEG;MACL;;;MAGA,KAAK;MACL;MACA;MACA,IAAI;MACJ;;;;;;"}

package/lib/components/checkbox/src/checkbox-button.vue_vue_type_template_id_f839a66c_lang.js

@@ -1,65 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["aria-checked", "aria-disabled"];
-const _hoisted_2 = ["name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_3 = ["name", "tabindex", "disabled", "value"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("label", {
-    class: vue.normalizeClass(["el-checkbox-button", [
-      _ctx.size ? "el-checkbox-button--" + _ctx.size : "",
-      { "is-disabled": _ctx.isDisabled },
-      { "is-checked": _ctx.isChecked },
-      { "is-focus": _ctx.focus }
-    ]]),
-    role: "checkbox",
-    "aria-checked": _ctx.isChecked,
-    "aria-disabled": _ctx.isDisabled
-  }, [
-    _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
-      key: 0,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
-      class: "el-checkbox-button__original",
-      type: "checkbox",
-      name: _ctx.name,
-      tabindex: _ctx.tabindex,
-      disabled: _ctx.isDisabled,
-      "true-value": _ctx.trueLabel,
-      "false-value": _ctx.falseLabel,
-      onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
-      onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.focus = true),
-      onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.focus = false)
-    }, null, 40, _hoisted_2)), [
-      [vue.vModelCheckbox, _ctx.model]
-    ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
-      key: 1,
-      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.model = $event),
-      class: "el-checkbox-button__original",
-      type: "checkbox",
-      name: _ctx.name,
-      tabindex: _ctx.tabindex,
-      disabled: _ctx.isDisabled,
-      value: _ctx.label,
-      onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
-      onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
-      onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
-    }, null, 40, _hoisted_3)), [
-      [vue.vModelCheckbox, _ctx.model]
-    ]),
-    _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
-      key: 2,
-      class: "el-checkbox-button__inner",
-      style: vue.normalizeStyle(_ctx.isChecked ? _ctx.activeStyle : null)
-    }, [
-      vue.renderSlot(_ctx.$slots, "default", {}, () => [
-        vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
-      ])
-    ], 4)) : vue.createCommentVNode("v-if", true)
-  ], 10, _hoisted_1);
-}
-
-exports.render = render;
-//# sourceMappingURL=checkbox-button.vue_vue_type_template_id_f839a66c_lang.js.map

package/lib/components/checkbox/src/checkbox-button.vue_vue_type_template_id_f839a66c_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-button.vue_vue_type_template_id_f839a66c_lang.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-button.vue?vue&type=template&id=f839a66c&lang.js"],"sourcesContent":["<template>\n  <label\n    class=\"el-checkbox-button\"\n    :class=\"[\n      size ? 'el-checkbox-button--' + size : '',\n      { 'is-disabled': isDisabled },\n      { 'is-checked': isChecked },\n      { 'is-focus': focus },\n    ]\"\n    role=\"checkbox\"\n    :aria-checked=\"isChecked\"\n    :aria-disabled=\"isDisabled\"\n  >\n    <input\n      v-if=\"trueLabel || falseLabel\"\n      v-model=\"model\"\n      class=\"el-checkbox-button__original\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :tabindex=\"tabindex\"\n      :disabled=\"isDisabled\"\n      :true-value=\"trueLabel\"\n      :false-value=\"falseLabel\"\n      @change=\"handleChange\"\n      @focus=\"focus = true\"\n      @blur=\"focus = false\"\n    />\n    <input\n      v-else\n      v-model=\"model\"\n      class=\"el-checkbox-button__original\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :tabindex=\"tabindex\"\n      :disabled=\"isDisabled\"\n      :value=\"label\"\n      @change=\"handleChange\"\n      @focus=\"focus = true\"\n      @blur=\"focus = false\"\n    />\n\n    <span\n      v-if=\"$slots.default || label\"\n      class=\"el-checkbox-button__inner\"\n      :style=\"isChecked ? activeStyle : null\"\n    >\n      <slot>{{ label }}</slot>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { useCheckbox, useCheckboxGroup, useCheckboxProps } from './useCheckbox'\n\nexport default defineComponent({\n  name: 'ElCheckboxButton',\n  props: useCheckboxProps,\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n  setup(props) {\n    const { focus, isChecked, isDisabled, size, model, handleChange } =\n      useCheckbox(props)\n    const { checkboxGroup } = useCheckboxGroup()\n\n    const activeStyle = computed(() => {\n      const fillValue = checkboxGroup?.fill?.value ?? ''\n      return {\n        backgroundColor: fillValue,\n        borderColor: fillValue,\n        color: checkboxGroup?.textColor?.value ?? '',\n        boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : null,\n      }\n    })\n\n    return {\n      focus,\n      isChecked,\n      isDisabled,\n      model,\n      handleChange,\n      activeStyle,\n      size,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock"],"mappings":";;;;;;;;;;;;;4BAEU;;;;;;IAON;;IAEC;;sCAG8B;;;;;cAGzB,EAAC;yBACM;;;sBAGA,EAAE,cAAS;uBACV,iBAAY;;;;;sCAPV;;;;;;;cAiBT,EAAE,SAAI;;oBAEA,eAAU;eACf,EAAE,UAAK;;;gBAGR,0CAAEA;;;;KAID;0BADR;;;oCAGU;;;;;;"}