element-plus 1.2.0-beta.6 → 1.3.0-beta.1

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

@@ -1 +1 @@
-{"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","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;;;;"}
+{"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.map

@@ -1 +1 @@
-{"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":["_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;;;;;;;;;;"}
+{"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/cascader-panel/src/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","sources":["../../../../../../packages/components/cascader-panel/src/store.ts"],"sourcesContent":["import isEqual from 'lodash/isEqual'\nimport Node from './node'\n\nimport type { Nullable } from '@element-plus/utils/types'\nimport type {\n  CascaderNodeValue,\n  CascaderNodePathValue,\n  CascaderOption,\n  CascaderConfig,\n} from './node'\n\nconst flatNodes = (nodes: Node[], leafOnly: boolean) => {\n  return nodes.reduce((res, node) => {\n    if (node.isLeaf) {\n      res.push(node)\n    } else {\n      !leafOnly && res.push(node)\n      res = res.concat(flatNodes(node.children, leafOnly))\n    }\n    return res\n  }, [] as Node[])\n}\n\nexport default class Store {\n  readonly nodes: Node[]\n  readonly allNodes: Node[]\n  readonly leafNodes: Node[]\n\n  constructor(data: CascaderOption[], readonly config: CascaderConfig) {\n    const nodes = (data || []).map(\n      (nodeData) => new Node(nodeData, this.config)\n    )\n    this.nodes = nodes\n    this.allNodes = flatNodes(nodes, false)\n    this.leafNodes = flatNodes(nodes, true)\n  }\n\n  getNodes() {\n    return this.nodes\n  }\n\n  getFlattedNodes(leafOnly: boolean) {\n    return leafOnly ? this.leafNodes : this.allNodes\n  }\n\n  appendNode(nodeData: CascaderOption, parentNode?: Node) {\n    const node = parentNode\n      ? parentNode.appendChild(nodeData)\n      : new Node(nodeData, this.config)\n\n    if (!parentNode) this.nodes.push(node)\n\n    this.allNodes.push(node)\n    node.isLeaf && this.leafNodes.push(node)\n  }\n\n  appendNodes(nodeDataList: CascaderOption[], parentNode: Node) {\n    nodeDataList.forEach((nodeData) => this.appendNode(nodeData, parentNode))\n  }\n\n  // when checkStrictly, leaf node first\n  getNodeByValue(\n    value: CascaderNodeValue | CascaderNodePathValue,\n    leafOnly = false\n  ): Nullable<Node> {\n    if (!value && value !== 0) return null\n\n    const nodes = this.getFlattedNodes(leafOnly).filter(\n      (node) => isEqual(node.value, value) || isEqual(node.pathValues, value)\n    )\n\n    return nodes[0] || null\n  }\n\n  getSameNode(node: Node): Nullable<Node> {\n    if (!node) return null\n\n    const nodes = this.getFlattedNodes(false).filter(\n      ({ value, level }) => isEqual(node.value, value) && node.level === level\n    )\n\n    return nodes[0] || null\n  }\n}\n"],"names":["Node","node","isEqual"],"mappings":";;;;;;;;;;;AAWA,MAAM,YAAY,CAAC,OAAe,aAAsB;AACtD,SAAO,MAAM,OAAO,CAAC,KAAK,SAAS;AACjC,QAAI,KAAK,QAAQ;AACf,UAAI,KAAK;AAAA,WACJ;AACL,OAAC,YAAY,IAAI,KAAK;AACtB,YAAM,IAAI,OAAO,UAAU,KAAK,UAAU;AAAA;AAE5C,WAAO;AAAA,KACN;AAAA;YAGsB;AAAA,EAKzB,YAAY,MAAiC,QAAwB;AAAxB;AAC3C,UAAM,QAAS,SAAQ,IAAI,IACzB,CAAC,aAAa,IAAIA,gBAAK,UAAU,KAAK;AAExC,SAAK,QAAQ;AACb,SAAK,WAAW,UAAU,OAAO;AACjC,SAAK,YAAY,UAAU,OAAO;AAAA;AAAA,EAGpC,WAAW;AACT,WAAO,KAAK;AAAA;AAAA,EAGd,gBAAgB,UAAmB;AACjC,WAAO,WAAW,KAAK,YAAY,KAAK;AAAA;AAAA,EAG1C,WAAW,UAA0B,YAAmB;AACtD,UAAMC,SAAO,aACT,WAAW,YAAY,YACvB,IAAID,gBAAK,UAAU,KAAK;AAE5B,QAAI,CAAC;AAAY,WAAK,MAAM,KAAKC;AAEjC,SAAK,SAAS,KAAKA;AACnB,WAAK,UAAU,KAAK,UAAU,KAAKA;AAAA;AAAA,EAGrC,YAAY,cAAgC,YAAkB;AAC5D,iBAAa,QAAQ,CAAC,aAAa,KAAK,WAAW,UAAU;AAAA;AAAA,EAI/D,eACE,OACA,WAAW,OACK;AAChB,QAAI,CAAC,SAAS,UAAU;AAAG,aAAO;AAElC,UAAM,QAAQ,KAAK,gBAAgB,UAAU,OAC3C,CAAC,SAASC,4BAAQ,KAAK,OAAO,UAAUA,4BAAQ,KAAK,YAAY;AAGnE,WAAO,MAAM,MAAM;AAAA;AAAA,EAGrB,YAAY,MAA4B;AACtC,QAAI,CAAC;AAAM,aAAO;AAElB,UAAM,QAAQ,KAAK,gBAAgB,OAAO,OACxC,CAAC,EAAE,OAAO,YAAYA,4BAAQ,KAAK,OAAO,UAAU,KAAK,UAAU;AAGrE,WAAO,MAAM,MAAM;AAAA;AAAA;;;;"}
+{"version":3,"file":"store.js","sources":["../../../../../../packages/components/cascader-panel/src/store.ts"],"sourcesContent":["import isEqual from 'lodash/isEqual'\nimport Node from './node'\n\nimport type { Nullable } from '@element-plus/utils/types'\nimport type {\n  CascaderNodeValue,\n  CascaderNodePathValue,\n  CascaderOption,\n  CascaderConfig,\n} from './node'\n\nconst flatNodes = (nodes: Node[], leafOnly: boolean) => {\n  return nodes.reduce((res, node) => {\n    if (node.isLeaf) {\n      res.push(node)\n    } else {\n      !leafOnly && res.push(node)\n      res = res.concat(flatNodes(node.children, leafOnly))\n    }\n    return res\n  }, [] as Node[])\n}\n\nexport default class Store {\n  readonly nodes: Node[]\n  readonly allNodes: Node[]\n  readonly leafNodes: Node[]\n\n  constructor(data: CascaderOption[], readonly config: CascaderConfig) {\n    const nodes = (data || []).map(\n      (nodeData) => new Node(nodeData, this.config)\n    )\n    this.nodes = nodes\n    this.allNodes = flatNodes(nodes, false)\n    this.leafNodes = flatNodes(nodes, true)\n  }\n\n  getNodes() {\n    return this.nodes\n  }\n\n  getFlattedNodes(leafOnly: boolean) {\n    return leafOnly ? this.leafNodes : this.allNodes\n  }\n\n  appendNode(nodeData: CascaderOption, parentNode?: Node) {\n    const node = parentNode\n      ? parentNode.appendChild(nodeData)\n      : new Node(nodeData, this.config)\n\n    if (!parentNode) this.nodes.push(node)\n\n    this.allNodes.push(node)\n    node.isLeaf && this.leafNodes.push(node)\n  }\n\n  appendNodes(nodeDataList: CascaderOption[], parentNode: Node) {\n    nodeDataList.forEach((nodeData) => this.appendNode(nodeData, parentNode))\n  }\n\n  // when checkStrictly, leaf node first\n  getNodeByValue(\n    value: CascaderNodeValue | CascaderNodePathValue,\n    leafOnly = false\n  ): Nullable<Node> {\n    if (!value && value !== 0) return null\n\n    const nodes = this.getFlattedNodes(leafOnly).filter(\n      (node) => isEqual(node.value, value) || isEqual(node.pathValues, value)\n    )\n\n    return nodes[0] || null\n  }\n\n  getSameNode(node: Node): Nullable<Node> {\n    if (!node) return null\n\n    const nodes = this.getFlattedNodes(false).filter(\n      ({ value, level }) => isEqual(node.value, value) && node.level === level\n    )\n\n    return nodes[0] || null\n  }\n}\n"],"names":["Node","node","isEqual"],"mappings":";;;;;;;;;;;AAEA,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,KAAK;AACvC,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK;AACrC,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;AACrB,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACrB,KAAK,MAAM;AACX,MAAM,CAAC,QAAQ,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAClC,MAAM,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC3D,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AACa,MAAM,KAAK,CAAC;AAC3B,EAAE,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE;AAC5B,IAAI,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,IAAI,MAAM,KAAK,GAAG,CAAC,IAAI,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,QAAQ,KAAK,IAAIA,eAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAClF,IAAI,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AACvB,IAAI,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC5C,IAAI,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AAC5C,GAAG;AACH,EAAE,QAAQ,GAAG;AACb,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC;AACtB,GAAG;AACH,EAAE,eAAe,CAAC,QAAQ,EAAE;AAC5B,IAAI,OAAO,QAAQ,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;AACrD,GAAG;AACH,EAAE,UAAU,CAAC,QAAQ,EAAE,UAAU,EAAE;AACnC,IAAI,MAAMC,MAAI,GAAG,UAAU,GAAG,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,IAAID,eAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;AACjG,IAAI,IAAI,CAAC,UAAU;AACnB,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAACC,MAAI,CAAC,CAAC;AAC5B,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAACA,MAAI,CAAC,CAAC;AAC7B,IAAIA,MAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAACA,MAAI,CAAC,CAAC;AAC7C,GAAG;AACH,EAAE,WAAW,CAAC,YAAY,EAAE,UAAU,EAAE;AACxC,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;AAC9E,GAAG;AACH,EAAE,cAAc,CAAC,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE;AAC1C,IAAI,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC;AAC7B,MAAM,OAAO,IAAI,CAAC;AAClB,IAAI,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAKC,2BAAO,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,IAAIA,2BAAO,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;AACjI,IAAI,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;AAC5B,GAAG;AACH,EAAE,WAAW,CAAC,IAAI,EAAE;AACpB,IAAI,IAAI,CAAC,IAAI;AACb,MAAM,OAAO,IAAI,CAAC;AAClB,IAAI,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAKA,2BAAO,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;AAC/H,IAAI,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;AAC5B,GAAG;AACH;;;;"}

package/lib/components/cascader-panel/src/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../../packages/components/cascader-panel/src/types.ts"],"sourcesContent":["import type { VNode, InjectionKey } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type { default as CascaderNode } from './node'\n\nexport type { CascaderNode }\n\nexport type CascaderNodeValue = string | number\nexport type CascaderNodePathValue = CascaderNodeValue[]\nexport type CascaderValue =\n  | CascaderNodeValue\n  | CascaderNodePathValue\n  | (CascaderNodeValue | CascaderNodePathValue)[]\nexport type CascaderConfig = Required<CascaderProps>\nexport type isDisabled = (data: CascaderOption, node: CascaderNode) => boolean\nexport type isLeaf = (data: CascaderOption, node: CascaderNode) => boolean\nexport type Resolve = (dataList?: CascaderOption[]) => void\nexport type LazyLoad = (node: CascaderNode, resolve: Resolve) => void\nexport type RenderLabel = ({\n  node: CascaderNode,\n  data: CascaderOption,\n}) => VNode | VNode[]\n\nexport enum ExpandTrigger {\n  CLICK = 'click',\n  HOVER = 'hover',\n}\n\nexport interface CascaderOption extends Record<string, unknown> {\n  label?: string\n  value?: CascaderNodeValue\n  children?: CascaderOption[]\n  disabled?: boolean\n  leaf?: boolean\n}\n\nexport interface CascaderProps {\n  expandTrigger?: ExpandTrigger\n  multiple?: boolean\n  checkStrictly?: boolean\n  emitPath?: boolean\n  lazy?: boolean\n  lazyLoad?: LazyLoad\n  value?: string\n  label?: string\n  children?: string\n  disabled?: string | isDisabled\n  leaf?: string | isLeaf\n  hoverThreshold?: number\n}\n\nexport interface Tag {\n  node?: CascaderNode\n  key: number\n  text: string\n  hitState?: boolean\n  closable: boolean\n}\n\nexport interface ElCascaderPanelContext {\n  config: CascaderConfig\n  expandingNode: Nullable<CascaderNode>\n  checkedNodes: CascaderNode[]\n  isHoverMenu: boolean\n  renderLabelFn: RenderLabel\n  lazyLoad: (\n    node?: CascaderNode,\n    cb?: (dataList: CascaderOption[]) => void\n  ) => void\n  expandNode: (node: CascaderNode, silent?: boolean) => void\n  handleCheckChange: (\n    node: CascaderNode,\n    checked: boolean,\n    emitClose?: boolean\n  ) => void\n}\n\nexport const CASCADER_PANEL_INJECTION_KEY: InjectionKey<ElCascaderPanelContext> =\n  Symbol()\n"],"names":[],"mappings":";;;;IAsBY,kCAAA,mBAAL;AACL,4BAAQ;AACR,4BAAQ;AAFE;AAAA;MAsDC,+BACX;;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../../packages/components/cascader-panel/src/types.ts"],"sourcesContent":["import type { VNode, InjectionKey } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type { default as CascaderNode } from './node'\n\nexport type { CascaderNode }\n\nexport type CascaderNodeValue = string | number\nexport type CascaderNodePathValue = CascaderNodeValue[]\nexport type CascaderValue =\n  | CascaderNodeValue\n  | CascaderNodePathValue\n  | (CascaderNodeValue | CascaderNodePathValue)[]\nexport type CascaderConfig = Required<CascaderProps>\nexport type isDisabled = (data: CascaderOption, node: CascaderNode) => boolean\nexport type isLeaf = (data: CascaderOption, node: CascaderNode) => boolean\nexport type Resolve = (dataList?: CascaderOption[]) => void\nexport type LazyLoad = (node: CascaderNode, resolve: Resolve) => void\nexport type RenderLabel = ({\n  node: CascaderNode,\n  data: CascaderOption,\n}) => VNode | VNode[]\n\nexport enum ExpandTrigger {\n  CLICK = 'click',\n  HOVER = 'hover',\n}\n\nexport interface CascaderOption extends Record<string, unknown> {\n  label?: string\n  value?: CascaderNodeValue\n  children?: CascaderOption[]\n  disabled?: boolean\n  leaf?: boolean\n}\n\nexport interface CascaderProps {\n  expandTrigger?: ExpandTrigger\n  multiple?: boolean\n  checkStrictly?: boolean\n  emitPath?: boolean\n  lazy?: boolean\n  lazyLoad?: LazyLoad\n  value?: string\n  label?: string\n  children?: string\n  disabled?: string | isDisabled\n  leaf?: string | isLeaf\n  hoverThreshold?: number\n}\n\nexport interface Tag {\n  node?: CascaderNode\n  key: number\n  text: string\n  hitState?: boolean\n  closable: boolean\n}\n\nexport interface ElCascaderPanelContext {\n  config: CascaderConfig\n  expandingNode: Nullable<CascaderNode>\n  checkedNodes: CascaderNode[]\n  isHoverMenu: boolean\n  renderLabelFn: RenderLabel\n  lazyLoad: (\n    node?: CascaderNode,\n    cb?: (dataList: CascaderOption[]) => void\n  ) => void\n  expandNode: (node: CascaderNode, silent?: boolean) => void\n  handleCheckChange: (\n    node: CascaderNode,\n    checked: boolean,\n    emitClose?: boolean\n  ) => void\n}\n\nexport const CASCADER_PANEL_INJECTION_KEY: InjectionKey<ElCascaderPanelContext> =\n  Symbol()\n"],"names":[],"mappings":";;;;AAAU,IAAC,aAAa,mBAAmB,CAAC,CAAC,cAAc,KAAK;AAChE,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;AACpC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;AACpC,EAAE,OAAO,cAAc,CAAC;AACxB,CAAC,EAAE,aAAa,IAAI,EAAE,EAAE;AACZ,MAAC,4BAA4B,GAAG,MAAM;;;;;"}

package/lib/components/cascader-panel/src/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../packages/components/cascader-panel/src/utils.ts"],"sourcesContent":["import { isLeaf } from '@element-plus/utils/aria'\nimport type { default as CascaderNode } from './node'\n\nexport const getMenuIndex = (el: HTMLElement) => {\n  if (!el) return 0\n  const pieces = el.id.split('-')\n  return Number(pieces[pieces.length - 2])\n}\n\nexport const checkNode = (el) => {\n  if (!el) return\n\n  const input = el.querySelector('input')\n  if (input) {\n    input.click()\n  } else if (isLeaf(el)) {\n    el.click()\n  }\n}\n\nexport const sortByOriginalOrder = (\n  oldNodes: CascaderNode[],\n  newNodes: CascaderNode[]\n) => {\n  const newNodesCopy = newNodes.slice(0)\n  const newIds = newNodesCopy.map((node) => node.uid)\n  const res = oldNodes.reduce((acc, item) => {\n    const index = newIds.indexOf(item.uid)\n    if (index > -1) {\n      acc.push(item)\n      newNodesCopy.splice(index, 1)\n      newIds.splice(index, 1)\n    }\n    return acc\n  }, [] as CascaderNode[])\n\n  res.push(...newNodesCopy)\n\n  return res\n}\n"],"names":["isLeaf"],"mappings":";;;;;;MAGa,eAAe,CAAC,OAAoB;AAC/C,MAAI,CAAC;AAAI,WAAO;AAChB,QAAM,SAAS,GAAG,GAAG,MAAM;AAC3B,SAAO,OAAO,OAAO,OAAO,SAAS;AAAA;MAG1B,YAAY,CAAC,OAAO;AAC/B,MAAI,CAAC;AAAI;AAET,QAAM,QAAQ,GAAG,cAAc;AAC/B,MAAI,OAAO;AACT,UAAM;AAAA,aACGA,YAAO,KAAK;AACrB,OAAG;AAAA;AAAA;MAIM,sBAAsB,CACjC,UACA,aACG;AACH,QAAM,eAAe,SAAS,MAAM;AACpC,QAAM,SAAS,aAAa,IAAI,CAAC,SAAS,KAAK;AAC/C,QAAM,MAAM,SAAS,OAAO,CAAC,KAAK,SAAS;AACzC,UAAM,QAAQ,OAAO,QAAQ,KAAK;AAClC,QAAI,QAAQ,IAAI;AACd,UAAI,KAAK;AACT,mBAAa,OAAO,OAAO;AAC3B,aAAO,OAAO,OAAO;AAAA;AAEvB,WAAO;AAAA,KACN;AAEH,MAAI,KAAK,GAAG;AAEZ,SAAO;AAAA;;;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../packages/components/cascader-panel/src/utils.ts"],"sourcesContent":["import { isLeaf } from '@element-plus/utils/aria'\nimport type { default as CascaderNode } from './node'\n\nexport const getMenuIndex = (el: HTMLElement) => {\n  if (!el) return 0\n  const pieces = el.id.split('-')\n  return Number(pieces[pieces.length - 2])\n}\n\nexport const checkNode = (el) => {\n  if (!el) return\n\n  const input = el.querySelector('input')\n  if (input) {\n    input.click()\n  } else if (isLeaf(el)) {\n    el.click()\n  }\n}\n\nexport const sortByOriginalOrder = (\n  oldNodes: CascaderNode[],\n  newNodes: CascaderNode[]\n) => {\n  const newNodesCopy = newNodes.slice(0)\n  const newIds = newNodesCopy.map((node) => node.uid)\n  const res = oldNodes.reduce((acc, item) => {\n    const index = newIds.indexOf(item.uid)\n    if (index > -1) {\n      acc.push(item)\n      newNodesCopy.splice(index, 1)\n      newIds.splice(index, 1)\n    }\n    return acc\n  }, [] as CascaderNode[])\n\n  res.push(...newNodesCopy)\n\n  return res\n}\n"],"names":["isLeaf"],"mappings":";;;;;;AACY,MAAC,YAAY,GAAG,CAAC,EAAE,KAAK;AACpC,EAAE,IAAI,CAAC,EAAE;AACT,IAAI,OAAO,CAAC,CAAC;AACb,EAAE,MAAM,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAClC,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;AAC3C,EAAE;AACU,MAAC,SAAS,GAAG,CAAC,EAAE,KAAK;AACjC,EAAE,IAAI,CAAC,EAAE;AACT,IAAI,OAAO;AACX,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC1C,EAAE,IAAI,KAAK,EAAE;AACb,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;AAClB,GAAG,MAAM,IAAIA,WAAM,CAAC,EAAE,CAAC,EAAE;AACzB,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC;AACf,GAAG;AACH,EAAE;AACU,MAAC,mBAAmB,GAAG,CAAC,QAAQ,EAAE,QAAQ,KAAK;AAC3D,EAAE,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACzC,EAAE,MAAM,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC;AACtD,EAAE,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK;AAC7C,IAAI,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3C,IAAI,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;AACpB,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACrB,MAAM,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AACpC,MAAM,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AAC9B,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,CAAC;AAC5B,EAAE,OAAO,GAAG,CAAC;AACb;;;;;;"}

package/lib/components/check-tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/check-tag/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport CheckTag from './src/index.vue'\n\nexport const ElCheckTag = withInstall(CheckTag)\nexport default ElCheckTag\n"],"names":["withInstall","CheckTag"],"mappings":";;;;;;;;MAGa,aAAaA,wBAAYC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/check-tag/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport CheckTag from './src/index.vue'\n\nexport const ElCheckTag = withInstall(CheckTag)\nexport default ElCheckTag\n"],"names":["withInstall","CheckTag"],"mappings":";;;;;;;;AAEY,MAAC,UAAU,GAAGA,uBAAW,CAACC,yCAAQ;;;;;"}

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

@@ -1 +1 @@
-{"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;;;;;"}
+{"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":";;;;;;AAYY,MAAC,gBAAgB;;AAE7B,IAAI,IAAI,EAAE,OAAO;;AAEjB,GAAG;EACD;aACaA;MACT,EAAE;EACN;AACF,EAAE,KAAK,EAAE;;AAET,IAAI,MAAM,QAAQ,GAAG;;AAErB,UAAU,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;MACxB,IAAI,CAAC;;IAEP,OAAO;MACL,QAAQ;;GAEX;;;;;;"}

package/lib/components/check-tag/src/index.vue_vue_type_template_id_58558910_lang.js.map

@@ -1 +1 @@
-{"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;;;;;;"}
+{"version":3,"file":"index.vue_vue_type_template_id_58558910_lang.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/lib/components/checkbox/index.d.ts

@@ -38,11 +38,11 @@ export declare const ElCheckbox: import("../../utils/types").SFCWithInstall<impo
 }, {
     isChecked: import("vue").ComputedRef<boolean>;
     isDisabled: import("vue").ComputedRef<boolean | undefined>;
-    checkboxSize: import("vue").ComputedRef<"" | import("../../utils/types").ComponentSize>;
+    checkboxSize: import("vue").ComputedRef<import("../../utils/types").ComponentSize>;
     model: import("vue").WritableComputedRef<any>;
     handleChange: (e: InputEvent) => void;
     focus: import("vue").Ref<boolean>;
-    size: import("vue").ComputedRef<"" | import("../../utils/types").ComponentSize>;
+    size: import("vue").ComputedRef<import("../../utils/types").ComponentSize>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     modelValue?: unknown;
     label?: unknown;
@@ -124,7 +124,7 @@ export declare const ElCheckbox: import("../../utils/types").SFCWithInstall<impo
             color: string;
             boxShadow: string | null;
         }>;
-        size: import("vue").ComputedRef<"" | import("../../utils/types").ComponentSize>;
+        size: import("vue").ComputedRef<import("../../utils/types").ComponentSize>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
         modelValue?: unknown;
         label?: unknown;
@@ -162,8 +162,8 @@ export declare const ElCheckbox: import("../../utils/types").SFCWithInstall<impo
     }>;
     CheckboxGroup: import("vue").DefineComponent<{
         modelValue: {
-            type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
-            default: () => undefined;
+            type: ArrayConstructor;
+            default: () => never[];
         };
         disabled: BooleanConstructor;
         min: {
@@ -186,7 +186,13 @@ export declare const ElCheckbox: import("../../utils/types").SFCWithInstall<impo
             type: StringConstructor;
             default: undefined;
         };
-    }, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
         modelValue?: unknown;
         disabled?: unknown;
         min?: unknown;
@@ -194,11 +200,13 @@ export declare const ElCheckbox: import("../../utils/types").SFCWithInstall<impo
         size?: unknown;
         fill?: unknown;
         textColor?: unknown;
+        tag?: unknown;
     } & {
         disabled: boolean;
+        modelValue: unknown[];
+        tag: string;
     } & {
         size?: import("../../utils/types").ComponentSize | undefined;
-        modelValue?: boolean | unknown[] | Record<string, any> | undefined;
         fill?: string | undefined;
         textColor?: string | undefined;
         max?: number | undefined;
@@ -208,9 +216,10 @@ export declare const ElCheckbox: import("../../utils/types").SFCWithInstall<impo
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, {
         disabled: boolean;
-        modelValue: boolean | unknown[] | Record<string, any>;
+        modelValue: unknown[];
         fill: string;
         textColor: string;
+        tag: string;
         max: number;
         min: number;
     }>;
@@ -253,7 +262,7 @@ export declare const ElCheckboxButton: import("../../utils/types").SFCWithInstal
         color: string;
         boxShadow: string | null;
     }>;
