@element-plus/nightly 0.0.20251228 → 0.0.20251229

package/lib/components/cascader-panel/src/node2.js

@@ -2,126 +2,202 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var types = require('../../../utils/types.js');
-var shared = require('@vue/shared');
+var vue = require('vue');
+var index$1 = require('../../checkbox/index.js');
+var index$2 = require('../../radio/index.js');
+var index$3 = require('../../icon/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+var nodeContent = require('./node-content.js');
+var types = require('./types.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-let uid = 0;
-const calculatePathNodes = (node) => {
-  const nodes = [node];
-  let { parent } = node;
-  while (parent) {
-    nodes.unshift(parent);
-    parent = parent.parent;
-  }
-  return nodes;
-};
-class Node {
-  constructor(data, config, parent, root = false) {
-    this.data = data;
-    this.config = config;
-    this.parent = parent;
-    this.root = root;
-    this.uid = uid++;
-    this.checked = false;
-    this.indeterminate = false;
-    this.loading = false;
-    const { value: valueKey, label: labelKey, children: childrenKey } = config;
-    const childrenData = data[childrenKey];
-    const pathNodes = calculatePathNodes(this);
-    this.level = root ? 0 : parent ? parent.level + 1 : 1;
-    this.value = data[valueKey];
-    this.label = data[labelKey];
-    this.pathNodes = pathNodes;
-    this.pathValues = pathNodes.map((node) => node.value);
-    this.pathLabels = pathNodes.map((node) => node.label);
-    this.childrenData = childrenData;
-    this.children = (childrenData || []).map(
-      (child) => new Node(child, config, this)
+const _hoisted_1 = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElCascaderNode"
+  },
+  __name: "node",
+  props: {
+    node: {
+      type: Object,
+      required: true
+    },
+    menuId: String
+  },
+  emits: ["expand"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const panel = vue.inject(types.CASCADER_PANEL_INJECTION_KEY);
+    const ns = index.useNamespace("cascader-node");
+    const isHoverMenu = vue.computed(() => panel.isHoverMenu);
+    const multiple = vue.computed(() => panel.config.multiple);
+    const checkStrictly = vue.computed(() => panel.config.checkStrictly);
+    const showPrefix = vue.computed(() => panel.config.showPrefix);
+    const checkedNodeId = vue.computed(() => {
+      var _a;
+      return (_a = panel.checkedNodes[0]) == null ? void 0 : _a.uid;
+    });
+    const isDisabled = vue.computed(() => props.node.isDisabled);
+    const isLeaf = vue.computed(() => props.node.isLeaf);
+    const expandable = vue.computed(
+      () => checkStrictly.value && !isLeaf.value || !isDisabled.value
     );
-    this.loaded = !config.lazy || this.isLeaf || !types.isEmpty(childrenData);
-    this.text = "";
-  }
-  get isDisabled() {
-    const { data, parent, config } = this;
-    const { disabled, checkStrictly } = config;
-    const isDisabled = shared.isFunction(disabled) ? disabled(data, this) : !!data[disabled];
-    return isDisabled || !checkStrictly && !!(parent == null ? void 0 : parent.isDisabled);
-  }
-  get isLeaf() {
-    const { data, config, childrenData, loaded } = this;
-    const { lazy, leaf } = config;
-    const isLeaf = shared.isFunction(leaf) ? leaf(data, this) : data[leaf];
-    return types.isUndefined(isLeaf) ? lazy && !loaded ? false : !(shared.isArray(childrenData) && childrenData.length) : !!isLeaf;
-  }
-  get valueByOption() {
-    return this.config.emitPath ? this.pathValues : this.value;
-  }
-  appendChild(childData) {
-    const { childrenData, children } = this;
-    const node = new Node(childData, this.config, this);
-    if (shared.isArray(childrenData)) {
-      childrenData.push(childData);
-    } else {
-      this.childrenData = [childData];
-    }
-    children.push(node);
-    return node;
-  }
-  calcText(allLevels, separator) {
-    const text = allLevels ? this.pathLabels.join(separator) : this.label;
-    this.text = text;
-    return text;
-  }
-  broadcast(checked) {
-    this.children.forEach((child) => {
+    const inExpandingPath = vue.computed(() => isInPath(panel.expandingNode));
+    const inCheckedPath = vue.computed(
+      () => checkStrictly.value && panel.checkedNodes.some(isInPath)
+    );
+    const isInPath = (node) => {
       var _a;
-      if (child) {
-        child.broadcast(checked);
-        (_a = child.onParentCheck) == null ? void 0 : _a.call(child, checked);
+      const { level, uid } = props.node;
+      return ((_a = node == null ? void 0 : node.pathNodes[level - 1]) == null ? void 0 : _a.uid) === uid;
+    };
+    const doExpand = () => {
+      if (inExpandingPath.value)
+        return;
+      panel.expandNode(props.node);
+    };
+    const doCheck = (checked) => {
+      const { node } = props;
+      if (checked === node.checked)
+        return;
+      panel.handleCheckChange(node, checked);
+    };
+    const doLoad = () => {
+      panel.lazyLoad(props.node, () => {
+        if (!isLeaf.value)
+          doExpand();
+      });
+    };
+    const handleHoverExpand = (e) => {
+      if (!isHoverMenu.value)
+        return;
+      handleExpand();
+      !isLeaf.value && emit("expand", e);
+    };
+    const handleExpand = () => {
+      const { node } = props;
+      if (!expandable.value || node.loading)
+        return;
+      node.loaded ? doExpand() : doLoad();
+    };
+    const handleClick = () => {
+      if (isLeaf.value && !isDisabled.value && !checkStrictly.value && !multiple.value) {
+        handleCheck(true);
+      } else if ((panel.config.checkOnClickNode && (multiple.value || checkStrictly.value) || isLeaf.value && panel.config.checkOnClickLeaf) && !isDisabled.value) {
+        handleSelectCheck(!props.node.checked);
+      } else if (!isHoverMenu.value) {
+        handleExpand();
       }
-    });
-  }
-  emit() {
-    var _a;
-    const { parent } = this;
-    if (parent) {
-      (_a = parent.onChildCheck) == null ? void 0 : _a.call(parent);
-      parent.emit();
-    }
-  }
-  onParentCheck(checked) {
-    if (!this.isDisabled) {
-      this.setCheckState(checked);
-    }
-  }
-  onChildCheck() {
-    const { children } = this;
-    const validChildren = children.filter((child) => !child.isDisabled);
-    const checked = validChildren.length ? validChildren.every((child) => child.checked) : false;
-    this.setCheckState(checked);
-  }
-  setCheckState(checked) {
-    const totalNum = this.children.length;
-    const checkedNum = this.children.reduce((c, p) => {
-      const num = p.checked ? 1 : p.indeterminate ? 0.5 : 0;
-      return c + num;
-    }, 0);
-    this.checked = this.loaded && this.children.filter((child) => !child.isDisabled).every((child) => child.loaded && child.checked) && checked;
-    this.indeterminate = this.loaded && checkedNum !== totalNum && checkedNum > 0;
-  }
-  doCheck(checked) {
-    if (this.checked === checked)
-      return;
-    const { checkStrictly, multiple } = this.config;
-    if (checkStrictly || !multiple) {
-      this.checked = checked;
-    } else {
-      this.broadcast(checked);
-      this.setCheckState(checked);
-      this.emit();
-    }
+    };
+    const handleSelectCheck = (checked) => {
+      if (checkStrictly.value) {
+        doCheck(checked);
+        if (props.node.loaded) {
+          doExpand();
+        }
+      } else {
+        handleCheck(checked);
+      }
+    };
+    const handleCheck = (checked) => {
+      if (!props.node.loaded) {
+        doLoad();
+      } else {
+        doCheck(checked);
+        !checkStrictly.value && doExpand();
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("li", {
+        id: `${__props.menuId}-${__props.node.uid}`,
+        role: "menuitem",
+        "aria-haspopup": !isLeaf.value,
+        "aria-owns": isLeaf.value ? void 0 : __props.menuId,
+        "aria-expanded": inExpandingPath.value,
+        tabindex: expandable.value ? -1 : void 0,
+        class: vue.normalizeClass([
+          vue.unref(ns).b(),
+          vue.unref(ns).is("selectable", checkStrictly.value),
+          vue.unref(ns).is("active", __props.node.checked),
+          vue.unref(ns).is("disabled", !expandable.value),
+          inExpandingPath.value && "in-active-path",
+          inCheckedPath.value && "in-checked-path"
+        ]),
+        onMouseenter: handleHoverExpand,
+        onFocus: handleHoverExpand,
+        onClick: handleClick
+      }, [
+        vue.createCommentVNode(" prefix "),
+        multiple.value && showPrefix.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElCheckbox), {
+          key: 0,
+          "model-value": __props.node.checked,
+          indeterminate: __props.node.indeterminate,
+          disabled: isDisabled.value,
+          onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+          }, ["stop"])),
+          "onUpdate:modelValue": handleSelectCheck
+        }, null, 8, ["model-value", "indeterminate", "disabled"])) : checkStrictly.value && showPrefix.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElRadio), {
+          key: 1,
+          "model-value": checkedNodeId.value,
+          label: __props.node.uid,
+          disabled: isDisabled.value,
+          "onUpdate:modelValue": handleSelectCheck,
+          onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+          }, ["stop"]))
+        }, {
+          default: vue.withCtx(() => [
+            vue.createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
+            _cache[2] || (_cache[2] = vue.createElementVNode(
+              "span",
+              null,
+              null,
+              -1
+            ))
+          ]),
+          _: 1
+        }, 8, ["model-value", "label", "disabled"])) : isLeaf.value && __props.node.checked ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElIcon), {
+          key: 2,
+          class: vue.normalizeClass(vue.unref(ns).e("prefix"))
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(iconsVue.Check))
+          ]),
+          _: 1
+        }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+        vue.createCommentVNode(" content "),
+        vue.createVNode(vue.unref(nodeContent["default"]), { node: __props.node }, null, 8, ["node"]),
+        vue.createCommentVNode(" postfix "),
+        !isLeaf.value ? (vue.openBlock(), vue.createElementBlock(
+          vue.Fragment,
+          { key: 3 },
+          [
+            __props.node.loading ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElIcon), {
+              key: 0,
+              class: vue.normalizeClass([vue.unref(ns).is("loading"), vue.unref(ns).e("postfix")])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(iconsVue.Loading))
+              ]),
+              _: 1
+            }, 8, ["class"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElIcon), {
+              key: 1,
+              class: vue.normalizeClass(["arrow-right", vue.unref(ns).e("postfix")])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(iconsVue.ArrowRight))
+              ]),
+              _: 1
+            }, 8, ["class"]))
+          ],
+          64
+        )) : vue.createCommentVNode("v-if", true)
+      ], 42, _hoisted_1);
+    };
   }
