cnhis-design-vue 3.1.6 → 3.1.7-beta.3

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

@@ -1 +1,452 @@
-import{defineComponent as t,reactive as e,computed as r,onMounted as i,watch as a,openBlock as n,createElementBlock as s,Fragment as o,createVNode as l,unref as m,withCtx as u,renderSlot as d,withModifiers as p,createCommentVNode as c,createTextVNode as f,toDisplayString as y,mergeProps as v}from"vue";import{useMessage as b,NDropdown as I,NButton as P,NIcon as g}from"naive-ui";import{ChevronDown as F}from"@vicons/ionicons5";import h from"./utils/print.es.min2.mjs";import"./components/IdentityVerification2.mjs";import T from"moment";import w from"./components/IdentityVerification.vue_vue_type_script_setup_true_lang.mjs";var k=t({name:"ButtonPrint",props:{btnText:{type:String,required:!1,default:"打印"},printText:{type:String,required:!1,default:"直接打印"},previewText:{type:String,required:!1,default:"打印预览"},formatEditText:{type:String,required:!1,default:"格式编辑"},params:{type:Array,required:!1,default:()=>[]},prevFn:{type:Function,required:!1,default:()=>Promise.resolve()},queryPrintFormatByNumber:{type:Function,required:!0,default:()=>Promise.resolve({})},queryTemplateParams:{type:Function,required:!1,default:()=>Promise.resolve({})},strategy:{type:String,required:!1,default:"MULTI"},printParams:{type:Array,required:!1},clickPrevFn:{type:Function,required:!1,default:()=>Promise.resolve(!0)},noDataMsg:{type:String,required:!1,default:"请选中需要打印的数据"}},emits:["success","error","clickoutside"],setup(t,{emit:k}){const x=t,D=b();let q=null;const S=e({spinning:!1,visible:!1,formatList:[],templateParams:{},printParams:[],currentFormatId:"",identityVerification:{visible:!1},isInited:!1,watchPrintParamsReformatFn:null,spinTimer:null}),j=e([{label:x.printText,key:"printText"},{label:x.previewText,key:"previewText"},{label:x.formatEditText,key:"formatEditText"}]),E=r((()=>{if(!S.currentFormatId)return{};let t=S.currentFormatId;return S.formatList.find((e=>e.id===t))})),V=r((()=>E.value.name||"格式选择")),L=t=>l("span",{class:{active:t.key===S.currentFormatId}},[t.label]),M=t=>S.formatList.find((e=>e.id===t)).templateId,N=(t,e)=>{let r={type:e,formatId:S.currentFormatId,templateId:M(S.currentFormatId)};k("success",t,r)},O=t=>{k("error",t)},Y=()=>{k("error",{message:"前置条件执行错误"})},_=(t=0)=>{var e;const r=(null==(e=x.printParams)?void 0:e.length)?x.printParams[t]:S.printParams[t];return JSON.stringify(r)},J=()=>{var t,e;let r={},i={};if(null==(t=S.templateParams.customizeDataset)?void 0:t.length){const t=(null==(e=Object.keys(S.printParams[0].datasetData||{}))?void 0:e[0])||"",r=JSON.stringify(S.printParams.map((e=>JSON.parse(e.datasetData[t]))));i={datasetData:{}},i.datasetData[t]=r}else Object.keys(S.printParams[0]).forEach((t=>{i[t]=[],S.printParams.forEach((e=>{i[t].push(e[t])})),i[t]=i[t].join(",")}));return r=Object.assign({},JSON.parse(_(0)),i),JSON.stringify(r)},R=t=>{switch(t){case"printText":(()=>{let t=S.printParams.length;const e=async e=>{try{--t<=0&&N(e,"print")}catch(t){console.log("error",t)}};x.prevFn().catch((()=>(Y(),Promise.reject()))).then((()=>{if("MULTI"===x.strategy)for(let t=0;t<S.printParams.length;t++){const r={formatId:S.currentFormatId,templateId:M(S.currentFormatId),params:_(t)};q.printDirect(r,e,O)}else{const t={formatId:S.currentFormatId,templateId:M(S.currentFormatId),params:J()};q.printDirect(t,(t=>{N(t,"print")}),O)}})).finally((()=>{S.visible=!1}))})();break;case"previewText":(async()=>{x.prevFn().catch((()=>(Y(),Promise.reject()))).then((()=>{const t="MULTI"===x.strategy?_():J(),e={formatId:S.currentFormatId,templateId:M(S.currentFormatId),params:t};q.preview(e,(t=>{N(t,"preview")}),O)})).finally((()=>{S.visible=!1}))})();break;case"formatEditText":x.prevFn().catch((()=>(Y(),Promise.reject()))).then((()=>{S.identityVerification.visible=!0})).finally((()=>{S.visible=!1}));break;default:S.currentFormatId=t,S.visible=!1}},B=()=>{S.visible=!1,k("clickoutside")},U=()=>(S.isInited=!1,S.spinning=!1,setTimeout((()=>{S.visible=!1}),0),!1),A=(t,e,r)=>{const i={};return e.forEach((e=>{let a=((t,e)=>{let r=t.defaultValue||"",i=e;return"NUMBER"===t.type&&(i=Number(e)||0),"DATE"===t.type&&(i=e?T(e).format("YYYY-MM-DD"):""),"DATETIME"===t.type&&(i=e?T(e).format("YYYY-MM-DD HH:mm:ss"):""),r||i})(e,t[e[r]]);t[e[r]]&&a&&(i[e[r]]=a)})),i},C=({customizeDataset:t=[],param:e=[]},r=[])=>r.map((r=>{let i={};return t.forEach((t=>{const e=t.dataSetting[0].selectFieldList;i.datasetData={[t.name]:JSON.stringify(A(r,e,"fieldName"))}})),i=Object.assign({},i,A(r,e,"key")),i})),z=async t=>{var e;if(S.formatList=t?(t=>{let e=[];return t&&t.forEach((t=>{if(!t.format)return!1;e.push(...t.format)})),e})(t.obj):[],console.log("formatListResult",t),S.currentFormatId=((t,e)=>{if(!(null==t?void 0:t.length))return"";let r=t.find((t=>1==t[e]));return(null==r?void 0:r.id)||t[0].id})(S.formatList,"defaultFlag"),(()=>{const t=S.formatList.map((t=>({label:t.name,key:t.id})));j.unshift({label:V.value,key:"format",children:t})})(),!S.currentFormatId)return D.error("获取打印格式失败，请联系管理员！"),U();if(!S.currentFormatId)return void U();let r=(null==(e=await x.queryTemplateParams())?void 0:e.obj)||{};if(!r)return U();S.templateParams=r,S.printParams=C(S.templateParams,x.params)},H=async()=>{if(S.isInited)return!0;S.isInited=!0,S.spinning=!0,(()=>{if(q)return!1;q=new h})();const t=await x.queryPrintFormatByNumber();return await z(t),S.spinning=!1,!0},$=async()=>{var t;if(await x.clickPrevFn())if(null==(t=x.params)?void 0:t.length){if(!S.visible){if(!await H())return!1}S.visible=!S.visible}else D.warning(x.noDataMsg)},G=()=>{S.watchPrintParamsReformatFn&&S.watchPrintParamsReformatFn(),S.isInited?S.printParams=C(S.templateParams,x.params):S.watchPrintParamsReformatFn=()=>a((()=>S.isInited),(t=>{if(!t)return!1;G()}))},K=t=>{S.identityVerification.visible=!1;const e={formatId:S.currentFormatId,templateId:M(S.currentFormatId),params:_(),token:t};q.editPrintFormat(e,(t=>{N(t,"edit")}),O)};return i((()=>{S.isInited=!1})),a((()=>x.params),(t=>{if(!(null==t?void 0:t.length))return!1;G()}),{deep:!0}),(e,r)=>(n(),s(o,null,[l(m(I),{class:"c-dropdown",placement:"bottom-start",trigger:"click",show:S.visible,onClickoutside:B,options:j,onSelect:R,"render-label":L},{default:u((()=>[d(e.$slots,"button",{handleClickPrintBtn:$,printSpinning:S.spinning,printbtnText:t.btnText,printVisible:S.visible},(()=>[l(m(P),{class:"dropdown-button",onClick:p($,["stop"])},{default:u((()=>[c(' <n-spin v-show="state.spinning" size="small"></n-spin> '),f(y(t.btnText)+" ",1),l(m(g),{component:m(F)},null,8,["component"])])),_:1},8,["onClick"])]))])),_:3},8,["show","options"]),l(w,v({modelValue:S.identityVerification.visible,"onUpdate:modelValue":r[0]||(r[0]=t=>S.identityVerification.visible=t)},e.$attrs,{onSuccess:K}),null,16,["modelValue"])],64))}});export{k as default};
+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({
+  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"
+    },
+    params: {
+      type: Array,
+      required: false,
+      default: () => []
+    },
+    prevFn: {
+      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) => {
+      var _a;
+      const params = ((_a = props.printParams) == null ? void 0 : _a.length) ? props.printParams[index] : state.printParams[index];
+      return JSON.stringify(params);
+    };
+    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(() => {
+        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 == 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) : [];
+      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 = ((_a = await props.queryTemplateParams()) == null ? void 0 : _a.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 () => {
+      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(state.currentFormatId),
+        params: getPrintParams(),
+        token
+      };
+      printInstance.editPrintFormat(queryParams, (res) => {
+        callLocalServicesSuccessCb(res, "edit");
+      }, callLocalServicesErrorCb);
+    };
+    onMounted(() => {
+      state.isInited = false;
+    });
+    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: unref(state).visible,
+        onClickoutside: handleClickOutside,
+        options: unref(options),
+        onSelect: handleSelect,
+        "render-label": renderLabel
+      }, {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "button", {
+          handleClickPrintBtn: handleClickBtn,
+          printSpinning: unref(state).spinning,
+          printbtnText: __props.btnText,
+          printVisible: unref(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(script$1, mergeProps({
+        modelValue: unref(state).identityVerification.visible,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(state).identityVerification.visible = $event)
+      }, _ctx.$attrs, {
+        onSuccess: verifiySuccess
+      }), null, 16, ["modelValue"])], 64);
+    };
+  }
+});
+
+export { script as default };

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

@@ -1 +1,4 @@
-import t from"./ButtonPrint.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./ButtonPrint.vue_vue_type_script_setup_true_lang.mjs";t.__file="packages/button-print/src/ButtonPrint.vue";
+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

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