@lingshugroup/web-plus 1.0.10 → 1.0.12

package/lib/packages/ls-components/components/tree/Index.vue/index2.js

@@ -1,162 +1,149 @@
-var $ = Object.defineProperty;
-var i = (p, h) => $(p, "name", { value: h, configurable: !0 });
+var W = Object.defineProperty;
+var a = (f, p) => W(f, "name", { value: p, configurable: !0 });
 /* empty css                                                                                                                                          */
-/* empty css                                                                                                                                                     */
 /* empty css                                                                                                                                          */
 /* empty css                                                                                                                                              */
-import { defineComponent as A, ref as f, computed as L, watch as O, nextTick as x, openBlock as _, createBlock as E, unref as d, withCtx as C, createElementVNode as v, normalizeClass as S, isRef as U, createTextVNode as j, createCommentVNode as F, createVNode as G, mergeProps as J, toDisplayString as M } from "vue";
+import { defineComponent as T, ref as h, computed as S, watch as L, nextTick as x, openBlock as E, createElementBlock as O, normalizeClass as k, unref as c, createBlock as U, isRef as $, withCtx as A, createTextVNode as j, createCommentVNode as F, createVNode as G, normalizeStyle as J, createElementVNode as w, toDisplayString as M } from "vue";
 import { useNamespace as Q } from "../../_hooks/useNamespace/index.js";
 import { lsTreeProps as X, emitNames as Y } from "../types/index.js";
 import { excutePowerTree as Z } from "../../_utils/power/index.js";