-}
+});
+var ElCascaderNode = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/cascader-panel/src/node.vue"]]);
 
-exports["default"] = Node;
+exports["default"] = ElCascaderNode;
 //# sourceMappingURL=node2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"node2.js","sources":["../../../../../../packages/components/cascader-panel/src/node.ts"],"sourcesContent":["import { isArray, isEmpty, isFunction, isUndefined } from '@element-plus/utils'\n\nimport type {\n  CascaderConfig,\n  CascaderNodePathValue,\n  CascaderNodeValue,\n  CascaderOption,\n} from './types'\n\ntype ChildrenData = CascaderOption[] | undefined\n\nlet uid = 0\n\nconst calculatePathNodes = (node: Node) => {\n  const nodes = [node]\n  let { parent } = node\n\n  while (parent) {\n    nodes.unshift(parent)\n    parent = parent.parent\n  }\n\n  return nodes\n}\n\nclass Node {\n  readonly uid: number = uid++\n  readonly level: number\n  readonly value: CascaderNodeValue\n  readonly label: string\n  readonly pathNodes: Node[]\n  readonly pathValues: CascaderNodePathValue\n  readonly pathLabels: string[]\n\n  childrenData: ChildrenData\n  children: Node[]\n  text: string\n  loaded: boolean\n  /**\n   * Is it checked\n   *\n   * @default false\n   */\n  checked = false\n  /**\n   * Used to indicate the intermediate state of unchecked and fully checked child nodes\n   *\n   * @default false\n   */\n  indeterminate = false\n  /**\n   * Loading Status\n   *\n   * @default false\n   */\n  loading = false\n\n  constructor(\n    readonly data: CascaderOption,\n    readonly config: CascaderConfig,\n    readonly parent?: Node,\n    readonly root = false\n  ) {\n    const { value: valueKey, label: labelKey, children: childrenKey } = config\n\n    const childrenData = data[childrenKey] as ChildrenData\n    const pathNodes = calculatePathNodes(this)\n\n    this.level = root ? 0 : parent ? parent.level + 1 : 1\n    this.value = data[valueKey] as CascaderNodeValue\n    this.label = data[labelKey] as string\n    this.pathNodes = pathNodes\n    this.pathValues = pathNodes.map((node) => node.value)\n    this.pathLabels = pathNodes.map((node) => node.label)\n    this.childrenData = childrenData\n    this.children = (childrenData || []).map(\n      (child) => new Node(child, config, this)\n    )\n    this.loaded = !config.lazy || this.isLeaf || !isEmpty(childrenData)\n    this.text = ''\n  }\n\n  get isDisabled(): boolean {\n    const { data, parent, config } = this\n    const { disabled, checkStrictly } = config\n    const isDisabled = isFunction(disabled)\n      ? disabled(data, this)\n      : !!data[disabled]\n    return isDisabled || (!checkStrictly && !!parent?.isDisabled)\n  }\n\n  get isLeaf(): boolean {\n    const { data, config, childrenData, loaded } = this\n    const { lazy, leaf } = config\n    const isLeaf = isFunction(leaf) ? leaf(data, this) : data[leaf]\n\n    return isUndefined(isLeaf)\n      ? lazy && !loaded\n        ? false\n        : !(isArray(childrenData) && childrenData.length)\n      : !!isLeaf\n  }\n\n  get valueByOption() {\n    return this.config.emitPath ? this.pathValues : this.value\n  }\n\n  appendChild(childData: CascaderOption) {\n    const { childrenData, children } = this\n    const node = new Node(childData, this.config, this)\n\n    if (isArray(childrenData)) {\n      childrenData.push(childData)\n    } else {\n      this.childrenData = [childData]\n    }\n\n    children.push(node)\n\n    return node\n  }\n\n  calcText(allLevels: boolean, separator: string) {\n    const text = allLevels ? this.pathLabels.join(separator) : this.label\n    this.text = text\n    return text\n  }\n\n  broadcast(checked: boolean) {\n    this.children.forEach((child) => {\n      if (child) {\n        // bottom up\n        child.broadcast(checked)\n        child.onParentCheck?.(checked)\n      }\n    })\n  }\n\n  emit() {\n    const { parent } = this\n    if (parent) {\n      parent.onChildCheck?.()\n      parent.emit()\n    }\n  }\n\n  onParentCheck(checked: boolean) {\n    if (!this.isDisabled) {\n      this.setCheckState(checked)\n    }\n  }\n\n  onChildCheck() {\n    const { children } = this\n    const validChildren = children.filter((child) => !child.isDisabled)\n    const checked = validChildren.length\n      ? validChildren.every((child) => child.checked)\n      : false\n\n    this.setCheckState(checked)\n  }\n\n  setCheckState(checked: boolean) {\n    const totalNum = this.children.length\n    const checkedNum = this.children.reduce((c, p) => {\n      const num = p.checked ? 1 : p.indeterminate ? 0.5 : 0\n      return c + num\n    }, 0)\n\n    this.checked =\n      this.loaded &&\n      this.children\n        .filter((child) => !child.isDisabled)\n        .every((child) => child.loaded && child.checked) &&\n      checked\n    this.indeterminate =\n      this.loaded && checkedNum !== totalNum && checkedNum > 0\n  }\n\n  doCheck(checked: boolean) {\n    if (this.checked === checked) return\n\n    const { checkStrictly, multiple } = this.config\n\n    if (checkStrictly || !multiple) {\n      this.checked = checked\n    } else {\n      // bottom up to unify the calculation of the indeterminate state\n      this.broadcast(checked)\n      this.setCheckState(checked)\n      this.emit()\n    }\n  }\n}\n\nexport default Node\n"],"names":["isEmpty","isFunction","isUndefined","isArray"],"mappings":"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"}
