@king-one/antdv 1.1.13 → 1.2.1

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

@@ -0,0 +1,93 @@
+function debounce(func, wait) {
+  let timeout;
+  function debounced(...args) {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => func.apply(this, args), wait);
+  }
+  debounced.cancel = function() {
+    clearTimeout(timeout);
+  };
+  return debounced;
+}
+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 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 orgTreeUtil = {
+  initOrgTree(data) {
+    formatOrgTree(data);
+    return data;
+  },
+  getChildrenByParentId: (parentId) => {
+    return [];
+  },
+  getDeptById: (id) => {
+    return {};
+  },
+  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);
+          }
+        }
+        if (dept.children && dept.children.length > 0) {
+          traverseTree(dept.children);
+        }
+      }
+    }
+    traverseTree(orgTree);
+    return selectedMembers;
+  }
+};
+export {
+  debounce,
+  formatOrgTree,
+  orgTreeUtil,
+  uniqueById
+};

package/dist/es/components/pro-selector/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../base/style/index.mjs";
+import "@king-one/antdv/dist/theme-chalk/pro-selector.css";

package/dist/es/components/pro-upload/src/gd-upload.mjs

@@ -24,7 +24,7 @@ const GdUpload = /* @__PURE__ */ defineComponent({
       uploadFile,
       getFileDetails,
       getImgUrl
-    } = useUpload(props.http);
+    } = useUpload(props.http, props.prefix);
     const {
       b
     } = useNamespace("pro-upload");

package/dist/es/components/pro-upload/src/hooks/useHttp.mjs