-    size: import("vue").ComputedRef<"" | import("../../utils/types").ComponentSize>;
+    size: import("vue").ComputedRef<import("../../utils/types").ComponentSize>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     modelValue?: unknown;
     label?: unknown;
@@ -291,8 +300,8 @@ export declare const ElCheckboxButton: import("../../utils/types").SFCWithInstal
 }>>;
 export declare const ElCheckboxGroup: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
     modelValue: {
-        type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
-        default: () => undefined;
+        type: ArrayConstructor;
+        default: () => never[];
     };
     disabled: BooleanConstructor;
     min: {
@@ -315,7 +324,13 @@ export declare const ElCheckboxGroup: import("../../utils/types").SFCWithInstall
         type: StringConstructor;
         default: undefined;
     };
-}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     modelValue?: unknown;
     disabled?: unknown;
     min?: unknown;
@@ -323,11 +338,13 @@ export declare const ElCheckboxGroup: import("../../utils/types").SFCWithInstall
     size?: unknown;
     fill?: unknown;
     textColor?: unknown;
+    tag?: unknown;
 } & {
     disabled: boolean;
+    modelValue: unknown[];
+    tag: string;
 } & {
     size?: import("../../utils/types").ComponentSize | undefined;
-    modelValue?: boolean | unknown[] | Record<string, any> | undefined;
     fill?: string | undefined;
     textColor?: string | undefined;
     max?: number | undefined;
@@ -337,9 +354,10 @@ export declare const ElCheckboxGroup: import("../../utils/types").SFCWithInstall
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    modelValue: boolean | unknown[] | Record<string, any>;
+    modelValue: unknown[];
     fill: string;
     textColor: string;
+    tag: string;
     max: number;
     min: number;
 }>>;