+{"version":3,"file":"node2.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 ? undefined : menuId\"\n    :aria-expanded=\"inExpandingPath\"\n    :tabindex=\"expandable ? -1 : undefined\"\n    :class=\"[\n      ns.b(),\n      ns.is('selectable', checkStrictly),\n      ns.is('active', node.checked),\n      ns.is('disabled', !expandable),\n      inExpandingPath && 'in-active-path',\n      inCheckedPath && 'in-checked-path',\n    ]\"\n    @mouseenter=\"handleHoverExpand\"\n    @focus=\"handleHoverExpand\"\n    @click=\"handleClick\"\n  >\n    <!-- prefix -->\n    <el-checkbox\n      v-if=\"multiple && showPrefix\"\n      :model-value=\"node.checked\"\n      :indeterminate=\"node.indeterminate\"\n      :disabled=\"isDisabled\"\n      @click.stop\n      @update:model-value=\"handleSelectCheck\"\n    />\n    <el-radio\n      v-else-if=\"checkStrictly && showPrefix\"\n      :model-value=\"checkedNodeId\"\n      :label=\"node.uid\"\n      :disabled=\"isDisabled\"\n      @update:model-value=\"handleSelectCheck\"\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 />\n    </el-radio>\n    <el-icon v-else-if=\"isLeaf && node.checked\" :class=\"ns.e('prefix')\">\n      <check />\n    </el-icon>\n\n    <!-- content -->\n    <node-content :node=\"node\" />\n    <!-- postfix -->\n    <template v-if=\"!isLeaf\">\n      <el-icon v-if=\"node.loading\" :class=\"[ns.is('loading'), ns.e('postfix')]\">\n        <loading />\n      </el-icon>\n      <el-icon v-else :class=\"['arrow-right', ns.e('postfix')]\">\n        <arrow-right />\n      </el-icon>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, 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 { useNamespace } from '@element-plus/hooks'\nimport { ArrowRight, Check, Loading } from '@element-plus/icons-vue'\nimport NodeContent from './node-content'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type { CascaderNode } from './types'\nimport type { PropType } from 'vue'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\n\ndefineOptions({\n  name: 'ElCascaderNode',\n})\n\nconst props = defineProps({\n  node: {\n    type: Object as PropType<CascaderNode>,\n    required: true,\n  },\n  menuId: String,\n})\nconst emit = defineEmits(['expand'])\n\nconst panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\nconst ns = useNamespace('cascader-node')\nconst isHoverMenu = computed(() => panel.isHoverMenu)\nconst multiple = computed(() => panel.config.multiple)\nconst checkStrictly = computed(() => panel.config.checkStrictly)\nconst showPrefix = computed(() => panel.config.showPrefix)\nconst checkedNodeId = computed(() => panel.checkedNodes[0]?.uid)\nconst isDisabled = computed(() => props.node.isDisabled)\nconst isLeaf = computed(() => props.node.isLeaf)\nconst expandable = computed(\n  () => (checkStrictly.value && !isLeaf.value) || !isDisabled.value\n)\nconst inExpandingPath = computed(() => isInPath(panel.expandingNode!))\n\n// only useful in check-strictly mode\nconst inCheckedPath = computed(\n  () => checkStrictly.value && panel.checkedNodes.some(isInPath)\n)\n\nconst isInPath = (node: CascaderNode) => {\n  const { level, uid } = props.node\n  return node?.pathNodes[level - 1]?.uid === uid\n}\n\nconst doExpand = () => {\n  if (inExpandingPath.value) return\n  panel.expandNode(props.node)\n}\n\nconst doCheck = (checked: boolean) => {\n  const { node } = props\n  if (checked === node.checked) return\n  panel.handleCheckChange(node, checked)\n}\n\nconst doLoad = () => {\n  panel.lazyLoad(props.node, () => {\n    if (!isLeaf.value) doExpand()\n  })\n}\n\nconst handleHoverExpand = (e: Event) => {\n  if (!isHoverMenu.value) return\n  handleExpand()\n  !isLeaf.value && emit('expand', e)\n}\n\nconst 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\nconst handleClick = () => {\n  if (\n    isLeaf.value &&\n    !isDisabled.value &&\n    !checkStrictly.value &&\n    !multiple.value\n  ) {\n    handleCheck(true)\n  } else if (\n    ((panel.config.checkOnClickNode &&\n      (multiple.value || checkStrictly.value)) ||\n      (isLeaf.value && panel.config.checkOnClickLeaf)) &&\n    !isDisabled.value\n  ) {\n    handleSelectCheck(!props.node.checked)\n  } else if (!isHoverMenu.value) {\n    handleExpand()\n  }\n}\n\nconst handleSelectCheck = (checked: CheckboxValueType | undefined) => {\n  if (checkStrictly.value) {\n    doCheck(checked as boolean)\n    if (props.node.loaded) {\n      doExpand()\n    }\n  } else {\n    handleCheck(checked as boolean)\n  }\n}\n\nconst handleCheck = (checked: boolean) => {\n  if (!props.node.loaded) {\n    doLoad()\n  } else {\n    doCheck(checked)\n    !checkStrictly.value && doExpand()\n  }\n}\n</script>\n"],"names":["inject","CASCADER_PANEL_INJECTION_KEY","useNamespace","computed","_createElementBlock","_normalizeClass","_unref","_createCommentVNode","_createBlock","ElCheckbox","_withModifiers","ElRadio","_createElementVNode","ElIcon","_createVNode","Check","NodeContent","_openBlock","_Fragment","Loading","ArrowRight"],"mappings":"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"}

