cnhis-design-vue 3.1.30-beta.6 → 3.1.30

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

@@ -0,0 +1,142 @@
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode, createElementBlock, Fragment, renderList, createElementVNode, createTextVNode, toDisplayString } from 'vue';
+import { useMessage, NForm, NFormItem, NSpace, NUpload, NUploadDragger, NIcon, NText, NP } from 'naive-ui';
+import { Archive } from '@vicons/ionicons5';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { style: { "margin-bottom": "12px" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "edit",
+  props: {
+    saveIReportFormat: { type: Function, default: () => Promise.resolve() }
+  },
+  setup(__props, { expose }) {
+    const props = __props;
+    const $message = useMessage();
+    const fileList = ref([
+      {
+        key: "jrxml",
+        value: []
+      },
+      {
+        key: "jasper",
+        value: []
+      }
+    ]);
+    function submit(token) {
+      return new Promise((resolve, reject) => {
+        var _a, _b, _c, _d;
+        const isOk = fileList.value.every((file) => file.value.length > 0);
+        if (!isOk) {
+          $message.warning("\u8BF7\u5148\u4E0A\u4F20\u6587\u4EF6");
+          return;
+        }
+        const params = {
+          jrxml: (_b = (_a = fileList.value.find((file) => file.key === "jrxml")) == null ? void 0 : _a.value) == null ? void 0 : _b[0],
+          jasper: (_d = (_c = fileList.value.find((file) => file.key === "jasper")) == null ? void 0 : _c.value) == null ? void 0 : _d[0],
+          authorizationKey: token
+        };
+        props.saveIReportFormat(params).then((data = {}) => {
+          if ((data == null ? void 0 : data.result) !== "SUCCESS") {
+            $message.error((data == null ? void 0 : data.resultMsg) || "\u4E0A\u4F20\u6587\u4EF6\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\uFF01");
+            reject();
+          } else {
+            resolve("SUCCESS");
+          }
+        });
+      });
+    }
+    function onChange(data, index) {
+      fileList.value[index].value = data.fileList;
+    }
+    async function onBeforeUpload(data) {
+      if (!validateFormat(data.file, ".jrxml,.jasper")) {
+        $message.warning("\u53EA\u80FD\u4E0A\u4F20.jrxml\u6216\u8005.jasper\u683C\u5F0F\u7684\u6587\u4EF6\uFF0C\u8BF7\u91CD\u65B0\u4E0A\u4F20");
+        return false;
+      }
+      return true;
+    }
+    function validateFormat(file, format) {
+      let res = false;
+      if (!format || format.includes("*")) {
+        return true;
+      }
+      let list = format.split(",");
+      if (!list.length) {
+        return true;
+      }
+      let rExt = /\.([^.]+)$/;
+      let ext = rExt.exec(file.name) ? RegExp.$1.toLowerCase() : "";
+      res = format.includes(ext);
+      return res;
+    }
+    expose({
+      submit
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NForm), {
+        "label-placement": "left",
+        "label-width": 75
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(NFormItem), {
+            label: "\u683C\u5F0F\u6587\u4EF6:",
+            path: "file"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(NSpace), { vertical: "" }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(fileList.value, (file, index) => {
+                    return openBlock(), createBlock(unref(NUpload), {
+                      "directory-dnd": "",
+                      max: 1,
+                      key: file.key,
+                      onBeforeUpload,
+                      onChange: (data) => onChange(data, index)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(NUploadDragger), null, {
+                          default: withCtx(() => [
+                            createElementVNode("div", _hoisted_1, [
+                              createVNode(unref(NIcon), {
+                                size: "36",
+                                depth: 3,
+                                component: unref(Archive)
+                              }, null, 8, ["component"])
+                            ]),
+                            createVNode(unref(NText), { style: { "font-size": "14px" } }, {
+                              default: withCtx(() => [
+                                createTextVNode("\u70B9\u51FB\u6216\u8005\u62D6\u52A8\u6587\u4EF6\u5230\u8BE5\u533A\u57DF\u6765\u4E0A\u4F20")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(unref(NP), {
+                              depth: "3",
+                              style: { "margin": "5px 0 0 0" }
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode("xxxxxx." + toDisplayString(file.key), 1)
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1032, ["onChange"]);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+var EditForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "edit.vue"]]);
+
+export { EditForm as default };