-import ee from "../../../../../node_modules/.pnpm/element-plus@2.8.1_vue@3.4.38_typescript@5.5.4_/node_modules/element-plus/dist/locale/zh-cn/index.js";
-import te from "../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge/index.js";
-import { ElCheckbox as le } from "../../../../../node_modules/.pnpm/element-plus@2.8.1_vue@3.4.38_typescript@5.5.4_/node_modules/element-plus/es/components/checkbox/index/index.js";
-import { ElTree as ne } from "../../../../../node_modules/.pnpm/element-plus@2.8.1_vue@3.4.38_typescript@5.5.4_/node_modules/element-plus/es/components/tree/index/index.js";
-import { ElConfigProvider as oe } from "../../../../../node_modules/.pnpm/element-plus@2.8.1_vue@3.4.38_typescript@5.5.4_/node_modules/element-plus/es/components/config-provider/index/index.js";
-const ie = A({
+import { ElCheckbox as ee } from "../../../../../node_modules/.pnpm/element-plus@2.8.1_vue@3.4.38_typescript@5.5.4_/node_modules/element-plus/es/components/checkbox/index/index.js";
+import { ElTree as te } from "../../../../../node_modules/.pnpm/element-plus@2.8.1_vue@3.4.38_typescript@5.5.4_/node_modules/element-plus/es/components/tree/index/index.js";
+const le = T({
   name: "LSTree"
-}), Ne = /* @__PURE__ */ A({
-  ...ie,
+}), fe = /* @__PURE__ */ T({
+  ...le,
   props: X,
   emits: Y,
-  setup(p, { expose: h, emit: P }) {
-    const g = P, r = p, y = Q("tree"), T = y.b(), w = y.b("box"), V = f({
-      showCheckbox: !0,
-      defaultExpandAll: !0,
-      nodeKey: "id"
-    }), a = f(), s = f(!1), c = f(!1), m = f([]), K = L(() => r.height ? {
-      maxHeight: r.height
-    } : {});
-    O(
-      () => r.data,
+  setup(f, { expose: p, emit: P }) {
+    const C = P, s = f, v = Q("tree"), K = v.b(), V = v.b("box"), i = h(), r = h(!1), d = h(!1), m = h([]), B = S(() => s.height ? {
+      maxHeight: s.height
+    } : {}), y = S(() => s.treeData);
+    L(
+      () => y.value,
       async (e) => {
-        e && e.length > 0 && (s.value = !1, c.value = !1, m.value = B(), q(), await x(), a.value.filter(), k(), I());
+        e && e.length > 0 && (r.value = !1, d.value = !1, m.value = D(), _(), await x(), i.value.filter(), N(), I());
       },
       {
         immediate: !0,
         deep: !0
       }
     );
-    function B() {
-      return r.data.reduce((e, t) => (e.push(t.id), t.children && e.push(...N(t.children)), e), []);
+    function D() {
+      return y.value.reduce((e, t) => (e.push(t.id), t.children && e.push(...g(t.children)), e), []);
     }
-    i(B, "getAllNodeKeys");
-    function N(e) {
-      return e.reduce((t, l) => (t.push(l.id), l.children && t.push(...N(l.children)), t), []);
+    a(D, "getAllNodeKeys");
+    function g(e) {
+      return e.reduce((t, n) => (t.push(n.id), n.children && t.push(...g(n.children)), t), []);
     }
-    i(N, "getAllChildKeys");
-    async function q() {
-      var t, l;
+    a(g, "getAllChildKeys");
+    async function _() {
+      var t, n;
       await x();
       const e = document.getElementsByClassName("hide-child-node");
       for (let o = 0; o < e.length; o++) {
-        const n = e[o].parentNode;
-        n.style.opacity = 0, n.style.width = 0, n.style.height = 0, (l = (t = n == null ? void 0 : n.parentNode) == null ? void 0 : t.parentNode) != null && l.previousElementSibling && (n.parentNode.parentNode.previousElementSibling.querySelector(".el-icon").style.opacity = 0, n.parentNode.parentNode.previousElementSibling.querySelector(".el-icon").style.visibility = "hidden");
+        const l = e[o].parentNode;
+        l.style.opacity = 0, l.style.width = 0, l.style.height = 0, (n = (t = l == null ? void 0 : l.parentNode) == null ? void 0 : t.parentNode) != null && n.previousElementSibling && (l.parentNode.parentNode.previousElementSibling.querySelector(".el-icon").style.opacity = 0, l.parentNode.parentNode.previousElementSibling.querySelector(".el-icon").style.visibility = "hidden");
       }
     }
-    i(q, "updateHideStyle");
-    function R() {
-      c.value = !1, a.value && a.value.setCheckedKeys(s.value ? m.value : []);
+    a(_, "updateHideStyle");
+    function q() {
+      d.value = !1, i.value && i.value.setCheckedKeys(r.value ? m.value : []);
     }
-    i(R, "handleCheckAllChange");
-    function z(e, t) {
-      const { permission: l } = t || {};
-      if (l != null && l.startsWith(r.hideNodePrefix))
+    a(q, "handleCheckAllChange");
+    function R(e, t) {
+      const { permission: n } = t || {};
+      if (n != null && n.startsWith(s.hideNodePrefix))
         return !1;
       if (!e) return !0;
-      const { label: o } = r.dataProps || {};
+      const { label: o } = s.dataProps || {};
       return o ? t[o].indexOf(e) !== -1 : !0;
     }
-    i(z, "filterNode");
-    function D(e, t) {
-      a.value.setCheckedNodes(Z(r.data, e, t)), g("handleCheck", e, t);
+    a(R, "filterNode");
+    function z(e, t) {
+      i.value.setCheckedNodes(Z(y.value, e, t)), C("handleCheck", e, t);
     }
-    i(D, "handleCheck");
+    a(z, "handleCheck");
     function H(e, t) {
-      k(), g("handleChekChange", e, t);
+      N(), C("handleChekChange", e, t);
     }
-    i(H, "handleChekChange");
-    function k() {
-      const e = a.value.getCheckedNodes(!1, !0);
+    a(H, "handleChekChange");
+    function N() {
+      const e = i.value.getCheckedNodes(!1, !0);
       let t = [];
-      e.forEach((l) => {
-        const { id: o, parentId: n } = l;
-        t.push(o || n);
-      }), t.length > 0 ? t.length === m.value.length ? (s.value = !0, c.value = !1) : (s.value = !1, c.value = !0) : (s.value = !1, c.value = !1);
+      e.forEach((n) => {
+        const { id: o, parentId: l } = n;
+        t.push(o || l);
+      }), t.length > 0 ? t.length === m.value.length ? (r.value = !0, d.value = !1) : (r.value = !1, d.value = !0) : (r.value = !1, d.value = !1);
     }
-    i(k, "updateAllCheckStatus");
+    a(N, "updateAllCheckStatus");
     function I() {
       var e, t;
-      if (r.direction == "h") {
-        const l = (t = (e = a.value) == null ? void 0 : e.el$) == null ? void 0 : t.getElementsByClassName("el-tree-node");
-        for (let o = 0; o < l.length; o++) {
-          const n = l[o];
-          if (n) {
-            const u = n.querySelector(".el-tree-node__content .el-icon");
-            u && getComputedStyle(u).visibility === "hidden" && (n.style.display = "inline-block", n.style.verticalAlign = "middle");
+      if (s.direction == "h") {
+        const n = (t = (e = i.value) == null ? void 0 : e.el$) == null ? void 0 : t.getElementsByClassName("el-tree-node");
+        for (let o = 0; o < n.length; o++) {
+          const l = n[o];
+          if (l) {
+            const u = l.querySelector(".el-tree-node__content .el-icon");
+            u && getComputedStyle(u).visibility === "hidden" && (l.style.display = "inline-block", l.style.verticalAlign = "middle");
           }
         }
       }
     }
-    return i(I, "updateStyle"), h({
-      lsTreeRef: a
+    return a(I, "updateStyle"), p({
+      lsTreeRef: i
     }), (e, t) => {
-      const l = le, o = ne, n = oe;
-      return _(), E(n, {
-        locale: d(ee),
-        "value-on-clear": void 0,
-        "empty-values": [void 0, null]
-      }, {
-        default: C(() => [
-          v("div", {
-            class: S(d(T))
-          }, [
-            e.isCheckAll ? (_(), E(l, {
-              key: 0,
-              modelValue: d(s),
-              "onUpdate:modelValue": t[0] || (t[0] = (u) => U(s) ? s.value = u : null),
-              indeterminate: d(c),
-              onChange: R
-            }, {
-              default: C(() => [
-                j(" 全选 ")
-              ]),
-              _: 1
-            }, 8, ["modelValue", "indeterminate"])) : F("", !0),
-            G(o, J({
-              ref_key: "lsTreeRef",
-              ref: a,
-              class: [d(w), !e.isExpand && "expand-disabled"],
-              style: d(K)
-            }, d(te)(d(V), e.$attrs), {
-              data: e.data,
-              props: e.dataProps,
-              "expand-on-click-node": e.isExpand,
-              "filter-node-method": z,
-              onCheck: D,
-              onCheckChange: H
-            }), {
-              default: C(({ node: u, data: W }) => {
-                var b;
-                return [
-                  v("span", {
-                    class: S(["custom-tree-node", {
-                      "hide-child-node": e.hideNodePrefix && ((b = W.permission) == null ? void 0 : b.startsWith(e.hideNodePrefix))
-                    }])
-                  }, [
-                    v("span", null, M(u.label), 1)
-                  ], 2)
-                ];
-              }),
-              _: 1
-            }, 16, ["class", "style", "data", "props", "expand-on-click-node"])
-          ], 2)
-        ]),
-        _: 1
-      }, 8, ["locale"]);
+      const n = ee, o = te;
+      return E(), O("div", {
+        class: k(c(K))
+      }, [
+        e.isCheckAll ? (E(), U(n, {
+          key: 0,
+          modelValue: c(r),
+          "onUpdate:modelValue": t[0] || (t[0] = (l) => $(r) ? r.value = l : null),
+          indeterminate: c(d),
+          onChange: q
+        }, {
+          default: A(() => [
+            j(" 全选 ")
+          ]),
+          _: 1
+        }, 8, ["modelValue", "indeterminate"])) : F("", !0),
+        G(o, {
+          ref_key: "lsTreeRef",
+          ref: i,
+          "show-checkbox": e.showCheckbox,
+          "default-expand-all": e.defaultExpandAll,
+          "node-key": e.nodeKey,
+          "check-strictly": e.isCheckStrictly,
+          style: J(c(B)),
+          class: k([c(V), !e.isExpand && "expand-disabled"]),
+          data: e.treeData,
+          props: e.dataProps,
+          "default-checked-keys": e.defaultCheckedKeys,
+          "expand-on-click-node": e.isExpand,
+          "filter-node-method": R,
+          onCheck: z,
+          onCheckChange: H
+        }, {
+          default: A(({ node: l, data: u }) => {
+            var b;
+            return [
+              w("span", {
+                class: k(["custom-tree-node", {
+                  "hide-child-node": e.hideNodePrefix && ((b = u.permission) == null ? void 0 : b.startsWith(e.hideNodePrefix))
+                }])
+              }, [
+                w("span", null, M(l.label), 1)
+              ], 2)
+            ];
+          }),
+          _: 1
+        }, 8, ["show-checkbox", "default-expand-all", "node-key", "check-strictly", "style", "class", "data", "props", "default-checked-keys", "expand-on-click-node"])
+      ], 2);
     };
   }
 });
 export {
-  Ne as default
+  fe as default
 };

package/lib/packages/ls-components/components/tree/types/index.cjs

@@ -1 +1 @@
-"use strict";var l=Object.defineProperty;var e=(t,a)=>l(t,"name",{value:a,configurable:!0});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../_utils/runtime/index.cjs"),d=r.buildProps({isExpand:{type:Boolean,default:!0},height:{type:String,default:""},data:{type:Array,default:e(()=>[],"default")},dataProps:{type:Object,default:e(()=>({children:"children",label:"name",class:""}),"default")},hideNodePrefix:{type:String,default:"I"},isCheckAll:{type:Boolean,default:!1},direction:{type:String,default:"v"}}),i=["handleCheck","handleChekChange"];exports.emitNames=i;exports.lsTreeProps=d;
+"use strict";var l=Object.defineProperty;var e=(t,a)=>l(t,"name",{value:a,configurable:!0});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../_utils/runtime/index.cjs"),r=d.buildProps({isExpand:{type:Boolean,default:!0},height:{type:String,default:""},dataProps:{type:Object,default:e(()=>({children:"children",label:"name",class:""}),"default")},hideNodePrefix:{type:String,default:"I"},isCheckAll:{type:Boolean,default:!1},direction:{type:String,default:"v"},showCheckbox:{type:Boolean,default:!0},defaultExpandAll:{type:Boolean,default:!0},nodeKey:{type:String,default:"id"},isCheckStrictly:{type:Boolean,default:!1},treeData:{type:Array,default:e(()=>[],"default")},defaultCheckedKeys:{type:Array,default:e(()=>[],"default")}}),o=["handleCheck","handleChekChange"];exports.emitNames=o;exports.lsTreeProps=r;

package/lib/packages/ls-components/components/tree/types/index.js

@@ -12,11 +12,6 @@ const n = d({
     type: String,
     default: ""
   },
-  // 数据源
-  data: {
-    type: Array,
-    default: /* @__PURE__ */ e(() => [], "default")
-  },
   // 默认属性结构
   dataProps: {
     type: Object,
@@ -40,9 +35,33 @@ const n = d({
   direction: {
     type: String,
     default: "v"
+  },
+  showCheckbox: {
+    type: Boolean,
+    default: !0
+  },
+  defaultExpandAll: {
+    type: Boolean,
+    default: !0
+  },
+  nodeKey: {
+    type: String,
+    default: "id"
+  },
+  isCheckStrictly: {
+    type: Boolean,
+    default: !1
+  },
+  treeData: {
+    type: Array,
+    default: /* @__PURE__ */ e(() => [], "default")
+  },
+  defaultCheckedKeys: {
+    type: Array,
+    default: /* @__PURE__ */ e(() => [], "default")
   }
-}), o = ["handleCheck", "handleChekChange"];
+}), i = ["handleCheck", "handleChekChange"];
 export {
-  o as emitNames,
+  i as emitNames,
   n as lsTreeProps
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingshugroup/web-plus",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "零数科技前端UI组件库（Vue3）",
   "type": "module",
   "main": "./lib/index/index.cjs",