package/lib/components/cascader-panel/src/store.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var lodashUnified = require('lodash-unified');
-var node = require('./node2.js');
+var node = require('./node.js');
 var types = require('../../../utils/types.js');
 
 const flatNodes = (nodes, leafOnly) => {

package/lib/components/collapse/index.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var collapse$1 = require('./src/collapse2.js');
-var collapseItem$1 = require('./src/collapse-item.js');
+var collapseItem$1 = require('./src/collapse-item2.js');
 var collapse = require('./src/collapse.js');
-var collapseItem = require('./src/collapse-item2.js');
+var collapseItem = require('./src/collapse-item.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/collapse/src/collapse-item.js

@@ -2,126 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index$1 = require('../../collapse-transition/index.js');
-var index = require('../../icon/index.js');
-var collapseItem = require('./collapse-item2.js');
-var useCollapseItem = require('./use-collapse-item.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var iconsVue = require('@element-plus/icons-vue');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var icon = require('../../../utils/vue/icon.js');
 
-const _hoisted_1 = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex", "aria-disabled"];
-const _hoisted_2 = ["id", "aria-hidden", "aria-labelledby"];
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElCollapseItem"
+const collapseItemProps = runtime.buildProps({
+  title: {
+    type: String,
+    default: ""
   },
-  __name: "collapse-item",
-  props: collapseItem.collapseItemProps,
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const {
-      focusing,
-      id,
-      isActive,
-      handleFocus,
-      handleHeaderClick,
-      handleEnterClick
-    } = useCollapseItem.useCollapseItem(props);
-    const {
-      arrowKls,
-      headKls,
-      rootKls,
-      itemTitleKls,
-      itemWrapperKls,
-      itemContentKls,
-      scopedContentId,
-      scopedHeadId
-    } = useCollapseItem.useCollapseItemDOM(props, { focusing, isActive, id });
-    __expose({
-      isActive
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass(vue.unref(rootKls))
-        },
-        [
-          vue.createElementVNode("div", {
-            id: vue.unref(scopedHeadId),
-            class: vue.normalizeClass(vue.unref(headKls)),
-            "aria-expanded": vue.unref(isActive),
-            "aria-controls": vue.unref(scopedContentId),
-            "aria-describedby": vue.unref(scopedContentId),
-            tabindex: _ctx.disabled ? void 0 : 0,
-            "aria-disabled": _ctx.disabled,
-            role: "button",
-            onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(handleHeaderClick) && vue.unref(handleHeaderClick)(...args)),
-            onKeydown: _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(
-              (...args) => vue.unref(handleEnterClick) && vue.unref(handleEnterClick)(...args),
-              ["stop"]
-            ), ["space", "enter"])),
-            onFocus: _cache[2] || (_cache[2] = (...args) => vue.unref(handleFocus) && vue.unref(handleFocus)(...args)),
-            onBlur: _cache[3] || (_cache[3] = ($event) => focusing.value = false)
-          }, [
-            vue.createElementVNode(
-              "span",
-              {
-                class: vue.normalizeClass(vue.unref(itemTitleKls))
-              },
-              [
-                vue.renderSlot(_ctx.$slots, "title", { isActive: vue.unref(isActive) }, () => [
-                  vue.createTextVNode(
-                    vue.toDisplayString(_ctx.title),
-                    1
-                  )
-                ])
-              ],
-              2
-            ),
-            vue.renderSlot(_ctx.$slots, "icon", { isActive: vue.unref(isActive) }, () => [
-              vue.createVNode(vue.unref(index.ElIcon), {
-                class: vue.normalizeClass(vue.unref(arrowKls))
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ])
-          ], 42, _hoisted_1),
-          vue.createVNode(vue.unref(index$1.ElCollapseTransition), null, {
-            default: vue.withCtx(() => [
-              vue.withDirectives(vue.createElementVNode("div", {
-                id: vue.unref(scopedContentId),
-                role: "region",
-                class: vue.normalizeClass(vue.unref(itemWrapperKls)),
-                "aria-hidden": !vue.unref(isActive),
-                "aria-labelledby": vue.unref(scopedHeadId)
-              }, [
-                vue.createElementVNode(
-                  "div",
-                  {
-                    class: vue.normalizeClass(vue.unref(itemContentKls))
-                  },
-                  [
-                    vue.renderSlot(_ctx.$slots, "default")
-                  ],
-                  2
-                )
-              ], 10, _hoisted_2), [
-                [vue.vShow, vue.unref(isActive)]
-              ])
-            ]),
-            _: 3
-          })
-        ],
-        2
-      );
-    };
-  }
+  name: {
+    type: runtime.definePropType([String, Number]),
+    default: void 0
+  },
+  icon: {
+    type: icon.iconPropType,
+    default: iconsVue.ArrowRight
+  },
+  disabled: Boolean
 });
