@king-one/antdv 1.1.11 → 1.2.0

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

@@ -0,0 +1,210 @@
+import { defineComponent, ref, watch, nextTick, createVNode, createTextVNode } from "vue";
+import "../../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
+} = useNamespace("pro-user-selector");
+const ns = useNamespace("user-selector-extermal");
+const ProUserSelector = /* @__PURE__ */ defineComponent({
+  name: "ProUserSelector",
+  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": (visible) => true,
+    "update:modelValue": (modelValue) => true,
+    "delete-user": (id) => true,
+    "confirm": (modelValue) => true,
+    "cancel": () => true
+  },
+  setup(props, {
+    emit,
+    slots,
+    expose,
+    attrs
+  }) {
+    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: true,
+      immediate: true
+    });
+    watch(selectUserList, (newVal, oldVal) => {
+      if (newVal.length > oldVal.length) {
+        nextTick(() => {
+          if (userListRef.value) {
+            userListRef.value.scrollTop = userListRef.value.scrollHeight;
+          }
+        });
+      }
+    }, {
+      deep: true
+    });
+    async function handleExternalDataChange(data) {
+      if (orgTreeRef.value) {
+        const orgData = await orgTreeRef.value.dataLoadPromise;
+        orgTreeRef.value.getInitData(data, orgData);
+      }
+    }
+    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));
+    };
+    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 renderModal = () => createVNode(KProModal, {
+      "modelValue": props.visible,
+      "title": "选择联系人",
+      "modalProps": {
+        cancelText: "取消",
+        okText: "确定",
+        ...attrs
+      },
+      "onOnCancel": () => handleOpen(),
+      "onOnConfirm": () => handleConfirm()
+    }, {
+      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"]);
+    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 {
+  ProUserSelector as default
+};

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

@@ -0,0 +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-sign/apis/pro-sign-api.mjs

@@ -0,0 +1,19 @@
+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: (preFix, config) => globalThis.$http.get(`${preFix}/user/info`, config),
+  // 获取用户信息
+  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 {
+  proSignApis
+};

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

@@ -0,0 +1,17 @@
+import { withInstall } from "../utils/install.mjs";
+import "./src/components/pro-sign.vue.mjs";
+import "./style/index.mjs";
+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 {
+  KProSign,
+  KProSign as default,
+  initProSign,
+  onSignConfirm,
+  onSignInit,
+  onSignSuccess,
+  useProSign
+};

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

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

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

@@ -0,0 +1,129 @@
+import { defineComponent, ref, createBlock, openBlock, unref, isRef, withCtx, createElementVNode, normalizeClass, createVNode, createTextVNode } from "vue";
+import "../../../index.mjs";
+import { Button } from "ant-design-vue";
+import { base64ToFile } from "@king-one/utils";
+import { useNamespace } from "../../../../hooks/use-namespace/index.mjs";
+import { proSignApis } from "../../apis/pro-sign-api.mjs";
+import { useInjectSignContext } from "../context/sign-context.mjs";
+import { useProModal } from "../../../pro-modal/hooks/useProModal.mjs";
+import { KProModal } from "../../../pro-modal/index.mjs";
+import { KProSignature } from "../../../pro-signature/index.mjs";
+const _hoisted_1 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "tip" },
+  " 请添加签名 ",
+  -1
+  /* HOISTED */
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "add-signature",
+  props: {
+    callback: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    const { b } = useNamespace("pro-add-signature");
+    const signatureRef = ref(null);
+    const signContext = useInjectSignContext();
+    const loading = ref(false);
+    const { modalVisible, closeModal } = useProModal();
+    function reset() {
+      var _a;
+      (_a = signatureRef.value) == null ? void 0 : _a.reset();
+    }
+    function confirm() {
+      var _a;
+      const { config } = signContext;
+      const { signPreFix, userIdentity, appToken } = config;
+      (_a = signatureRef.value) == null ? void 0 : _a.generate().then((res) => {
+        console.log(res);
+        loading.value = true;
+        const fileName = `个人签名_${+/* @__PURE__ */ new Date()}`;
+        const formData = new FormData();
+        const file = base64ToFile(res, fileName);
+        formData.append("file", file);
+        formData.append("signatureName", fileName);
+        formData.append("width", "50");
+        formData.append("height", "20");
+        proSignApis.addsignature(signPreFix, {
+          headers: {
+            "Content-Type": "multipart/form-data",
+            "SEAL-APP-TOKEN": appToken,
+            "userIdentity": userIdentity
+          },
+          data: formData
+        }).then(() => {
+          props.callback();
+          reset();
+          closeModal();
+        }).finally(() => {
+          loading.value = false;
+        });
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(KProModal), {
+        modelValue: unref(modalVisible),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modalVisible) ? modalVisible.value = $event : null),
+        title: "添加签名",
+        "modal-props": {
+          okText: "确定",
+          cancelText: "取消",
+          width: 700
+        }
+      }, {
+        footer: withCtx(() => [
+          createVNode(unref(Button), { onClick: reset }, {
+            default: withCtx(() => [
+              createTextVNode(" 重 置 ")
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          createVNode(unref(Button), {
+            type: "primary",
+            loading: loading.value,
+            onClick: confirm
+          }, {
+            default: withCtx(() => [
+              createTextVNode(" 确 定 ")
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["loading"])
+        ]),
+        default: withCtx(() => [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(b)())
+            },
+            [
+              createVNode(
+                unref(KProSignature),
+                {
+                  ref_key: "signatureRef",
+                  ref: signatureRef,
+                  class: "pro-signature",
+                  width: 600,
+                  height: 240
+                },
+                null,
+                512
+                /* NEED_PATCH */
+              ),
+              _hoisted_1
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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