cnhis-design-vue 3.1.24-beta.5 → 3.1.24-beta.7

package/es/components/button-print/src/ButtonPrint.vue_vue_type_script_setup_true_lang.js

@@ -1,481 +0,0 @@
-import { defineComponent, reactive, computed, onMounted, onUnmounted, watch, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, renderSlot, withModifiers, createCommentVNode, createTextVNode, toDisplayString, mergeProps } from 'vue';
-import { isObject } from '@vue/shared';
-import { useMessage, NDropdown, NButton, NIcon } from 'naive-ui';
-import { ChevronDown } from '@vicons/ionicons5';
-import { Print } from './utils/print.js';
-import IdentityVerification from './components/IdentityVerification.js';
-import moment from 'moment';
-
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ButtonPrint",
-  props: {
-    printParams: {
-      type: Array
-    },
-    params: {
-      default: () => [],
-      type: Array
-    },
-    btnText: {
-      default: "\u6253\u5370",
-      type: String
-    },
-    printText: {
-      default: "\u76F4\u63A5\u6253\u5370",
-      type: String
-    },
-    previewText: {
-      default: "\u6253\u5370\u9884\u89C8",
-      type: String
-    },
-    pdfLoadText: {
-      default: "\u4E0B\u8F7Dpdf",
-      type: String
-    },
-    formatEditText: {
-      default: "\u683C\u5F0F\u7F16\u8F91",
-      type: String
-    },
-    prevFn: {
-      default: () => Promise.resolve(),
-      type: Function
-    },
-    queryPrintFormatByNumber: {
-      default: () => Promise.resolve({}),
-      type: Function
-    },
-    queryTemplateParams: {
-      default: () => Promise.resolve({}),
-      type: Function
-    },
-    strategy: {
-      default: "MULTI",
-      type: String
-    },
-    clickPrevFn: {
-      default: () => Promise.resolve(true),
-      type: Function
-    },
-    noDataMsg: {
-      default: "\u8BF7\u9009\u4E2D\u9700\u8981\u6253\u5370\u7684\u6570\u636E",
-      type: String
-    },
-    token: {
-      type: String
-    }
-  },
-  emits: ["success", "error", "clickoutside"],
-  setup(__props, {
-    emit
-  }) {
-    const props = __props;
-    const $message = useMessage();
-    let printInstance;
-    const state = reactive({
-      spinning: false,
-      visible: false,
-      formatList: [],
-      templateParams: {},
-      printParams: [],
-      currentFormatId: "",
-      identityVerification: {
-        visible: false
-      },
-      isInited: false,
-      watchPrintParamsReformatFn: null,
-      spinTimer: null
-    });
-    const options = reactive([{
-      label: props.printText,
-      key: "printText"
-    }, {
-      label: props.previewText,
-      key: "previewText"
-    }, {
-      label: props.pdfLoadText,
-      key: "downloadPdf"
-    }, {
-      label: props.formatEditText,
-      key: "formatEditText"
-    }]);
-    const currentFormatItem = computed(() => {
-      if (!state.currentFormatId)
-        return {};
-      let id = state.currentFormatId;
-      return state.formatList.find((item) => item.id === id);
-    });
-    const formatTitle = computed(() => currentFormatItem.value.name || "\u683C\u5F0F\u9009\u62E9");
-    const getTemplateIdByFormatId = computed(() => {
-      let find = state.formatList.find((item) => item.id === state.currentFormatId);
-      return find == null ? void 0 : find.templateId;
-    });
-    const renderLabel = (option) => {
-      return createVNode("span", {
-        "class": {
-          active: option.key === state.currentFormatId
-        }
-      }, [option.label]);
-    };
-    const callLocalServicesSuccessCb = (res, type) => {
-      let info = {
-        type,
-        formatId: state.currentFormatId,
-        templateId: getTemplateIdByFormatId.value
-      };
-      emit("success", res, info);
-    };
-    const callLocalServicesErrorCb = (res) => {
-      emit("error", res);
-      if (isObject(res) && res.type === "notInstalledApp") {
-        $message.error(res.message);
-      }
-    };
-    const prevFnError = () => {
-      let error = {
-        message: "\u524D\u7F6E\u6761\u4EF6\u6267\u884C\u9519\u8BEF"
-      };
-      emit("error", error);
-    };
-    const getPrintParams = (index = 0) => {
-      var _a;
-      const params = ((_a = props.printParams) == null ? void 0 : _a.length) ? props.printParams[index] : state.printParams[index];
-      return JSON.stringify({
-        ...params || {},
-        ...props.token ? {
-          token: props.token
-        } : {}
-      });
-    };
-    const getOnceParams = () => {
-      var _a, _b;
-      let params = {};
-      let obj = {};
-      if ((_a = state.templateParams.customizeDataset) == null ? void 0 : _a.length) {
-        const key = ((_b = Object.keys(state.printParams[0].datasetData || {})) == null ? void 0 : _b[0]) || "";
-        const datasetDataKeyVal = JSON.stringify(state.printParams.map((v) => JSON.parse(v.datasetData[key])));
-        obj = {
-          datasetData: {}
-        };
-        obj.datasetData[key] = datasetDataKeyVal;
-      } else {
-        Object.keys(state.printParams[0]).forEach((v) => {
-          obj[v] = [];
-          state.printParams.forEach((k) => {
-            obj[v].push(k[v]);
-          });
-          obj[v] = obj[v].join(",");
-        });
-      }
-      params = Object.assign({}, JSON.parse(getPrintParams(0)), obj);
-      return JSON.stringify(params);
-    };
-    const handleClickPrint = () => {
-      let len = state.printParams.length;
-      const callLocalServicesSuccessCbTmp = async (data) => {
-        try {
-          if (--len <= 0) {
-            callLocalServicesSuccessCb(data, "print");
-          }
-        } catch (error) {
-          console.log("error", error);
-        }
-      };
-      props.prevFn().catch(() => {
-        prevFnError();
-        return Promise.reject();
-      }).then(() => {
-        const queryParams = {
-          formatId: state.currentFormatId,
-          templateId: getTemplateIdByFormatId.value
-        };
-        if (props.strategy === "MULTI") {
-          for (let i = 0; i < state.printParams.length; i++) {
-            printInstance.printDirect({
-              ...queryParams,
-              params: getPrintParams(i)
-            }, callLocalServicesSuccessCbTmp, callLocalServicesErrorCb);
-          }
-        } else {
-          printInstance.printDirect({
-            ...queryParams,
-            params: getOnceParams()
-          }, (res) => {
-            callLocalServicesSuccessCb(res, "print");
-          }, callLocalServicesErrorCb);
-        }
-      }).finally(() => {
-        state.visible = false;
-      });
-    };
-    const handleClickPreview = async () => {
-      props.prevFn().catch(() => {
-        prevFnError();
-        return Promise.reject();
-      }).then(() => {
-        const params = props.strategy === "MULTI" ? getPrintParams() : getOnceParams();
-        const queryParams = {
-          formatId: state.currentFormatId,
-          templateId: getTemplateIdByFormatId.value,
-          params
-        };
-        printInstance.preview(queryParams, (res) => {
-          callLocalServicesSuccessCb(res, "preview");
-        }, callLocalServicesErrorCb);
-      }).finally(() => {
-        state.visible = false;
-      });
-    };
-    const handleClickPdf = async () => {
-      props.prevFn().catch(() => {
-        prevFnError();
-        return Promise.reject();
-      }).then(() => {
-        const params = props.strategy === "MULTI" ? getPrintParams() : getOnceParams();
-        const queryParams = {
-          formatId: state.currentFormatId,
-          templateId: getTemplateIdByFormatId.value,
-          print: {
-            print: "1",
-            type: "1"
-          },
-          params
-        };
-        printInstance.downloadPDF(queryParams, (res) => callLocalServicesSuccessCb(res, "preview"), callLocalServicesErrorCb);
-      }).finally(() => {
-        state.visible = false;
-      });
-    };
-    const handleClickEdit = () => {
-      props.prevFn().catch(() => {
-        prevFnError();
-        return Promise.reject();
-      }).then(() => {
-        state.identityVerification.visible = true;
-      }).finally(() => {
-        state.visible = false;
-      });
-    };
-    const handleSelect = (key) => {
-      switch (key) {
-        case "printText":
-          handleClickPrint();
-          break;
-        case "previewText":
-          handleClickPreview();
-          break;
-        case "formatEditText":
-          handleClickEdit();
-          break;
-        case "downloadPdf":
-          handleClickPdf();
-          break;
-        default:
-          state.currentFormatId = key;
-          state.visible = false;
-          break;
-      }
-    };
-    const handleClickOutside = () => {
-      state.visible = false;
-      emit("clickoutside");
-    };
-    const instantiatePrintSDK = () => {
-      if (printInstance)
-        return false;
-      printInstance = new Print();
-    };
-    const getDefaultFormatId = (list, key) => {
-      if (!(list == null ? void 0 : list.length))
-        return "";
-      let findDefault = list.find((item) => item[key] == 1);
-      return (findDefault == null ? void 0 : findDefault.id) || list[0].id;
-    };
-    const setOptions = () => {
-      const children = state.formatList.map((v) => {
-        return {
-          label: v.name,
-          key: v.id
-        };
-      });
-      options.unshift({
-        label: formatTitle.value,
-        key: "format",
-        children
-      });
-    };
-    const formatFormatList = (list) => {
-      let formatList = [];
-      list && list.forEach((item) => {
-        if (!item.format)
-          return false;
-        formatList.push(...item.format);
-      });
-      return formatList;
-    };
-    const requestError = () => {
-      state.isInited = false;
-      state.spinning = false;
-      setTimeout(() => {
-        state.visible = false;
-      }, 0);
-      return false;
-    };
-    const formatDefaultVal = (i, tableVal) => {
-      let val = i.defaultValue || "";
-      let tVal = tableVal;
-      if (i.type === "NUMBER") {
-        tVal = Number(tableVal) || 0;
-      }
-      if (i.type === "DATE") {
-        tVal = tableVal ? moment(tableVal).format("YYYY-MM-DD") : "";
-      }
-      if (i.type === "DATETIME") {
-        tVal = tableVal ? moment(tableVal).format("YYYY-MM-DD HH:mm:ss") : "";
-      }
-      return val ? val : tVal;
-    };
-    const formatPrintParams = (paramObj, fieldList, keyName) => {
-      const obj = {};
-      fieldList.forEach((i) => {
-        let defaultVal = formatDefaultVal(i, paramObj[i[keyName]]);
-        if (paramObj[i[keyName]] && defaultVal) {
-          obj[i[keyName]] = defaultVal;
-        }
-      });
-      return obj;
-    };
-    const formatParams = ({
-      customizeDataset = [],
-      param = []
-    }, params = []) => {
-      return params.map((paramObj) => {
-        let res = {};
-        customizeDataset.forEach((dataSetItem) => {
-          const selectFieldList = dataSetItem.dataSetting[0].selectFieldList;
-          res["datasetData"] = {
-            [dataSetItem.name]: JSON.stringify(formatPrintParams(paramObj, selectFieldList, "fieldName"))
-          };
-        });
-        res = Object.assign({}, res, formatPrintParams(paramObj, param, "key"));
-        return res;
-      });
-    };
-    const initCRM = async (formatListResult) => {
-      var _a;
-      state.formatList = formatListResult ? formatFormatList(formatListResult.obj) : [];
-      state.currentFormatId = getDefaultFormatId(state.formatList, "defaultFlag");
-      if (!state.currentFormatId) {
-        $message.error("\u83B7\u53D6\u6253\u5370\u683C\u5F0F\u5931\u8D25\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\uFF01");
-        return requestError();
-      }
-      setOptions();
-      let templateParamsResult = (_a = await props.queryTemplateParams()) == null ? void 0 : _a.obj;
-      if (templateParamsResult && getTemplateIdByFormatId.value) {
-        state.templateParams = templateParamsResult;
-      } else {
-        $message.error("\u83B7\u53D6\u6253\u5370\u6A21\u677F\u5931\u8D25\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\uFF01");
-        return requestError();
-      }
-      state.printParams = formatParams(state.templateParams, props.params);
-    };
-    const init = async () => {
-      if (state.isInited)
-        return true;
-      state.isInited = true;
-      state.spinning = true;
-      instantiatePrintSDK();
-      const formatListResult = await props.queryPrintFormatByNumber();
-      await initCRM(formatListResult);
-      state.spinning = false;
-      return true;
-    };
-    const handleClickBtn = async () => {
-      var _a;
-      const status = await props.clickPrevFn();
-      if (!status)
-        return;
-      if (!((_a = props.params) == null ? void 0 : _a.length)) {
-        $message.warning(props.noDataMsg);
-        return;
-      }
-      if (!state.visible) {
-        let result = await init();
-        if (!result)
-          return false;
-      }
-      state.visible = !state.visible;
-    };
-    const reformatPrintParams = () => {
-      state.watchPrintParamsReformatFn && state.watchPrintParamsReformatFn();
-      if (!state.isInited) {
-        state.watchPrintParamsReformatFn = () => watch(() => state.isInited, (val) => {
-          if (!val)
-            return false;
-          reformatPrintParams();
-        });
-        return;
-      }
-      state.printParams = formatParams(state.templateParams, props.params);
-    };
-    const verifiySuccess = (token) => {
-      state.identityVerification.visible = false;
-      const queryParams = {
-        formatId: state.currentFormatId,
-        templateId: getTemplateIdByFormatId.value,
-        params: getPrintParams(),
-        token
-      };
-      printInstance.editPrintFormat(queryParams, (res) => {
-        callLocalServicesSuccessCb(res, "edit");
-      }, callLocalServicesErrorCb);
-    };
-    onMounted(() => {
-      state.isInited = false;
-    });
-    onUnmounted(() => {
-      printInstance == null ? void 0 : printInstance.destroy();
-    });
-    watch(() => props.params, (val) => {
-      if (!(val == null ? void 0 : val.length))
-        return false;
-      reformatPrintParams();
-    }, {
-      deep: true
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(NDropdown), {
-        class: "c-dropdown",
-        placement: "bottom-start",
-        trigger: "click",
-        show: state.visible,
-        onClickoutside: handleClickOutside,
-        options,
-        onSelect: handleSelect,
-        "render-label": renderLabel
-      }, {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "button", {
-          handleClickPrintBtn: handleClickBtn,
-          printSpinning: state.spinning,
-          printbtnText: __props.btnText,
-          printVisible: state.visible
-        }, () => [createVNode(unref(NButton), {
-          class: "dropdown-button",
-          onClick: withModifiers(handleClickBtn, ["stop"])
-        }, {
-          default: withCtx(() => [createCommentVNode(' <n-spin v-show="state.spinning" size="small"></n-spin> '), createTextVNode(toDisplayString(__props.btnText) + " ", 1), createVNode(unref(NIcon), {
-            component: unref(ChevronDown)
-          }, null, 8, ["component"])]),
-          _: 1
-        }, 8, ["onClick"])])]),
-        _: 3
-      }, 8, ["show", "options"]), createVNode(IdentityVerification, mergeProps({
-        modelValue: state.identityVerification.visible,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.identityVerification.visible = $event)
-      }, _ctx.$attrs, {
-        onSuccess: verifiySuccess
-      }), null, 16, ["modelValue"])], 64);
-    };
-  }
-});
-
-export { _sfc_main as default };