-var CollapseItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/collapse/src/collapse-item.vue"]]);
 
-exports["default"] = CollapseItem;
+exports.collapseItemProps = collapseItemProps;
 //# sourceMappingURL=collapse-item.js.map

package/lib/components/collapse/src/collapse-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div\n      :id=\"scopedHeadId\"\n      :class=\"headKls\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"scopedContentId\"\n      :aria-describedby=\"scopedContentId\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      role=\"button\"\n      @click=\"handleHeaderClick\"\n      @keydown.space.enter.stop=\"handleEnterClick\"\n      @focus=\"handleFocus\"\n      @blur=\"focusing = false\"\n    >\n      <span :class=\"itemTitleKls\">\n        <slot name=\"title\" :is-active=\"isActive\">{{ title }}</slot>\n      </span>\n      <slot name=\"icon\" :is-active=\"isActive\">\n        <el-icon :class=\"arrowKls\">\n          <component :is=\"icon\" />\n        </el-icon>\n      </slot>\n    </div>\n\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"scopedContentId\"\n        role=\"region\"\n        :class=\"itemWrapperKls\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"scopedHeadId\"\n      >\n        <div :class=\"itemContentKls\">\n          <slot />\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { collapseItemProps } from './collapse-item'\nimport { useCollapseItem, useCollapseItemDOM } from './use-collapse-item'\n\ndefineOptions({\n  name: 'ElCollapseItem',\n})\n\nconst props = defineProps(collapseItemProps)\nconst {\n  focusing,\n  id,\n  isActive,\n  handleFocus,\n  handleHeaderClick,\n  handleEnterClick,\n} = useCollapseItem(props)\n\nconst {\n  arrowKls,\n  headKls,\n  rootKls,\n  itemTitleKls,\n  itemWrapperKls,\n  itemContentKls,\n  scopedContentId,\n  scopedHeadId,\n} = useCollapseItemDOM(props, { focusing, isActive, id })\n\ndefineExpose({\n  /** @description current collapse-item whether active */\n  isActive,\n})\n</script>\n"],"names":["useCollapseItem","useCollapseItemDOM","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","disabled","_withKeys","_withModifiers","_renderSlot","_createTextVNode","title","_createVNode","ElIcon","_createBlock","_resolveDynamicComponent","icon","ElCollapseTransition","_withCtx","_withDirectives"],"mappings":"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"}
+{"version":3,"file":"collapse-item.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { ArrowRight } from '@element-plus/icons-vue'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { CollapseActiveName } from './collapse'\n\nexport const collapseItemProps = buildProps({\n  /**\n   * @description title of the panel\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description unique identification of the panel\n   */\n  name: {\n    type: definePropType<CollapseActiveName>([String, Number]),\n    default: undefined,\n  },\n  /**\n   * @description icon of the collapse item\n   */\n  icon: {\n    type: iconPropType,\n    default: ArrowRight,\n  },\n  /**\n   * @description disable the collapse item\n   */\n  disabled: Boolean,\n} as const)\nexport type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>\nexport type CollapseItemPropsPublic = ExtractPublicPropTypes<\n  typeof collapseItemProps\n>\n"],"names":["buildProps","definePropType","iconPropType","ArrowRight"],"mappings":";;;;;;;;AAMO,MAAM,oBAAoBA,kBAAW,CAAA;AAAA,EAI1C,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,sBAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,iBAAA;AAAA,IACN,OAAS,EAAAC,mBAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA,OAAA;AACZ,CAAU;;;;"}