x-next 1.14.0 → 1.16.0

package/dist/es/components/tree-select/TreeNode.vue.js

@@ -0,0 +1,91 @@
+import C from "./TreeNode.vue2.js";
+import { resolveComponent as d, openBlock as a, createElementBlock as o, normalizeStyle as b, normalizeClass as l, createElementVNode as m, withModifiers as v, renderSlot as r, createBlock as i, createCommentVNode as h, resolveDynamicComponent as y, normalizeProps as f, guardReactiveProps as N, Fragment as t, renderList as w, toDisplayString as p, createTextVNode as z } from "vue";
+import M from "../../_virtual/_plugin-vue_export-helper.js";
+const $ = ["id", "aria-level", "aria-setsize", "aria-posinset", "aria-selected", "aria-checked", "aria-disabled", "aria-expanded"];
+function E(e, s, S, D, I, T) {
+  const c = d("icon-loading"), k = d("icon-right"), u = d("checkbox");
+  return a(), o("li", {
+    id: e.nodeId,
+    role: "treeitem",
+    "aria-level": e.node.level + 1,
+    "aria-setsize": e.siblingCount,
+    "aria-posinset": e.siblingIndex + 1,
+    "aria-selected": e.selected || void 0,
+    "aria-checked": e.checkable ? e.halfChecked ? "mixed" : e.checked : void 0,
+    "aria-disabled": e.mergedDisabled || void 0,
+    "aria-expanded": e.hasChildren ? e.expanded : void 0,
+    class: l(e.cls),
+    style: b(e.indentStyle),
+    onClick: s[1] || (s[1] = (...n) => e.handleClick && e.handleClick(...n)),
+    onMouseenter: s[2] || (s[2] = (...n) => e.handleMouseEnter && e.handleMouseEnter(...n)),
+    onMouseleave: s[3] || (s[3] = (...n) => e.handleMouseLeave && e.handleMouseLeave(...n))
+  }, [
+    m("div", {
+      class: l(e.contentCls)
+    }, [
+      e.showSwitcher ? (a(), o("span", {
+        key: 0,
+        class: l(e.className.element("switcher")),
+        "aria-hidden": "true",
+        onClick: s[0] || (s[0] = v((...n) => e.handleToggleExpand && e.handleToggleExpand(...n), ["stop"]))
+      }, [
+        r(e.$slots, "switcher-icon", {
+          node: e.node.raw,
+          expanded: e.expanded,
+          loading: e.loading
+        }, () => [
+          e.loading ? (a(), i(c, {
+            key: 0,
+            class: l(e.className.element("switcher-loading"))
+          }, null, 8, ["class"])) : (a(), i(k, {
+            key: 1,
+            class: l(e.className.element("switcher-icon"))
+          }, null, 8, ["class"]))
+        ])
+      ], 2)) : (a(), o("span", {
+        key: 1,
+        class: l(e.className.element("switcher-placeholder")),
+        "aria-hidden": "true"
+      }, null, 2)),
+      e.showCheckbox ? (a(), i(u, {
+        key: 2,
+        class: l(e.className.element("checkbox")),
+        "model-value": e.checked,
+        indeterminate: e.halfChecked,
+        disabled: e.checkboxDisabled,
+        size: e.size,
+        tabindex: -1,
+        "uninject-group-context": "",
+        onChange: e.handleCheckboxChange
+      }, null, 8, ["class", "model-value", "indeterminate", "disabled", "size", "onChange"])) : h("", !0),
+      e.nodeIcon ? (a(), o("span", {
+        key: 3,
+        class: l(e.className.element("icon"))
+      }, [
+        r(e.$slots, "node-icon", {
+          node: e.node.raw
+        }, () => [
+          (a(), i(y(e.nodeIcon)))
+        ])
+      ], 2)) : h("", !0),
+      m("span", {
+        class: l(e.className.element("title"))
+      }, [
+        r(e.$slots, "default", f(N(e.slotProps)), () => [
+          (a(!0), o(t, null, w(e.titleSegments, (n, g) => (a(), o(t, { key: g }, [
+            n.match ? (a(), o("mark", {
+              key: 0,
+              class: l(e.className.element("highlight"))
+            }, p(n.text), 3)) : (a(), o(t, { key: 1 }, [
+              z(p(n.text), 1)
+            ], 64))
+          ], 64))), 128))
+        ])
+      ], 2)
+    ], 2)
+  ], 46, $);
+}
+const V = /* @__PURE__ */ M(C, [["render", E]]);
+export {
+  V as default
+};

