cnhis-design-vue 3.1.2 → 3.1.3

package/es/packages/button-print/src/ButtonPrint.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,462 @@
+import { defineComponent, reactive, computed, onMounted, watch, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, renderSlot, withModifiers, createCommentVNode, createTextVNode, toDisplayString, mergeProps } from 'vue';
+import { useMessage, NDropdown, NButton, NIcon } from 'naive-ui';
+import { ChevronDown } from '@vicons/ionicons5';
+import Yi from './utils/print.es.min2.mjs';
+import './components/IdentityVerification2.mjs';
+import moment from 'moment';
+import script$1 from './components/IdentityVerification.vue_vue_type_script_setup_true_lang.mjs';
+
+var script = /* @__PURE__ */ defineComponent({
+  name: "ButtonPrint",
+  props: {
+    btnText: {
+      type: String,
+      required: false,
+      default: "\u6253\u5370"
+    },
+    printText: {
+      type: String,
+      required: false,
+      default: "\u76F4\u63A5\u6253\u5370"
+    },
+    previewText: {
+      type: String,
+      required: false,
+      default: "\u6253\u5370\u9884\u89C8"
+    },
+    formatEditText: {
+      type: String,
+      required: false,
+      default: "\u683C\u5F0F\u7F16\u8F91"
+    },
+    identityVerificationTitle: {
+      type: String,
+      required: false,
+      default: "\u6253\u5370\u670D\u52A1\u8EAB\u4EFD\u6821\u9A8C"
+    },
+    params: {
+      type: Array,
+      required: false,
+      default: () => []
+    },
+    prevFn: {
+      type: Function,
+      required: false,
+      default: () => Promise.resolve()
+    },
+    verifyUser: {
+      type: Function,
+      required: false,
+      default: () => Promise.resolve()
+    },
+    queryPrintFormatByNumber: {
+      type: Function,
+      required: true,
+      default: () => Promise.resolve({})
+    },
+    queryTemplateParams: {
+      type: Function,
+      required: false,
+      default: () => Promise.resolve({})
+    },
+    strategy: {
+      type: String,
+      required: false,
+      default: "MULTI"
+    },
+    printParams: {
+      type: Array,
+      required: false
+    },
+    clickPrevFn: {
+      type: Function,
+      required: false,
+      default: () => Promise.resolve(true)
+    },
+    noDataMsg: {
+      type: String,
+      required: false,
+      default: "\u8BF7\u9009\u4E2D\u9700\u8981\u6253\u5370\u7684\u6570\u636E"
+    }
+  },
+  emits: ["success", "error", "clickoutside"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const $message = useMessage();
+    let printInstance = null;
+    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.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 renderLabel = (option) => {
+      return createVNode("span", {
+        "class": {
+          "active": option.key === state.currentFormatId
+        }
+      }, [option.label]);
+    };
+    const getTemplateIdByFormatId = (id) => {
+      let find = state.formatList.find((item) => item.id === id);
+      return find.templateId;
+    };
+    const callLocalServicesSuccessCb = (res, type) => {
+      let info = {
+        type,
+        formatId: state.currentFormatId,
+        templateId: getTemplateIdByFormatId(state.currentFormatId)
+      };
+      emit("success", res, info);
+    };
+    const callLocalServicesErrorCb = (res) => {
+      emit("error", res);
+    };
+    const prevFnError = () => {
+      let error = {
+        message: "\u524D\u7F6E\u6761\u4EF6\u6267\u884C\u9519\u8BEF"
+      };
+      emit("error", error);
+    };
+    const getPrintParams = (index = 0) => {
+      const params = props.printParams?.length ? props.printParams[index] : state.printParams[index];
+      return JSON.stringify(params);
+    };
+    const getOnceParams = () => {
+      let params = {};
+      let obj = {};
+      if (state.templateParams.customizeDataset?.length) {
+        const key = Object.keys(state.printParams[0].datasetData || {})?.[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(() => {
+        if (props.strategy === "MULTI") {
+          for (let i = 0; i < state.printParams.length; i++) {
+            const queryParams = {
+              formatId: state.currentFormatId,
+              templateId: getTemplateIdByFormatId(state.currentFormatId),
+              params: getPrintParams(i)
+            };
+            printInstance.printDirect(queryParams, callLocalServicesSuccessCbTmp, callLocalServicesErrorCb);
+          }
+        } else {
+          const queryParams = {
+            formatId: state.currentFormatId,
+            templateId: getTemplateIdByFormatId(state.currentFormatId),
+            params: getOnceParams()
+          };
+          printInstance.printDirect(queryParams, (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(state.currentFormatId),
+          params
+        };
+        printInstance.preview(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;
+        default:
+          state.currentFormatId = key;
+          state.visible = false;
+          break;
+      }
+    };
+    const handleClickOutside = () => {
+      state.visible = false;
+      emit("clickoutside");
+    };
+    const instantiatePrintSDK = () => {
+      if (printInstance)
+        return false;
+      printInstance = new Yi();
+    };
+    const getDefaultFormatId = (list, key) => {
+      if (!list?.length)
+        return "";
+      let findDefault = list.find((item) => item[key] == 1);
+      return 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.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) => {
+      state.formatList = formatListResult ? formatFormatList(formatListResult.obj) : [];
+      console.log("formatListResult", formatListResult);
+      state.currentFormatId = getDefaultFormatId(state.formatList, "defaultFlag");
+      setOptions();
+      if (!state.currentFormatId) {
+        $message.error("\u83B7\u53D6\u6253\u5370\u683C\u5F0F\u5931\u8D25\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\uFF01");
+        return requestError();
+      }
+      if (!state.currentFormatId) {
+        requestError();
+        return;
+      }
+      let templateParamsResult = (await props.queryTemplateParams())?.obj || {};
+      if (templateParamsResult) {
+        state.templateParams = templateParamsResult;
+      } else {
+        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 () => {
+      const status = await props.clickPrevFn();
+      if (!status)
+        return;
+      if (!props.params?.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(state.currentFormatId),
+        params: getPrintParams(),
+        token
+      };
+      printInstance.editPrintFormat(queryParams, (res) => {
+        callLocalServicesSuccessCb(res, "edit");
+      }, callLocalServicesErrorCb);
+    };
+    onMounted(() => {
+      state.isInited = false;
+    });
+    watch(() => props.params, (val) => {
+      if (!val?.length)
+        return false;
+      reformatPrintParams();
+    }, {
+      deep: true
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(NDropdown), {
+        class: "rowFoldHideBtnList-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",
+          style: {
+            "margin": "0 8px 8px 0"
+          },
+          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(script$1, 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 { script as default };

package/es/packages/button-print/src/ButtonPrint2.mjs

@@ -0,0 +1,4 @@
+import script from './ButtonPrint.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './ButtonPrint.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "packages/button-print/src/ButtonPrint.vue";

package/es/packages/button-print/src/components/IdentityVerification.mjs

@@ -0,0 +1,2 @@
+import './IdentityVerification2.mjs';
+export { default } from './IdentityVerification.vue_vue_type_script_setup_true_lang.mjs';