@rhino-design/vue 0.2.7 → 0.2.8

package/dist/components/XTreeNode.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as oe, computed as a, ref as I, resolveComponent as ae, openBlock as r, createElementBlock as s, normalizeClass as v, createElementVNode as y, normalizeStyle as K, createCommentVNode as x, renderSlot as i, createVNode as O, unref as de, withModifiers as E, toDisplayString as V, Fragment as ie, renderList as re, createSlots as se, withCtx as b, mergeProps as m } from "vue";
+import { defineComponent as oe, computed as a, ref as M, resolveComponent as ae, openBlock as r, createElementBlock as s, normalizeClass as v, createElementVNode as y, normalizeStyle as K, createCommentVNode as x, renderSlot as i, createVNode as I, unref as de, withModifiers as E, toDisplayString as V, Fragment as ie, renderList as re, createSlots as se, withCtx as b, mergeProps as m } from "vue";
 import ce from "./XIcon.js";
 const ue = ["draggable"], fe = {
   key: 1,
@@ -30,6 +30,7 @@ const ue = ["draggable"], fe = {
     draggable: { type: Boolean },
     filterTreeNode: { type: Function },
     searchValue: {},
+    actionOnNodeClick: {},
     level: {},
     indentSize: {},
     halfIndentSize: {},
@@ -37,17 +38,17 @@ const ue = ["draggable"], fe = {
   },
   emits: ["select", "check", "expand", "dragStart", "dragEnd", "dragOver", "dragLeave", "drop"],
   setup(n, { emit: X }) {
-    const l = n, c = X, h = a(() => l.node[l.fieldKey]), F = a(() => l.node[l.fieldTitle] || ""), z = a(() => l.node[l.fieldChildren] || []), D = a(() => z.value.length > 0), w = a(() => l.node.isLeaf ?? !D.value), B = a(() => l.selectedKeys.includes(h.value)), P = a(() => l.checkedKeys.includes(h.value)), H = a(() => l.halfCheckedKeys.includes(h.value)), g = a(() => l.expandedKeys.includes(h.value)), C = a(() => l.node.disabled === !0), Y = a(() => l.selectable !== !1 && l.node.selectable !== !1), N = a(() => l.checkable === !0 && l.node.checkable !== !1), L = a(() => l.indentSize ?? 18), S = a(() => l.halfIndentSize ?? 9), T = a(() => (l.level || 0) * L.value), j = a(() => ((l.level || 0) - 1) * L.value + S.value), R = a(() => (l.level || 0) * L.value + S.value), u = I(null), $ = I(!1);
+    const l = n, c = X, h = a(() => l.node[l.fieldKey]), F = a(() => l.node[l.fieldTitle] || ""), z = a(() => l.node[l.fieldChildren] || []), D = a(() => z.value.length > 0), C = a(() => l.node.isLeaf ?? !D.value), N = a(() => l.selectedKeys.includes(h.value)), P = a(() => l.checkedKeys.includes(h.value)), H = a(() => l.halfCheckedKeys.includes(h.value)), g = a(() => l.expandedKeys.includes(h.value)), w = a(() => l.node.disabled === !0), Y = a(() => l.selectable !== !1 && l.node.selectable !== !1), B = a(() => l.checkable === !0 && l.node.checkable !== !1), L = a(() => l.indentSize ?? 18), S = a(() => l.halfIndentSize ?? 9), T = a(() => (l.level || 0) * L.value), j = a(() => ((l.level || 0) - 1) * L.value + S.value), R = a(() => (l.level || 0) * L.value + S.value), u = M(null), $ = M(!1);
     function q(e) {
-      C.value || e.target.closest(".x-tree-node__switcher") || (Y.value && c("select", h.value, l.node, e), w.value || M(e, !1));
+      w.value || e.target.closest(".x-tree-node__switcher") || (l.actionOnNodeClick === "expand" && !C.value && O(e, !1), Y.value && c("select", h.value, l.node, e));
     }
     function A(e) {
-      if (C.value || !N.value) return;
+      if (w.value || !B.value) return;
       const t = e.target;
       c("check", h.value, l.node, t.checked, e);
     }
     async function G() {
-      if (!l.loadMore || D.value || w.value || $.value) return !0;
+      if (!l.loadMore || D.value || C.value || $.value) return !0;
       $.value = !0;
       try {
         return await l.loadMore(l.node), !0;
@@ -57,16 +58,16 @@ const ue = ["draggable"], fe = {
         $.value = !1;
       }
     }
-    async function M(e, t = !0) {
-      if (t && e.stopPropagation(), w.value || $.value) return;
+    async function O(e, t = !0) {
+      if (t && e.stopPropagation(), C.value || $.value) return;
       const d = !g.value;
       d && !await G() || c("expand", h.value, l.node, d, e);
     }
     function J(e) {
-      M(e, !0);
+      O(e, !0);
     }
     function Q(e) {
-      !l.draggable || C.value || c("dragStart", e, l.node);
+      !l.draggable || w.value || c("dragStart", e, l.node);
     }
     function U(e) {
       l.draggable && (u.value = null, c("dragEnd", e, l.node));
@@ -102,15 +103,15 @@ const ue = ["draggable"], fe = {
       const d = ae("XTreeNode", !0);
       return r(), s("div", {
         class: v(["x-tree-node", {
-          "x-tree-node--selected": B.value,
-          "x-tree-node--disabled": C.value,
-          "x-tree-node--leaf": w.value,
+          "x-tree-node--selected": N.value,
+          "x-tree-node--disabled": w.value,
+          "x-tree-node--leaf": C.value,
           "x-tree-node--expanded": g.value,
           "x-tree-node--drag-over-before": u.value === "before",
           "x-tree-node--drag-over-inside": u.value === "inside",
           "x-tree-node--drag-over-after": u.value === "after"
         }]),
-        draggable: n.draggable && !C.value,
+        draggable: n.draggable && !w.value,
         onDragstart: Q,
         onDragend: U,
         onDragover: W,
@@ -127,10 +128,10 @@ const ue = ["draggable"], fe = {
         }, [
           n.showLine && n.level && n.level > 0 ? (r(), s("span", {
             key: 0,
-            class: v(["x-tree-node__line-horizontal", { "x-tree-node__line-horizontal--leaf": w.value }]),
+            class: v(["x-tree-node__line-horizontal", { "x-tree-node__line-horizontal--leaf": C.value }]),
             style: K({ left: `${j.value}px` })
           }, null, 6)) : x("", !0),
-          w.value ? (r(), s("span", {
+          C.value ? (r(), s("span", {
             key: 2,
             class: v(["x-tree-node__switcher x-tree-node__switcher--leaf", { "x-tree-node__switcher--leaf-no-indent": n.showLine }])
           }, [
@@ -146,7 +147,7 @@ const ue = ["draggable"], fe = {
               key: 0,
               node: n.node
             }, () => [
-              O(de(ce), {
+              I(de(ce), {
                 name: "jiazai",
                 spin: "",
                 size: 18,
@@ -170,7 +171,7 @@ const ue = ["draggable"], fe = {
               ])]))
             ], !0)
           ], 2)),
-          N.value ? (r(), s("span", {
+          B.value ? (r(), s("span", {
             key: 3,
             class: "x-tree-node__checkbox",
             onClick: t[0] || (t[0] = E(() => {
@@ -180,7 +181,7 @@ const ue = ["draggable"], fe = {
               type: "checkbox",
               checked: P.value,
               indeterminate: H.value,
-              disabled: C.value,
+              disabled: w.value,
               onChange: A
             }, null, 40, he)
           ])) : x("", !0),
@@ -195,7 +196,7 @@ const ue = ["draggable"], fe = {
             ], !0)
           ])) : x("", !0),
           y("span", {
-            class: v(["x-tree-node__title", { "x-tree-node__title--selected": B.value }])
+            class: v(["x-tree-node__title", { "x-tree-node__title--selected": N.value }])
           }, [
             i(e.$slots, "icon", { node: n.node }, () => [
               n.node.icon ? (r(), s("span", ge, V(n.node.icon), 1)) : x("", !0)
@@ -226,7 +227,7 @@ const ue = ["draggable"], fe = {
               "x-tree-node__child-item--last": p === z.value.length - 1
             }])
           }, [
-            O(d, {
+            I(d, {
               node: f,
               "field-key": n.fieldKey,
               "field-title": n.fieldTitle,

package/dist/components/XTreeSelect.vue.js

@@ -1,7 +1,7 @@
-import o from "./XTreeSelect.vue2.js";
+import e from "./XTreeSelect.vue2.js";
 /* empty css                 */
-import t from "../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c868c52a"]]);
+import o from "../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1eecea3b"]]);
 export {
-  a as default
+  c as default
 };