@duxweb/dvha-pro 1.1.29 → 1.1.31

package/dist/esm/components/cascaderPanel/cascaderPanel.js

@@ -1,378 +1,323 @@
-import { defineComponent as X, ref as N, watch as b, toRef as E, computed as I, createVNode as o, createTextVNode as Y, isVNode as Z } from "vue";
-import { useI18n as ee, useTree as te } from "@duxweb/dvha-core";
-import { useVModel as le } from "@vueuse/core";
-import { NSpin as ae, NButton as R, NScrollbar as ne, NCheckbox as re } from "naive-ui";
-function _(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !Z(n);
+import { computed as e, createTextVNode as t, createVNode as n, defineComponent as r, isVNode as i, ref as a, toRef as o, watch as s } from "vue";
+import { useI18n as c, useTree as l } from "@duxweb/dvha-core";
+import { NButton as u, NCheckbox as d, NScrollbar as f, NSpin as p } from "naive-ui";
+import { useVModel as m } from "@vueuse/core";
+function h(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !i(e);
 }
-const oe = /* @__PURE__ */ X({
-  name: "DuxCascaderPanel",
-  props: {
-    value: {
-      type: [String, Number, Array],
-      default: () => []
-    },
-    options: Array,
-    path: String,
-    params: Object,
-    treeOptions: Object,
-    maxLevel: {
-      type: Number,
-      default: 3
-    },
-    maxHeight: {
-      type: Number,
-      default: 420
-    },
-    labelField: {
-      type: String,
-      default: "label"
-    },
-    valueField: {
-      type: String,
-      default: "value"
-    },
-    childrenField: {
-      type: String,
-      default: "children"
-    },
-    multiple: {
-      type: Boolean,
-      default: !1
-    },
-    cascade: {
-      type: Boolean,
-      default: !0
-    },
-    checkStrategy: {
-      type: String,
-      default: "all"
-    },
-    showPath: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["update:value"],
-  setup(n, {
-    emit: D
-  }) {
-    const S = le(n, "value", D, {
-      passive: !1,
-      defaultValue: []
-    }), {
-      t: C
-    } = ee(), c = N([]), s = N([]), m = N([]), O = N(!1);
-    if (n.options !== void 0)
-      b(() => n.options, (t) => {
-        m.value = Array.isArray(t) ? t : [];
-      }, {
-        immediate: !0,
-        deep: !0
-      });
-    else if (n.path) {
-      const t = E(n, "path", ""), e = E(n, "params", {}), l = E(n, "treeOptions", {}), r = te({
-        path: t,
-        params: e,
-        ...l.value
-      });
-      b(r.options, (a) => {
-        m.value = Array.isArray(a) ? a : [];
-      }, {
-        immediate: !0,
-        deep: !0
-      }), b(r.loading, (a) => {
-        O.value = !!a;
-      }, {
-        immediate: !0
-      });
-    }
-    const J = (t) => {
-      const e = n.labelField;
-      return t?.[e] ?? t?.label ?? t?.name ?? t?.title ?? "";
-    }, f = (t) => {
-      const e = n.valueField;
-      return t?.[e] ?? t?.value ?? t?.id ?? t?.code ?? t?.key ?? "";
-    }, g = (t) => {
-      const e = n.childrenField, l = t?.[e] ?? t?.children;
-      return Array.isArray(l) ? l : [];
-    }, j = (t) => Array.isArray(t) && t.every((e) => typeof e == "string" || typeof e == "number"), B = (t) => Array.isArray(t) && t.every((e) => j(e)), P = (t) => JSON.stringify(t), $ = (t, e) => {
-      let l = t, r = 0, a;
-      for (const i of e) {
-        if (a = l.find((u) => String(f(u)) === String(i)), !a)
-          return null;
-        r += 1, l = g(a);
-      }
-      return a ? {
-        node: a,
-        level: r - 1
-      } : null;
-    }, k = (t, e, l) => {
-      if (!n.cascade)
-        return [e];
-      const r = g(t);
-      if (l >= n.maxLevel - 1 || r.length === 0)
-        return [e];
-      const a = [];
-      for (const i of r)
-        a.push(...k(i, [...e, f(i)], l + 1));
-      return a;
-    }, K = (t) => {
-      const e = $(m.value, t);
-      return e ? k(e.node, t, e.level) : [t];
-    }, F = (t, e) => {
-      for (const l of t) {
-        const r = f(l);
-        if (String(r) === String(e))
-          return [r];
-        const a = g(l);
-        if (a.length) {
-          const i = F(a, e);
-          if (i)
-            return [r, ...i];
-        }
-      }
-      return null;
-    }, x = (t) => n.multiple ? n.showPath ? t : t.map((e) => e[e.length - 1]).filter((e) => e != null) : t.length ? n.showPath ? t[0] : t[0][t[0].length - 1] : n.showPath ? [] : null, p = (t, e) => t.length !== e.length ? !1 : t.every((l, r) => String(l) === String(e[r])), w = () => {
-      const t = Array.isArray(c.value) ? [...c.value] : [];
-      let e = m.value, l = !1;
-      for (let r = 0; r < n.maxLevel; r++) {
-        if (!Array.isArray(e) || e.length === 0) {
-          t.length > r && (t.splice(r), l = !0);
-          break;
-        }
-        const a = t[r], i = e.find((u) => String(f(u)) === String(a));
-        if (i)
-          e = g(i);
-        else {
-          const u = f(e[0]);
-          if (u !== "" && u !== void 0 && u !== null)
-            t[r] = u, l = !0, e = g(e[0]);
-          else {
-            t.splice(r), l = !0;
-            break;
-          }
-        }
-      }
-      l && (c.value = t, n.multiple || (s.value = t.length ? [t] : [], S.value = x(s.value)));
-    };
-    b(m, w, {
-      immediate: !0,
-      deep: !0
-    }), b(() => n.maxLevel, w, {
-      immediate: !0
-    }), b(() => n.value, (t) => {
-      if (n.showPath) {
-        if (n.multiple) {
-          if (B(t)) {
-            const e = t.map((l) => l.slice(0, n.maxLevel));
-            if (s.value = e, c.value.length && e.some((l) => p(l, c.value)))
-              c.value = [...c.value];
-            else {
-              const l = e[e.length - 1];
-              c.value = l ? [...l] : [];
-            }
-            return;
-          }
-        } else if (j(t)) {
-          const e = t;
-          s.value = e.length ? [e.slice(0, n.maxLevel)] : [], c.value = s.value[0] ? [...s.value[0]] : [];
-          return;
-        } else if (B(t)) {
-          const e = t[0] || [];
-          s.value = e.length ? [e.slice(0, n.maxLevel)] : [], c.value = s.value[0] ? [...s.value[0]] : [];
-          return;
-        }
-      } else {
-        if (n.multiple && Array.isArray(t)) {
-          const e = t.map((l) => F(m.value, l)).filter((l) => Array.isArray(l) && l.length > 0);
-          if (s.value = e, c.value.length && e.some((l) => p(l, c.value)))
-            c.value = [...c.value];
-          else {
-            const l = e[e.length - 1];
-            c.value = l ? [...l] : [];
-          }
-          return;
-        }
-        if (!n.multiple && t !== void 0 && t !== null && !Array.isArray(t)) {
-          const e = F(m.value, t);
-          s.value = e ? [e] : [], c.value = e ? [...e] : [];
-          return;
-        }
-      }
-      s.value = [], c.value = [];
-    }, {
-      immediate: !0,
-      deep: !0
-    });
-    const M = I(() => {
-      const t = [];
-      let e = m.value;
-      for (let l = 0; l < n.maxLevel; l++) {
-        const r = c.value?.[l];
-        t.push({
-          level: l,
-          items: e,
-          activeValue: r
-        });
-        const a = e.find((i) => String(f(i)) === String(r));
-        e = a ? g(a) : [];
-      }
-      return t;
-    }), U = I(() => ({
-      gridTemplateColumns: `repeat(${n.maxLevel}, minmax(160px, 1fr))`
-    })), T = (t, e) => t >= n.maxLevel - 1 ? !0 : g(e).length === 0, q = (t, e) => n.multiple ? n.checkStrategy === "child" ? T(t, e) : n.checkStrategy === "parent" ? !T(t, e) : !0 : !0, G = (t, e) => {
-      const l = Array.isArray(c.value) ? [...c.value] : [];
-      l[t] = f(e), l.splice(t + 1), c.value = l;
-    }, L = (t, e) => [...c.value.slice(0, t), f(e)], V = () => {
-      const t = /* @__PURE__ */ new Set(), e = Array.isArray(s.value) ? s.value : [];
-      return n.cascade ? (e.forEach((l) => {
-        K(l).forEach((r) => t.add(P(r)));
-      }), t) : (e.forEach((l) => t.add(P(l))), t);
-    }, Q = (t, e, l, r) => {
-      const a = k(e, t, l);
-      if (a.length === 0)
-        return {
-          checked: !1,
-          indeterminate: !1
-        };
-      const i = a.filter((u) => r.has(P(u))).length;
-      return {
-        checked: i > 0 && i === a.length,
-        indeterminate: i > 0 && i < a.length
-      };
-    }, z = (t) => {
-      const e = Array.from(t).map((a) => JSON.parse(a));
-      if (!n.cascade || n.checkStrategy === "child")
-        return e;
-      const l = [], r = (a, i, u) => {
-        const v = g(a);
-        if (u >= n.maxLevel - 1 || v.length === 0) {
-          const h = t.has(P(i));
-          return {
-            allSelected: h,
-            paths: h ? [i] : []
-          };
-        }
-        const d = v.map((h) => r(h, [...i, f(h)], u + 1)), A = d.length > 0 && d.every((h) => h.allSelected);
-        let y = [];
-        return n.checkStrategy === "parent" ? A ? y = [i] : d.forEach((h) => y.push(...h.paths)) : (A && y.push(i), d.forEach((h) => y.push(...h.paths))), {
-          allSelected: A,
-          paths: y
-        };
-      };
-      return m.value.forEach((a) => {
-        const i = r(a, [f(a)], 0);
-        l.push(...i.paths);
-      }), l;
-    }, W = (t, e, l) => {
-      const r = L(t, e);
-      if (c.value = r, n.multiple) {
-        if (!q(t, e))
-          return;
-        if (n.cascade) {
-          const a = V();
-          k(e, r, t).forEach((v) => {
-            const d = P(v);
-            l ? a.add(d) : a.delete(d);
-          });
-          const u = z(a);
-          s.value = u, S.value = x(u);
-        } else {
-          const a = Array.isArray(s.value) ? [...s.value] : [], i = a.findIndex((u) => p(u, r));
-          l && i < 0 && a.push(r), !l && i >= 0 && a.splice(i, 1), s.value = a, S.value = x(a);
-        }
-        return;
-      }
-      l ? (s.value = [r], S.value = x(s.value)) : (s.value = [], S.value = x([]));
-    }, H = (t, e, l) => {
-      if (!n.multiple || e.length === 0)
-        return;
-      if (n.cascade) {
-        const a = V();
-        e.forEach((u) => {
-          const v = L(t, u);
-          k(u, v, t).forEach((A) => {
-            const y = P(A);
-            l ? a.add(y) : a.delete(y);
-          });
-        });
-        const i = z(a);
-        s.value = i, S.value = x(i);
-        return;
-      }
-      const r = Array.isArray(s.value) ? [...s.value] : [];
-      e.forEach((a) => {
-        const i = L(t, a), u = r.findIndex((v) => p(v, i));
-        l && u < 0 && r.push(i), !l && u >= 0 && r.splice(u, 1);
-      }), s.value = r, S.value = x(r);
-    };
-    return () => {
-      const t = V();
-      return o(ae, {
-        show: O.value
-      }, {
-        default: () => [o("div", {
-          class: "grid gap-3",
-          style: U.value
-        }, [M.value.map((e) => {
-          let l, r;
-          return o("div", {
-            key: e.level,
-            class: "border border-muted rounded"
-          }, [n.multiple ? o("div", {
-            class: "flex items-center justify-between px-2 py-2 border-b border-muted"
-          }, [o("span", {
-            class: "text-xs text-muted"
-          }, [C("components.cascaderPanel.level", {
-            num: e.level + 1
-          })]), o("div", {
-            class: "flex items-center gap-2"
-          }, [o(R, {
-            size: "small",
-            tertiary: !0,
-            onClick: (a) => {
-              a.stopPropagation(), H(e.level, e.items || [], !0);
-            }
-          }, _(l = C("components.cascaderPanel.selectAll")) ? l : {
-            default: () => [l]
-          }), o(R, {
-            size: "small",
-            tertiary: !0,
-            onClick: (a) => {
-              a.stopPropagation(), H(e.level, e.items || [], !1);
-            }
-          }, _(r = C("components.cascaderPanel.clearAll")) ? r : {
-            default: () => [r]
-          })])]) : null, o(ne, {
-            style: {
-              maxHeight: `${n.maxHeight}px`
-            }
-          }, {
-            default: () => [o("div", {
-              class: "p-2 space-y-2"
-            }, [e.items?.map((a) => {
-              const i = f(a), u = String(e.activeValue) === String(i), v = L(e.level, a), d = Q(v, a, e.level, t);
-              return o("div", {
-                key: String(i),
-                class: ["flex items-center justify-between gap-2 px-2 py-1 rounded cursor-pointer", u ? "bg-muted" : "hover:bg-muted"],
-                onClick: () => G(e.level, a)
-              }, [o("div", {
-                class: "flex items-center gap-2"
-              }, [o(re, {
-                checked: d.checked,
-                indeterminate: d.indeterminate,
-                onUpdateChecked: (A) => W(e.level, a, !!A)
-              }, null), o("span", null, [J(a)])]), e.level < n.maxLevel - 1 ? o("span", {
-                class: "text-muted"
-              }, [Y("›")]) : null]);
-            })])]
-          })]);
-        })])]
-      });
-    };
-  }
+const g = /* @__PURE__ */ r({
+	name: "DuxCascaderPanel",
+	props: {
+		value: {
+			type: [
+				String,
+				Number,
+				Array
+			],
+			default: () => []
+		},
+		options: Array,
+		path: String,
+		params: Object,
+		treeOptions: Object,
+		maxLevel: {
+			type: Number,
+			default: 3
+		},
+		maxHeight: {
+			type: Number,
+			default: 420
+		},
+		labelField: {
+			type: String,
+			default: "label"
+		},
+		valueField: {
+			type: String,
+			default: "value"
+		},
+		childrenField: {
+			type: String,
+			default: "children"
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		cascade: {
+			type: Boolean,
+			default: !0
+		},
+		checkStrategy: {
+			type: String,
+			default: "all"
+		},
+		showPath: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:value"],
+	setup(r, { emit: i }) {
+		let g = m(r, "value", i, {
+			passive: !1,
+			defaultValue: []
+		}), { t: _ } = c(), v = a([]), y = a([]), b = a([]), x = a(!1);
+		if (r.options !== void 0) s(() => r.options, (e) => {
+			b.value = Array.isArray(e) ? e : [];
+		}, {
+			immediate: !0,
+			deep: !0
+		});
+		else if (r.path) {
+			let e = l({
+				path: o(r, "path", ""),
+				params: o(r, "params", {}),
+				...o(r, "treeOptions", {}).value
+			});
+			s(e.options, (e) => {
+				b.value = Array.isArray(e) ? e : [];
+			}, {
+				immediate: !0,
+				deep: !0
+			}), s(e.loading, (e) => {
+				x.value = !!e;
+			}, { immediate: !0 });
+		}
+		let S = (e) => {
+			let t = r.labelField;
+			return e?.[t] ?? e?.label ?? e?.name ?? e?.title ?? "";
+		}, C = (e) => {
+			let t = r.valueField;
+			return e?.[t] ?? e?.value ?? e?.id ?? e?.code ?? e?.key ?? "";
+		}, w = (e) => {
+			let t = r.childrenField, n = e?.[t] ?? e?.children;
+			return Array.isArray(n) ? n : [];
+		}, T = (e) => Array.isArray(e) && e.every((e) => typeof e == "string" || typeof e == "number"), E = (e) => Array.isArray(e) && e.every((e) => T(e)), D = (e) => JSON.stringify(e), O = (e, t) => {
+			let n = e, r = 0, i;
+			for (let e of t) {
+				if (i = n.find((t) => String(C(t)) === String(e)), !i) return null;
+				r += 1, n = w(i);
+			}
+			return i ? {
+				node: i,
+				level: r - 1
+			} : null;
+		}, k = (e, t, n) => {
+			if (!r.cascade) return [t];
+			let i = w(e);
+			if (n >= r.maxLevel - 1 || i.length === 0) return [t];
+			let a = [];
+			for (let e of i) a.push(...k(e, [...t, C(e)], n + 1));
+			return a;
+		}, A = (e) => {
+			let t = O(b.value, e);
+			return t ? k(t.node, e, t.level) : [e];
+		}, j = (e, t) => {
+			for (let n of e) {
+				let e = C(n);
+				if (String(e) === String(t)) return [e];
+				let r = w(n);
+				if (r.length) {
+					let n = j(r, t);
+					if (n) return [e, ...n];
+				}
+			}
+			return null;
+		}, M = (e) => r.multiple ? r.showPath ? e : e.map((e) => e[e.length - 1]).filter((e) => e != null) : e.length ? r.showPath ? e[0] : e[0][e[0].length - 1] : r.showPath ? [] : null, N = (e, t) => e.length === t.length ? e.every((e, n) => String(e) === String(t[n])) : !1, P = () => {
+			let e = Array.isArray(v.value) ? [...v.value] : [], t = b.value, n = !1;
+			for (let i = 0; i < r.maxLevel; i++) {
+				if (!Array.isArray(t) || t.length === 0) {
+					e.length > i && (e.splice(i), n = !0);
+					break;
+				}
+				let r = e[i], a = t.find((e) => String(C(e)) === String(r));
+				if (a) t = w(a);
+				else {
+					let r = C(t[0]);
+					if (r !== "" && r != null) e[i] = r, n = !0, t = w(t[0]);
+					else {
+						e.splice(i), n = !0;
+						break;
+					}
+				}
+			}
+			n && (v.value = e, r.multiple || (y.value = e.length ? [e] : [], g.value = M(y.value)));
+		};
+		s(b, P, {
+			immediate: !0,
+			deep: !0
+		}), s(() => r.maxLevel, P, { immediate: !0 }), s(() => r.value, (e) => {
+			if (r.showPath) {
+				if (r.multiple) {
+					if (E(e)) {
+						let t = e.map((e) => e.slice(0, r.maxLevel));
+						if (y.value = t, v.value.length && t.some((e) => N(e, v.value))) v.value = [...v.value];
+						else {
+							let e = t[t.length - 1];
+							v.value = e ? [...e] : [];
+						}
+						return;
+					}
+				} else if (T(e)) {
+					let t = e;
+					y.value = t.length ? [t.slice(0, r.maxLevel)] : [], v.value = y.value[0] ? [...y.value[0]] : [];
+					return;
+				} else if (E(e)) {
+					let t = e[0] || [];
+					y.value = t.length ? [t.slice(0, r.maxLevel)] : [], v.value = y.value[0] ? [...y.value[0]] : [];
+					return;
+				}
+			} else {
+				if (r.multiple && Array.isArray(e)) {
+					let t = e.map((e) => j(b.value, e)).filter((e) => Array.isArray(e) && e.length > 0);
+					if (y.value = t, v.value.length && t.some((e) => N(e, v.value))) v.value = [...v.value];
+					else {
+						let e = t[t.length - 1];
+						v.value = e ? [...e] : [];
+					}
+					return;
+				}
+				if (!r.multiple && e != null && !Array.isArray(e)) {
+					let t = j(b.value, e);
+					y.value = t ? [t] : [], v.value = t ? [...t] : [];
+					return;
+				}
+			}
+			y.value = [], v.value = [];
+		}, {
+			immediate: !0,
+			deep: !0
+		});
+		let F = e(() => {
+			let e = [], t = b.value;
+			for (let n = 0; n < r.maxLevel; n++) {
+				let r = v.value?.[n];
+				e.push({
+					level: n,
+					items: t,
+					activeValue: r
+				});
+				let i = t.find((e) => String(C(e)) === String(r));
+				t = i ? w(i) : [];
+			}
+			return e;
+		}), I = e(() => ({ gridTemplateColumns: `repeat(${r.maxLevel}, minmax(160px, 1fr))` })), L = (e, t) => e >= r.maxLevel - 1 ? !0 : w(t).length === 0, R = (e, t) => r.multiple ? r.checkStrategy === "child" ? L(e, t) : r.checkStrategy === "parent" ? !L(e, t) : !0 : !0, z = (e, t) => {
+			let n = Array.isArray(v.value) ? [...v.value] : [];
+			n[e] = C(t), n.splice(e + 1), v.value = n;
+		}, B = (e, t) => [...v.value.slice(0, e), C(t)], V = () => {
+			let e = /* @__PURE__ */ new Set(), t = Array.isArray(y.value) ? y.value : [];
+			return r.cascade ? (t.forEach((t) => {
+				A(t).forEach((t) => e.add(D(t)));
+			}), e) : (t.forEach((t) => e.add(D(t))), e);
+		}, H = (e, t, n, r) => {
+			let i = k(t, e, n);
+			if (i.length === 0) return {
+				checked: !1,
+				indeterminate: !1
+			};
+			let a = i.filter((e) => r.has(D(e))).length;
+			return {
+				checked: a > 0 && a === i.length,
+				indeterminate: a > 0 && a < i.length
+			};
+		}, U = (e) => {
+			let t = Array.from(e).map((e) => JSON.parse(e));
+			if (!r.cascade || r.checkStrategy === "child") return t;
+			let n = [], i = (t, n, a) => {
+				let o = w(t);
+				if (a >= r.maxLevel - 1 || o.length === 0) {
+					let t = e.has(D(n));
+					return {
+						allSelected: t,
+						paths: t ? [n] : []
+					};
+				}
+				let s = o.map((e) => i(e, [...n, C(e)], a + 1)), c = s.length > 0 && s.every((e) => e.allSelected), l = [];
+				return r.checkStrategy === "parent" ? c ? l = [n] : s.forEach((e) => l.push(...e.paths)) : (c && l.push(n), s.forEach((e) => l.push(...e.paths))), {
+					allSelected: c,
+					paths: l
+				};
+			};
+			return b.value.forEach((e) => {
+				let t = i(e, [C(e)], 0);
+				n.push(...t.paths);
+			}), n;
+		}, W = (e, t, n) => {
+			let i = B(e, t);
+			if (v.value = i, r.multiple) {
+				if (!R(e, t)) return;
+				if (r.cascade) {
+					let r = V();
+					k(t, i, e).forEach((e) => {
+						let t = D(e);
+						n ? r.add(t) : r.delete(t);
+					});
+					let a = U(r);
+					y.value = a, g.value = M(a);
+				} else {
+					let e = Array.isArray(y.value) ? [...y.value] : [], t = e.findIndex((e) => N(e, i));
+					n && t < 0 && e.push(i), !n && t >= 0 && e.splice(t, 1), y.value = e, g.value = M(e);
+				}
+				return;
+			}
+			n ? (y.value = [i], g.value = M(y.value)) : (y.value = [], g.value = M([]));
+		}, G = (e, t, n) => {
+			if (!r.multiple || t.length === 0) return;
+			if (r.cascade) {
+				let r = V();
+				t.forEach((t) => {
+					k(t, B(e, t), e).forEach((e) => {
+						let t = D(e);
+						n ? r.add(t) : r.delete(t);
+					});
+				});
+				let i = U(r);
+				y.value = i, g.value = M(i);
+				return;
+			}
+			let i = Array.isArray(y.value) ? [...y.value] : [];
+			t.forEach((t) => {
+				let r = B(e, t), a = i.findIndex((e) => N(e, r));
+				n && a < 0 && i.push(r), !n && a >= 0 && i.splice(a, 1);
+			}), y.value = i, g.value = M(i);
+		};
+		return () => {
+			let e = V();
+			return n(p, { show: x.value }, { default: () => [n("div", {
+				class: "grid gap-3",
+				style: I.value
+			}, [F.value.map((i) => {
+				let a, o;
+				return n("div", {
+					key: i.level,
+					class: "border border-muted rounded"
+				}, [r.multiple ? n("div", { class: "flex items-center justify-between px-2 py-2 border-b border-muted" }, [n("span", { class: "text-xs text-muted" }, [_("components.cascaderPanel.level", { num: i.level + 1 })]), n("div", { class: "flex items-center gap-2" }, [n(u, {
+					size: "small",
+					tertiary: !0,
+					onClick: (e) => {
+						e.stopPropagation(), G(i.level, i.items || [], !0);
+					}
+				}, h(a = _("components.cascaderPanel.selectAll")) ? a : { default: () => [a] }), n(u, {
+					size: "small",
+					tertiary: !0,
+					onClick: (e) => {
+						e.stopPropagation(), G(i.level, i.items || [], !1);
+					}
+				}, h(o = _("components.cascaderPanel.clearAll")) ? o : { default: () => [o] })])]) : null, n(f, { style: { maxHeight: `${r.maxHeight}px` } }, { default: () => [n("div", { class: "p-2 space-y-2" }, [i.items?.map((a) => {
+					let o = C(a), s = String(i.activeValue) === String(o), c = H(B(i.level, a), a, i.level, e);
+					return n("div", {
+						key: String(o),
+						class: ["flex items-center justify-between gap-2 px-2 py-1 rounded cursor-pointer", s ? "bg-muted" : "hover:bg-muted"],
+						onClick: () => z(i.level, a)
+					}, [n("div", { class: "flex items-center gap-2" }, [n(d, {
+						checked: c.checked,
+						indeterminate: c.indeterminate,
+						onUpdateChecked: (e) => W(i.level, a, !!e)
+					}, null), n("span", null, [S(a)])]), i.level < r.maxLevel - 1 ? n("span", { class: "text-muted" }, [t("›")]) : null]);
+				})])] })]);
+			})])] });
+		};
+	}
 });
-export {
-  oe as DuxCascaderPanel
-};
+export { g as DuxCascaderPanel };