element-ps 2.0.29 → 2.0.32

package/lib/components/cascader/src/index.vue.d.ts

@@ -78,12 +78,12 @@ declare const _default: import("vue").DefineComponent<{
             widget: string;
             modelValue: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number | null | undefined>, unknown, unknown>;
             resize: import("element-ps/es/utils").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
-            form: string;
-            placeholder: string;
             autosize: import("element-ps/es/components/input").InputAutoSize;
             autocomplete: string;
             formatter: Function;
             parser: Function;
+            placeholder: string;
+            form: string;
             readonly: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             clearable: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             showPassword: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -116,7 +116,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly validateEvent: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
             readonly inputStyle: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("vue").StyleValue>, () => import("element-ps/es/utils").Mutable<{}>, unknown, unknown, unknown>;
             readonly widget: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "disabled" | "label" | "widget" | "modelValue" | "resize" | "form" | "placeholder" | "autosize" | "autocomplete" | "formatter" | "parser" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "tabindex" | "validateEvent" | "inputStyle">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "disabled" | "label" | "widget" | "modelValue" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "tabindex" | "validateEvent" | "inputStyle">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -209,6 +209,10 @@ declare const _default: import("vue").DefineComponent<{
                     (name: string, state: boolean | undefined): string;
                     (name: string): string;
                 };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
             };
             nsTextarea: {
                 namespace: ComputedRef<string>;
@@ -223,6 +227,10 @@ declare const _default: import("vue").DefineComponent<{
                     (name: string, state: boolean | undefined): string;
                     (name: string): string;
                 };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
             };
             input: import("vue").ShallowRef<HTMLInputElement | undefined>;
             textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