@@ -1,7 +1,7 @@
-function useHttp(http) {
+function useHttp(http, prefix) {
   return {
     // 获取文件上传的地址
-    getUploadUrl: (config) => http.get("/file/aio/upload/url", config),
+    getUploadUrl: (config) => http.get(`${prefix}/file/aio/upload/url`, config),
     // 文件上传
     uploadFileApi: (url, config) => http.post(url, config, {
       headers: {
@@ -9,13 +9,13 @@ function useHttp(http) {
       }
     }),
     // 删除文件
-    deleteFileApi: (config) => http.delete("/file/aio", config),
+    deleteFileApi: (config) => http.delete(`${prefix}/file/aio`, config),
     // 获取文件下载地址
-    getDownloadUrlApi: (config) => http.post("/file/aio/download/url", config),
+    getDownloadUrlApi: (config) => http.post(`${prefix}/file/aio/download/url`, config),
     // 下载文件
     downloadFileApi: (url, config) => http.get(url, config),
     // 获取文件详情
-    getFileDetailApi: (config) => http.post("/aio/batch/info", config)
+    getFileDetailApi: (config) => http.post(`${prefix}/aio/batch/info`, config)
   };
 }
 export {

package/dist/es/components/pro-upload/src/hooks/useUpload.mjs

@@ -1,7 +1,7 @@
 import { message } from "ant-design-vue";
 import { useHttp } from "./useHttp.mjs";
-function useUpload(httpConfig) {
-  const http = useHttp(httpConfig);
+function useUpload(httpConfig, prefix) {
+  const http = useHttp(httpConfig, prefix);
   return {
     // 文件上传
     uploadFile: (config) => new Promise(async (resolve, reject) => {

package/dist/es/components/pro-upload/src/props.mjs

@@ -43,6 +43,10 @@ const UploadComponentProps = {
   itemHeight: {
     type: Number,
     default: 80
+  },
+  prefix: {
+    type: String,
+    default: ""
   }
 };
 export {

package/dist/es/components/pro-user-avatar/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "@king-one/utils";
+import "./src/index.vue.mjs";
+import "./src/style/index.mjs";
+import "./src/types.mjs";
+import _sfc_main from "./src/index.vue2.mjs";
+const KUserAvatar = withInstall(_sfc_main);
+export {
+  KUserAvatar,
+  KUserAvatar as default
+};

package/dist/es/components/pro-user-avatar/src/index.vue.mjs

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

package/dist/es/components/pro-user-avatar/src/index.vue2.mjs

@@ -0,0 +1,69 @@
+import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeClass, unref, normalizeStyle, toDisplayString } from "vue";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
+import { getColorFromString } from "./util.mjs";
+const _hoisted_1 = ["src", "alt"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ProUserAvatar"
+  },
+  __name: "index",
+  props: {
+    name: { default: "未知" },
+    avatar: {},
+    size: { default: "default" }
+  },
+  emits: ["error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const ns = useNamespace("user-avatar");
+    const imgLoadError = ref(false);
+    const nameChars = computed(() => {
+      if (props.name.length >= 2) {
+        return props.name.slice(props.name.length - 2);
+      } else {
+        return props.name ? props.name : "未知";
+      }
+    });
+    function handleError(event) {
+      imgLoadError.value = true;
+      emit("error", event);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([unref(ns).b(), unref(ns).b(_ctx.size)])
+        },
+        [
+          _ctx.avatar && !imgLoadError.value ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            class: normalizeClass([unref(ns).e("img")]),
+            src: _ctx.avatar,
+            alt: _ctx.name,
+            loading: "lazy",
+            decoding: "async",
+            onError: handleError
+          }, null, 42, _hoisted_1)) : (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: normalizeClass([unref(ns).e("name")]),
+              style: normalizeStyle({
+                backgroundColor: unref(getColorFromString)(_ctx.name)
+              })
+            },
+            toDisplayString(nameChars.value),
+            7
+            /* TEXT, CLASS, STYLE */
+          ))
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/pro-user-avatar/src/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../../base/style/index.mjs";
+import "@king-one/antdv/dist/theme-chalk/pro-user-avatar.css";

package/dist/es/components/pro-user-avatar/src/types.mjs

@@ -0,0 +1 @@
+

package/dist/es/components/pro-user-avatar/src/util.mjs

@@ -0,0 +1,28 @@
+function getColorFromString(str) {
+  if (!str)
+    return "#e1e1e1";
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  const colors = [
+    "#3286fa",
+    "#f56a00",
+    "#7265e6",
+    "#ffbf00",
+    "#00a2ae",
+    "#1890ff",
+    "#52c41a",
+    "#faad14",
+    "#722ed1",
+    "#eb2f96",
+    "#fa8c16",
+    "#13c2c2",
+    "#fadb14"
+  ];
+  const index = Math.abs(hash) % colors.length;
+  return colors[index];
+}
+export {
+  getColorFromString
+};

package/dist/es/index.mjs

@@ -37,6 +37,9 @@ import { onSignConfirm, onSignInit, onSignSuccess } from "./components/pro-sign/
 import { initProSign } from "./components/pro-sign/src/core/index.mjs";
 import { useProSign } from "./components/pro-sign/src/hook/useProSign.mjs";
 import { KProSign } from "./components/pro-sign/index.mjs";
+import { useUserSelector } from "./components/pro-selector/src/hooks/useUserSelector.mjs";
+import { default as default3 } from "./components/pro-selector/src/pro-user.mjs";
+import { KUserAvatar } from "./components/pro-user-avatar/index.mjs";
 import { useProForm, useProFormInit } from "./hooks/useProForm.mjs";
 export {
   CoverScrollbarProps,
@@ -60,10 +63,12 @@ export {
   default2 as KProloading,
   KScaleVirtualList,
   KScrollBar,
+  KUserAvatar,
   PickerApiEnum,
   ProAreaProps,
   ProPickerProps,
   ProSignatureProps,
+  default3 as ProUserSelector,
   TitleProps,
   collapseProps,
   plugin as default,
@@ -83,5 +88,6 @@ export {
   useProModalInit,
   useProSign,
   useProTable,
-  useUpload
+  useUpload,
+  useUserSelector
 };

package/dist/lib/components/index.js

@@ -19,6 +19,8 @@ require("./pro-loading/index.js");
 const index$f = require("./plus-upload/index.js");
 const index$g = require("./pro-overlay/index.js");
 const index$h = require("./pro-sign/index.js");
+require("./pro-selector/index.js");
+const index$j = require("./pro-user-avatar/index.js");
 exports.KForm = index.KForm;
 exports.KFormItem = index.KFormItem;
 exports.KCollapseTranstion = index$1.KCollapseTranstion;
@@ -38,3 +40,4 @@ exports.KProContractView = index$e.KProContractView;
 exports.KPlusUpload = index$f.KPlusUpload;
 exports.KProOverlay = index$g.KProOverlay;
 exports.KProSign = index$h.KProSign;
+exports.KUserAvatar = index$j.KUserAvatar;

package/dist/lib/components/pro-selector/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const proUser = require("./src/pro-user.js");
+require("./style/index.js");
+require("./src/types.js");
+require("./src/hooks/index.js");
+proUser.default.GTE_ORGTREE_URL = "/security/dept/user/tree";
+exports.ProUserSelector = proUser.default;

package/dist/lib/components/pro-selector/src/components/org-tree.js

@@ -0,0 +1,304 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../../../hooks/use-namespace/index.js");
+require("../../../index.js");
+const antDesignVue = require("ant-design-vue");
+const utils = require("@king-one/utils");
+const orgTree = require("../utils/orgTree.js");
+const user = require("./user.js");
+const index$1 = require("../../../icon/index.js");
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const {
+  b
+} = index.useNamespace("pro-user-selector");
+const OrgTree = /* @__PURE__ */ vue.defineComponent({
+  name: "OrgTree",
+  props: {
+    selectUserList: {
+      type: Array,
+      default: () => []
+    },
+    initUserList: {
+      type: Array,
+      default: () => []
+    },
+    keyword: {
+      type: String,
+      default: ""
+    },
+    initData: {
+      type: Function,
+      default: () => Promise.resolve([])
+    },
+    maxCount: {
+      type: Number,
+      default: 25
+    }
+  },
+  emits: {
+    "update:selectUserList": (list) => list
+  },
+  setup(props, {
+    emit,
+    expose
+  }) {
+    const initData = vue.ref([]);
+    const currentViewDept = vue.ref({});
+    const breadCrumbList = vue.ref([]);
+    const currentBreadCrumbItem = vue.ref({});
+    const keywordUserList = vue.ref([]);
+    const isSearching = vue.ref(false);
+    const debouncedHandleKeywordChange = orgTree.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);
+          }
+        }
+      };
+      loop(initData.value);
+      keywordUserList.value = orgTree.uniqueById(list);
+      isSearching.value = keyword !== "";
+    }, 300);
+    vue.watch(() => props.keyword, (newVal, oldVal) => {
+      if (newVal === "") {
+        debouncedHandleKeywordChange.cancel();
+        isSearching.value = false;
+        keywordUserList.value = [];
+        return;
+      }
+      if (newVal !== oldVal) {
+        debouncedHandleKeywordChange(newVal);
+      }
+    });
+    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;
+        antDesignVue.Modal.warning({
+          title: "温馨提示",
+          content: `最多只能选择${props.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: utils.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}》部门下面的数据`);
+        return;
+      }
+      if (_index === 0) {
+        dept = {
+          children: initData.value
+        };
+        breadCrumbList.value = [{
+          id: utils.uid(32),
+          deptName: "联系人",
+          children: initData.value
+        }];
+      } else if (_index === 1) {
+        dept = initData.value[0];
+        breadCrumbList.value = breadCrumbList.value.slice(0, 2);
+      } else {
+        dept = item;
+        const index2 = breadCrumbList.value.findIndex((val) => val.id === item.id);
+        if (index2 !== -1) {
+          breadCrumbList.value = breadCrumbList.value.slice(0, index2 + 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 vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
+        "class": b("org-tree-item-title")
+      }, [item.parentId === "root" ? vue.createVNode(index$1.KIcon, {
+        "name": "zuzhijiagou",
+        "size": 18,
+        "color": "#00d6b9"
+      }, null) : vue.createVNode("div", {
+        "class": b("org-tree-dept-icon")
+      }, [vue.createVNode(index$1.KIcon, {
+        "name": "zuzhijiagou",
+        "size": 18,
+        "color": "#ffffff"
+      }, null)], 2), vue.createVNode("div", {
+        "class": b("org-tree-item-title-text")
+      }, [item.deptName, item.parentId !== "root" && vue.createVNode(vue.Fragment, null, [vue.createTextVNode("("), item.members && item.members.length > 0 ? item.members.length : 0, vue.createTextVNode(")")])], 2)], 2), item.parentId === "root" ? vue.createVNode(index$1.KIcon, {
+        "name": "right",
+        "size": 14,
+        "color": "#bbbfc4"
+      }, null) : vue.createVNode("a", {
+        "style": "width: 50px",
+        "href": "javascript:void(0)"
+      }, [vue.createTextVNode("下级")])]);
+    };
+    const getUserList = (objData) => {
+      var _a;
+      return vue.createVNode("div", {
+        "class": b("user-list")
+      }, [(_a = objData.members) == null ? void 0 : _a.map((member) => vue.createVNode(user.default, {
+        "userInfo": member,
+        "onChange-checked": handleChangeCheckedValue
+      }, null, 8, ["userInfo", "onChange-checked"]))], 2);
+    };
+    const getOrgElement = (objData) => {
+      if (objData.parentId === "root" && breadCrumbList.value.length === 1) {
+        return vue.createVNode("div", {
+          "class": b("org-tree-item"),
+          "onClick": () => handleClickOrgItem(objData)
+        }, [getOrgTitle(objData)], 10, ["onClick"]);
+      }
+      return vue.createVNode(vue.Fragment, null, [objData.children && objData.children.length > 0 ? objData.children.map((item) => vue.createVNode("div", {
+        "class": b("org-tree-item"),
+        "onClick": () => handleClickOrgItem(item)
+      }, [getOrgTitle(item)], 10, ["onClick"])) : null, getUserList(objData)]);
+    };
+    const getKeyordUserList = () => {
+      return vue.createVNode("div", {
+        "class": b("user-list")
+      }, [keywordUserList.value.length > 0 ? keywordUserList.value.map((member) => vue.createVNode(user.default, {
+        "userInfo": member,
+        "onChange-checked": handleChangeCheckedValue
+      }, {
+        name: () => vue.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, index2) => vue.createVNode(vue.Fragment, null, [part, index2 < (member == null ? void 0 : member.realName.split(props.keyword).length) - 1 && vue.createVNode("span", {
+          "style": "color: red;"
+        }, [props.keyword])])) : member == null ? void 0 : member.realName]),
+        _: 1
+      }, 8, ["userInfo", "onChange-checked"])) : vue.createVNode(antDesignVue.Empty, {
+        "description": "暂无数据"
+      }, null)], 2);
+    };
+    const loading = vue.ref(false);
+    let resolveDataLoaded;
+    const dataLoadPromise = new Promise((resolve) => {
+      resolveDataLoaded = resolve;
+    });
+    vue.onMounted(async () => {
+      try {
+        loading.value = true;
+        initData.value = await props.initData();
+        orgTree.formatOrgTree(initData.value);
+        loading.value = false;
+        resolveDataLoaded(initData.value);
+        currentViewDept.value = {
+          children: initData.value
+        };
+        breadCrumbList.value = [{
+          id: utils.uid(32),
+          deptName: "联系人",
+          children: initData.value
+        }];
+        handleClickOrgItem(initData.value[0]);
+      } finally {
+        loading.value = false;
+      }
+    });
+    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);
+          }
+        }
+      };
+      loop(orgData);
+      emit("update:selectUserList", orgTree.uniqueById(list));
+    };
+    expose({
+      deleteDeptUser,
+      getInitData,
+      dataLoadPromise
+    });
+    return () => {
+      let _slot;
+      return vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
+        "style": "padding:0 16px"
+      }, [breadCrumbList.value.length > 1 && !isSearching.value ? vue.createVNode(antDesignVue.Breadcrumb, {
+        "separator": ">",
+        "class": b("breadcrumb")
+      }, _isSlot(_slot = breadCrumbList.value.map((item, index2) => vue.createVNode(antDesignVue.BreadcrumbItem, {
+        "onClick": () => handleClickBreadCrumbItem(item, index2)
+      }, {
+        default: () => [index2 === breadCrumbList.value.length - 1 ? item.deptName : vue.createVNode("a", {
+          "href": "javascript:void(0)"
+        }, [item.deptName])]
+      }, 8, ["onClick"]))) ? _slot : {
+        default: () => [_slot],
+        _: 1
+      }, 8, ["class"]) : null]), !isSearching.value ? vue.createVNode("div", {
+        "class": b("org-tree")
+      }, [loading.value ? vue.createVNode("div", {
+        "class": b("org-tree-item"),
+        "style": "height: 200px;display: block;"
+      }, [vue.createVNode(antDesignVue.Skeleton, {
+        "active": true,
+        "avatar": true
+      }, null, 8, ["active", "avatar"]), vue.createVNode(antDesignVue.Skeleton, {
+        "active": true,
+        "avatar": true
+      }, null, 8, ["active", "avatar"])], 2) : getOrgElement(currentViewDept.value)], 2) : vue.createVNode(vue.Fragment, null, [getKeyordUserList()])]);
+    };
+  }
+});
+exports.default = OrgTree;