cnhis-design-vue 3.1.14-beta.2 → 3.1.14-beta.5

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

@@ -0,0 +1,128 @@
+import { defineComponent, reactive, ref, onMounted, watch, openBlock, createBlock, unref, normalizeStyle, withCtx, createElementVNode, createVNode, createTextVNode } from 'vue';
+import { useMessage, NModal, NForm, NFormItem, NInput, NButton } from 'naive-ui';
+
+const _hoisted_1 = { class: "content" };
+const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u767B\u5F55");
+var script = /* @__PURE__ */ defineComponent({
+  __name: "IdentityVerification",
+  props: {
+    verifyUser: { type: Function, required: false, default: () => Promise.resolve() },
+    identityVerificationTitle: { type: String, required: false, default: "\u6253\u5370\u670D\u52A1\u8EAB\u4EFD\u6821\u9A8C" },
+    modelValue: { type: Boolean, required: true }
+  },
+  emits: ["update:modelValue", "success"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const $message = useMessage();
+    const DEFAULT_FORM = {
+      account: "",
+      password: ""
+    };
+    let form = reactive(JSON.parse(JSON.stringify(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);
+    };
+    const submit = async () => {
+      var _a;
+      const { data = {} } = await props.verifyUser(form);
+      if (data.result !== "SUCCESS") {
+        $message.error(data.resultMsg);
+        return false;
+      }
+      emit("success", (_a = data.map) == null ? void 0 : _a.token);
+    };
+    const handleClickSubmit = () => {
+      var _a;
+      (_a = formRef.value) == null ? void 0 : _a.validate((errors) => {
+        if (!errors) {
+          submit();
+        } else {
+          console.log(errors);
+          return false;
+        }
+      });
+    };
+    onMounted(() => {
+    });
+    watch(() => props.modelValue, (val) => {
+      if (val)
+        return;
+      form = JSON.parse(JSON.stringify(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",
+                      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), {
+                      type: "primary",
+                      class: "login-form-button",
+                      onClick: handleClickSubmit
+                    }, {
+                      default: withCtx(() => [
+                        _hoisted_2
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["title", "show", "style"]);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/button-print/src/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './print';

package/es/packages/button-print/src/utils/index.js

@@ -0,0 +1 @@
+export { Print } from './print.js';

package/es/packages/button-print/src/utils/print.d.ts

@@ -0,0 +1,41 @@
+import { AnyObject, Func } from '../../../../../es/src/types';
+export declare class Print {
+    private readonly webview;
+    private currentMessageHandler?;
+    constructor();
+    private readonly messageHandlerStack;
+    private messageHandler;
+    private postMessage;
+    destroy(): void;
+    _testConnection(): Promise<unknown>;
+    _queryServicesPrint(params: AnyObject): Promise<any>;
+    _callPrintWithFile(queryParams: AnyObject): Promise<any>;
+    _handleResult(data: AnyObject, errorCallbackFn?: Func): false | AnyObject;
+    _handleResultTest(result: any, errorCallbackFn?: Func): boolean;
+    _handleEventQueryPrintData(templateId: string, formatId: string, params: AnyObject, errorCallbackFn?: Func): Promise<false | {
+        file: any;
+        printerName: any;
+        pageCount: any;
+        formatId: string;
+    }>;
+    _handleQueryPrintDataResult(printData: AnyObject, formatId: string, errorCallbackFn?: Func): false | {
+        file: any;
+        printerName: any;
+        pageCount: any;
+        formatId: string;
+    };
+    _handleEventDirect({ templateId, formatId, params, cmdid, print, printdlgshow, nobillnode }: AnyObject): Promise<any>;
+    _handleEventEditFormat({ templateId, formatId, params, token }: AnyObject): Promise<any>;
+    preview({ templateId, formatId, params }: AnyObject, successCallbackFn?: Func, errorCallbackFn?: Func): Promise<false | undefined>;
+    printDirect({ templateId, formatId, params, print, printdlgshow, nobillnode }: AnyObject, successCallbackFn: Func, errorCallbackFn: Func): Promise<false | undefined>;
+    print({ templateId, formatId, params }: AnyObject, successCallbackFn?: Func, errorCallbackFn?: Func): Promise<false | undefined>;
+    queryPrintData({ templateId, formatId, params }: AnyObject, successCallbackFn?: Func, errorCallbackFn?: Func): Promise<false | {
+        file: any;
+        printerName: any;
+        pageCount: any;
+        formatId: string;
+    }>;
+    printFileData({ formatId, file, printerName }: AnyObject, successCallbackFn?: Func, errorCallbackFn?: Func): Promise<false | AnyObject>;
+    editPrintFormat({ templateId, formatId, params, token }: AnyObject, successCallbackFn?: Func, errorCallbackFn?: Func): Promise<false | undefined>;
+    addPrintFormat({ templateId, params, token }: AnyObject, successCallbackFn?: Func, errorCallbackFn?: Func): Promise<false | undefined>;
+}

package/es/packages/button-print/src/utils/print.js

@@ -0,0 +1,325 @@
+import axios from 'axios';
+
+const PRINT_ORIGIN = "http://127.0.0.1:11111";
+const EDIT_LOCAL_URL = `${PRINT_ORIGIN}/services/print`;
+const PRINT_URL = `${PRINT_ORIGIN}/PrintLocal`;
+const PRINT_CMD_ID = "7";
+const PREVIEW_CMD_ID = "8";
+const PRINTER_NAME_DEFAULT = "Default";
+const testHttpFn = axios.create({
+  timeout: 1e3,
+  withCredentials: false
+});
+const httpFn = axios.create({ withCredentials: false });
+class Print {
+  constructor() {
+    this.messageHandlerStack = [];
+    var _a;
+    const _window = window;
+    this.webview = (_a = _window.chrome) == null ? void 0 : _a.webview;
+    if (!this.webview)
+      return;
+    this.currentMessageHandler = this.messageHandler.bind(this);
+    this.webview.addEventListener("message", this.currentMessageHandler);
+  }
+  messageHandler(e) {
+    const handler = this.messageHandlerStack.pop();
+    if (!handler)
+      return console.log("\u5F53\u524D\u56DE\u6267", e, "\u6CA1\u6709\u53EF\u7528\u7684handler");
+    const { resolve, reject } = handler;
+    try {
+      console.log(e);
+      resolve(JSON.parse(e.data));
+    } catch (e2) {
+      reject(e2);
+    }
+  }
+  async postMessage(data) {
+    if (!this.webview)
+      return Promise.reject();
+    return new Promise((resolve, reject) => {
+      this.messageHandlerStack.push({ resolve, reject });
+      this.webview.postMessage(data);
+    });
+  }
+  destroy() {
+    if (this.webview && this.currentMessageHandler) {
+      this.webview.removeEventListener("message", this.currentMessageHandler);
+      this.currentMessageHandler = void 0;
+    }
+  }
+  _testConnection() {
+    if (this.webview)
+      return Promise.resolve(true);
+    return new Promise((resolve) => {
+      testHttpFn({
+        url: `${PRINT_ORIGIN}/test`,
+        method: "get",
+        withCredentials: false,
+        params: {
+          inputdata: {
+            result: "success"
+          }
+        }
+      }).then(({ data }) => {
+        if (data.result !== "success") {
+          resolve(false);
+          return;
+        }
+        resolve(true);
+      }).catch((err) => {
+        resolve(false);
+      });
+    });
+  }
+  _queryServicesPrint(params) {
+    if (this.webview) {
+      return this.postMessage({ exec: "print", data: { inputData: params } });
+    }
+    return httpFn({
+      url: EDIT_LOCAL_URL,
+      method: "get",
+      params: {
+        inputData: JSON.stringify(params)
+      }
+    }).then(({ data }) => {
+      return data;
+    });
+  }
+  _callPrintWithFile(queryParams) {
+    const defaultQueryParams = {
+      cmdid: PRINT_CMD_ID,
+      flag: "1"
+    };
+    const params = {
+      inputData: JSON.stringify(Object.assign({}, defaultQueryParams, queryParams))
+    };
+    if (this.webview) {
+      return this.postMessage({ exec: "print", data: transformData(params) });
+    }
+    return httpFn({
+      url: PRINT_URL,
+      method: "post",
+      data: params,
+      transformRequest: [transformData]
+    }).then(({ data }) => {
+      return data;
+    });
+    function transformData(oldData) {
+      let newStr = "";
+      for (const item in oldData) {
+        newStr += encodeURIComponent(item) + "=" + encodeURIComponent(oldData[item]) + "&";
+      }
+      newStr = newStr.slice(0, -1);
+      return newStr;
+    }
+  }
+  _handleResult(data, errorCallbackFn) {
+    if (data.result !== "success") {
+      const message = data.message || data.Message;
+      const errorMsgObj = {
+        type: "printError",
+        message,
+        result: data.result,
+        errinfo: data.errinfo
+      };
+      errorCallbackFn == null ? void 0 : errorCallbackFn(errorMsgObj);
+      return false;
+    }
+    return data;
+  }
+  _handleResultTest(result, errorCallbackFn) {
+    if (!result) {
+      console.log("notInstalledApp");
+      errorCallbackFn == null ? void 0 : errorCallbackFn({
+        type: "notInstalledApp",
+        message: "\u8BF7\u6253\u5F00\u6253\u5370\u670D\u52A1\u5668\u63D2\u4EF6"
+      });
+      return false;
+    }
+    return true;
+  }
+  async _handleEventQueryPrintData(templateId, formatId, params, errorCallbackFn) {
+    const queryParams = {
+      templateId,
+      formatId,
+      params,
+      cmdid: PRINT_CMD_ID
+    };
+    const printData = await this._queryServicesPrint(queryParams);
+    return this._handleQueryPrintDataResult(printData, formatId, errorCallbackFn);
+  }
+  _handleQueryPrintDataResult(printData, formatId, errorCallbackFn) {
+    if (!(printData == null ? void 0 : printData.file)) {
+      try {
+        const message = printData.message || printData.Message;
+        console.log(message);
+        errorCallbackFn == null ? void 0 : errorCallbackFn({
+          type: "queryPrintDataFailure",
+          message
+        });
+      } catch (err) {
+        console.log(err);
+      }
+      return false;
+    }
+    return {
+      file: printData.file,
+      printerName: printData.defprinter,
+      pageCount: printData.pagecount,
+      formatId
+    };
+  }
+  async _handleEventDirect({
+    templateId,
+    formatId,
+    params,
+    cmdid,
+    print,
+    printdlgshow = "1",
+    nobillnode = "1"
+  }) {
+    const queryParams = {
+      templateId,
+      formatId,
+      params,
+      cmdid,
+      nobillnode,
+      printdlgshow
+    };
+    if (print) {
+      try {
+        print = JSON.parse(print);
+      } catch (error) {
+      }
+      queryParams.print = print;
+    }
+    return await this._queryServicesPrint(queryParams);
+  }
+  async _handleEventEditFormat({ templateId, formatId = "", params = "", token }) {
+    const DEFAULT_PARAMS = {};
+    let formatParams = {};
+    try {
+      formatParams = Object.assign({}, DEFAULT_PARAMS, JSON.parse(params));
+    } catch (error) {
+      formatParams = DEFAULT_PARAMS;
+    }
+    const queryParams = {
+      templateId,
+      formatId,
+      cmdid: "9",
+      token,
+      params: JSON.stringify(formatParams)
+    };
+    return await this._queryServicesPrint(queryParams);
+  }
+  async preview({ templateId, formatId, params = "" }, successCallbackFn, errorCallbackFn) {
+    const testResult = await this._testConnection();
+    if (!this._handleResultTest(testResult, errorCallbackFn))
+      return false;
+    const result = await this._handleEventDirect({
+      templateId,
+      formatId,
+      params,
+      cmdid: PREVIEW_CMD_ID
+    });
+    if (!result)
+      return false;
+    const handledResult = this._handleResult(result, errorCallbackFn);
+    if (!handledResult)
+      return false;
+    successCallbackFn && successCallbackFn(handledResult);
+  }
+  async printDirect({ templateId, formatId, params = "", print, printdlgshow, nobillnode }, successCallbackFn, errorCallbackFn) {
+    const testResult = await this._testConnection();
+    if (!this._handleResultTest(testResult, errorCallbackFn))
+      return false;
+    const result = await this._handleEventDirect({
+      templateId,
+      formatId,
+      params,
+      cmdid: PRINT_CMD_ID,
+      print,
+      printdlgshow,
+      nobillnode
+    });
+    if (!result)
+      return false;
+    const handledResult = this._handleResult(result, errorCallbackFn);
+    if (!handledResult)
+      return false;
+    successCallbackFn && successCallbackFn(handledResult);
+  }
+  async print({ templateId, formatId, params = "" }, successCallbackFn, errorCallbackFn) {
+    const testResult = await this._testConnection();
+    if (!this._handleResultTest(testResult, errorCallbackFn))
+      return false;
+    const printData = await this.queryPrintData({ templateId, formatId, params }, void 0, errorCallbackFn);
+    if (!printData)
+      return false;
+    const handledResult = this.printFileData({
+      formatId,
+      file: printData.file,
+      printerName: printData.printerName
+    }, void 0, errorCallbackFn);
+    if (!handledResult)
+      return false;
+    successCallbackFn && successCallbackFn(handledResult);
+  }
+  async queryPrintData({ templateId, formatId, params = "" }, successCallbackFn, errorCallbackFn) {
+    const testResult = await this._testConnection();
+    if (!this._handleResultTest(testResult, errorCallbackFn))
+      return false;
+    const result = await this._handleEventQueryPrintData(templateId, formatId, params, errorCallbackFn);
+    if (!result)
+      return false;
+    successCallbackFn && successCallbackFn(result);
+    return result;
+  }
+  async printFileData({ formatId, file, printerName = PRINTER_NAME_DEFAULT }, successCallbackFn, errorCallbackFn) {
+    const testResult = await this._testConnection();
+    if (!this._handleResultTest(testResult, errorCallbackFn))
+      return false;
+    const result = await this._callPrintWithFile({
+      formatId,
+      printname: printerName,
+      file
+    });
+    const handledResult = this._handleResult(result, errorCallbackFn);
+    if (!handledResult)
+      return false;
+    successCallbackFn && successCallbackFn(handledResult);
+    return handledResult;
+  }
+  async editPrintFormat({ templateId, formatId, params, token }, successCallbackFn, errorCallbackFn) {
+    const testResult = await this._testConnection();
+    if (!this._handleResultTest(testResult, errorCallbackFn))
+      return false;
+    const result = await this._handleEventEditFormat({
+      templateId,
+      formatId,
+      params,
+      token
+    });
+    const handledResult = this._handleResult(result, errorCallbackFn);
+    if (!handledResult)
+      return false;
+    successCallbackFn && successCallbackFn(handledResult);
+  }
+  async addPrintFormat({ templateId, params, token }, successCallbackFn, errorCallbackFn) {
+    const testResult = await this._testConnection();
+    if (!this._handleResultTest(testResult, errorCallbackFn))
+      return false;
+    const result = await this._handleEventEditFormat({
+      templateId,
+      params,
+      token
+    });
+    const handledResult = this._handleResult(result, errorCallbackFn);
+    if (!handledResult)
+      return false;
+    successCallbackFn && successCallbackFn(handledResult);
+  }
+}
+
+export { Print };

package/es/packages/button-print/style/index.css

@@ -0,0 +1,24 @@
+.dropdown-button {
+  color: #212121;
+  border-color: #d5d5d5 !important;
+}
+.c-dropdown .n-dropdown-menu-wrapper span.active {
+  color: #5585f5;
+}
+.login-form-button {
+  width: 100%;
+  height: 50px;
+  border-radius: 24px;
+  font-size: 16px;
+  color: #ffffff;
+}
+.login-form-button-print {
+  padding-top: 15px;
+}
+.login-form-button-print .n-input {
+  height: 50px;
+  line-height: 50px;
+  font-size: 14px;
+  color: #757575;
+  border-radius: 6px;
+}