@king-one/antdv 1.1.11 → 1.2.0

package/dist/lib/components/pro-selector/src/pro-user.js

@@ -0,0 +1,210 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("../../index.js");
+const index = require("../../../hooks/use-namespace/index.js");
+const antDesignVue = require("ant-design-vue");
+const orgTree = require("./components/org-tree.js");
+const user = require("./components/user.js");
+const index$1 = require("../../pro-modal/index.js");
+const index$2 = require("../../icon/index.js");
+const index$3 = require("../../pro-user-avatar/index.js");
+const {
+  b
+} = index.useNamespace("pro-user-selector");
+const ns = index.useNamespace("user-selector-extermal");
+const ProUserSelector = /* @__PURE__ */ vue.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 = vue.ref("");
+    const selectUserList = vue.ref([]);
+    const orgTreeRef = vue.ref();
+    const userListRef = vue.ref(null);
+    const localModelValue = vue.ref(props.modelValue || []);
+    const isInternalUpdate = vue.ref(false);
+    vue.watch(() => props.modelValue, (newValue) => {
+      if (isInternalUpdate.value) {
+        isInternalUpdate.value = false;
+      } else {
+        localModelValue.value = JSON.parse(JSON.stringify(newValue));
+        vue.nextTick(() => {
+          handleExternalDataChange(localModelValue.value);
+        });
+      }
+    }, {
+      deep: true,
+      immediate: true
+    });
+    vue.watch(selectUserList, (newVal, oldVal) => {
+      if (newVal.length > oldVal.length) {
+        vue.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((user2) => user2.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 = () => vue.createVNode(index$1.KProModal, {
+      "modelValue": props.visible,
+      "title": "选择联系人",
+      "modalProps": {
+        cancelText: "取消",
+        okText: "确定",
+        ...attrs
+      },
+      "onOnCancel": () => handleOpen(),
+      "onOnConfirm": () => handleConfirm()
+    }, {
+      default: () => [vue.createVNode("div", {
+        "class": b()
+      }, [vue.createVNode("div", {
+        "class": b("content-left")
+      }, [vue.createVNode("div", {
+        "style": "padding: 16px 16px 0 16px"
+      }, [vue.createVNode(antDesignVue.Input, {
+        "value": searchValue.value,
+        "onUpdate:value": ($event) => searchValue.value = $event,
+        "size": "small",
+        "placeholder": "搜索",
+        "allowClear": true
+      }, {
+        prefix: () => vue.createVNode(index$2.KIcon, {
+          "name": "search"
+        }, null),
+        _: 1
+      }, 8, ["value", "onUpdate:value", "allowClear"])]), vue.createVNode(orgTree.default, {
+        "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), vue.createVNode("div", {
+        "class": b("content-right")
+      }, [vue.createVNode("div", {
+        "class": b("content-right-title")
+      }, [vue.createTextVNode("已选:"), selectUserList.value.length, vue.createTextVNode("/"), props.maxCount, vue.createTextVNode("人")], 2), vue.createVNode("div", {
+        "class": "select-user-list",
+        "ref": userListRef
+      }, [vue.createVNode("div", {
+        "class": b("user-list")
+      }, [selectUserList.value.length > 0 ? selectUserList.value.map((item) => vue.createVNode(user.default, {
+        "key": item.id,
+        "userInfo": item,
+        "isChecked": false,
+        "isDelete": true,
+        "onDelete-user": handleDeleteSelectUser
+      }, null, 8, ["userInfo", "isDelete", "onDelete-user"])) : vue.createVNode(antDesignVue.Empty, {
+        "image": antDesignVue.Empty.PRESENTED_IMAGE_SIMPLE,
+        "description": "暂无数据"
+      }, null, 8, ["image"])], 2)], 512)], 2)], 2)]
+    }, 8, ["modelValue", "modalProps", "onOnCancel", "onOnConfirm"]);
+    const renderComponent = () => {
+      return vue.createVNode("div", {
+        "class": ns.b()
+      }, [slots.default ? slots.default() : vue.createVNode("div", {
+        "class": ns.b("list")
+      }, [vue.createVNode("div", {
+        "class": ns.b("icon"),
+        "onClick": () => emit("update:visible", true)
+      }, [vue.createVNode(index$2.KIcon, {
+        "name": "plus",
+        "size": 20,
+        "color": "#409eff"
+      }, null)], 10, ["onClick"]), props.modelValue.map((user2) => {
+        return vue.createVNode("div", {
+          "class": ns.b("item")
+        }, [vue.createVNode(index$3.KUserAvatar, {
+          "name": user2.realName,
+          "avatar": user2.avatar,
+          "size": "small"
+        }, null, 8, ["name", "avatar"]), vue.createVNode("span", {
+          "class": ns.be("item", "name")
+        }, [user2.realName], 2), vue.createVNode("div", {
+          "onClick": () => handleDelUser(user2.id)
+        }, [vue.createVNode(index$2.KIcon, {
+          "name": "shanchu",
+          "size": 18,
+          "color": "#646a73"
+        }, null)], 8, ["onClick"])], 2);
+      })], 2), renderModal()], 2);
+    };
+    return () => renderComponent();
+  }
+});
+exports.default = ProUserSelector;

package/dist/lib/components/pro-selector/src/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/lib/components/pro-selector/src/utils/orgTree.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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;
+  }
+};
+exports.debounce = debounce;
+exports.formatOrgTree = formatOrgTree;
+exports.orgTreeUtil = orgTreeUtil;
+exports.uniqueById = uniqueById;

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

@@ -0,0 +1,3 @@
+"use strict";
+require("../../base/style/index.js");
+require("@king-one/antdv/dist/theme-chalk/pro-selector.css");

package/dist/lib/components/pro-sign/apis/pro-sign-api.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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)
+  // 发送验证码
+};
+exports.proSignApis = proSignApis;

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const install = require("../utils/install.js");
+require("./src/components/pro-sign.vue.js");
+require("./style/index.js");
+const onEffects = require("./src/effects/onEffects.js");
+const index = require("./src/core/index.js");
+const useProSign = require("./src/hook/useProSign.js");
+const proSign_vue_vue_type_script_setup_true_lang = require("./src/components/pro-sign.vue2.js");
+const KProSign = install.withInstall(proSign_vue_vue_type_script_setup_true_lang.default);
+exports.onSignConfirm = onEffects.onSignConfirm;
+exports.onSignInit = onEffects.onSignInit;
+exports.onSignSuccess = onEffects.onSignSuccess;
+exports.initProSign = index.initProSign;
+exports.useProSign = useProSign.useProSign;
+exports.KProSign = KProSign;
+exports.default = KProSign;