@@ -258,12 +266,12 @@ declare const _default: import("vue").DefineComponent<{
             widget: string;
             modelValue: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number | null | undefined>, unknown, unknown>;
             resize: import("element-ps/es/utils").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
-            form: string;
-            placeholder: string;
             autosize: import("element-ps/es/components/input").InputAutoSize;
             autocomplete: string;
             formatter: Function;
             parser: Function;
+            placeholder: string;
+            form: string;
             readonly: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             clearable: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             showPassword: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -372,6 +380,10 @@ declare const _default: import("vue").DefineComponent<{
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         nsTextarea: {
             namespace: ComputedRef<string>;
@@ -386,6 +398,10 @@ declare const _default: import("vue").DefineComponent<{
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
@@ -440,6 +456,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     nsInput: {
         namespace: ComputedRef<string>;
@@ -454,6 +474,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
@@ -523,10 +547,10 @@ declare const _default: import("vue").DefineComponent<{
     separator: string;
     disabled: boolean;
     props: import("../../cascader-panel/src/node").CascaderProps;
-    options: import("../../cascader-panel/src/node").CascaderOption[];
     clearable: boolean;
     popperClass: string;
     teleported: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    options: import("../../cascader-panel/src/node").CascaderOption[];
     filterable: boolean;
     filterMethod: (node: CascaderNode, keyword: string) => boolean;
     showAllLevels: boolean;

package/lib/components/cascader-panel/index.d.ts

@@ -28,6 +28,10 @@ declare const _CascaderPanel: SFCWithInstall<import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     menuList: import("vue").Ref<any[]>;
     menus: import("vue").Ref<{
@@ -170,8 +174,8 @@ declare const _CascaderPanel: SFCWithInstall<import("vue").DefineComponent<{
     };
 }>>, {
     props: import("./src/node").CascaderProps;
-    options: import("./src/node").CascaderOption[];
     border: boolean;
+    options: import("./src/node").CascaderOption[];
 }>>;
 export default _CascaderPanel;
 export declare const PsCascaderPanel: SFCWithInstall<import("vue").DefineComponent<{
@@ -203,6 +207,10 @@ export declare const PsCascaderPanel: SFCWithInstall<import("vue").DefineCompone
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     menuList: import("vue").Ref<any[]>;
     menus: import("vue").Ref<{
@@ -345,8 +353,8 @@ export declare const PsCascaderPanel: SFCWithInstall<import("vue").DefineCompone
     };
 }>>, {
     props: import("./src/node").CascaderProps;
-    options: import("./src/node").CascaderOption[];
     border: boolean;
+    options: import("./src/node").CascaderOption[];
 }>>;
 export * from './src/types';
 export * from './src/config';

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var shared = require('@vue/shared');
-var node = require('./node2.js');
+var node = require('./node.js');
 
 const CommonProps = {
   modelValue: [Number, String, Array],

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

@@ -10,7 +10,7 @@ require('../../../constants/index.js');
 require('../../../hooks/index.js');
 var menu = require('./menu.js');
 var store = require('./store.js');
-var node = require('./node2.js');
+var node = require('./node.js');
 var config = require('./config.js');
 var utils = require('./utils.js');
 var types$1 = require('./types.js');

package/lib/components/cascader-panel/src/index.vue.d.ts

@@ -30,6 +30,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     menuList: import("vue").Ref<any[]>;
     menus: import("vue").Ref<{
@@ -172,7 +176,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     props: import("./node").CascaderProps;
-    options: CascaderOption[];
     border: boolean;
+    options: CascaderOption[];
 }>;
 export default _default;

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

@@ -8,7 +8,7 @@ require('../../../hooks/index.js');
 require('../../../utils/index.js');
 var iconsVue = require('@element-plus/icons-vue');
 var index = require('../../icon/index.js');
-var node = require('./node.js');
+var node = require('./node2.js');
 var types = require('./types.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index$2 = require('../../../hooks/use-namespace/index.js');

package/lib/components/cascader-panel/src/menu.vue.d.ts

@@ -23,6 +23,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     panel: import("./types").PsCascaderPanelContext;
     hoverZone: import("vue").Ref<SVGSVGElement | null>;

package/lib/components/cascader-panel/src/node-content.d.ts

@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -2,209 +2,130 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index = require('../../checkbox/index.js');
-var index$1 = require('../../radio/index.js');
-var index$2 = require('../../icon/index.js');
-require('../../../hooks/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$3 = require('../../../hooks/use-namespace/index.js');
+var shared = require('@vue/shared');
+require('../../../utils/index.js');
+var types = require('../../../utils/types.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "PsCascaderNode",
-  components: {
-    PsCheckbox: index.PsCheckbox,
-    PsRadio: index$1.PsRadio,
-    NodeContent: nodeContent["default"],
-    PsIcon: index$2.PsIcon,
-    Check: iconsVue.Check,
-    Loading: iconsVue.Loading,
-    ArrowRight: iconsVue.ArrowRight
-  },
-  props: {
-    node: {
-      type: Object,
-      required: true
-    },
-    menuId: String
-  },
-  emits: ["expand"],
-  setup(props, { emit }) {
-    const panel = vue.inject(types.CASCADER_PANEL_INJECTION_KEY);
-    const ns = index$3.useNamespace("cascader-node");
-    const isHoverMenu = vue.computed(() => panel.isHoverMenu);
-    const multiple = vue.computed(() => panel.config.multiple);
-    const checkStrictly = vue.computed(() => panel.config.checkStrictly);
-    const checkedNodeId = vue.computed(() => {
-      var _a;
-      return (_a = panel.checkedNodes[0]) == null ? void 0 : _a.uid;
-    });
-    const isDisabled = vue.computed(() => props.node.isDisabled);
-    const isLeaf = vue.computed(() => props.node.isLeaf);
-    const expandable = vue.computed(() => checkStrictly.value && !isLeaf.value || !isDisabled.value);
-    const inExpandingPath = vue.computed(() => isInPath(panel.expandingNode));
-    const inCheckedPath = vue.computed(() => checkStrictly.value && panel.checkedNodes.some(isInPath));
-    const isInPath = (node) => {
-      var _a;
-      const { level, uid } = props.node;
-      return ((_a = node == null ? void 0 : node.pathNodes[level - 1]) == null ? void 0 : _a.uid) === uid;
-    };
-    const doExpand = () => {
-      if (inExpandingPath.value)
-        return;
-      panel.expandNode(props.node);
-    };
-    const doCheck = (checked) => {
-      const { node } = props;
-      if (checked === node.checked)
-        return;
-      panel.handleCheckChange(node, checked);
-    };
-    const doLoad = () => {
-      panel.lazyLoad(props.node, () => {
-        if (!isLeaf.value)
-          doExpand();
-      });
-    };
-    const handleHoverExpand = (e) => {
-      if (!isHoverMenu.value)
-        return;
-      handleExpand();
-      !isLeaf.value && emit("expand", e);
-    };
-    const handleExpand = () => {
-      const { node } = props;
-      if (!expandable.value || node.loading)
-        return;
-      node.loaded ? doExpand() : doLoad();
-    };
-    const handleClick = () => {
-      if (isHoverMenu.value && !isLeaf.value)
-        return;
-      if (isLeaf.value && !isDisabled.value && !checkStrictly.value && !multiple.value) {
-        handleCheck(true);
-      } else {
-        handleExpand();
-      }
-    };
-    const 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();
+var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
+  ExpandTrigger2["CLICK"] = "click";
+  ExpandTrigger2["HOVER"] = "hover";
+  return ExpandTrigger2;
+})(ExpandTrigger || {});
+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));
+    this.loaded = !config.lazy || this.isLeaf || !types.isEmpty(childrenData);
+  }
+  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 : !(Array.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 (Array.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(event, ...args) {
+    const handlerName = `onParent${shared.capitalize(event)}`;
+    this.children.forEach((child) => {
+      if (child) {
+        child.broadcast(event, ...args);
+        child[handlerName] && child[handlerName](...args);
       }
-    };
-    return {
-      panel,
-      isHoverMenu,
-      multiple,
-      checkStrictly,
-      checkedNodeId,
-      isDisabled,
-      isLeaf,
-      expandable,
-      inExpandingPath,
-      inCheckedPath,
-      ns,
-      handleHoverExpand,
-      handleExpand,
-      handleClick,
-      handleCheck,
-      handleSelectCheck
-    };
+    });
+  }
+  emit(event, ...args) {
+    const { parent } = this;
+    const handlerName = `onChild${shared.capitalize(event)}`;
+    if (parent) {
+      parent[handlerName] && parent[handlerName](...args);
+      parent.emit(event, ...args);
+    }
+  }
+  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.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("check", checked);
+      this.setCheckState(checked);
+      this.emit("check");
+    }
   }
-});
-const _hoisted_1 = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ps_checkbox = vue.resolveComponent("ps-checkbox");
-  const _component_ps_radio = vue.resolveComponent("ps-radio");
-  const _component_check = vue.resolveComponent("check");
-  const _component_ps_icon = vue.resolveComponent("ps-icon");
-  const _component_node_content = vue.resolveComponent("node-content");
-  const _component_loading = vue.resolveComponent("loading");
-  const _component_arrow_right = vue.resolveComponent("arrow-right");
-  return vue.openBlock(), vue.createElementBlock("li", {
-    id: `${_ctx.menuId}-${_ctx.node.uid}`,
-    role: "menuitem",
-    "aria-haspopup": !_ctx.isLeaf,
-    "aria-owns": _ctx.isLeaf ? null : _ctx.menuId,
-    "aria-expanded": _ctx.inExpandingPath,
-    tabindex: _ctx.expandable ? -1 : void 0,
-    class: vue.normalizeClass([
-      _ctx.ns.b(),
-      _ctx.ns.is("selectable", _ctx.checkStrictly),
-      _ctx.ns.is("active", _ctx.node.checked),
-      _ctx.ns.is("disabled", !_ctx.expandable),
-      _ctx.inExpandingPath && "in-active-path",
-      _ctx.inCheckedPath && "in-checked-path"
-    ])
-  }, [
-    vue.createCommentVNode(" prefix "),
-    _ctx.multiple ? (vue.openBlock(), vue.createBlock(_component_ps_checkbox, {
-      key: 0,
-      "model-value": _ctx.node.checked,
-      indeterminate: _ctx.node.indeterminate,
-      disabled: _ctx.isDisabled
-    }, null, 8, ["model-value", "indeterminate", "disabled"])) : _ctx.checkStrictly ? (vue.openBlock(), vue.createBlock(_component_ps_radio, {
-      key: 1,
-      "model-value": _ctx.checkedNodeId,
-      label: _ctx.node.uid,
-      disabled: _ctx.isDisabled
-    }, {
-      default: vue.withCtx(() => [
-        vue.createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
-        _hoisted_2
-      ]),
-      _: 1
-    }, 8, ["model-value", "label", "disabled"])) : _ctx.isLeaf && _ctx.node.checked ? (vue.openBlock(), vue.createBlock(_component_ps_icon, {
-      key: 2,
-      class: vue.normalizeClass(_ctx.ns.e("prefix"))
-    }, {
-      default: vue.withCtx(() => [
-        vue.createVNode(_component_check)
-      ]),
-      _: 1
-    }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-    vue.createCommentVNode(" content "),
-    vue.createVNode(_component_node_content),
-    vue.createCommentVNode(" postfix "),
-    !_ctx.isLeaf ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
-      _ctx.node.loading ? (vue.openBlock(), vue.createBlock(_component_ps_icon, {
-        key: 0,
-        class: vue.normalizeClass([_ctx.ns.is("loading"), _ctx.ns.e("postfix")])
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_loading)
-        ]),
-        _: 1
-      }, 8, ["class"])) : (vue.openBlock(), vue.createBlock(_component_ps_icon, {
-        key: 1,
-        class: vue.normalizeClass(["arrow-right", _ctx.ns.e("postfix")])
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_arrow_right)
-        ]),
-        _: 1
-      }, 8, ["class"]))
-    ], 2112)) : vue.createCommentVNode("v-if", true)
-  ], 10, _hoisted_1);
 }