package/lib/components/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/checkbox/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Checkbox from './src/checkbox.vue'\nimport CheckboxButton from './src/checkbox-button.vue'\nimport CheckboxGroup from './src/checkbox-group.vue'\n\nexport const ElCheckbox = withInstall(Checkbox, {\n  CheckboxButton,\n  CheckboxGroup,\n})\nexport default ElCheckbox\n\nexport const ElCheckboxButton = withNoopInstall(CheckboxButton)\nexport const ElCheckboxGroup = withNoopInstall(CheckboxGroup)\n"],"names":["withInstall","Checkbox","CheckboxButton","CheckboxGroup","withNoopInstall"],"mappings":";;;;;;;;;;;;MAMa,aAAaA,wBAAYC,8CAAU;AAAA,kBAC9CC;AAAA,iBACAC;AAAA;MAIW,mBAAmBC,4BAAgBF;MACnC,kBAAkBE,4BAAgBD;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/checkbox/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Checkbox from './src/checkbox.vue'\nimport CheckboxButton from './src/checkbox-button.vue'\nimport CheckboxGroup from './src/checkbox-group.vue'\n\nexport const ElCheckbox = withInstall(Checkbox, {\n  CheckboxButton,\n  CheckboxGroup,\n})\nexport default ElCheckbox\n\nexport const ElCheckboxButton = withNoopInstall(CheckboxButton)\nexport const ElCheckboxGroup = withNoopInstall(CheckboxGroup)\n"],"names":["withInstall","Checkbox","CheckboxButton","CheckboxGroup","withNoopInstall"],"mappings":";;;;;;;;;;;;AAIY,MAAC,UAAU,GAAGA,uBAAW,CAACC,4CAAQ,EAAE;AAChD,kBAAEC,kDAAc;AAChB,iBAAEC,iDAAa;AACf,CAAC,EAAE;AAES,MAAC,gBAAgB,GAAGC,2BAAe,CAACF,kDAAc,EAAE;AACpD,MAAC,eAAe,GAAGE,2BAAe,CAACD,iDAAa;;;;;;;"}