package/dist/es/components/tree-select/TreeNode.vue2.js

@@ -0,0 +1,162 @@
+import { defineComponent as v, provide as C, computed as n } from "vue";
+import { getClassNameMixin as y } from "../../_utils/config.js";
+import B from "../form-checkbox/Checkbox.js";
+import I from "../../icons/default/right.js";
+import L from "../../icons/animation/animation-loading.js";
+import { formItemInjectionKey as w } from "../form/context.js";
+import { splitHighlightText as N } from "./utils.js";
+const a = 24, S = 8, O = v({
+  name: "TreeNode",
+  components: {
+    Checkbox: B,
+    IconRight: I,
+    IconLoading: L
+  },
+  props: {
+    node: {
+      type: Object,
+      required: !0
+    },
+    nodeId: String,
+    selected: {
+      type: Boolean,
+      default: !1
+    },
+    checked: {
+      type: Boolean,
+      default: !1
+    },
+    halfChecked: {
+      type: Boolean,
+      default: !1
+    },
+    expanded: {
+      type: Boolean,
+      default: !1
+    },
+    active: {
+      type: Boolean,
+      default: !1
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    checkable: {
+      type: Boolean,
+      default: !1
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    showLine: {
+      type: Boolean,
+      default: !1
+    },
+    blockNode: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "medium"
+    },
+    highlight: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: {
+    select: () => !0,
+    check: () => !0,
+    "toggle-expand": (e) => !0,
+    hover: () => !0,
+    leave: () => !0
+  },
+  setup(e, { emit: d, slots: E }) {
+    const l = y("tree-select--node");
+    C(w, {});
+    const i = n(() => e.checkable || e.multiple), c = n(
+      () => !e.node.isLeaf || e.loading
+    ), s = n(() => !e.node.isLeaf), t = n(() => e.disabled || e.node.disabled), f = n(
+      () => t.value || e.node.disableCheckbox
+    ), h = n(() => ({
+      paddingLeft: `${e.node.level * a}px`,
+      // 连接线对齐父级展开图标的水平中心
+      "--x-tree-select-node-line-left": `${(e.node.level - 1) * a + S}px`
+    })), u = n(() => e.node.siblingCount), m = n(() => e.node.siblingIndex), g = n(() => {
+      var o;
+      return (o = e.node.raw) == null ? void 0 : o.icon;
+    }), b = n(
+      () => N(e.node.title, e.highlight)
+    ), x = n(() => ({
+      node: e.node.raw,
+      value: e.node.value,
+      title: e.node.title,
+      level: e.node.level,
+      checked: e.checked,
+      halfChecked: e.halfChecked,
+      selected: e.selected,
+      expanded: e.expanded,
+      disabled: t.value,
+      isLeaf: e.node.isLeaf
+    })), k = n(() => [
+      l.block,
+      l.modifier(`size-${e.size}`),
+      {
+        [l.modifier("last")]: e.node.lastChild,
+        [l.modifier("root")]: e.node.level === 0,
+        [l.modifier("is-expanded")]: e.expanded,
+        [l.modifier("active")]: e.active,
+        [l.modifier("selected")]: e.selected,
+        [l.modifier("disabled")]: t.value,
+        [l.modifier("with-line")]: e.showLine,
+        [l.modifier("block")]: e.blockNode
+      }
+    ]), r = n(() => [
+      l.element("content"),
+      {
+        [l.element("content-block")]: e.blockNode
+      }
+    ]);
+    return {
+      className: l,
+      cls: k,
+      contentCls: r,
+      indentStyle: h,
+      showCheckbox: i,
+      showSwitcher: c,
+      hasChildren: s,
+      mergedDisabled: t,
+      checkboxDisabled: f,
+      siblingCount: u,
+      siblingIndex: m,
+      nodeIcon: g,
+      titleSegments: b,
+      slotProps: x,
+      handleClick: () => {
+        t.value || d("select");
+      },
+      handleCheckboxChange: () => {
+        t.value || e.node.disableCheckbox || d("check");
+      },
+      handleToggleExpand: () => {
+        e.loading || d("toggle-expand", !e.expanded);
+      },
+      handleMouseEnter: () => {
+        d("hover");
+      },
+      handleMouseLeave: () => {
+        d("leave");
+      }
+    };
+  }
+});
+export {
+  O as default
+};