-var PsCascaderNode = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/cascader-panel/src/node.vue"]]);
 
-exports["default"] = PsCascaderNode;
+exports.ExpandTrigger = ExpandTrigger;
+exports["default"] = Node;
 //# sourceMappingURL=node.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"node.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      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  >\n    <!-- prefix -->\n    <ps-checkbox\n      v-if=\"multiple\"\n      :model-value=\"node.checked\"\n      :indeterminate=\"node.indeterminate\"\n      :disabled=\"isDisabled\"\n    />\n    <ps-radio\n      v-else-if=\"checkStrictly\"\n      :model-value=\"checkedNodeId\"\n      :label=\"node.uid\"\n      :disabled=\"isDisabled\"\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    </ps-radio>\n    <ps-icon v-else-if=\"isLeaf && node.checked\" :class=\"ns.e('prefix')\">\n      <check />\n    </ps-icon>\n\n    <!-- content -->\n    <node-content />\n\n    <!-- postfix -->\n    <template v-if=\"!isLeaf\">\n      <ps-icon v-if=\"node.loading\" :class=\"[ns.is('loading'), ns.e('postfix')]\">\n        <loading />\n      </ps-icon>\n      <ps-icon v-else :class=\"['arrow-right', ns.e('postfix')]\">\n        <arrow-right />\n      </ps-icon>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport PsCheckbox from '@element-ps/components/checkbox'\nimport PsRadio from '@element-ps/components/radio'\nimport PsIcon from '@element-ps/components/icon'\nimport { useNamespace } from '@element-ps/hooks'\nimport { ArrowRight, Check, Loading } 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: 'PsCascaderNode',\n\n  components: {\n    PsCheckbox,\n    PsRadio,\n    NodeContent,\n    PsIcon,\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 ns = useNamespace('cascader-node')\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 handleSelectCheck = (checked: boolean) => {\n      if (checkStrictly.value) {\n        doCheck(checked)\n        if (props.node.loaded) {\n          doExpand()\n        }\n      } else {\n        handleCheck(checked)\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      ns,\n      handleHoverExpand,\n      handleExpand,\n      handleClick,\n      handleCheck,\n      handleSelectCheck,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","PsCheckbox","PsRadio","NodeContent","PsIcon","Check","Loading","ArrowRight","inject","CASCADER_PANEL_INJECTION_KEY","useNamespace","computed","_resolveComponent","_openBlock","_normalizeClass","_createCommentVNode","_createBlock","_createVNode","_createElementBlock","_Fragment"],"mappings":"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"}