package/lib/components/checkbox/src/checkbox-button.vue.d.ts

@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         color: string;
         boxShadow: string | null;
     }>;
-    size: import("vue").ComputedRef<"" | import("../../../utils/types").ComponentSize>;
+    size: import("vue").ComputedRef<import("../../../utils/types").ComponentSize>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     modelValue?: unknown;
     label?: unknown;

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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.map

@@ -1 +1 @@
-{"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;;;;;;;;"}
+{"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;;;;;;"}

package/lib/components/checkbox/src/checkbox-group.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var checkboxGroup_vue_vue_type_script_lang = require('./checkbox-group.vue_vue_type_script_lang.js');
-var checkboxGroup_vue_vue_type_template_id_9944d4d2_lang = require('./checkbox-group.vue_vue_type_template_id_9944d4d2_lang.js');
 
-checkboxGroup_vue_vue_type_script_lang["default"].render = checkboxGroup_vue_vue_type_template_id_9944d4d2_lang.render;
 checkboxGroup_vue_vue_type_script_lang["default"].__file = "packages/components/checkbox/src/checkbox-group.vue";
 
 exports["default"] = checkboxGroup_vue_vue_type_script_lang["default"];

package/lib/components/checkbox/src/checkbox-group.js.map

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

package/lib/components/checkbox/src/checkbox-group.vue.d.ts

