@king-one/antdv 1.1.11 → 1.2.0

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

@@ -0,0 +1,342 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const antDesignVue = require("ant-design-vue");
+const utils = require("@king-one/utils");
+const lodashEs = require("lodash-es");
+const index = require("../../../../hooks/use-namespace/index.js");
+const signContext = require("../context/sign-context.js");
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  null,
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  { class: "contract-popover-title" },
+  " 应用文件 ",
+  -1
+  /* HOISTED */
+);
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  { class: "contract-popover-title" },
+  " 签署位置 ",
+  -1
+  /* HOISTED */
+);
+const _hoisted_4 = { class: "contract-popover-position" };
+const _hoisted_5 = {
+  key: 0,
+  class: "contract-popover-position-page"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "err"
+};
+const _hoisted_7 = {
+  align: "end",
+  class: "contract-popover-footer"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "batch",
+  props: /* @__PURE__ */ vue.mergeModels({
+    seal: {
+      type: Object,
+      required: true
+    },
+    fileList: {
+      type: Array,
+      required: true
+    }
+  }, {
+    "show": { required: true },
+    "showModifiers": {}
+  }),
+  emits: ["update:show"],
+  setup(__props) {
+    const props = __props;
+    const { b } = index.useNamespace("pro-sign-batch");
+    const signContext$1 = signContext.useInjectSignContext();
+    const state = vue.reactive({
+      pageValue: "",
+      selectValue: "all",
+      validate: "",
+      selectedRowKeys: []
+    });
+    const showModel = vue.useModel(__props, "show");
+    vue.watch(
+      showModel,
+      (value) => {
+        if (value) {
+          const files = [];
+          for (const id in props.seal.pageList) {
+            files.push(id);
+          }
+          state.selectedRowKeys = files;
+          state.pageValue = props.seal.extend.batchPageStr || "";
+          state.selectValue = props.seal.extend.batchType || "all";
+        }
+      },
+      { immediate: true }
+    );
+    const columns = [
+      {
+        title: "序号",
+        dataIndex: "index",
+        align: "center",
+        width: 80
+      },
+      {
+        title: "文件名称",
+        dataIndex: "fileName",
+        align: "center",
+        ellipsis: true
+      },
+      {
+        title: "总页数",
+        dataIndex: "total",
+        align: "center",
+        width: 100
+      }
+    ];
+    const rowSelection = {
+      onChange: (selectedRowKeys) => {
+        state.selectedRowKeys = selectedRowKeys;
+      }
+    };
+    const ops = [
+      {
+        value: "odd",
+        label: "奇数页"
+      },
+      {
+        value: "even",
+        label: "偶数页"
+      },
+      {
+        value: "all",
+        label: "全部页面"
+      },
+      {
+        value: "appoint",
+        label: "指定页面"
+      }
+    ];
+    const handleInput = lodashEs.debounce(() => {
+      state.validate = utils.validatePageRange(state.pageValue) ? "" : "error";
+    }, 100);
+    function handleCancel() {
+      showModel.value = false;
+    }
+    function getPages(total) {
+      switch (state.selectValue) {
+        case "odd": {
+          const pages = [];
+          for (let i = 0; i <= total - 1; i++) {
+            if (i % 2 === 0) {
+              pages.push(i);
+            }
+          }
+          return pages;
+        }
+        case "even": {
+          const pages = [];
+          for (let i = 1; i <= total - 1; i++) {
+            if (i % 2 !== 0) {
+              pages.push(i);
+            }
+          }
+          return pages;
+        }
+        case "all": {
+          const pages = [];
+          for (let i = 0; i <= total - 1; i++) {
+            pages.push(i);
+          }
+          return pages;
+        }
+        case "appoint": {
+          if (!state.pageValue || state.validate === "error") {
+            antDesignVue.message.warning("请输入正确格式的页面或范围：如1,2,5-8");
+            return false;
+          }
+          const pages = utils.rangeNumber(state.pageValue);
+          const MaxPage = Math.max(...pages);
+          if (MaxPage > total) {
+            antDesignVue.message.warning("当前设置页数超过了文档的总页数");
+            return false;
+          }
+          if (pages.length === 0) {
+            antDesignVue.message.warning("请输入正确格式的页面或范围：如1,2,5-8");
+            return false;
+          }
+          const arr = pages.map((item) => item - 1);
+          return arr;
+        }
+      }
+    }
+    function handleConfirm() {
+      const pageList = {};
+      if (state.selectedRowKeys.length === 0) {
+        antDesignVue.message.warning("请选择要批量应用的文件");
+        return;
+      }
+      let status = true;
+      for (const id of state.selectedRowKeys) {
+        const pages = getPages(props.fileList.find((item) => item.fileId === id).total);
+        if (!pages) {
+          status = false;
+          return;
+        }
+        pageList[id] = pages;
+      }
+      if (!status)
+        return;
+      const { maxLeft, maxTop } = signContext$1.getDragMaxSize(pageList, props.seal.size);
+      const { offsetX, offsetY } = props.seal;
+      let newX = offsetX;
+      if (offsetX > maxLeft) {
+        newX = maxLeft;
+      }
+      let newY = offsetY;
+      if (offsetY > maxTop) {
+        newY = maxTop;
+      }
+      Object.assign(props.seal, {
+        offsetX: newX,
+        offsetY: newY,
+        pageList,
+        extend: {
+          ...props.seal.extend,
+          batchType: state.selectValue,
+          batchPageStr: state.selectValue === "appoint" ? state.pageValue : "",
+          signTag: "batch"
+        }
+      });
+      handleCancel();
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(b)())
+        },
+        [
+          _hoisted_1,
+          _hoisted_2,
+          vue.createElementVNode("div", null, [
+            vue.createVNode(vue.unref(antDesignVue.Table), {
+              "row-selection": {
+                selectedRowKeys: state.selectedRowKeys,
+                onChange: rowSelection == null ? void 0 : rowSelection.onChange
+              },
+              columns,
+              "row-key": "fileId",
+              size: "small",
+              pagination: false,
+              class: "popover-table",
+              "data-source": __props.fileList
+            }, {
+              bodyCell: vue.withCtx(({ column, index: index2 }) => [
+                column.dataIndex === "index" ? (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  { key: 0 },
+                  [
+                    vue.createTextVNode(
+                      vue.toDisplayString(index2 + 1),
+                      1
+                      /* TEXT */
+                    )
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                )) : vue.createCommentVNode("v-if", true)
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["row-selection", "data-source"])
+          ]),
+          _hoisted_3,
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.createVNode(vue.unref(antDesignVue.RadioGroup), {
+              value: state.selectValue,
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => state.selectValue = $event),
+              size: "small",
+              "button-style": "solid"
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(ops, (item) => {
+                    return vue.createVNode(vue.unref(antDesignVue.RadioButton), {
+                      key: item.value,
+                      value: item.value
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(
+                          vue.toDisplayString(item.label),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["value"]);
+                  }),
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["value"]),
+            vue.createCommentVNode(' <CheckboxGroup v-model:value="state.selectValue" :options="ops" /> '),
+            state.selectValue === "appoint" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+              vue.createVNode(vue.unref(antDesignVue.Input), {
+                value: state.pageValue,
+                "onUpdate:value": _cache[1] || (_cache[1] = ($event) => state.pageValue = $event),
+                size: "small",
+                status: state.validate,
+                "allow-clear": "",
+                placeholder: "请输入页码或者页码范围以逗号分隔、如1,2,5-8",
+                onInput: vue.unref(handleInput)
+              }, null, 8, ["value", "status", "onInput"]),
+              state.validate === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, " 请输入正确格式的页面或范围：如1,2,5-8 ")) : vue.createCommentVNode("v-if", true)
+            ])) : vue.createCommentVNode("v-if", true)
+          ]),
+          vue.createElementVNode("div", _hoisted_7, [
+            vue.createVNode(vue.unref(antDesignVue.Button), {
+              type: "primary",
+              size: "small",
+              class: "first-btn",
+              onClick: handleConfirm
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(" 确定 ")
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            vue.createVNode(vue.unref(antDesignVue.Button), {
+              size: "small",
+              onClick: handleCancel
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(" 取消 ")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const iconsVue = require("@ant-design/icons-vue");
+const index = require("../../../../hooks/use-namespace/index.js");
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  null,
+  "添加签署日期（拖拽）",
+  -1
+  /* HOISTED */
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "date",
+  setup(__props) {
+    const { b } = index.useNamespace("pro-sign-date");
+    function handleStart(event) {
+      var _a;
+      const data = {
+        signType: "date",
+        extend: {
+          signTag: "single"
+        },
+        size: "110*30",
+        time: "",
+        offsetX: event.offsetX,
+        offsetY: event.offsetY
+      };
+      (_a = event.dataTransfer) == null ? void 0 : _a.setData("seal", JSON.stringify(data));
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(b)()),
+          draggable: "true",
+          onDragstart: _cache[0] || (_cache[0] = ($event) => handleStart($event))
+        },
+        [
+          vue.createVNode(vue.unref(iconsVue.CarryOutOutlined), { class: "date-icon" }),
+          _hoisted_1
+        ],
+        34
+        /* CLASS, NEED_HYDRATION */
+      );
+    };
+  }
+});
+exports.default = _sfc_main;

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

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

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

@@ -0,0 +1,74 @@
+"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 antDesignVue = require("ant-design-vue");
+const signContext = require("../context/sign-context.js");
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "files",
+  setup(__props) {
+    const SignContext = signContext.useInjectSignContext();
+    const { b, e } = index.useNamespace("pro-sign-files");
+    function handleChangeFile(id) {
+    }
+    const Files = vue.computed(() => {
+      return SignContext.sharedStatus.fileList;
+    });
+    const CurrentFile = vue.computed(() => {
+      return SignContext.sharedStatus.currentFile;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(b)())
+        },
+        [
+          (vue.openBlock(true), vue.createElementBlock(
+            vue.Fragment,
+            null,
+            vue.renderList(Files.value, (item) => {
+              return vue.openBlock(), vue.createElementBlock(
+                "div",
+                {
+                  key: item.fileId,
+                  class: vue.normalizeClass([vue.unref(e)("item"), item.fileId === CurrentFile.value.fileId && vue.unref(e)("active-item")])
+                },
+                [
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(vue.unref(e)("file-image")),
+                    onClick: ($event) => handleChangeFile(item.fileId)
+                  }, [
+                    vue.createVNode(vue.unref(antDesignVue.Image), {
+                      preview: false,
+                      src: item.homeImg,
+                      width: "100%",
+                      height: "100%"
+                    }, null, 8, ["src"])
+                  ], 10, _hoisted_1),
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: vue.normalizeClass(vue.unref(e)("file-name"))
+                    },
+                    vue.toDisplayString(item.fileName),
+                    3
+                    /* TEXT, CLASS */
+                  )
+                ],
+                2
+                /* CLASS */
+              );
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+exports.default = _sfc_main;

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

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

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

@@ -0,0 +1,11 @@
+"use strict";
+require("./files.vue2.js");
+require("./middle.vue2.js");
+require("./loader.vue.js");
+require("./seals.vue2.js");
+require("./batch.vue.js");
+require("./info.vue2.js");
+require("./signature.vue2.js");
+require("./add-signature.vue.js");
+require("./date.vue2.js");
+require("./verify.vue.js");

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

@@ -0,0 +1,61 @@
+"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");
+const signContext = require("../context/sign-context.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "info",
+  setup(__props) {
+    const signContext$1 = signContext.useInjectSignContext();
+    const { b } = index.useNamespace("pro-sign-info");
+    const contractInfo = vue.computed(() => {
+      return signContext$1.sharedStatus.contractInfo;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(b)())
+        },
+        [
+          vue.createCommentVNode(` :content-style="{ color: '#1677ff' }" :label-style="{ color: '#1677ff' }" `),
+          vue.createVNode(vue.unref(antDesignVue.Descriptions), {
+            column: 1,
+            size: "small"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(antDesignVue.DescriptionsItem), { label: "合同主题" }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(contractInfo.value.contractName),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createVNode(vue.unref(antDesignVue.DescriptionsItem), { label: "创建时间" }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(contractInfo.value.createTime),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+exports.default = _sfc_main;

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

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

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

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