@king-one/antdv 2.3.3 → 2.3.5

package/dist/es/components/pro-selector-group/src/compoents/dept-tree.vue2.mjs

@@ -0,0 +1,124 @@
+import { defineComponent as w, inject as B, useModel as L, ref as r, watch as U, onMounted as b, createElementBlock as c, openBlock as u, createVNode as y, createBlock as O, unref as o, withCtx as q, createElementVNode as h, createTextVNode as N, toDisplayString as p, mergeModels as A } from "vue";
+import "../../../index.mjs";
+import { InputSearch as j, Tree as z, Empty as E } from "ant-design-vue";
+import { useApi as G } from "../hooks/useApi.mjs";
+import { selectContextKey as R } from "../types.mjs";
+import { KIcon as F } from "../../../icon/index.mjs";
+const H = {
+  key: 0,
+  class: "selector-tree"
+}, J = { class: "tree-title" }, Q = { class: "tree-title_name" }, W = { key: 0 }, X = { style: { color: "#f50" } }, Y = { key: 1 }, ae = /* @__PURE__ */ w({
+  __name: "dept-tree",
+  props: {
+    modelValue: { required: !0, default: () => [] },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ A(["select"], ["update:modelValue"]),
+  setup(K, { emit: S }) {
+    const V = S, x = B(R), { getDeptTree: I, getUserListByDeptId: M, deptTree: i } = G(x.http, x.urlPrefix), _ = L(K, "modelValue"), l = r(""), m = r([]), d = r([]), f = r(!0), g = r([]);
+    function k(t) {
+      const n = [];
+      for (let e = 0; e < t.length; e++) {
+        const a = t[e], s = a.id;
+        n.push({ key: s, title: a.deptName }), a.children && n.push(...k(a.children));
+      }
+      return n;
+    }
+    function v(t, n) {
+      let e;
+      for (let a = 0; a < n.length; a++) {
+        const s = n[a];
+        s.children && (s.children.some((P) => P.id === t) ? e = s.id : v(t, s.children) && (e = v(t, s.children)));
+      }
+      return e;
+    }
+    U(l, (t) => {
+      const n = g.value.map((e) => e.title.includes(t) ? v(e.key, i.value) : null).filter((e, a, s) => e && s.indexOf(e) === a);
+      d.value = n, f.value = !!t;
+    }), b(async () => {
+      if (await I(), i.value.length > 0) {
+        g.value = k(i.value);
+        const t = i.value[0];
+        d.value = [t.id], m.value = [t.id], _.value = t.id, await M(t.id);
+      }
+    });
+    function T(t) {
+      l.value = t;
+    }
+    function C(t) {
+      d.value = t.map((n) => String(n)), f.value = !1;
+    }
+    function D(t, { node: n }) {
+      _.value = n.id, V("select", n);
+    }
+    return (t, n) => (u(), c("div", null, [
+      y(o(j), {
+        value: l.value,
+        "onUpdate:value": n[0] || (n[0] = (e) => l.value = e),
+        placeholder: "请输入部门名称",
+        onSearch: T
+      }, null, 8, ["value"]),
+      o(i).length > 0 ? (u(), c("div", H, [
+        y(o(z), {
+          "selected-keys": m.value,
+          "onUpdate:selectedKeys": n[1] || (n[1] = (e) => m.value = e),
+          "expanded-keys": d.value,
+          "onUpdate:expandedKeys": n[2] || (n[2] = (e) => d.value = e),
+          "tree-data": o(i),
+          "auto-expand-parent": f.value,
+          "field-names": {
+            key: "id",
+            title: "deptName"
+          },
+          virtual: !1,
+          onSelect: D,
+          onExpand: C
+        }, {
+          title: q(({ data: e }) => [
+            h("div", J, [
+              y(o(F), {
+                name: e.parentId === "root" ? "qiye" : "bumen",
+                size: 16
+              }, null, 8, ["name"]),
+              h("span", Q, [
+                l.value && e.deptName.includes(l.value) ? (u(), c("span", W, [
+                  N(
+                    p(e.deptName.substring(0, e.deptName.indexOf(l.value))) + " ",
+                    1
+                    /* TEXT */
+                  ),
+                  h(
+                    "span",
+                    X,
+                    p(l.value),
+                    1
+                    /* TEXT */
+                  ),
+                  N(
+                    " " + p(e.deptName.substring(e.deptName.indexOf(l.value) + l.value.length)),
+                    1
+                    /* TEXT */
+                  )
+                ])) : (u(), c(
+                  "span",
+                  Y,
+                  p(e.deptName),
+                  1
+                  /* TEXT */
+                ))
+              ])
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["selected-keys", "expanded-keys", "tree-data", "auto-expand-parent"])
+      ])) : (u(), O(o(E), {
+        key: 1,
+        image: o(E).PRESENTED_IMAGE_SIMPLE
+      }, null, 8, ["image"]))
+    ]));
+  }
+});
+export {
+  ae as default
+};

package/dist/es/components/pro-selector-group/src/compoents/dept.vue.mjs

@@ -0,0 +1,47 @@
+import { defineComponent as m, inject as f, ref as a, watch as v, createElementBlock as _, openBlock as x, createVNode as h } from "vue";
+import { selectContextKey as D } from "../types.mjs";
+import "./dept-tree.vue.mjs";
+import y from "./dept-tree.vue2.mjs";
+const V = { class: "type-selector-box dept-selector" }, B = /* @__PURE__ */ m({
+  __name: "dept",
+  setup(C, { expose: s }) {
+    const c = f(D), n = a(""), t = a([]);
+    v(() => t.value, (e) => {
+      c.changeSelectData(e);
+    }, { deep: !0 });
+    function u(e) {
+      t.value.some((o) => o.value === e.id) || t.value.push({
+        value: e.id,
+        label: e.deptName || "",
+        type: "dept"
+      });
+    }
+    function p(e) {
+      t.value = t.value.filter((l) => l.value !== e);
+    }
+    function r(e) {
+      p(e);
+    }
+    function i(e) {
+      t.value = [];
+    }
+    function d() {
+      t.value = [];
+    }
+    return s({
+      delFn: r,
+      reset: d,
+      deleteAll: i
+    }), (e, l) => (x(), _("div", V, [
+      h(y, {
+        modelValue: n.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (o) => n.value = o),
+        style: { width: "400px !important" },
+        onSelect: u
+      }, null, 8, ["modelValue"])
+    ]));
+  }
+});
+export {
+  B as default
+};

package/dist/es/components/pro-selector-group/src/compoents/dept.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./dept.vue.mjs";
+export {
+  f as default
+};

package/dist/es/components/pro-selector-group/src/compoents/index.mjs

@@ -0,0 +1,3 @@
+import "./dept.vue2.mjs";
+import "./role.vue2.mjs";
+import "./user.vue2.mjs";

package/dist/es/components/pro-selector-group/src/compoents/role.vue.mjs

@@ -0,0 +1,129 @@
+import { defineComponent as N, inject as I, ref as b, computed as E, reactive as S, watch as p, onMounted as F, createElementBlock as h, openBlock as f, createElementVNode as s, createVNode as r, unref as d, withCtx as k, createTextVNode as m, Fragment as U, renderList as B, toDisplayString as D } from "vue";
+import { InputSearch as R, Checkbox as v, CheckboxGroup as j } from "ant-design-vue";
+import { useApi as G } from "../hooks/useApi.mjs";
+import { selectContextKey as K } from "../types.mjs";
+const M = { class: "type-selector-box role-selector" }, O = { style: { width: "400px" } }, P = { style: { "margin-top": "12px" } }, T = { style: { "margin-top": "12px" } }, W = /* @__PURE__ */ N({
+  __name: "role",
+  setup(q, { expose: g }) {
+    const a = I(K), { getRole: L, roleList: u } = G(a.http, a.urlPrefix), i = b(""), c = E(() => i.value ? u.value.filter(
+      (l) => l.roleName && l.roleName.includes(i.value)
+    ) : u.value), e = S({
+      indeterminate: !1,
+      checkAll: !1,
+      checkedList: []
+    });
+    p(() => e.checkedList, (l) => {
+      if (l) {
+        e.checkAll = l.length === c.value.length && l.length > 0 && c.value.length > 0, e.indeterminate = l.length > 0 && l.length < c.value.length;
+        const t = [];
+        u.value.forEach((n) => {
+          e.checkedList.forEach((o) => {
+            n.id === o && t.push({ label: n.roleName, value: o, type: "role" });
+          });
+        }), console.log("list =>", t), a.changeSelectData(t);
+      }
+    }, { deep: !0 }), p(() => i.value, () => {
+      const l = e.checkedList.filter(
+        (t) => c.value.some((n) => n.id === t)
+      );
+      e.checkAll = l.length === c.value.length && c.value.length > 0, e.indeterminate = l.length > 0 && l.length < c.value.length;
+    });
+    function x(l) {
+      if (l.target.checked) {
+        e.checkAll = !0, e.indeterminate = !1;
+        const t = c.value.map((o) => o.id), n = e.checkedList.filter((o) => !t.includes(o));
+        e.checkedList = [...n, ...t];
+      } else {
+        e.checkAll = !1, e.indeterminate = !1;
+        const t = c.value.map((n) => n.id);
+        e.checkedList = e.checkedList.filter((n) => !t.includes(n));
+      }
+    }
+    function A(l) {
+      i.value = l;
+    }
+    function _(l) {
+      e.checkedList = e.checkedList.filter((t) => t !== l);
+    }
+    function y(l) {
+      e.checkedList = e.checkedList.filter((t) => !l.includes(t));
+    }
+    function C() {
+      e.checkAll = !1, e.indeterminate = !1, e.checkedList = [];
+    }
+    return F(() => {
+      L();
+    }), g({
+      delFn: _,
+      deleteAll: y,
+      reset: C
+    }), (l, t) => (f(), h("div", M, [
+      s("div", O, [
+        r(d(R), {
+          value: i.value,
+          "onUpdate:value": t[0] || (t[0] = (n) => i.value = n),
+          placeholder: "请输入角色名称",
+          onOnSearch: A
+        }, null, 8, ["value"]),
+        s("div", P, [
+          r(d(v), {
+            checked: e.checkAll,
+            "onUpdate:checked": t[1] || (t[1] = (n) => e.checkAll = n),
+            indeterminate: e.indeterminate,
+            onChange: x
+          }, {
+            default: k(() => [...t[3] || (t[3] = [
+              m(
+                " 全选 ",
+                -1
+                /* CACHED */
+              )
+            ])]),
+            _: 1
+            /* STABLE */
+          }, 8, ["checked", "indeterminate"]),
+          s("div", T, [
+            r(d(j), {
+              value: e.checkedList,
+              "onUpdate:value": t[2] || (t[2] = (n) => e.checkedList = n)
+            }, {
+              default: k(() => [
+                s("div", null, [
+                  (f(!0), h(
+                    U,
+                    null,
+                    B(c.value, (n) => (f(), h("div", {
+                      key: n.id,
+                      style: { "margin-top": "4px" }
+                    }, [
+                      r(d(v), {
+                        value: n.id
+                      }, {
+                        default: k(() => [
+                          m(
+                            D(n.roleName),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["value"])
+                    ]))),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["value"])
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  W as default
+};

package/dist/es/components/pro-selector-group/src/compoents/role.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./role.vue.mjs";
+export {
+  f as default
+};

package/dist/es/components/pro-selector-group/src/compoents/select-box.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./select-box.vue2.mjs";
+export {
+  f as default
+};

package/dist/es/components/pro-selector-group/src/compoents/select-box.vue2.mjs

@@ -0,0 +1,95 @@
+import { defineComponent as x, inject as g, useModel as f, computed as y, createElementBlock as o, openBlock as e, createElementVNode as t, toDisplayString as d, createBlock as b, createCommentVNode as C, unref as i, withCtx as E, createTextVNode as V, Fragment as M, renderList as N, normalizeStyle as S, createVNode as r, mergeModels as w } from "vue";
+import { Button as B, Empty as m } from "ant-design-vue";
+import "../../../index.mjs";
+import { selectContextKey as z } from "../types.mjs";
+import { KIcon as A } from "../../../icon/index.mjs";
+const D = { class: "king-select-box" }, I = { class: "king-select-box_title" }, K = { class: "king-select-box_title_count" }, T = { style: { width: "40px" } }, j = { class: "king-select-box_content" }, L = { key: 0 }, P = { class: "king-select-box_content-item_close" }, R = {
+  key: 1,
+  style: { display: "flex", "justify-content": "center", "align-items": "center", width: "100%", height: "100%" }
+}, O = /* @__PURE__ */ x({
+  __name: "select-box",
+  props: {
+    modelValue: { required: !0, default: () => [] },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ w(["delete", "deleteAll"], ["update:modelValue"]),
+  setup(u, { emit: _ }) {
+    const c = _, p = g(z), l = f(u, "modelValue"), v = y(() => ({
+      width: p.currentTabKey.value === "user" ? "220px" : "350px"
+    }));
+    function k(n) {
+      c("delete", n);
+    }
+    function h() {
+      c("deleteAll", l.value.map((n) => n.value));
+    }
+    return (n, a) => (e(), o("div", D, [
+      t("div", I, [
+        t(
+          "div",
+          K,
+          " 已选: " + d(l.value.length) + "个 ",
+          1
+          /* TEXT */
+        ),
+        t("div", T, [
+          l.value.length > 0 ? (e(), b(i(B), {
+            key: 0,
+            type: "link",
+            size: "small",
+            onClick: h
+          }, {
+            default: E(() => [...a[0] || (a[0] = [
+              V(
+                " 清空 ",
+                -1
+                /* CACHED */
+              )
+            ])]),
+            _: 1
+            /* STABLE */
+          })) : C("v-if", !0)
+        ])
+      ]),
+      t("div", j, [
+        l.value.length > 0 ? (e(), o("div", L, [
+          (e(!0), o(
+            M,
+            null,
+            N(l.value, (s) => (e(), o("div", {
+              key: s.value,
+              class: "king-select-box_content-item"
+            }, [
+              t(
+                "div",
+                {
+                  class: "king-select-box_content-item_name",
+                  style: S(v.value)
+                },
+                d(s.label),
+                5
+                /* TEXT, STYLE */
+              ),
+              t("div", P, [
+                r(i(A), {
+                  name: "close-circle-o",
+                  size: 16,
+                  onClick: (q) => k(s.value)
+                }, null, 8, ["onClick"])
+              ])
+            ]))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])) : (e(), o("div", R, [
+          r(i(m), {
+            image: i(m).PRESENTED_IMAGE_SIMPLE
+          }, null, 8, ["image"])
+        ]))
+      ])
+    ]));
+  }
+});
+export {
+  O as default
+};

package/dist/es/components/pro-selector-group/src/compoents/user.vue.mjs

@@ -0,0 +1,148 @@
+import { defineComponent as F, inject as K, computed as y, reactive as M, ref as x, watch as E, createElementBlock as p, openBlock as v, createVNode as g, createElementVNode as C, unref as o, withCtx as _, createBlock as A, createCommentVNode as T, createTextVNode as j, Fragment as G, renderList as O } from "vue";
+import { Spin as R, InputSearch as $, Checkbox as q, Empty as S } from "ant-design-vue";
+import { KUserSelectorCheckbox as z } from "../../../pro-selector/index.mjs";
+import { useApi as H } from "../hooks/useApi.mjs";
+import { selectContextKey as J } from "../types.mjs";
+import "./dept-tree.vue.mjs";
+import Q from "./dept-tree.vue2.mjs";
+const W = { class: "type-selector-box user-selector" }, X = { style: { width: "280px" } }, Y = { style: { "margin-top": "12px" } }, Z = { key: 0 }, re = /* @__PURE__ */ F({
+  __name: "user",
+  setup(ee, { expose: L }) {
+    const k = K(J), { getUserListByDeptId: N, userList: i, userLoading: U } = H(k.http, k.urlPrefix), f = y(() => r[u.value] || {
+      indeterminate: !1,
+      checkAll: !1
+    }), r = M({}), u = x(""), d = x(""), a = x([]), n = y(() => d.value ? i.value.filter(
+      (e) => e.realName && e.realName.includes(d.value)
+    ) : i.value);
+    E(() => u.value, async (e) => {
+      e && (await N(e), r[e] = h());
+    }, { immediate: !0 }), E(() => a.value, (e) => {
+      console.log("newVal =>", e), k.changeSelectData(e);
+    }, { deep: !0 }), E(() => d.value, () => {
+      u.value && (r[u.value] = h());
+    });
+    function h() {
+      a.value.forEach((t) => {
+        i.value.forEach((l) => {
+          t.value === l.id && (l.checked = !0);
+        });
+      });
+      const e = n.value.filter((t) => t.checked);
+      return {
+        indeterminate: e.length > 0 && e.length < n.value.length,
+        checkAll: e.length === n.value.length && n.value.length > 0
+      };
+    }
+    function m(e, t) {
+      return e.some((l) => l.value === t);
+    }
+    function I(e) {
+      const t = r[u.value];
+      t.checkAll = e.target.checked, t.indeterminate = !1, n.value.forEach((l) => {
+        const c = i.value.find((s) => s.id === l.id);
+        c && (c.checked = e.target.checked);
+      }), e.target.checked ? n.value.forEach((l) => {
+        m(a.value, l.id) || a.value.push({
+          value: l.id,
+          label: l.realName || "",
+          type: "user"
+        });
+      }) : n.value.forEach((l) => {
+        m(a.value, l.id) && (a.value = a.value.filter((s) => s.value !== l.id));
+      });
+    }
+    function V(e, t) {
+      const l = r[u.value], c = n.value.filter((s) => s.checked);
+      l.checkAll = c.length === n.value.length && n.value.length > 0, l.indeterminate = c.length > 0 && c.length < n.value.length, e ? m(a.value, t.id) || a.value.push({
+        value: t.id,
+        label: t.realName || "",
+        type: "user"
+      }) : m(a.value, t.id) && (a.value = a.value.filter((P) => P.value !== t.id));
+    }
+    function b(e) {
+      d.value = e;
+    }
+    function B(e) {
+      console.log("value =>", e, i.value), a.value = a.value.filter((t) => t.value !== e), i.value.forEach((t) => {
+        t.id === e && (t.checked = !1);
+      }), u.value && (r[u.value] = h());
+    }
+    function D(e) {
+      a.value = a.value.filter((t) => !e.includes(t.value)), i.value.forEach((t) => {
+        e.includes(t.id) && (t.checked = !1);
+      }), u.value && (r[u.value] = h());
+    }
+    function w() {
+      f.value.checkAll = !1, f.value.indeterminate = !1, a.value = [], i.value.forEach((e) => {
+        e.checked = !1;
+      });
+    }
+    return L({
+      delFn: B,
+      reset: w,
+      deleteAll: D
+    }), (e, t) => (v(), p("div", W, [
+      g(Q, {
+        modelValue: u.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (l) => u.value = l),
+        style: { width: "280px" }
+      }, null, 8, ["modelValue"]),
+      C("div", X, [
+        g(o(R), { spinning: o(U) }, {
+          default: _(() => [
+            g(o($), {
+              value: d.value,
+              "onUpdate:value": t[1] || (t[1] = (l) => d.value = l),
+              placeholder: "请输入用户名称",
+              onSearch: b
+            }, null, 8, ["value"]),
+            n.value.length > 0 ? (v(), A(o(q), {
+              key: 0,
+              checked: f.value.checkAll,
+              "onUpdate:checked": t[2] || (t[2] = (l) => f.value.checkAll = l),
+              style: { "margin-top": "12px", "margin-left": "6px" },
+              indeterminate: f.value.indeterminate,
+              onChange: I
+            }, {
+              default: _(() => [...t[3] || (t[3] = [
+                j(
+                  " 全选 ",
+                  -1
+                  /* CACHED */
+                )
+              ])]),
+              _: 1
+              /* STABLE */
+            }, 8, ["checked", "indeterminate"])) : T("v-if", !0),
+            C("div", Y, [
+              n.value.length > 0 ? (v(), p("div", Z, [
+                (v(!0), p(
+                  G,
+                  null,
+                  O(n.value, (l) => (v(), p("div", {
+                    key: l.id
+                  }, [
+                    g(o(z), {
+                      "user-info": l,
+                      onChangeChecked: V
+                    }, null, 8, ["user-info"])
+                  ]))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])) : (v(), A(o(S), {
+                key: 1,
+                image: o(S).PRESENTED_IMAGE_SIMPLE
+              }, null, 8, ["image"]))
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["spinning"])
+      ])
+    ]));
+  }
+});
+export {
+  re as default
+};

package/dist/es/components/pro-selector-group/src/compoents/user.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./user.vue.mjs";
+export {
+  f as default
+};

package/dist/es/components/pro-selector-group/src/hooks/useApi.mjs

@@ -0,0 +1,60 @@
+import { ref as u } from "vue";
+function E(t, a = "") {
+  if (!t)
+    throw new Error("http is required");
+  const n = u([]), c = u([]), o = u(!1), d = u([]);
+  return {
+    getDeptTree: async () => {
+      try {
+        const e = await t.get(`${a}/security/dept/company/tree`);
+        return e.status === 0 ? (n.value = e.data, e.data) : [];
+      } catch (e) {
+        return console.error(e), [];
+      }
+    },
+    getUserListByDeptId: async (e) => {
+      try {
+        o.value = !0;
+        const s = await t.get(`${a}/security/dept/user/page?deptId=${e}&pageSIze=1000&pageNum=1`);
+        return s.status === 0 ? (c.value = s.data.list.map((r) => {
+          var p, g;
+          return {
+            ...r,
+            id: r.userId,
+            userId: r.userId,
+            deptId: r.deptId,
+            realName: ((p = r.userInfo) == null ? void 0 : p.realName) || "",
+            phone: ((g = r.userInfo) == null ? void 0 : g.phone) || ""
+          };
+        }), s.data) : [];
+      } catch (s) {
+        return console.error(s), [];
+      } finally {
+        o.value = !1;
+      }
+    },
+    getUser: async () => {
+      try {
+        const e = await t.get(`${a}/security/dept/user/tree`);
+        return e.status === 0 ? e.data : [];
+      } catch (e) {
+        return console.error(e), [];
+      }
+    },
+    getRole: async () => {
+      try {
+        const e = await t.get(`${a}/security/company/role/page?pageNum=1&pageSize=1000`);
+        return e.status === 0 ? (d.value = e.data.list || [], e.data) : [];
+      } catch (e) {
+        return console.error(e), [];
+      }
+    },
+    deptTree: n,
+    userList: c,
+    roleList: d,
+    userLoading: o
+  };
+}
+export {
+  E as useApi
+};

package/dist/es/components/pro-selector-group/src/index.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue2.mjs";
+export {
+  f as default
+};