@@ -2,8 +2,8 @@ import type { PropType } from 'vue';
 import type { ComponentSize } from 'element-plus/es/utils/types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
-        default: () => undefined;
+        type: ArrayConstructor;
+        default: () => never[];
     };
     disabled: BooleanConstructor;
     min: {
@@ -26,7 +26,13 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
-}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     modelValue?: unknown;
     disabled?: unknown;
     min?: unknown;
@@ -34,11 +40,13 @@ declare const _default: import("vue").DefineComponent<{
     size?: unknown;
     fill?: unknown;
     textColor?: unknown;
+    tag?: unknown;
 } & {
     disabled: boolean;
+    modelValue: unknown[];
+    tag: string;
 } & {
     size?: ComponentSize | undefined;
-    modelValue?: boolean | unknown[] | Record<string, any> | undefined;
     fill?: string | undefined;
     textColor?: string | undefined;
     max?: number | undefined;
@@ -48,9 +56,10 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    modelValue: boolean | unknown[] | Record<string, any>;
+    modelValue: unknown[];
     fill: string;
     textColor: string;
+    tag: string;
     max: number;
     min: number;
 }>;

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

@@ -13,8 +13,8 @@ var script = vue.defineComponent({
   name: "ElCheckboxGroup",
   props: {
     modelValue: {
-      type: [Object, Boolean, Array],
-      default: () => void 0
+      type: Array,
+      default: () => []
     },
     disabled: Boolean,
     min: {
@@ -36,16 +36,20 @@ var script = vue.defineComponent({
     textColor: {
       type: String,
       default: void 0
+    },
+    tag: {
+      type: String,
+      default: "div"
     }
   },
   emits: [constants.UPDATE_MODEL_EVENT, "change"],
-  setup(props, ctx) {
+  setup(props, { emit, slots }) {
     const { elFormItem } = useCheckbox.useCheckboxGroup();
     const checkboxGroupSize = index.useSize();
     const changeEvent = (value) => {
-      ctx.emit(constants.UPDATE_MODEL_EVENT, value);
+      emit(constants.UPDATE_MODEL_EVENT, value);
       vue.nextTick(() => {
-        ctx.emit("change", value);
+        emit("change", value);
       });
     };
     const modelValue = vue.computed({
@@ -67,6 +71,13 @@ var script = vue.defineComponent({
       var _a;
       (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
     });
+    return () => {
+      return vue.h(props.tag, {
+        class: "el-checkbox-group",
+        role: "group",
+        "aria-label": "checkbox-group"
+      }, [vue.renderSlot(slots, "default")]);
+    };
   }
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-group.vue"],"sourcesContent":["<template>\n  <div class=\"el-checkbox-group\" role=\"group\" aria-label=\"checkbox-group\">\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  watch,\n  provide,\n  nextTick,\n  toRefs,\n} from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useSize } from '@element-plus/hooks'\nimport { useCheckboxGroup } from './useCheckbox'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElCheckboxGroup',\n\n  props: {\n    modelValue: {\n      type: [Object, Boolean, Array],\n      default: () => undefined,\n    },\n    disabled: Boolean,\n    min: {\n      type: Number,\n      default: undefined,\n    },\n    max: {\n      type: Number,\n      default: undefined,\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    fill: {\n      type: String,\n      default: undefined,\n    },\n    textColor: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n\n  setup(props, ctx) {\n    const { elFormItem } = useCheckboxGroup()\n    const checkboxGroupSize = useSize()\n\n    const changeEvent = (value) => {\n      ctx.emit(UPDATE_MODEL_EVENT, value)\n      nextTick(() => {\n        ctx.emit('change', value)\n      })\n    }\n\n    const modelValue = computed({\n      get() {\n        return props.modelValue\n      },\n      set(val) {\n        changeEvent(val)\n      },\n    })\n\n    provide('CheckboxGroup', {\n      name: 'ElCheckboxGroup',\n      modelValue,\n      ...toRefs(props),\n      checkboxGroupSize,\n      changeEvent,\n    })\n\n    watch(\n      () => props.modelValue,\n      () => {\n        elFormItem.validate?.('change')\n      }\n    )\n  },\n})\n</script>\n"],"names":["defineComponent","isValidComponentSize","UPDATE_MODEL_EVENT","useCheckboxGroup","useSize","computed","toRefs"],"mappings":";;;;;;;;;;;AAuBA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,SAAS;AAAA,MACxB,SAAS,MAAM;AAAA;AAAA,IAEjB,UAAU;AAAA,IACV,KAAK;AAAA,MACH,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,KAAK;AAAA,MACH,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAWC;AAAA;AAAA,IAEb,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAIb,OAAO,CAACC,8BAAoB;AAAA,EAE5B,MAAM,OAAO,KAAK;AAChB,UAAM,EAAE,eAAeC;AACvB,UAAM,oBAAoBC;AAE1B,UAAM,cAAc,CAAC,UAAU;AAC7B,UAAI,KAAKF,8BAAoB;AAC7B,mBAAS,MAAM;AACb,YAAI,KAAK,UAAU;AAAA;AAAA;AAIvB,UAAM,aAAaG,aAAS;AAAA,MAC1B,MAAM;AACJ,eAAO,MAAM;AAAA;AAAA,MAEf,IAAI,KAAK;AACP,oBAAY;AAAA;AAAA;AAIhB,gBAAQ,iBAAiB;AAAA,MACvB,MAAM;AAAA,MACN;AAAA,SACGC,WAAO;AAAA,MACV;AAAA,MACA;AAAA;AAGF,cACE,MAAM,MAAM,YACZ,MAAM;;AACJ,uBAAW,aAAX,oCAAsB;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"checkbox-group.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-group.vue"],"sourcesContent":["<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  watch,\n  provide,\n  nextTick,\n  toRefs,\n  h,\n  renderSlot,\n} from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useSize } from '@element-plus/hooks'\nimport { useCheckboxGroup } from './useCheckbox'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElCheckboxGroup',\n\n  props: {\n    modelValue: {\n      type: Array,\n      default: () => [],\n    },\n    disabled: Boolean,\n    min: {\n      type: Number,\n      default: undefined,\n    },\n    max: {\n      type: Number,\n      default: undefined,\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    fill: {\n      type: String,\n      default: undefined,\n    },\n    textColor: {\n      type: String,\n      default: undefined,\n    },\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n\n  setup(props, { emit, slots }) {\n    const { elFormItem } = useCheckboxGroup()\n    const checkboxGroupSize = useSize()\n\n    const changeEvent = (value) => {\n      emit(UPDATE_MODEL_EVENT, value)\n      nextTick(() => {\n        emit('change', value)\n      })\n    }\n\n    const modelValue = computed({\n      get() {\n        return props.modelValue\n      },\n      set(val) {\n        changeEvent(val)\n      },\n    })\n\n    provide('CheckboxGroup', {\n      name: 'ElCheckboxGroup',\n      modelValue,\n      ...toRefs(props),\n      checkboxGroupSize,\n      changeEvent,\n    })\n\n    watch(\n      () => props.modelValue,\n      () => {\n        elFormItem.validate?.('change')\n      }\n    )\n    return () => {\n      return h(\n        props.tag,\n        {\n          class: 'el-checkbox-group',\n          role: 'group',\n          'aria-label': 'checkbox-group',\n        },\n        [renderSlot(slots, 'default')]\n      )\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","computed","provide","toRefs","h","renderSlot"],"mappings":";;;;;;;;;;;AAcA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;AACT,IAAI,UAAU,EAAE;;AAEhB,aAAa,EAAE,MAAM,EAAE;KAClB;;IAED,GAAG,EAAE;MACH,IAAI,EAAE;MACN,OAAO,EAAE;;IAEX;MACE,IAAI,EAAE,MAAM;MACZ;;QAEE,EAAE;;MAEJ;;QAEE,EAAE;;MAEJ;;aAEO,EAAE;;MAET;;OAEC,EAAE;;MAEH,OAAO,EAAE;;;;OAIR;UACG,EAAE;UACF;IACN;;;YAGQ,CAAC,QAAQ,EAAE,KAAK,EAAE;;KAEzB,CAAC;IACF,MAAM,UAAU,GAAGC,YAAQ,CAAC;MAC1B,MAAM;;OAEL;MACD,GAAG,CAAC,GAAG,EAAE;QACP,WAAW;;MAEb,CAAC;IACHC;;MAEE,UAAU;MACV,GAAGC;uBACc;MACjB;MACA,CAAC;aACE,CAAC,MAAM,KAAK,CAAC;MAChB;;;IAGF,OAAO,MAAM;MACX,OAAOC,KAAC,CAAC,KAAK,CAAC,GAAG,EAAE;QAClB,KAAK,EAAE;QACP,IAAI,EAAE,OAAO;QACb,YAAY,EAAE;OACf,EAAE,CAACC;KACL;;;;;;"}

package/lib/components/checkbox/src/checkbox.vue.d.ts

@@ -40,11 +40,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     isChecked: import("vue").ComputedRef<boolean>;
     isDisabled: import("vue").ComputedRef<boolean | undefined>;
-    checkboxSize: import("vue").ComputedRef<"" | ComponentSize>;
+    checkboxSize: import("vue").ComputedRef<ComponentSize>;
     model: import("vue").WritableComputedRef<any>;
     handleChange: (e: InputEvent) => void;
     focus: import("vue").Ref<boolean>;
-    size: import("vue").ComputedRef<"" | ComponentSize>;
+    size: import("vue").ComputedRef<ComponentSize>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     modelValue?: unknown;
     label?: unknown;

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/checkbox/src/checkbox.vue"],"sourcesContent":["<template>\n  <label\n    :id=\"id\"\n    class=\"el-checkbox\"\n    :class=\"[\n      checkboxSize ? 'el-checkbox--' + checkboxSize : '',\n      { 'is-disabled': isDisabled },\n      { 'is-bordered': border },\n      { 'is-checked': isChecked },\n    ]\"\n    :aria-controls=\"indeterminate ? controls : null\"\n  >\n    <span\n      class=\"el-checkbox__input\"\n      :class=\"{\n        'is-disabled': isDisabled,\n        'is-checked': isChecked,\n        'is-indeterminate': indeterminate,\n        'is-focus': focus,\n      }\"\n      :tabindex=\"indeterminate ? 0 : undefined\"\n      :role=\"indeterminate ? 'checkbox' : undefined\"\n      :aria-checked=\"indeterminate ? 'mixed' : false\"\n    >\n      <span class=\"el-checkbox__inner\"></span>\n      <input\n        v-if=\"trueLabel || falseLabel\"\n        v-model=\"model\"\n        class=\"el-checkbox__original\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\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__original\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\n        :disabled=\"isDisabled\"\n        :value=\"label\"\n        :name=\"name\"\n        :tabindex=\"tabindex\"\n        @change=\"handleChange\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n      />\n    </span>\n    <span v-if=\"$slots.default || label\" class=\"el-checkbox__label\">\n      <slot></slot>\n      <template v-if=\"!$slots.default\">{{ label }}</template>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useCheckbox } from './useCheckbox'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElCheckbox',\n  props: {\n    modelValue: {\n      type: [Boolean, Number, String],\n      default: () => undefined,\n    },\n    label: {\n      type: [String, Boolean, Number, Object],\n    },\n    indeterminate: Boolean,\n    disabled: Boolean,\n    checked: Boolean,\n    name: {\n      type: String,\n      default: undefined,\n    },\n    trueLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    falseLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    id: {\n      type: String,\n      default: undefined,\n    },\n    controls: {\n      type: String,\n      default: undefined,\n    },\n    border: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    tabindex: [String, Number],\n  },\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n  setup(props) {\n    return useCheckbox(props)\n  },\n})\n</script>\n"],"names":["defineComponent","isValidComponentSize","UPDATE_MODEL_EVENT","useCheckbox"],"mappings":";;;;;;;;;AAsEA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM,CAAC,SAAS,QAAQ;AAAA,MACxB,SAAS,MAAM;AAAA;AAAA,IAEjB,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,SAAS,QAAQ;AAAA;AAAA,IAElC,eAAe;AAAA,IACf,UAAU;AAAA,IACV,SAAS;AAAA,IACT,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,IAAI;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAWC;AAAA;AAAA,IAEb,UAAU,CAAC,QAAQ;AAAA;AAAA,EAErB,OAAO,CAACC,8BAAoB;AAAA,EAC5B,MAAM,OAAO;AACX,WAAOC,wBAAY;AAAA;AAAA;;;;"}
+{"version":3,"file":"checkbox.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/checkbox/src/checkbox.vue"],"sourcesContent":["<template>\n  <label\n    :id=\"id\"\n    class=\"el-checkbox\"\n    :class=\"[\n      checkboxSize ? 'el-checkbox--' + checkboxSize : '',\n      { 'is-disabled': isDisabled },\n      { 'is-bordered': border },\n      { 'is-checked': isChecked },\n    ]\"\n    :aria-controls=\"indeterminate ? controls : null\"\n  >\n    <span\n      class=\"el-checkbox__input\"\n      :class=\"{\n        'is-disabled': isDisabled,\n        'is-checked': isChecked,\n        'is-indeterminate': indeterminate,\n        'is-focus': focus,\n      }\"\n      :tabindex=\"indeterminate ? 0 : undefined\"\n      :role=\"indeterminate ? 'checkbox' : undefined\"\n      :aria-checked=\"indeterminate ? 'mixed' : false\"\n    >\n      <span class=\"el-checkbox__inner\"></span>\n      <input\n        v-if=\"trueLabel || falseLabel\"\n        v-model=\"model\"\n        class=\"el-checkbox__original\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\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__original\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\n        :disabled=\"isDisabled\"\n        :value=\"label\"\n        :name=\"name\"\n        :tabindex=\"tabindex\"\n        @change=\"handleChange\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n      />\n    </span>\n    <span v-if=\"$slots.default || label\" class=\"el-checkbox__label\">\n      <slot></slot>\n      <template v-if=\"!$slots.default\">{{ label }}</template>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useCheckbox } from './useCheckbox'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElCheckbox',\n  props: {\n    modelValue: {\n      type: [Boolean, Number, String],\n      default: () => undefined,\n    },\n    label: {\n      type: [String, Boolean, Number, Object],\n    },\n    indeterminate: Boolean,\n    disabled: Boolean,\n    checked: Boolean,\n    name: {\n      type: String,\n      default: undefined,\n    },\n    trueLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    falseLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    id: {\n      type: String,\n      default: undefined,\n    },\n    controls: {\n      type: String,\n      default: undefined,\n    },\n    border: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    tabindex: [String, Number],\n  },\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n  setup(props) {\n    return useCheckbox(props)\n  },\n})\n</script>\n"],"names":["defineComponent","isValidComponentSize","UPDATE_MODEL_EVENT"],"mappings":";;;;;;;;;AAiEA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;AACT,IAAI,UAAU,EAAE;;AAEhB,aAAa,EAAE,MAAM,KAAK,CAAC;KACtB;IACD,KAAK;MACH,IAAI,EAAE,CAAC;;mBAEM,OAAO;IACtB;IACA,OAAO;QACH,EAAE;;MAEJ,OAAO,EAAE,KAAK,CAAC;KAChB;IACD,SAAS,EAAE;MACT,IAAI;MACJ,OAAO,EAAE;;IAEX;MACE,IAAI,EAAE,CAAC;MACP,OAAO,EAAE,MAAM;;IAEjB;MACE,IAAI,EAAE;MACN,OAAO,EAAE,MAAM;;IAEjB;MACE;MACA,OAAO,EAAE;;IAEX;IACA,IAAI,EAAE;MACJ,IAAI,EAAE,MAAM;MACZ,SAAS,EAAEC;KACZ;IACD,QAAQ,EAAE,CAAC;;OAER,EAAE,CAACC,4BAAkB,EAAE,QAAQ,CAAC;OAChC,CAAC,KAAK,EAAE;IACX;;EAEF;;;;"}

package/lib/components/checkbox/src/checkbox.vue_vue_type_template_id_2c9881e5_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.vue_vue_type_template_id_2c9881e5_lang.js","sources":["../../../../../../packages/components/checkbox/src/checkbox.vue?vue&type=template&id=2c9881e5&lang.js"],"sourcesContent":["<template>\n  <label\n    :id=\"id\"\n    class=\"el-checkbox\"\n    :class=\"[\n      checkboxSize ? 'el-checkbox--' + checkboxSize : '',\n      { 'is-disabled': isDisabled },\n      { 'is-bordered': border },\n      { 'is-checked': isChecked },\n    ]\"\n    :aria-controls=\"indeterminate ? controls : null\"\n  >\n    <span\n      class=\"el-checkbox__input\"\n      :class=\"{\n        'is-disabled': isDisabled,\n        'is-checked': isChecked,\n        'is-indeterminate': indeterminate,\n        'is-focus': focus,\n      }\"\n      :tabindex=\"indeterminate ? 0 : undefined\"\n      :role=\"indeterminate ? 'checkbox' : undefined\"\n      :aria-checked=\"indeterminate ? 'mixed' : false\"\n    >\n      <span class=\"el-checkbox__inner\"></span>\n      <input\n        v-if=\"trueLabel || falseLabel\"\n        v-model=\"model\"\n        class=\"el-checkbox__original\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\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__original\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\n        :disabled=\"isDisabled\"\n        :value=\"label\"\n        :name=\"name\"\n        :tabindex=\"tabindex\"\n        @change=\"handleChange\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n      />\n    </span>\n    <span v-if=\"$slots.default || label\" class=\"el-checkbox__label\">\n      <slot></slot>\n      <template v-if=\"!$slots.default\">{{ label }}</template>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useCheckbox } from './useCheckbox'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElCheckbox',\n  props: {\n    modelValue: {\n      type: [Boolean, Number, String],\n      default: () => undefined,\n    },\n    label: {\n      type: [String, Boolean, Number, Object],\n    },\n    indeterminate: Boolean,\n    disabled: Boolean,\n    checked: Boolean,\n    name: {\n      type: String,\n      default: undefined,\n    },\n    trueLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    falseLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    id: {\n      type: String,\n      default: undefined,\n    },\n    controls: {\n      type: String,\n      default: undefined,\n    },\n    border: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    tabindex: [String, Number],\n  },\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n  setup(props) {\n    return useCheckbox(props)\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot"],"mappings":";;;;;;;;oEAwBY,OAAM;;;;;EA+BuB,OAAM;AAAA;;0BAtD7CA;IACG,IAAI;IACL,2BAAM;;;;;;IAOL,iBAAe,qBAAgB;;IAEhCC;MACE,2BAAM;;;;;;MAOL,UAAU,yBAAoB;AAAA,MAC9B,MAAM,kCAA6B;AAAA,MACnC,gBAAc;;MAEf;AAAA,MAEQ,kBAAa,uDADrBD;;qEAEW;QACT,OAAM;AAAA,QACN,MAAK;AAAA,QACJ,eAAa;QACb,MAAM;QACN,UAAU;QACV,UAAU;QACV,cAAY;QACZ,eAAa;QACb,iDAAQ;QACR,+CAAO;QACP,8CAAM;;6BAXE;gDAaXA;;qEAEW;QACT,OAAM;AAAA,QACN,MAAK;AAAA,QACJ,eAAa;QACb,UAAU;QACV,OAAO;QACP,MAAM;QACN,UAAU;QACV,iDAAQ;QACR,+CAAO;QACP,8CAAM;;6BAVE;;;IAaD,YAAO,WAAW,+BAA9BA,+BAAA;MACEE;OACiB,YAAO,4BAAxBF;gDAAoC;;;;;;;;"}
+{"version":3,"file":"checkbox.vue_vue_type_template_id_2c9881e5_lang.js","sources":["../../../../../../packages/components/checkbox/src/checkbox.vue?vue&type=template&id=2c9881e5&lang.js"],"sourcesContent":["<template>\n  <label\n    :id=\"id\"\n    class=\"el-checkbox\"\n    :class=\"[\n      checkboxSize ? 'el-checkbox--' + checkboxSize : '',\n      { 'is-disabled': isDisabled },\n      { 'is-bordered': border },\n      { 'is-checked': isChecked },\n    ]\"\n    :aria-controls=\"indeterminate ? controls : null\"\n  >\n    <span\n      class=\"el-checkbox__input\"\n      :class=\"{\n        'is-disabled': isDisabled,\n        'is-checked': isChecked,\n        'is-indeterminate': indeterminate,\n        'is-focus': focus,\n      }\"\n      :tabindex=\"indeterminate ? 0 : undefined\"\n      :role=\"indeterminate ? 'checkbox' : undefined\"\n      :aria-checked=\"indeterminate ? 'mixed' : false\"\n    >\n      <span class=\"el-checkbox__inner\"></span>\n      <input\n        v-if=\"trueLabel || falseLabel\"\n        v-model=\"model\"\n        class=\"el-checkbox__original\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\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__original\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\n        :disabled=\"isDisabled\"\n        :value=\"label\"\n        :name=\"name\"\n        :tabindex=\"tabindex\"\n        @change=\"handleChange\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n      />\n    </span>\n    <span v-if=\"$slots.default || label\" class=\"el-checkbox__label\">\n      <slot></slot>\n      <template v-if=\"!$slots.default\">{{ label }}</template>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useCheckbox } from './useCheckbox'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElCheckbox',\n  props: {\n    modelValue: {\n      type: [Boolean, Number, String],\n      default: () => undefined,\n    },\n    label: {\n      type: [String, Boolean, Number, Object],\n    },\n    indeterminate: Boolean,\n    disabled: Boolean,\n    checked: Boolean,\n    name: {\n      type: String,\n      default: undefined,\n    },\n    trueLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    falseLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    id: {\n      type: String,\n      default: undefined,\n    },\n    controls: {\n      type: String,\n      default: undefined,\n    },\n    border: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    tabindex: [String, Number],\n  },\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n  setup(props) {\n    return useCheckbox(props)\n  },\n})\n</script>\n"],"names":["_createElementVNode"],"mappings":";;;;;;;;;mEAwBiB;;;;;EA+BwB;;;;;MArDlC;4BACG;;;;;;IAOLA;;;;;;;;;MAUE,4CAAuC;;MAEvC;;;wCAI8B;;;;YAE7B,OAAM;gBACF,EAAC;;2BAEM;;;wBAGA,EAAE,cAAS;yBACV,iBAAY;;;;;wCARV;;;;;mBAgBR;YACN,MAAK;;;iBAGC;gBACD;;;;;;2CANS;;;yCAaiB;;;;;;;"}