+{"version":3,"file":"node.js","sources":["../../../../../../packages/components/cascader-panel/src/node.ts"],"sourcesContent":["import { isFunction } from '@vue/shared'\nimport { capitalize, isEmpty, isUndefined } from '@element-ps/utils'\nimport type { VNode } from 'vue'\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 enum ExpandTrigger {\n  CLICK = 'click',\n  HOVER = 'hover',\n}\nexport type isDisabled = (data: CascaderOption, node: Node) => boolean\nexport type isLeaf = (data: CascaderOption, node: Node) => boolean\nexport type Resolve = (dataList?: CascaderOption[]) => void\nexport type LazyLoad = (node: Node, resolve: Resolve) => void\nexport type RenderLabel = ({\n  node: Node,\n  data: CascaderOption,\n}) => VNode | VNode[]\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 type Nullable<T> = null | T\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  checked = false\n  indeterminate = false\n  loading = false\n\n  constructor(\n    readonly data: Nullable<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  }\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        : !(Array.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 (Array.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(event: string, ...args: unknown[]) {\n    const handlerName = `onParent${capitalize(event)}`\n    this.children.forEach((child) => {\n      if (child) {\n        // bottom up\n        child.broadcast(event, ...args)\n        child[handlerName] && child[handlerName](...args)\n      }\n    })\n  }\n\n  emit(event: string, ...args: unknown[]) {\n    const { parent } = this\n    const handlerName = `onChild${capitalize(event)}`\n    if (parent) {\n      parent[handlerName] && parent[handlerName](...args)\n      parent.emit(event, ...args)\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.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('check', checked)\n      this.setCheckState(checked)\n      this.emit('check')\n    }\n  }\n}\n\nexport default Node\n"],"names":["isEmpty","isFunction","isUndefined","capitalize"],"mappings":"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"}

package/lib/components/cascader-panel/src/node.vue.d.ts

@@ -30,6 +30,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     handleHoverExpand: (e: Event) => void;
     handleExpand: () => void;