package/es/components/button-print/src/components/IdentityVerification.js

@@ -1,139 +0,0 @@
-import { defineComponent, reactive, ref, watch, openBlock, createBlock, unref, normalizeStyle, withCtx, createElementVNode, createVNode, createTextVNode } from 'vue';
-import { useMessage, NModal, NForm, NFormItem, NInput, NButton } from 'naive-ui';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
-
-const _hoisted_1 = { class: "content" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IdentityVerification",
-  props: {
-    verifyUser: { type: Function, default: () => Promise.resolve() },
-    identityVerificationTitle: { default: "\u6253\u5370\u670D\u52A1\u8EAB\u4EFD\u6821\u9A8C" },
-    modelValue: { type: Boolean }
-  },
-  emits: ["update:modelValue", "success", "close"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const $message = useMessage();
-    const DEFAULT_FORM = {
-      account: "",
-      password: ""
-    };
-    let form = reactive({ ...DEFAULT_FORM });
-    const rules = {
-      account: { required: true, message: "\u8BF7\u8F93\u5165\u8D26\u53F7" },
-      password: { required: true, message: "\u8BF7\u8F93\u5165\u5BC6\u7801" }
-    };
-    const style = {
-      width: "416px"
-    };
-    const formRef = ref(null);
-    const handleClickClose = () => {
-      emit("update:modelValue", false);
-      emit("close");
-    };
-    const loading = ref(false);
-    const submit = async () => {
-      var _a;
-      try {
-        loading.value = true;
-        const { data = {} } = await props.verifyUser(form) || {};
-        if (data.result !== "SUCCESS") {
-          $message.error(data.resultMsg || "\u8BF7\u6DFB\u52A0\u8EAB\u4EFD\u6821\u9A8C\u63A5\u53E3\u914D\u7F6E");
-          return false;
-        }
-        emit("success", (_a = data.map) == null ? void 0 : _a.token);
-      } finally {
-        loading.value = false;
-      }
-    };
-    const handleClickSubmit = () => {
-      var _a;
-      (_a = formRef.value) == null ? void 0 : _a.validate((errors) => {
-        if (!errors) {
-          submit();
-        } else {
-          console.log(errors);
-          return false;
-        }
-      });
-    };
-    watch(
-      () => props.modelValue,
-      (val) => {
-        if (val)
-          return;
-        Object.assign(form, DEFAULT_FORM);
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NModal), {
-        preset: "dialog",
-        title: __props.identityVerificationTitle,
-        class: "standard-modal standard-modal-white authentication-modal",
-        show: __props.modelValue,
-        "close-on-esc": false,
-        "show-icon": false,
-        style: normalizeStyle({ width: style.width, overflowY: "auto" }),
-        onClose: handleClickClose
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(unref(NForm), {
-              class: "login-form-button-print",
-              ref_key: "formRef",
-              ref: formRef,
-              model: unref(form),
-              rules
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(NFormItem), { path: "account" }, {
-                  default: withCtx(() => [
-                    createVNode(unref(NInput), {
-                      value: unref(form).account,
-                      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => unref(form).account = $event),
-                      placeholder: "\u8BF7\u8F93\u5165\u8D26\u53F7"
-                    }, null, 8, ["value"])
-                  ]),
-                  _: 1
-                }),
-                createVNode(unref(NFormItem), { path: "password" }, {
-                  default: withCtx(() => [
-                    createVNode(unref(NInput), {
-                      type: "password",
-                      "input-props": { autocomplete: "on", name: "password" },
-                      value: unref(form).password,
-                      "onUpdate:value": _cache[1] || (_cache[1] = ($event) => unref(form).password = $event),
-                      placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801"
-                    }, null, 8, ["value"])
-                  ]),
-                  _: 1
-                }),
-                createVNode(unref(NFormItem), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(NButton), {
-                      loading: loading.value,
-                      type: "primary",
-                      class: "login-form-button",
-                      onClick: handleClickSubmit
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode("\u767B\u5F55")
-                      ]),
-                      _: 1
-                    }, 8, ["loading"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["model"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["title", "show", "style"]);
-    };
-  }
-});
-var IdentityVerification = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "IdentityVerification.vue"]]);
-
-export { IdentityVerification as default };