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

package/lib/components/cascader-panel/src/menu.vue_vue&type=script&lang.js

@@ -1,88 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../../scrollbar/index.js');
-require('../../../hooks/index.js');
-var util = require('../../../utils/util.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$1 = require('../../../hooks/use-locale/index.js');
-
-var script = vue.defineComponent({
-  name: "ElCascaderMenu",
-  components: {
-    ElScrollbar: index["default"],
-    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$1.useLocaleInject();
-    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 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,
-      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=\"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 { useLocaleInject } from '@element-plus/hooks'\nimport { generateId } from '@element-plus/utils/util'\nimport ElCascaderNode from './node.vue'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\nimport type { default as CascaderNode } from './node'\n\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    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 } = useLocaleInject()\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 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\n    return {\n      panel,\n      hoverZone,\n      isEmpty,\n      menuId,\n      t,\n      handleExpand,\n      handleMouseMove,\n      clearHoverZone,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElScrollbar","ElCascaderNode","getCurrentInstance","useLocaleInject","generateId","inject","CASCADER_PANEL_INJECTION_KEY","ref","computed"],"mappings":";;;;;;;;;;;;;AAyCA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,iBACVC;AAAA,oBACAC;AAAA;AAAA,EAGF,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA;AAAA,IAEZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA;AAAA;AAAA,EAId,MAAM,OAAO;AACX,UAAM,WAAWC;AACjB,UAAM,EAAE,MAAMC;AACd,UAAM,KAAKC;AACX,QAAI,aAAoC;AACxC,QAAI,aAAsC;AAE1C,UAAM,QAAQC,WAAOC;AAErB,UAAM,YAAYC,QAA0B;AAE5C,UAAM,UAAUC,aAAS,MAAM,CAAC,MAAM,MAAM;AAC5C,UAAM,SAASA,aAAS,MAAM,iBAAiB,MAAM,MAAM;AAE3D,UAAM,eAAe,CAAC,MAAkB;AACtC,mBAAa,EAAE;AAAA;AAGjB,UAAM,kBAAkB,CAAC,MAAkB;AACzC,UAAI,CAAC,MAAM,eAAe,CAAC,cAAc,CAAC,UAAU;AAAO;AAE3D,UAAI,WAAW,SAAS,EAAE,SAAwB;AAChD;AAEA,cAAM,KAAK,SAAS,MAAM;AAC1B,cAAM,EAAE,SAAS,GAAG;AACpB,cAAM,EAAE,aAAa,iBAAiB;AACtC,cAAM,SAAS,EAAE,UAAU;AAC3B,cAAM,MAAM,WAAW;AACvB,cAAM,SAAS,MAAM,WAAW;AAEhC,kBAAU,MAAM,YAAY;AAAA,uEACmC,UAAU,QAAQ,kBAAkB;AAAA,uEACpC,UAAU,WAAW,eAAe,iBAAiB;AAAA;AAAA,iBAE3G,CAAC,YAAY;AACtB,qBAAa,OAAO,WAClB,gBACA,MAAM,OAAO;AAAA;AAAA;AAKnB,UAAM,kBAAkB,MAAM;AAC5B,UAAI,CAAC;AAAY;AACjB,mBAAa;AACb,mBAAa;AAAA;AAGf,UAAM,iBAAiB,MAAM;AAC3B,UAAI,CAAC,UAAU;AAAO;AACtB,gBAAU,MAAM,YAAY;AAC5B;AAAA;AAGF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/cascader-panel/src/menu.vue_vue&type=template&id=9c79e4e2&lang.js

@@ -1,48 +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,
-  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_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.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, vue.toDisplayString(_ctx.t("el.cascader.noData")), 1)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2, 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=\"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 { useLocaleInject } from '@element-plus/hooks'\nimport { generateId } from '@element-plus/utils/util'\nimport ElCascaderNode from './node.vue'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\nimport type { default as CascaderNode } from './node'\n\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    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 } = useLocaleInject()\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 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\n    return {\n      panel,\n      hoverZone,\n      isEmpty,\n      menuId,\n      t,\n      handleExpand,\n      handleMouseMove,\n      clearHoverZone,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementBlock"],"mappings":";;;;;;;;EAkBwB,OAAM;AAAA;;;EAKxB,KAAI;AAAA,EACJ,OAAM;AAAA;;;;0BAvBVA;IACG,KAAK;IACN,KAAI;AAAA,IACJ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,cAAW;AAAA,IACV,yCAAuC;IACvC,aAAW;IACX,cAAY;;yBAGX;;;8BADFC,0DACiB,aAAR;kCADTD;YAEG,KAAK,KAAK;AAAA,YACV;AAAA,YACA,WAAS;YACT,UAAQ;;;QAEA,iCAAXC,8BAAA,gCACK,qCAGQ,sBAAA,mBAAO,iCADpBA,8BAAA;;;;;;;;;"}

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 icons = require('@element-plus/icons');
-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: icons.Check,
-    Loading: icons.Loading,
-    ArrowRight: icons.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'\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","ElRadio","NodeContent","ElIcon","Check","Loading","ArrowRight","inject","CASCADER_PANEL_INJECTION_KEY","computed"],"mappings":";;;;;;;;;;;;AA6EA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,gBACVC;AAAA,aACAC;AAAA,iBACAC;AAAA,YACAC;AAAA,WACAC;AAAA,aACAC;AAAA,gBACAC;AAAA;AAAA,EAGF,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA;AAAA,IAEZ,QAAQ;AAAA;AAAA,EAGV,OAAO,CAAC;AAAA,EAER,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQC,WAAOC;AAErB,UAAM,cAAcC,aAAS,MAAM,MAAM;AACzC,UAAM,WAAWA,aAAS,MAAM,MAAM,OAAO;AAC7C,UAAM,gBAAgBA,aAAS,MAAM,MAAM,OAAO;AAClD,UAAM,gBAAgBA,aAAS,MAAG;;AAAG,yBAAM,aAAa,OAAnB,mBAAuB;AAAA;AAC5D,UAAM,aAAaA,aAAS,MAAM,MAAM,KAAK;AAC7C,UAAM,SAASA,aAAS,MAAM,MAAM,KAAK;AACzC,UAAM,aAAaA,aACjB,MAAO,cAAc,SAAS,CAAC,OAAO,SAAU,CAAC,WAAW;AAE9D,UAAM,kBAAkBA,aAAS,MAAM,SAAS,MAAM;AAEtD,UAAM,gBAAgBA,aACpB,MAAM,cAAc,SAAS,MAAM,aAAa,KAAK;AAGvD,UAAM,WAAW,CAAC,SAAuB;;AACvC,YAAM,EAAE,OAAO,QAAQ,MAAM;AAC7B,aAAO,oCAAM,UAAU,QAAQ,OAAxB,mBAA4B,SAAQ;AAAA;AAG7C,UAAM,WAAW,MAAM;AACrB,UAAI,gBAAgB;AAAO;AAC3B,YAAM,WAAW,MAAM;AAAA;AAGzB,UAAM,UAAU,CAAC,YAAqB;AACpC,YAAM,EAAE,SAAS;AACjB,UAAI,YAAY,KAAK;AAAS;AAC9B,YAAM,kBAAkB,MAAM;AAAA;AAGhC,UAAM,SAAS,MAAM;AACnB,YAAM,SAAS,MAAM,MAAM,MAAM;AAC/B,YAAI,CAAC,OAAO;AAAO;AAAA;AAAA;AAIvB,UAAM,oBAAoB,CAAC,MAAa;AACtC,UAAI,CAAC,YAAY;AAAO;AACxB;AACA,OAAC,OAAO,SAAS,KAAK,UAAU;AAAA;AAGlC,UAAM,eAAe,MAAM;AACzB,YAAM,EAAE,SAAS;AAEjB,UAAI,CAAC,WAAW,SAAS,KAAK;AAAS;AACvC,WAAK,SAAS,aAAa;AAAA;AAG7B,UAAM,cAAc,MAAM;AACxB,UAAI,YAAY,SAAS,CAAC,OAAO;AAAO;AAExC,UACE,OAAO,SACP,CAAC,WAAW,SACZ,CAAC,cAAc,SACf,CAAC,SAAS,OACV;AACA,oBAAY;AAAA,aACP;AACL;AAAA;AAAA;AAIJ,UAAM,cAAc,CAAC,YAAqB;AACxC,UAAI,CAAC,MAAM,KAAK,QAAQ;AACtB;AAAA,aACK;AACL,gBAAQ;AACR,SAAC,cAAc,SAAS;AAAA;AAAA;AAI5B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

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'\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":["_createElementBlock","_createCommentVNode","_createBlock","_createVNode"],"mappings":";;;;;;;;;;;;;;;;0BACEA;IACG,OAAO,eAAU,UAAK;AAAA,IACvB,MAAK;AAAA,IACJ,kBAAgB;IAChB,aAAW,qBAAgB;IAC3B,iBAAe;IACf,UAAU,uBAAkB;AAAA,IAC5B;;;;;;;;IAQA,qDAAY;IACZ,gDAAO;IACP,gDAAO;;IAERC;IAEQ,kCADRC;;MAEG,eAAa,UAAK;AAAA,MAClB,eAAe,UAAK;AAAA,MACpB,UAAU;MACV,qDAAD;;MACC,uBAAoB;wFAGV,uCADbA;;MAEG,eAAa;MACb,OAAO,UAAK;AAAA,MACZ,UAAU;MACV,uBAAoB;MACpB,qDAAD;;;2BAEA;QAAAD;QAIA;AAAA;AAAA;0EAGW,eAAU,UAAK,4BAD5BC;;MAEE,OAAM;AAAA;2BAEN;QAAAC;;;;IAGFF;IACAE;IAEAF;KACiB,gCAAjBD;MACiB,UAAK,4BAApBE;;QAA6B,OAAM;AAAA;6BACjC;UAAAC;;;8BAEFD;;QAAgB,OAAM;AAAA;6BACpB;UAAAC;;;;;;;;;;"}

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