package/dist/lib/components/pro-sign/src/components/add-signature.vue.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const addSignature_vue_vue_type_script_setup_true_lang = require("./add-signature.vue2.js");
+exports.default = addSignature_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/components/pro-sign/src/components/add-signature.vue2.js

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("../../../index.js");
+const antDesignVue = require("ant-design-vue");
+const utils = require("@king-one/utils");
+const index = require("../../../../hooks/use-namespace/index.js");
+const proSignApi = require("../../apis/pro-sign-api.js");
+const signContext = require("../context/sign-context.js");
+const useProModal = require("../../../pro-modal/hooks/useProModal.js");
+const index$1 = require("../../../pro-modal/index.js");
+const index$2 = require("../../../pro-signature/index.js");
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  { class: "tip" },
+  " 请添加签名 ",
+  -1
+  /* HOISTED */
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "add-signature",
+  props: {
+    callback: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    const { b } = index.useNamespace("pro-add-signature");
+    const signatureRef = vue.ref(null);
+    const signContext$1 = signContext.useInjectSignContext();
+    const loading = vue.ref(false);
+    const { modalVisible, closeModal } = useProModal.useProModal();
+    function reset() {
+      var _a;
+      (_a = signatureRef.value) == null ? void 0 : _a.reset();
+    }
+    function confirm() {
+      var _a;
+      const { config } = signContext$1;
+      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 = utils.base64ToFile(res, fileName);
+        formData.append("file", file);
+        formData.append("signatureName", fileName);
+        formData.append("width", "50");
+        formData.append("height", "20");
+        proSignApi.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 vue.openBlock(), vue.createBlock(vue.unref(index$1.KProModal), {
+        modelValue: vue.unref(modalVisible),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(modalVisible) ? modalVisible.value = $event : null),
+        title: "添加签名",
+        "modal-props": {
+          okText: "确定",
+          cancelText: "取消",
+          width: 700
+        }
+      }, {
+        footer: vue.withCtx(() => [
+          vue.createVNode(vue.unref(antDesignVue.Button), { onClick: reset }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(" 重 置 ")
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          vue.createVNode(vue.unref(antDesignVue.Button), {
+            type: "primary",
+            loading: loading.value,
+            onClick: confirm
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(" 确 定 ")
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["loading"])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(b)())
+            },
+            [
+              vue.createVNode(
+                vue.unref(index$2.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"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/lib/components/pro-sign/src/components/batch.vue.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const batch_vue_vue_type_script_setup_true_lang = require("./batch.vue2.js");
+exports.default = batch_vue_vue_type_script_setup_true_lang.default;