@king-one/antdv 1.2.4 → 1.2.6

package/dist/es/components/pro-selector/src/components/org-tree.mjs

@@ -1,18 +1,17 @@
-import { isVNode, defineComponent, ref, watch, createVNode, Fragment, createTextVNode, onMounted } from "vue";
-import { useNamespace } from "../../../../hooks/use-namespace/index.mjs";
+import { isVNode as D, defineComponent as F, ref as d, watch as M, createVNode as a, Fragment as v, createTextVNode as y, onMounted as $ } from "vue";
+import { useNamespace as j } from "../../../../hooks/use-namespace/index.mjs";
 import "../../../index.mjs";
-import { Modal, Empty, Breadcrumb, BreadcrumbItem, Skeleton } from "ant-design-vue";
-import { uid } from "@king-one/utils";
-import { debounce, uniqueById, formatOrgTree } from "../utils/orgTree.mjs";
-import User from "./user.mjs";
-import { KIcon } from "../../../icon/index.mjs";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+import { Modal as q, Empty as H, Breadcrumb as G, BreadcrumbItem as J, Skeleton as b } from "ant-design-vue";
+import { uid as C } from "@king-one/utils";
+import { debounce as Q, uniqueById as z, formatOrgTree as R } from "../utils/orgTree.mjs";
+import O from "./user.mjs";
+import { KIcon as I } from "../../../icon/index.mjs";
+function W(r) {
+  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !D(r);
 }
 const {
-  b
-} = useNamespace("pro-user-selector");
-const OrgTree = /* @__PURE__ */ defineComponent({
+  b: o
+} = j("pro-user-selector"), se = /* @__PURE__ */ F({
   name: "OrgTree",
   props: {
     selectUserList: {
@@ -37,268 +36,190 @@ const OrgTree = /* @__PURE__ */ defineComponent({
     }
   },
   emits: {
-    "update:selectUserList": (list) => list
+    "update:selectUserList": (r) => r
   },
-  setup(props, {
-    emit,
-    expose
+  setup(r, {
+    emit: N,
+    expose: B
   }) {
-    const initData = ref([]);
-    const currentViewDept = ref({});
-    const breadCrumbList = ref([]);
-    const currentBreadCrumbItem = ref({});
-    const keywordUserList = ref([]);
-    const isSearching = ref(false);
-    const debouncedHandleKeywordChange = debounce((keyword) => {
-      const list = [];
-      const loop = (data) => {
-        for (const item of data) {
-          if (item.members && item.members.length > 0) {
-            for (const member of item.members) {
-              if (member.realName.includes(keyword)) {
-                list.push(member);
-              }
-            }
-          }
-          if (item.children && item.children.length > 0) {
-            loop(item.children);
-          }
+    const c = d([]), h = d({}), s = d([]), L = d({}), f = d([]), g = d(!1), U = Q((e) => {
+      const t = [], l = (u) => {
+        for (const n of u) {
+          if (n.members && n.members.length > 0)
+            for (const i of n.members)
+              i.realName.includes(e) && t.push(i);
+          n.children && n.children.length > 0 && l(n.children);
         }
       };
-      loop(initData.value);
-      keywordUserList.value = uniqueById(list);
-      isSearching.value = keyword !== "";
+      l(c.value), f.value = z(t), g.value = e !== "";
     }, 300);
-    watch(() => props.keyword, (newVal, oldVal) => {
-      if (newVal === "") {
-        debouncedHandleKeywordChange.cancel();
-        isSearching.value = false;
-        keywordUserList.value = [];
+    M(() => r.keyword, (e, t) => {
+      if (e === "") {
+        U.cancel(), g.value = !1, f.value = [];
         return;
       }
-      if (newVal !== oldVal) {
-        debouncedHandleKeywordChange(newVal);
-      }
+      e !== t && U(e);
     });
-    const deleteDeptUser = (id) => {
-      var _a;
-      (_a = currentViewDept.value.members) == null ? void 0 : _a.forEach((member) => {
-        if (member.id === id) {
-          member.checked = false;
-        }
-      });
-      keywordUserList.value = keywordUserList.value.map((item) => {
-        if (item.id === id) {
-          item.checked = false;
-        }
-        return item;
-      });
-    };
-    const handleChangeCheckedValue = (checked, info) => {
-      if (props.selectUserList.length === props.maxCount) {
-        info.checked = false;
-        Modal.warning({
+    const S = (e) => {
+      var t;
+      (t = h.value.members) == null || t.forEach((l) => {
+        l.id === e && (l.checked = !1);
+      }), f.value = f.value.map((l) => (l.id === e && (l.checked = !1), l));
+    }, w = (e, t) => {
+      if (r.selectUserList.length === r.maxCount) {
+        t.checked = !1, q.warning({
           title: "温馨提示",
-          content: `最多只能选择${props.maxCount}个用户`
+          content: `最多只能选择${r.maxCount}个用户`
         });
         return;
       }
-      emit("update:selectUserList", checked ? [...props.selectUserList, info] : props.selectUserList.filter((item) => item.id !== info.id));
-    };
-    const handleClickOrgItem = (item) => {
-      var _a;
-      if (item.parentId === "root") {
-        breadCrumbList.value.push({
-          id: uid(32),
-          deptName: "组织内联系人",
-          children: initData.value[0].children,
-          members: initData.value[0].members
-        });
-      } else {
-        breadCrumbList.value.push(item);
-      }
-      (_a = item.members) == null ? void 0 : _a.forEach((member) => {
-        member.checked = props.selectUserList.some((val) => val.id === member.id);
-      });
-      currentViewDept.value = item;
-      currentBreadCrumbItem.value = item;
-    };
-    const handleClickBreadCrumbItem = (item, _index) => {
-      var _a;
-      let dept = {};
-      if (currentBreadCrumbItem.value.id === item.id) {
-        console.log(`当前组织架构树展示的视图已经是《${item.deptName}》部门下面的数据`);
+      N("update:selectUserList", e ? [...r.selectUserList, t] : r.selectUserList.filter((l) => l.id !== t.id));
+    }, k = (e) => {
+      var t;
+      e.parentId === "root" ? s.value.push({
+        id: C(32),
+        deptName: "组织内联系人",
+        children: c.value[0].children,
+        members: c.value[0].members
+      }) : s.value.push(e), (t = e.members) == null || t.forEach((l) => {
+        l.checked = r.selectUserList.some((u) => u.id === l.id);
+      }), h.value = e, L.value = e;
+    }, T = (e, t) => {
+      var u;
+      let l = {};
+      if (L.value.id === e.id) {
+        console.log(`当前组织架构树展示的视图已经是《${e.deptName}》部门下面的数据`);
         return;
       }
-      if (_index === 0) {
-        dept = {
-          children: initData.value
-        };
-        breadCrumbList.value = [{
-          id: uid(32),
+      if (t === 0)
+        l = {
+          children: c.value
+        }, s.value = [{
+          id: C(32),
           deptName: "联系人",
-          children: initData.value
+          children: c.value
         }];
-      } else if (_index === 1) {
-        dept = initData.value[0];
-        breadCrumbList.value = breadCrumbList.value.slice(0, 2);
-      } else {
-        dept = item;
-        const index = breadCrumbList.value.findIndex((val) => val.id === item.id);
-        if (index !== -1) {
-          breadCrumbList.value = breadCrumbList.value.slice(0, index + 1);
-        }
+      else if (t === 1)
+        l = c.value[0], s.value = s.value.slice(0, 2);
+      else {
+        l = e;
+        const n = s.value.findIndex((i) => i.id === e.id);
+        n !== -1 && (s.value = s.value.slice(0, n + 1));
       }
-      (_a = dept.members) == null ? void 0 : _a.forEach((member) => {
-        member.checked = props.selectUserList.some((val) => val.id === member.id);
-      });
-      currentViewDept.value = dept;
-    };
-    const getOrgTitle = (item) => {
-      return createVNode(Fragment, null, [createVNode("div", {
-        "class": b("org-tree-item-title")
-      }, [item.parentId === "root" ? createVNode(KIcon, {
-        "name": "zuzhijiagou",
-        "size": 18,
-        "color": "#00d6b9"
-      }, null) : createVNode("div", {
-        "class": b("org-tree-dept-icon")
-      }, [createVNode(KIcon, {
-        "name": "zuzhijiagou",
-        "size": 18,
-        "color": "#ffffff"
-      }, null)], 2), createVNode("div", {
-        "class": b("org-tree-item-title-text")
-      }, [item.deptName, item.parentId !== "root" && createVNode(Fragment, null, [createTextVNode("("), item.members && item.members.length > 0 ? item.members.length : 0, createTextVNode(")")])], 2)], 2), item.parentId === "root" ? createVNode(KIcon, {
-        "name": "right",
-        "size": 14,
-        "color": "#bbbfc4"
-      }, null) : createVNode("a", {
-        "style": "width: 50px",
-        "href": "javascript:void(0)"
-      }, [createTextVNode("下级")])]);
-    };
-    const getUserList = (objData) => {
-      var _a;
-      return createVNode("div", {
-        "class": b("user-list")
-      }, [(_a = objData.members) == null ? void 0 : _a.map((member) => createVNode(User, {
-        "userInfo": member,
-        "onChange-checked": handleChangeCheckedValue
+      (u = l.members) == null || u.forEach((n) => {
+        n.checked = r.selectUserList.some((i) => i.id === n.id);
+      }), h.value = l;
+    }, x = (e) => a(v, null, [a("div", {
+      class: o("org-tree-item-title")
+    }, [e.parentId === "root" ? a(I, {
+      name: "zuzhijiagou",
+      size: 18,
+      color: "#00d6b9"
+    }, null) : a("div", {
+      class: o("org-tree-dept-icon")
+    }, [a(I, {
+      name: "zuzhijiagou",
+      size: 18,
+      color: "#ffffff"
+    }, null)], 2), a("div", {
+      class: o("org-tree-item-title-text")
+    }, [e.deptName, e.parentId !== "root" && a(v, null, [y("("), e.members && e.members.length > 0 ? e.members.length : 0, y(")")])], 2)], 2), e.parentId === "root" ? a(I, {
+      name: "right",
+      size: 14,
+      color: "#bbbfc4"
+    }, null) : a("a", {
+      style: "width: 50px",
+      href: "javascript:void(0)"
+    }, [y("下级")])]), A = (e) => {
+      var t;
+      return a("div", {
+        class: o("user-list")
+      }, [(t = e.members) == null ? void 0 : t.map((l) => a(O, {
+        userInfo: l,
+        "onChange-checked": w
       }, null, 8, ["userInfo", "onChange-checked"]))], 2);
-    };
-    const getOrgElement = (objData) => {
-      if (objData.parentId === "root" && breadCrumbList.value.length === 1) {
-        return createVNode("div", {
-          "class": b("org-tree-item"),
-          "onClick": () => handleClickOrgItem(objData)
-        }, [getOrgTitle(objData)], 10, ["onClick"]);
-      }
-      return createVNode(Fragment, null, [objData.children && objData.children.length > 0 ? objData.children.map((item) => createVNode("div", {
-        "class": b("org-tree-item"),
-        "onClick": () => handleClickOrgItem(item)
-      }, [getOrgTitle(item)], 10, ["onClick"])) : null, getUserList(objData)]);
-    };
-    const getKeyordUserList = () => {
-      return createVNode("div", {
-        "class": b("user-list")
-      }, [keywordUserList.value.length > 0 ? keywordUserList.value.map((member) => createVNode(User, {
-        "userInfo": member,
-        "onChange-checked": handleChangeCheckedValue
-      }, {
-        name: () => createVNode("div", {
-          "style": "font-size: 14px;color: #000;"
-        }, [(member == null ? void 0 : member.realName.includes(props.keyword)) ? member == null ? void 0 : member.realName.split(props.keyword).map((part, index) => createVNode(Fragment, null, [part, index < (member == null ? void 0 : member.realName.split(props.keyword).length) - 1 && createVNode("span", {
-          "style": "color: red;"
-        }, [props.keyword])])) : member == null ? void 0 : member.realName]),
-        _: 1
-      }, 8, ["userInfo", "onChange-checked"])) : createVNode(Empty, {
-        "description": "暂无数据"
-      }, null)], 2);
-    };
-    const loading = ref(false);
-    let resolveDataLoaded;
-    const dataLoadPromise = new Promise((resolve) => {
-      resolveDataLoaded = resolve;
+    }, K = (e) => e.parentId === "root" && s.value.length === 1 ? a("div", {
+      class: o("org-tree-item"),
+      onClick: () => k(e)
+    }, [x(e)], 10, ["onClick"]) : a(v, null, [e.children && e.children.length > 0 ? e.children.map((t) => a("div", {
+      class: o("org-tree-item"),
+      onClick: () => k(t)
+    }, [x(t)], 10, ["onClick"])) : null, A(e)]), P = () => a("div", {
+      class: o("user-list")
+    }, [f.value.length > 0 ? f.value.map((e) => a(O, {
+      userInfo: e,
+      "onChange-checked": w
+    }, {
+      name: () => a("div", {
+        style: "font-size: 14px;color: #000;"
+      }, [e != null && e.realName.includes(r.keyword) ? e == null ? void 0 : e.realName.split(r.keyword).map((t, l) => a(v, null, [t, l < (e == null ? void 0 : e.realName.split(r.keyword).length) - 1 && a("span", {
+        style: "color: red;"
+      }, [r.keyword])])) : e == null ? void 0 : e.realName]),
+      _: 1
+    }, 8, ["userInfo", "onChange-checked"])) : a(H, {
+      description: "暂无数据"
+    }, null)], 2), p = d(!1);
+    let E;
+    const V = new Promise((e) => {
+      E = e;
     });
-    onMounted(async () => {
+    return $(async () => {
       try {
-        loading.value = true;
-        initData.value = await props.initData();
-        formatOrgTree(initData.value);
-        loading.value = false;
-        resolveDataLoaded(initData.value);
-        currentViewDept.value = {
-          children: initData.value
-        };
-        breadCrumbList.value = [{
-          id: uid(32),
+        p.value = !0, c.value = await r.initData(), R(c.value), p.value = !1, E(c.value), h.value = {
+          children: c.value
+        }, s.value = [{
+          id: C(32),
           deptName: "联系人",
-          children: initData.value
-        }];
-        handleClickOrgItem(initData.value[0]);
+          children: c.value
+        }], k(c.value[0]);
       } finally {
-        loading.value = false;
+        p.value = !1;
       }
-    });
-    const getInitData = (_initData, orgData) => {
-      const list = [];
-      const loop = (data) => {
-        for (const item of data) {
-          if (item.members && item.members.length > 0) {
-            for (const member of item.members) {
-              if (_initData.some((val) => val.id === member.id)) {
-                member.checked = true;
-                list.push(member);
-              } else {
-                member.checked = false;
-              }
-            }
-          }
-          if (item.children && item.children.length > 0) {
-            loop(item.children);
+    }), B({
+      deleteDeptUser: S,
+      getInitData: (e, t) => {
+        const l = [], u = (n) => {
+          for (const i of n) {
+            if (i.members && i.members.length > 0)
+              for (const m of i.members)
+                e.some((_) => _.id === m.id) ? (m.checked = !0, l.push(m)) : m.checked = !1;
+            i.children && i.children.length > 0 && u(i.children);
           }
-        }
-      };
-      loop(orgData);
-      emit("update:selectUserList", uniqueById(list));
-    };
-    expose({
-      deleteDeptUser,
-      getInitData,
-      dataLoadPromise
-    });
-    return () => {
-      let _slot;
-      return createVNode(Fragment, null, [createVNode("div", {
-        "style": "padding:0 16px"
-      }, [breadCrumbList.value.length > 1 && !isSearching.value ? createVNode(Breadcrumb, {
-        "separator": ">",
-        "class": b("breadcrumb")
-      }, _isSlot(_slot = breadCrumbList.value.map((item, index) => createVNode(BreadcrumbItem, {
-        "onClick": () => handleClickBreadCrumbItem(item, index)
+        };
+        u(t), N("update:selectUserList", z(l));
+      },
+      dataLoadPromise: V
+    }), () => {
+      let e;
+      return a(v, null, [a("div", {
+        style: "padding:0 16px"
+      }, [s.value.length > 1 && !g.value ? a(G, {
+        separator: ">",
+        class: o("breadcrumb")
+      }, W(e = s.value.map((t, l) => a(J, {
+        onClick: () => T(t, l)
       }, {
-        default: () => [index === breadCrumbList.value.length - 1 ? item.deptName : createVNode("a", {
-          "href": "javascript:void(0)"
-        }, [item.deptName])]
-      }, 8, ["onClick"]))) ? _slot : {
-        default: () => [_slot],
+        default: () => [l === s.value.length - 1 ? t.deptName : a("a", {
+          href: "javascript:void(0)"
+        }, [t.deptName])]
+      }, 8, ["onClick"]))) ? e : {
+        default: () => [e],
         _: 1
-      }, 8, ["class"]) : null]), !isSearching.value ? createVNode("div", {
-        "class": b("org-tree")
-      }, [loading.value ? createVNode("div", {
-        "class": b("org-tree-item"),
-        "style": "height: 200px;display: block;"
-      }, [createVNode(Skeleton, {
-        "active": true,
-        "avatar": true
-      }, null, 8, ["active", "avatar"]), createVNode(Skeleton, {
-        "active": true,
-        "avatar": true
-      }, null, 8, ["active", "avatar"])], 2) : getOrgElement(currentViewDept.value)], 2) : createVNode(Fragment, null, [getKeyordUserList()])]);
+      }, 8, ["class"]) : null]), g.value ? a(v, null, [P()]) : a("div", {
+        class: o("org-tree")
+      }, [p.value ? a("div", {
+        class: o("org-tree-item"),
+        style: "height: 200px;display: block;"
+      }, [a(b, {
+        active: !0,
+        avatar: !0
+      }, null, 8, ["active", "avatar"]), a(b, {
+        active: !0,
+        avatar: !0
+      }, null, 8, ["active", "avatar"])], 2) : K(h.value)], 2)]);
     };
   }
 });
 export {
-  OrgTree as default
+  se as default
 };

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

@@ -1,16 +1,15 @@
-import { isVNode, defineComponent, createVNode } from "vue";
-import { useNamespace } from "../../../../hooks/use-namespace/index.mjs";
-import { Checkbox } from "ant-design-vue";
+import { isVNode as r, defineComponent as d, createVNode as t } from "vue";
+import { useNamespace as u } from "../../../../hooks/use-namespace/index.mjs";
+import { Checkbox as f } from "ant-design-vue";
 import "../../../index.mjs";
-import { KUserAvatar } from "../../../pro-user-avatar/index.mjs";
-import { KIcon } from "../../../icon/index.mjs";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+import { KUserAvatar as m } from "../../../pro-user-avatar/index.mjs";
+import { KIcon as h } from "../../../icon/index.mjs";
+function k(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !r(e);
 }
 const {
-  b
-} = useNamespace("pro-user-selector");
-const User = /* @__PURE__ */ defineComponent({
+  b: a
+} = u("pro-user-selector"), b = /* @__PURE__ */ d({
   name: "User",
   props: {
     userInfo: {
@@ -19,74 +18,73 @@ const User = /* @__PURE__ */ defineComponent({
     },
     isChecked: {
       type: Boolean,
-      default: true
+      default: !0
     },
     isDelete: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   emits: {
-    "delete-user": (id) => id,
-    "change-checked": (checked, info) => checked
+    "delete-user": (e) => e,
+    "change-checked": (e, o) => e
   },
-  setup(props, {
-    emit,
-    slots
+  setup(e, {
+    emit: o,
+    slots: c
   }) {
-    const handleChangeChecked = (e) => {
-      emit("change-checked", e.target.checked, props.userInfo);
-    };
-    const getUserInfo = () => createVNode("div", {
-      "class": b("user-item-content")
-    }, [createVNode("div", {
-      "style": {
+    const s = (n) => {
+      o("change-checked", n.target.checked, e.userInfo);
+    }, i = () => t("div", {
+      class: a("user-item-content")
+    }, [t("div", {
+      style: {
         width: "100%",
         display: "flex",
         alignItems: "center"
       }
-    }, [createVNode(KUserAvatar, {
-      "name": props.userInfo.realName ? props.userInfo.realName : "",
-      "avatar": props.userInfo.avatar,
-      "size": "default"
-    }, null, 8, ["name", "avatar"]), createVNode("div", null, [createVNode("div", {
-      "style": "display: flex;align-items: center;"
-    }, [slots.name ? slots.name() : createVNode("div", {
-      "style": "font-size: 14px;color: #000;"
-    }, [props.userInfo.realName]), props.userInfo.position && createVNode("div", {
-      "class": b("user-item-content-tag")
-    }, [props.userInfo.position], 2)]), createVNode("div", {
-      "style": {
+    }, [t(m, {
+      name: e.userInfo.realName ? e.userInfo.realName : "",
+      avatar: e.userInfo.avatar,
+      size: "default"
+    }, null, 8, ["name", "avatar"]), t("div", null, [t("div", {
+      style: "display: flex;align-items: center;"
+    }, [c.name ? c.name() : t("div", {
+      style: "font-size: 14px;color: #000;"
+    }, [e.userInfo.realName]), e.userInfo.position && t("div", {
+      class: a("user-item-content-tag")
+    }, [e.userInfo.position], 2)]), t("div", {
+      style: {
         fontSize: "12px",
         color: "#8f959e",
         lineHeight: "20px"
       }
-    }, [props.userInfo.stageName])])]), props.isDelete && createVNode("div", {
-      "class": "select-user-item-icon",
-      "onClick": () => emit("delete-user", props.userInfo.id)
-    }, [createVNode(KIcon, {
-      "name": "shanchu",
-      "size": 12,
-      "color": "#2b2f36"
+    }, [e.userInfo.stageName])])]), e.isDelete && t("div", {
+      class: "select-user-item-icon",
+      onClick: () => o("delete-user", e.userInfo.id)
+    }, [t(h, {
+      name: "shanchu",
+      size: 12,
+      color: "#2b2f36"
     }, null)], 8, ["onClick"])], 2);
     return () => {
-      let _slot;
-      return createVNode("div", {
-        "class": b("user-item")
-      }, [props.isChecked ? createVNode(Checkbox, {
-        "style": "margin: 0 6px;width: 100%;",
-        "checked": props.userInfo.checked,
-        "onUpdate:checked": ($event) => props.userInfo.checked = $event,
-        "onChange": handleChangeChecked
-      }, _isSlot(_slot = getUserInfo()) ? _slot : {
-        default: () => [_slot],
+      let n;
+      return t("div", {
+        class: a("user-item")
+      }, [e.isChecked ? t(f, {
+        style: "margin: 0 6px;width: 100%;",
+        checked: e.userInfo.checked,
+        "onUpdate:checked": (l) => e.userInfo.checked = l,
+        onChange: s
+      }, k(n = i()) ? n : {
+        default: () => [n],
         _: 1
-      }, 8, ["checked", "onUpdate:checked", "onChange"]) : createVNode("div", {
-        "style": "width: 100%;"
-      }, [getUserInfo()])], 2);
+      }, 8, ["checked", "onUpdate:checked", "onChange"]) : t("div", {
+        style: "width: 100%;"
+      }, [i()])], 2);
     };
   }
 });
 export {
-  User as default
+  b as default
 };

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

@@ -1,4 +1,4 @@
-import { useUserSelector } from "./useUserSelector.mjs";
+import { useUserSelector as o } from "./useUserSelector.mjs";
 export {
-  useUserSelector
+  o as useUserSelector
 };

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

@@ -1,9 +1,8 @@
-function useUserSelector() {
-  const GTE_ORGTREE_URL = "/security/dept/user/tree";
+function r() {
   return {
-    GTE_ORGTREE_URL
+    GTE_ORGTREE_URL: "/security/dept/user/tree"
   };
 }
 export {
-  useUserSelector
+  r as useUserSelector
 };