@@ -1,31 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const checkTagProps = {
-  checked: {
-    type: Boolean,
-    default: false
-  }
-};
-var script = vue.defineComponent({
-  name: "ElCheckTag",
-  props: checkTagProps,
-  emits: ["change", "update:checked"],
-  setup(props, { emit }) {
-    const onChange = () => {
-      const checked = !props.checked;
-      emit("change", checked);
-      emit("update:checked", checked);
-    };
-    return {
-      onChange
-    };
-  }
-});
-
-exports.checkTagProps = checkTagProps;
-exports["default"] = script;
-//# sourceMappingURL=index.vue_vue&type=script&lang.js.map

package/lib/components/check-tag/src/index.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/check-tag/src/index.vue"],"sourcesContent":["<template>\n  <span\n    :class=\"{\n      'el-check-tag': true,\n      'is-checked': checked,\n    }\"\n    @click=\"onChange\"\n  >\n    <slot></slot>\n  </span>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const checkTagProps = {\n  checked: {\n    type: Boolean,\n    default: false,\n  },\n} as const\n\nexport type CheckTagProps = ExtractPropTypes<typeof checkTagProps>\n\nexport default defineComponent({\n  name: 'ElCheckTag',\n\n  props: checkTagProps,\n  emits: ['change', 'update:checked'],\n\n  setup(props, { emit }) {\n    const onChange = () => {\n      const checked = !props.checked\n      emit('change', checked)\n      emit('update:checked', checked)\n    }\n\n    return {\n      onChange,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent"],"mappings":";;;;;;MAgBa,gBAAgB;AAAA,EAC3B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;AAMb,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,EACP,OAAO,CAAC,UAAU;AAAA,EAElB,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,WAAW,MAAM;AACrB,YAAM,UAAU,CAAC,MAAM;AACvB,WAAK,UAAU;AACf,WAAK,kBAAkB;AAAA;AAGzB,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;;"}

