@king-one/antdv 1.2.21 → 2.0.0

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

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

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

@@ -1,165 +1,210 @@
-import { defineComponent as O, ref as n, provide as S, reactive as T, watch as U, nextTick as g, createVNode as l, createTextVNode as v } from "vue";
+import { defineComponent, ref, watch, nextTick, createVNode, createTextVNode } from "vue";
 import "../../index.mjs";
-import { useNamespace as D } from "../../../hooks/use-namespace/index.mjs";
-import { message as w, FormItemRest as R, Input as B, Empty as x } from "ant-design-vue";
-import { selectUserContextKey as M, UserSelectorProps as z } from "./types.mjs";
-import A from "./components/org-tree.mjs";
-import K from "./components/user.mjs";
-import { KProModal as F } from "../../pro-modal/index.mjs";
-import { KIcon as f } from "../../icon/index.mjs";
-import { KUserAvatar as _ } from "../../pro-user-avatar/index.mjs";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
+import { Input, Empty } from "ant-design-vue";
+import OrgTree from "./components/org-tree.mjs";
+import User from "./components/user.mjs";
+import { KProModal } from "../../pro-modal/index.mjs";
+import { KIcon } from "../../icon/index.mjs";
+import { KUserAvatar } from "../../pro-user-avatar/index.mjs";
 const {
-  b: u
-} = D("pro-user-selector"), i = D("user-selector-extermal"), $ = /* @__PURE__ */ O({
+  b
+} = useNamespace("pro-user-selector");
+const ns = useNamespace("user-selector-extermal");
+const ProUserSelector = /* @__PURE__ */ defineComponent({
   name: "ProUserSelector",
-  props: z,
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    maxCount: {
+      type: Number,
+      default: 25
+    },
+    /** @description 单选还是多选，默认多选，单选逻辑后续在实现，单选感觉不能使用当前的 UI 展示 */
+    type: {
+      type: String,
+      default: "checkbox"
+    },
+    load: {
+      type: Function,
+      default: () => Promise.resolve([])
+    }
+  },
   emits: {
-    "update:visible": (a) => !0,
-    "update:modelValue": (a) => !0,
-    "delete-user": (a) => !0,
-    confirm: (a) => !0,
-    cancel: () => !0
+    "update:visible": (visible) => true,
+    "update:modelValue": (modelValue) => true,
+    "delete-user": (id) => true,
+    "confirm": (modelValue) => true,
+    "cancel": () => true
   },
-  setup(a, {
-    emit: s,
-    slots: p,
-    expose: V,
-    attrs: b
+  setup(props, {
+    emit,
+    slots,
+    expose,
+    attrs
   }) {
-    const d = n(""), r = n([]), o = n(), c = n(null);
-    S(M, T({
-      maxCount: a.maxCount,
-      http: a.http,
-      isBuiltInRequest: a.isBuiltInRequest,
-      prefix: a.prefix,
-      initData: a.initData
-    }));
-    const h = n(a.modelValue || []), m = n(!1);
-    U(() => a.modelValue, (e) => {
-      m.value ? m.value = !1 : (h.value = JSON.parse(JSON.stringify(e)), g(() => {
-        E(h.value);
-      }));
+    const searchValue = ref("");
+    const selectUserList = ref([]);
+    const orgTreeRef = ref();
+    const userListRef = ref(null);
+    const localModelValue = ref(props.modelValue || []);
+    const isInternalUpdate = ref(false);
+    watch(() => props.modelValue, (newValue) => {
+      if (isInternalUpdate.value) {
+        isInternalUpdate.value = false;
+      } else {
+        localModelValue.value = JSON.parse(JSON.stringify(newValue));
+        nextTick(() => {
+          handleExternalDataChange(localModelValue.value);
+        });
+      }
     }, {
-      deep: !0,
-      immediate: !0
-    }), U(r, (e, t) => {
-      e.length > t.length && g(() => {
-        c.value && (c.value.scrollTop = c.value.scrollHeight);
-      });
+      deep: true,
+      immediate: true
+    });
+    watch(selectUserList, (newVal, oldVal) => {
+      if (newVal.length > oldVal.length) {
+        nextTick(() => {
+          if (userListRef.value) {
+            userListRef.value.scrollTop = userListRef.value.scrollHeight;
+          }
+        });
+      }
     }, {
-      deep: !0
+      deep: true
     });
-    async function E(e) {
-      if (o.value) {
-        const t = await o.value.dataLoadPromise;
-        o.value.getInitData(e, t);
+    async function handleExternalDataChange(data) {
+      if (orgTreeRef.value) {
+        const orgData = await orgTreeRef.value.dataLoadPromise;
+        orgTreeRef.value.getInitData(data, orgData);
       }
     }
-    const k = (e) => {
-      var t;
-      r.value = r.value.filter((L) => L.id !== e), (t = o.value) == null || t.deleteDeptUser(e);
-    }, I = () => {
-      s("update:visible", !1), s("cancel");
-    }, C = (e) => {
-      s("update:modelValue", a.modelValue.filter((t) => t.id !== e));
-    }, N = () => {
-      if (r.value.length === 0) {
-        w.warn("请选择用户");
-        return;
-      }
-      const e = r.value.map((t) => ({
-        id: t.id,
-        realName: t.realName || "",
-        avatar: t.avatar
-      }));
-      s("update:visible", !1), m.value = !0, s("update:modelValue", e), s("confirm", e);
+    const handleDeleteSelectUser = (id) => {
+      var _a;
+      selectUserList.value = selectUserList.value.filter((item) => item.id !== id);
+      (_a = orgTreeRef.value) == null ? void 0 : _a.deleteDeptUser(id);
+    };
+    const handleOpen = () => {
+      emit("update:visible", false);
+      emit("cancel");
+    };
+    const handleDelUser = (id) => {
+      emit("update:modelValue", props.modelValue.filter((user) => user.id !== id));
     };
-    V({
-      deleteCheckedUser: C
+    const handleConfirm = () => {
+      const list = selectUserList.value.map((item) => {
+        return {
+          id: item.id,
+          realName: item.realName || "",
+          avatar: item.avatar
+        };
+      });
+      emit("update:visible", false);
+      isInternalUpdate.value = true;
+      emit("update:modelValue", list);
+      emit("confirm", list);
+    };
+    expose({
+      deleteCheckedUser: handleDelUser
     });
-    const P = () => l(F, {
-      modelValue: a.visible,
-      title: "选择联系人",
-      modalProps: {
+    const renderModal = () => createVNode(KProModal, {
+      "modelValue": props.visible,
+      "title": "选择联系人",
+      "modalProps": {
         cancelText: "取消",
         okText: "确定",
-        ...b
+        ...attrs
       },
-      onOnCancel: () => I(),
-      onOnConfirm: () => N()
+      "onOnCancel": () => handleOpen(),
+      "onOnConfirm": () => handleConfirm()
     }, {
-      default: () => [l("div", {
-        class: u()
-      }, [l("div", {
-        class: u("content-left")
-      }, [l("div", {
-        style: "padding: 16px 16px 0 16px"
-      }, [l(R, null, {
-        default: () => [l(B, {
-          value: d.value,
-          "onUpdate:value": (e) => d.value = e,
-          size: "small",
-          placeholder: "搜索",
-          allowClear: !0
-        }, {
-          prefix: () => l(f, {
-            name: "search"
-          }, null),
-          _: 1
-        }, 8, ["value", "onUpdate:value", "allowClear"])]
-      })]), l(A, {
-        ref: o,
-        selectUserList: r.value,
-        "onUpdate:selectUserList": (e) => r.value = e,
-        keyword: d.value
-      }, null, 8, ["selectUserList", "onUpdate:selectUserList", "keyword"])], 2), l("div", {
-        class: u("content-right")
-      }, [l("div", {
-        class: u("content-right-title")
-      }, [v("已选:"), r.value.length, v("/"), a.maxCount, v("人")], 2), l("div", {
-        class: "select-user-list",
-        ref: c
-      }, [l("div", {
-        class: u("user-list")
-      }, [r.value.length > 0 ? r.value.map((e) => l(K, {
-        key: e.id,
-        userInfo: e,
-        isChecked: !1,
-        isDelete: !0,
-        "onDelete-user": k
-      }, null, 8, ["userInfo", "isDelete", "onDelete-user"])) : l(x, {
-        image: x.PRESENTED_IMAGE_SIMPLE,
-        description: "暂无数据"
+      default: () => [createVNode("div", {
+        "class": b()
+      }, [createVNode("div", {
+        "class": b("content-left")
+      }, [createVNode("div", {
+        "style": "padding: 16px 16px 0 16px"
+      }, [createVNode(Input, {
+        "value": searchValue.value,
+        "onUpdate:value": ($event) => searchValue.value = $event,
+        "size": "small",
+        "placeholder": "搜索",
+        "allowClear": true
+      }, {
+        prefix: () => createVNode(KIcon, {
+          "name": "search"
+        }, null),
+        _: 1
+      }, 8, ["value", "onUpdate:value", "allowClear"])]), createVNode(OrgTree, {
+        "ref": orgTreeRef,
+        "selectUserList": selectUserList.value,
+        "onUpdate:selectUserList": ($event) => selectUserList.value = $event,
+        "maxCount": props.maxCount,
+        "keyword": searchValue.value,
+        "initData": props.load
+      }, null, 8, ["selectUserList", "onUpdate:selectUserList", "maxCount", "keyword", "initData"])], 2), createVNode("div", {
+        "class": b("content-right")
+      }, [createVNode("div", {
+        "class": b("content-right-title")
+      }, [createTextVNode("已选:"), selectUserList.value.length, createTextVNode("/"), props.maxCount, createTextVNode("人")], 2), createVNode("div", {
+        "class": "select-user-list",
+        "ref": userListRef
+      }, [createVNode("div", {
+        "class": b("user-list")
+      }, [selectUserList.value.length > 0 ? selectUserList.value.map((item) => createVNode(User, {
+        "key": item.id,
+        "userInfo": item,
+        "isChecked": false,
+        "isDelete": true,
+        "onDelete-user": handleDeleteSelectUser
+      }, null, 8, ["userInfo", "isDelete", "onDelete-user"])) : createVNode(Empty, {
+        "image": Empty.PRESENTED_IMAGE_SIMPLE,
+        "description": "暂无数据"
       }, null, 8, ["image"])], 2)], 512)], 2)], 2)]
-    }, 8, ["modelValue", "modalProps", "onOnCancel", "onOnConfirm"]), y = () => l("div", {
-      class: i.b()
-    }, [p.default ? p.default() : l("div", {
-      class: i.b("list")
-    }, [l("div", {
-      class: i.b("icon"),
-      onClick: () => s("update:visible", !0)
-    }, [l(f, {
-      name: "plus",
-      size: 20,
-      color: "#409eff"
-    }, null)], 10, ["onClick"]), a.modelValue.map((e) => l("div", {
-      class: i.b("item")
-    }, [l(_, {
-      name: e.realName,
-      avatar: e.avatar,
-      size: "small"
-    }, null, 8, ["name", "avatar"]), l("span", {
-      class: i.be("item", "name")
-    }, [e.realName], 2), l("div", {
-      onClick: () => C(e.id)
-    }, [l(f, {
-      name: "shanchu",
-      size: 18,
-      color: "#646a73"
-    }, null)], 8, ["onClick"])], 2))], 2), P()], 2);
-    return () => y();
+    }, 8, ["modelValue", "modalProps", "onOnCancel", "onOnConfirm"]);
+    const renderComponent = () => {
+      return createVNode("div", {
+        "class": ns.b()
+      }, [slots.default ? slots.default() : createVNode("div", {
+        "class": ns.b("list")
+      }, [createVNode("div", {
+        "class": ns.b("icon"),
+        "onClick": () => emit("update:visible", true)
+      }, [createVNode(KIcon, {
+        "name": "plus",
+        "size": 20,
+        "color": "#409eff"
+      }, null)], 10, ["onClick"]), props.modelValue.map((user) => {
+        return createVNode("div", {
+          "class": ns.b("item")
+        }, [createVNode(KUserAvatar, {
+          "name": user.realName,
+          "avatar": user.avatar,
+          "size": "small"
+        }, null, 8, ["name", "avatar"]), createVNode("span", {
+          "class": ns.be("item", "name")
+        }, [user.realName], 2), createVNode("div", {
+          "onClick": () => handleDelUser(user.id)
+        }, [createVNode(KIcon, {
+          "name": "shanchu",
+          "size": 18,
+          "color": "#646a73"
+        }, null)], 8, ["onClick"])], 2);
+      })], 2), renderModal()], 2);
+    };
+    return () => renderComponent();
   }
 });
 export {
-  $ as default
+  ProUserSelector as default
 };

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

@@ -1,42 +1 @@
-const e = Symbol("selectUserContextKey"), t = {
-  visible: {
-    type: Boolean,
-    default: !1
-  },
-  title: {
-    type: String,
-    default: ""
-  },
-  modelValue: {
-    type: Array,
-    default: () => []
-  },
-  maxCount: {
-    type: Number,
-    default: 25
-  },
-  /** @description 单选还是多选，默认多选，单选逻辑后续在实现，单选感觉不能使用当前的 UI 展示 */
-  type: {
-    type: String,
-    default: "checkbox"
-  },
-  initData: {
-    type: Function,
-    default: () => Promise.resolve([])
-  },
-  http: {
-    type: [Object, Function],
-    default: () => {
-    }
-  },
-  isBuiltInRequest: {
-    type: Boolean,
-    default: !1
-  },
-  prefix: String
-}, l = "/security/dept/user/tree";
-export {
-  l as GTE_ORGTREE_URL,
-  t as UserSelectorProps,
-  e as selectUserContextKey
-};
+

package/dist/es/components/pro-selector/src/utils/orgTree.mjs

@@ -1,57 +1,93 @@
-function u(e, r) {
-  let t;
-  function n(...i) {
-    clearTimeout(t), t = setTimeout(() => e.apply(this, i), r);
+function debounce(func, wait) {
+  let timeout;
+  function debounced(...args) {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => func.apply(this, args), wait);
   }
-  return n.cancel = function() {
-    clearTimeout(t);
-  }, n;
+  debounced.cancel = function() {
+    clearTimeout(timeout);
+  };
+  return debounced;
 }
-function h(e) {
-  const r = /* @__PURE__ */ new Map();
-  return e.filter((t) => !t || t.id === void 0 || r.has(t.id) ? !1 : (r.set(t.id, !0), !0));
+function uniqueById(array) {
+  const seen = /* @__PURE__ */ new Map();
+  return array.filter((item) => {
+    if (!item || item.id === void 0)
+      return false;
+    return seen.has(item.id) ? false : (seen.set(item.id, true), true);
+  });
 }
-function o(e) {
-  if (!(!e || e.length === 0))
-    for (const r of e)
-      r.deptType === "department" && (r.checkedUserIds = []), r.members && r.members.length > 0 && r.members.forEach((t) => {
-        t.checked = !1;
-      }), r.children && r.children.length > 0 && o(r.children);
+function formatOrgTree(orgTree) {
+  if (!orgTree || orgTree.length === 0)
+    return;
+  for (const dept of orgTree) {
+    if (dept.deptType === "department") {
+      dept.checkedUserIds = [];
+    }
+    if (dept.members && dept.members.length > 0) {
+      dept.members.forEach((member) => {
+        member.checked = false;
+      });
+    }
+    if (dept.children && dept.children.length > 0) {
+      formatOrgTree(dept.children);
+    }
+  }
 }
-const l = {
-  initOrgTree(e) {
-    return o(e), e;
+const orgTreeUtil = {
+  initOrgTree(data) {
+    formatOrgTree(data);
+    return data;
+  },
+  getChildrenByParentId: (parentId) => {
+    return [];
   },
-  getChildrenByParentId: (e) => [],
-  getDeptById: (e) => ({}),
-  getDeptMemberById: (e) => ({}),
-  setCheckedValue: (e, r, t) => {
-    for (const n of e)
-      n.members && n.members.length > 0 && n.members.forEach((i) => {
-        i.checked = t;
-      }), n.children && n.children.length > 0 && l.setCheckedValue(n.children, r, t);
+  getDeptById: (id) => {
+    return {};
   },
-  findMembersByIds(e, r) {
-    const t = [], n = /* @__PURE__ */ new Set();
-    function i(s) {
-      if (!(!s || s.length === 0))
-        for (const c of s) {
-          if (c.members && c.members.length > 0) {
-            const f = c.members.filter(
-              (d) => e.includes(d.id) && !n.has(d.id)
-            );
-            for (const d of f)
-              t.push(d), n.add(d.id);
+  getDeptMemberById: (id) => {
+    return {};
+  },
+  setCheckedValue: (depts, id, flag) => {
+    for (const dept of depts) {
+      if (dept.members && dept.members.length > 0) {
+        dept.members.forEach((member) => {
+          member.checked = flag;
+        });
+      }
+      if (dept.children && dept.children.length > 0) {
+        orgTreeUtil.setCheckedValue(dept.children, id, flag);
+      }
+    }
+  },
+  findMembersByIds(checkedIds, orgTree) {
+    const selectedMembers = [];
+    const idSet = /* @__PURE__ */ new Set();
+    function traverseTree(departments) {
+      if (!departments || departments.length === 0)
+        return;
+      for (const dept of departments) {
+        if (dept.members && dept.members.length > 0) {
+          const matchedMembers = dept.members.filter(
+            (member) => checkedIds.includes(member.id) && !idSet.has(member.id)
+          );
+          for (const member of matchedMembers) {
+            selectedMembers.push(member);
+            idSet.add(member.id);
           }
-          c.children && c.children.length > 0 && i(c.children);
         }
+        if (dept.children && dept.children.length > 0) {
+          traverseTree(dept.children);
+        }
+      }
     }
-    return i(r), t;
+    traverseTree(orgTree);
+    return selectedMembers;
   }
 };
 export {
-  u as debounce,
-  o as formatOrgTree,
-  l as orgTreeUtil,
-  h as uniqueById
+  debounce,
+  formatOrgTree,
+  orgTreeUtil,
+  uniqueById
 };

package/dist/es/components/pro-sign/apis/pro-sign-api.mjs

@@ -1,19 +1,19 @@
-const a = {
-  getFileList: (e, t) => globalThis.$http.get(`${e}/contract/file/detail/list`, t),
-  getFileImg: (e, t) => globalThis.$http.get(`${e}/file/preview`, t),
-  getCompanySeals: (e, t) => globalThis.$http.get(`${e}/company/seal/list`, t),
-  batchDownload: (e, t) => globalThis.$http.post(`${e}/file/batch/downloadUrl`, t.data),
-  getContractInfo: (e, t) => globalThis.$http.get(`${e}/contract/info`, t),
-  getVerifyApi: (e, t) => globalThis.$http.get(`${e}/paas/app/setting/appId/key`, t),
-  signApi: (e, t) => globalThis.$http.post(`${e}/sign/coordinate`, t.data, t),
-  getSignatureList: (e, t) => globalThis.$http.get(`${e}/user/signature/list`, t),
+const proSignApis = {
+  getFileList: (preFix, config) => globalThis.$http.get(`${preFix}/contract/file/detail/list`, config),
+  getFileImg: (preFix, config) => globalThis.$http.get(`${preFix}/file/preview`, config),
+  getCompanySeals: (preFix, config) => globalThis.$http.get(`${preFix}/company/seal/list`, config),
+  batchDownload: (preFix, config) => globalThis.$http.post(`${preFix}/file/batch/downloadUrl`, config.data),
+  getContractInfo: (preFix, config) => globalThis.$http.get(`${preFix}/contract/info`, config),
+  getVerifyApi: (preFix, config) => globalThis.$http.get(`${preFix}/paas/app/setting/appId/key`, config),
+  signApi: (preFix, config) => globalThis.$http.post(`${preFix}/sign/coordinate`, config.data, config),
+  getSignatureList: (preFix, config) => globalThis.$http.get(`${preFix}/user/signature/list`, config),
   // 获取用户签名
-  userIdentify: (e, t) => globalThis.$http.get(`${e}/user/info`, t),
+  userIdentify: (preFix, config) => globalThis.$http.get(`${preFix}/user/info`, config),
   // 获取用户信息
-  addsignature: (e, t) => globalThis.$http.post(`${e}/user/signature/add`, t.data, t),
-  sendingSms: (e, t) => globalThis.$http.get(`${e}/sms/phone/verify/code`, t)
+  addsignature: (preFix, config) => globalThis.$http.post(`${preFix}/user/signature/add`, config.data, config),
+  sendingSms: (preFix, config) => globalThis.$http.get(`${preFix}/sms/phone/verify/code`, config)
   // 发送验证码
 };
 export {
-  a as proSignApis
+  proSignApis
 };

package/dist/es/components/pro-sign/index.mjs

@@ -1,17 +1,17 @@
-import { withInstall as o } from "../utils/install.mjs";
+import { withInstall } from "../utils/install.mjs";
 import "./src/components/pro-sign.vue.mjs";
 import "./style/index.mjs";
-import { onSignConfirm as s, onSignInit as S, onSignSuccess as g } from "./src/effects/onEffects.mjs";
-import { initProSign as c } from "./src/core/index.mjs";
-import { useProSign as l } from "./src/hook/useProSign.mjs";
-import r from "./src/components/pro-sign.vue2.mjs";
-const f = o(r);
+import { onSignConfirm, onSignInit, onSignSuccess } from "./src/effects/onEffects.mjs";
+import { initProSign } from "./src/core/index.mjs";
+import { useProSign } from "./src/hook/useProSign.mjs";
+import _sfc_main from "./src/components/pro-sign.vue2.mjs";
+const KProSign = withInstall(_sfc_main);
 export {
-  f as KProSign,
-  f as default,
-  c as initProSign,
-  s as onSignConfirm,
-  S as onSignInit,
-  g as onSignSuccess,
-  l as useProSign
+  KProSign,
+  KProSign as default,
+  initProSign,
+  onSignConfirm,
+  onSignInit,
+  onSignSuccess,
+  useProSign
 };

package/dist/es/components/pro-sign/src/components/add-signature.vue.mjs

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