@king-one/antdv 1.1.11 → 1.2.0

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

@@ -0,0 +1,286 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const antDesignVue = require("ant-design-vue");
+const index = require("../../../../hooks/use-namespace/index.js");
+require("../../../index.js");
+const types = require("../types.js");
+const signContext = require("../context/sign-context.js");
+require("./index.js");
+const index$1 = require("../../../collapse-transtion/index.js");
+const files_vue_vue_type_script_setup_true_lang = require("./files.vue.js");
+const info_vue_vue_type_script_setup_true_lang = require("./info.vue.js");
+const index$2 = require("../../../icon/index.js");
+const middle_vue_vue_type_script_setup_true_lang = require("./middle.vue.js");
+const seals_vue_vue_type_script_setup_true_lang = require("./seals.vue.js");
+const signature_vue_vue_type_script_setup_true_lang = require("./signature.vue.js");
+const date_vue_vue_type_script_setup_true_lang = require("./date.vue.js");
+const _hoisted_1 = { class: "date-region" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "pro-sign",
+  props: types.ProSignProps,
+  setup(__props) {
+    const props = __props;
+    const showState = vue.reactive({
+      left: true,
+      right: true
+    });
+    const { sharedStatus, tabsActiveKey } = props.sign;
+    const { b: bspin } = index.useNamespace("pro-sign-spin");
+    const { b, e } = index.useNamespace("pro-sign");
+    signContext.useProvideSignContext(props.sign);
+    function handleToggle(type) {
+      if (type === "left") {
+        showState.left = !showState.left;
+      } else {
+        showState.right = !showState.right;
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Spin), {
+        spinning: vue.unref(sharedStatus).loading,
+        "wrapper-class-name": vue.unref(bspin)()
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(b)())
+            },
+            [
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(vue.unref(e)("left"))
+                },
+                [
+                  vue.createVNode(vue.unref(index$1.KCollapseTranstion), {
+                    mode: "horizontal",
+                    style: { "height": "100%" }
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.withDirectives(vue.createElementVNode(
+                        "div",
+                        null,
+                        [
+                          vue.createElementVNode(
+                            "div",
+                            {
+                              class: vue.normalizeClass(vue.unref(e)("left-region"))
+                            },
+                            [
+                              vue.createVNode(vue.unref(antDesignVue.Card), {
+                                bordered: false,
+                                style: { "height": "100%" },
+                                "body-style": {
+                                  padding: 0,
+                                  height: "100%",
+                                  overflow: "hidden"
+                                }
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(vue.unref(antDesignVue.Tabs), {
+                                    "active-key": vue.unref(tabsActiveKey).left,
+                                    "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => vue.unref(tabsActiveKey).left = $event),
+                                    class: vue.normalizeClass(vue.unref(e)("tabs")),
+                                    centered: "",
+                                    animated: true
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(vue.unref(antDesignVue.TabPane), {
+                                        key: "1",
+                                        tab: "文件"
+                                      }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createVNode(vue.unref(files_vue_vue_type_script_setup_true_lang.default))
+                                        ]),
+                                        _: 1
+                                        /* STABLE */
+                                      }),
+                                      vue.createVNode(vue.unref(antDesignVue.TabPane), {
+                                        key: "2",
+                                        tab: "合同信息",
+                                        "force-render": ""
+                                      }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createVNode(vue.unref(info_vue_vue_type_script_setup_true_lang.default))
+                                        ]),
+                                        _: 1
+                                        /* STABLE */
+                                      })
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  }, 8, ["active-key", "class"])
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              })
+                            ],
+                            2
+                            /* CLASS */
+                          )
+                        ],
+                        512
+                        /* NEED_PATCH */
+                      ), [
+                        [vue.vShow, showState.left]
+                      ])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: vue.normalizeClass([vue.unref(e)("direction"), showState.left ? "show-left-direction" : "hide-left-direction"]),
+                      onClick: _cache[1] || (_cache[1] = ($event) => handleToggle("left"))
+                    },
+                    [
+                      showState.left ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.KIcon), {
+                        key: 0,
+                        name: "left"
+                      })) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.KIcon), {
+                        key: 1,
+                        name: "right"
+                      }))
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ],
+                2
+                /* CLASS */
+              ),
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(vue.unref(e)("center"))
+                },
+                [
+                  vue.createVNode(vue.unref(middle_vue_vue_type_script_setup_true_lang.default))
+                ],
+                2
+                /* CLASS */
+              ),
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(vue.unref(e)("right"))
+                },
+                [
+                  vue.createVNode(vue.unref(index$1.KCollapseTranstion), {
+                    mode: "horizontal",
+                    style: { "height": "100%" }
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.withDirectives(vue.createElementVNode(
+                        "div",
+                        null,
+                        [
+                          vue.createElementVNode(
+                            "div",
+                            {
+                              class: vue.normalizeClass(vue.unref(e)("right-region"))
+                            },
+                            [
+                              vue.createVNode(vue.unref(antDesignVue.Card), {
+                                bordered: false,
+                                style: { "height": "100%" },
+                                "body-style": {
+                                  padding: 0,
+                                  height: "100%",
+                                  overflow: "hidden",
+                                  display: "flex",
+                                  flexDirection: "column"
+                                }
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(vue.unref(antDesignVue.Tabs), {
+                                    "active-key": vue.unref(tabsActiveKey).right,
+                                    "onUpdate:activeKey": _cache[2] || (_cache[2] = ($event) => vue.unref(tabsActiveKey).right = $event),
+                                    class: vue.normalizeClass(vue.unref(e)("tabs")),
+                                    centered: "",
+                                    animated: true
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(vue.unref(antDesignVue.TabPane), {
+                                        key: "1",
+                                        tab: "我的印章"
+                                      }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createVNode(vue.unref(seals_vue_vue_type_script_setup_true_lang.default))
+                                        ]),
+                                        _: 1
+                                        /* STABLE */
+                                      }),
+                                      vue.createVNode(vue.unref(antDesignVue.TabPane), {
+                                        key: "2",
+                                        tab: "我的签名",
+                                        "force-render": ""
+                                      }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createVNode(vue.unref(signature_vue_vue_type_script_setup_true_lang.default))
+                                        ]),
+                                        _: 1
+                                        /* STABLE */
+                                      })
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  }, 8, ["active-key", "class"]),
+                                  vue.createElementVNode("div", _hoisted_1, [
+                                    vue.createVNode(vue.unref(date_vue_vue_type_script_setup_true_lang.default))
+                                  ])
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              })
+                            ],
+                            2
+                            /* CLASS */
+                          )
+                        ],
+                        512
+                        /* NEED_PATCH */
+                      ), [
+                        [vue.vShow, showState.right]
+                      ])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: vue.normalizeClass([vue.unref(e)("direction"), showState.right ? "show-right-direction" : "hide-right-direction"]),
+                      onClick: _cache[3] || (_cache[3] = ($event) => handleToggle("right"))
+                    },
+                    [
+                      showState.right ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.KIcon), {
+                        key: 0,
+                        name: "right"
+                      })) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.KIcon), {
+                        key: 1,
+                        name: "left"
+                      }))
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["spinning", "wrapper-class-name"]);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../../../hooks/use-namespace/index.js");
+const signContext = require("../context/sign-context.js");
+const _hoisted_1 = ["onDragstart"];
+const _hoisted_2 = ["src"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "seals",
+  setup(__props) {
+    const SignContext = signContext.useInjectSignContext();
+    const sealList = vue.computed(() => {
+      return SignContext.sharedStatus.companySeals;
+    });
+    function handleStart(event, seal) {
+      var _a;
+      const data = { ...seal, offsetX: event.offsetX, offsetY: event.offsetY, signType: "seal" };
+      (_a = event.dataTransfer) == null ? void 0 : _a.setData("seal", JSON.stringify(data));
+    }
+    const { b, e, em } = index.useNamespace("pro-sign-seals");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(b)())
+        },
+        [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(e)("seals"))
+            },
+            [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(sealList.value, (seal) => {
+                  return vue.openBlock(), vue.createElementBlock(
+                    "div",
+                    {
+                      key: seal.id,
+                      class: vue.normalizeClass(vue.unref(em)("seals", "seal"))
+                    },
+                    [
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass(vue.unref(em)("seals", "seal-drag")),
+                        draggable: "true",
+                        onDragstart: ($event) => handleStart($event, seal)
+                      }, [
+                        vue.createCommentVNode(" eslint-disable-next-line vue/html-self-closing "),
+                        vue.createElementVNode("img", {
+                          class: vue.normalizeClass(vue.unref(em)("seals", "seal-img")),
+                          src: seal.sealUrl,
+                          alt: "印模"
+                        }, null, 10, _hoisted_2)
+                      ], 42, _hoisted_1)
+                    ],
+                    2
+                    /* CLASS */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+exports.default = _sfc_main;

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

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

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

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const antDesignVue = require("ant-design-vue");
+require("../../../index.js");
+const index = require("../../../../hooks/use-namespace/index.js");
+const signContext = require("../context/sign-context.js");
+const proSignApi = require("../../apis/pro-sign-api.js");
+const utils = require("../core/utils.js");
+require("./index.js");
+const useProModal = require("../../../pro-modal/hooks/useProModal.js");
+const index$1 = require("../../../icon/index.js");
+const addSignature_vue_vue_type_script_setup_true_lang = require("./add-signature.vue2.js");
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  null,
+  "添加签名",
+  -1
+  /* HOISTED */
+);
+const _hoisted_2 = ["onDragstart"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "signature",
+  setup(__props) {
+    const { b } = index.useNamespace("pro-sign-signature");
+    const signContext$1 = signContext.useInjectSignContext();
+    const [init, { openModal }] = useProModal.useProModalInit();
+    signContext$1.hooks.beforeInit.tapPromise("get-signature", () => {
+      return new Promise((resolve) => {
+        getSignature().then(() => {
+          resolve();
+        });
+      });
+    });
+    function handleStart(event, seal) {
+      var _a;
+      const data = { ...seal, offsetX: event.offsetX, offsetY: event.offsetY, signType: "signature" };
+      (_a = event.dataTransfer) == null ? void 0 : _a.setData("seal", JSON.stringify(data));
+    }
+    const List = vue.ref([]);
+    async function getSignature() {
+      const { config } = signContext$1;
+      const { signPreFix, userIdentity, appToken } = config;
+      const res = await proSignApi.proSignApis.getSignatureList(signPreFix, {
+        headers: {
+          "SEAL-APP-TOKEN": appToken,
+          "userIdentity": userIdentity
+        }
+      });
+      const files = res.data.map((item) => ({ ...item, fileId: item.signatureSaveId }));
+      if (files.length > 0) {
+        const signatureList = await utils.batchDownload(signPreFix, files);
+        List.value = signatureList;
+      }
+    }
+    function handleAdd() {
+      openModal();
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(b)())
+        },
+        [
+          vue.createElementVNode("div", {
+            class: "add-signature",
+            onClick: handleAdd
+          }, [
+            vue.createVNode(vue.unref(index$1.KIcon), {
+              name: "calendar",
+              class: "add-signature-icon"
+            }),
+            _hoisted_1
+          ]),
+          (vue.openBlock(true), vue.createElementBlock(
+            vue.Fragment,
+            null,
+            vue.renderList(List.value, (item) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: item.id,
+                class: "signature-item",
+                onDragstart: ($event) => handleStart($event, item)
+              }, [
+                vue.createVNode(vue.unref(antDesignVue.Image), {
+                  width: 100,
+                  src: item.imgUrl,
+                  preview: false
+                }, null, 8, ["src"])
+              ], 40, _hoisted_2);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          )),
+          vue.createVNode(vue.unref(addSignature_vue_vue_type_script_setup_true_lang.default), {
+            callback: getSignature,
+            onInit: vue.unref(init)
+          }, null, 8, ["onInit"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+exports.default = _sfc_main;

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

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

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

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