package/lib/components/check-tag/src/index.vue_vue&type=template&id=58558910&lang.js

@@ -1,20 +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({
-      "el-check-tag": true,
-      "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=index.vue_vue&type=template&id=58558910&lang.js.map

package/lib/components/check-tag/src/index.vue_vue&type=template&id=58558910&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue&type=template&id=58558910&lang.js","sources":["../../../../../../packages/components/check-tag/src/index.vue?vue&type=template&id=58558910&lang.js"],"sourcesContent":["<template>\n  <span\n    :class=\"{\n      'el-check-tag': true,\n      'is-checked': checked,\n    }\"\n    @click=\"onChange\"\n  >\n    <slot></slot>\n  </span>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const checkTagProps = {\n  checked: {\n    type: Boolean,\n    default: false,\n  },\n} as const\n\nexport type CheckTagProps = ExtractPropTypes<typeof checkTagProps>\n\nexport default defineComponent({\n  name: 'ElCheckTag',\n\n  props: checkTagProps,\n  emits: ['change', 'update:checked'],\n\n  setup(props, { emit }) {\n    const onChange = () => {\n      const checked = !props.checked\n      emit('change', checked)\n      emit('update:checked', checked)\n    }\n\n    return {\n      onChange,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;;;;;0BACEA;IACG;;;;IAIA,gDAAO;;IAERC;;;;;;"}

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","useCheckbox","useCheckboxGroup","computed"],"mappings":";;;;;;;;AAuDA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,OAAO,CAACC,8BAAoB;AAAA,EAC5B,MAAM,OAAO;AACX,UAAM,EAAE,OAAO,WAAW,YAAY,MAAM,OAAO,iBACjDC,wBAAY;AACd,UAAM,EAAE,kBAAkBC;AAE1B,UAAM,cAAcC,aAAS,MAAM;;AACjC,YAAM,YAAY,2DAAe,SAAf,mBAAqB,UAArB,YAA8B;AAChD,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO,2DAAe,cAAf,mBAA0B,UAA1B,YAAmC;AAAA,QAC1C,WAAW,YAAY,cAAc,cAAc;AAAA;AAAA;AAIvD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

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","_renderSlot"],"mappings":";;;;;;;;;;0BACEA;IACE,2BAAM;;;;;;IAON,MAAK;AAAA,IACJ,gBAAc;IACd,iBAAe;;IAGR,kBAAa,uDADrBA;;mEAEW;MACT,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,MAAM;MACN,UAAU;MACV,UAAU;MACV,cAAY;MACZ,eAAa;MACb,iDAAQ;MACR,+CAAO;MACP,8CAAM;;2BAVE;8CAYXA;;mEAEW;MACT,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,MAAM;MACN,UAAU;MACV,UAAU;MACV,OAAO;MACP,iDAAQ;MACR,+CAAO;MACP,8CAAM;;2BATE;;IAaH,YAAO,WAAW,+BAD1BA;;MAEE,OAAM;AAAA,MACL,0BAAO,iBAAY;;MAEpBC,2CAAA;gDAAS;;;;;;;;"}