@skyfox2000/webui 1.3.3 → 1.3.4

package/lib/es/ExcelForm/index.js

@@ -1,31 +1,34 @@
-import { defineComponent as Y, ref as r, watch as V, onMounted as Z, createBlock as ee, openBlock as d, unref as i, withCtx as _, renderSlot as ae, createElementVNode as c, createVNode as m, createElementBlock as f, createCommentVNode as M, createTextVNode as O, toDisplayString as F, normalizeClass as le, Fragment as P, renderList as $ } from "vue";
-import { _ as A } from "../../assets/modules/index-V1j9haWy.js";
-import { Modal as te, Upload as I, Alert as G, Space as re } from "ant-design-vue";
-import { ResStatus as oe } from "@skyfox2000/fapi";
-import { a1 as se, a7 as ie } from "../../assets/modules/uploadList-DA4TRDWR.js";
-import { A as ue, p as ne, U as ce } from "../../assets/modules/file-upload-D4Pqs8h3.js";
+import { defineComponent as Ce, ref as o, computed as G, watch as I, onMounted as Ue, createBlock as Q, openBlock as f, unref as i, withCtx as T, renderSlot as _e, createElementBlock as y, createCommentVNode as L, createElementVNode as x, createVNode as F, createTextVNode as q, toDisplayString as b, normalizeClass as Te, Fragment as re, renderList as te } from "vue";
+import { _ as W } from "../../assets/modules/index-BG1SqSVl.js";
+import { Modal as Fe, Upload as se, Alert as oe, Space as Ee } from "ant-design-vue";
+import { httpGet as Se, ResStatus as ie } from "@skyfox2000/fapi";
+import { C as ke, a1 as De, a7 as Ve } from "../../assets/modules/uploadList-D_Z-Y2tw.js";
+import { A as Le, p as Re, U as Be } from "../../assets/modules/file-upload-BBlFaIXB.js";
 import "@skyfox2000/microbase";
 import n from "vue-m-message";
-import { p as ve, v as de, c as fe } from "../../assets/modules/form-excel-D1vXB4c4.js";
+import { _ as Ne, c as Pe, p as ze, v as Ae, a as Me } from "../../assets/modules/index-4kDAt8nS.js";
 import "dayjs";
 import "vue-draggable-next";
-import pe from "@vue-office/excel";
-const me = { class: "mb-4 flex items-center" }, xe = {
+import $e from "@vue-office/excel";
+const je = {
   key: 0,
-  class: "ml-3 text-gray-600"
-}, ge = { class: "flex gap-4" }, ye = {
+  class: "mb-4 flex items-center"
+}, Oe = {
   key: 0,
+  class: "ml-3 text-gray-600"
+}, Ke = { class: "flex gap-4" }, Ge = {
+  key: 1,
   class: "w-[22%] flex-grow overflow-hidden flex flex-col"
-}, he = { class: "bg-gray-50 p-2 rounded border flex-grow flex flex-col" }, _e = {
+}, Ie = { class: "bg-gray-50 p-2 rounded border flex-grow flex flex-col" }, Qe = {
   key: 0,
   class: "text-gray-500"
-}, be = {
+}, qe = {
   key: 1,
   class: "flex flex-col"
-}, we = { class: "overflow-y-auto" }, Ce = { class: "text-[13px] text-gray-600" }, Fe = { class: "pl-5 mt-1 mb-0" }, Ee = {
+}, We = { class: "overflow-y-auto" }, He = { class: "text-[13px] text-gray-600" }, Je = { class: "pl-5 mt-1 mb-0" }, Xe = {
   key: 0,
   class: "mt-3"
-}, Ue = { class: "text-[12px] text-gray-600 p-1" }, Se = { class: "text-[13px] text-gray-600" }, ke = { class: "pl-5 mt-1 mb-0" }, De = { class: "text-[12px] text-gray-600" }, Pe = /* @__PURE__ */ Y({
+}, Ye = { class: "text-[12px] text-gray-600 p-1" }, Ze = { class: "text-[13px] text-gray-600" }, el = { class: "pl-5 mt-1 mb-0" }, ll = { class: "text-[12px] text-gray-600" }, xl = /* @__PURE__ */ Ce({
   __name: "excelForm",
   props: {
     title: {},
@@ -35,230 +38,357 @@ const me = { class: "mb-4 flex items-center" }, xe = {
     excelFieldMap: {},
     fileField: {},
     excelBatchField: {},
-    saveText: {}
+    saveText: {},
+    cancelText: {},
+    previewUrl: {},
+    fileType: {}
   },
-  setup(Q) {
-    const o = Q, e = o.excelCtrl, b = r(!1), w = r(""), q = r([]), x = r(""), E = r(!0), U = r("待验证数据规则"), S = r("warning"), k = r("待验证重复数据"), D = r("warning");
-    V(
-      () => e.visible.value,
+  setup(ne) {
+    var Z, ee, le;
+    const r = ne, t = r.excelCtrl, h = o(!1), d = o(""), ce = o([]), c = o(""), C = o(!0), z = G(() => !!r.previewUrl), ue = G(() => {
+      switch (r.fileType || "both") {
+        case "excel":
+          return ".xlsx,.xls";
+        case "csv":
+          return ".csv";
+        case "both":
+        default:
+          return ".xlsx,.xls,.csv";
+      }
+    }), ve = G(() => {
+      switch (r.fileType || "both") {
+        case "excel":
+          return "请选择Excel文件";
+        case "csv":
+          return "请选择CSV文件";
+        case "both":
+        default:
+          return "请选择Excel或CSV文件";
+      }
+    }), E = o("待验证数据规则"), S = o("warning"), k = o("待验证重复数据"), D = o("warning");
+    I(
+      () => t.visible.value,
       () => {
-        b.value = e.visible.value;
+        h.value = t.visible.value, h.value && (d.value = "", c.value = "", C.value = !0, E.value = "待验证数据规则", S.value = "warning", k.value = "待验证重复数据", D.value = "warning", R.value = !1, B.value = !1, r.previewUrl && j());
       }
-    ), V(
-      () => b.value,
+    ), I(
+      () => h.value,
       () => {
-        e.visible.value = b.value;
+        t.visible.value = h.value;
       }
+    ), I(
+      () => r.previewUrl,
+      () => {
+        h.value && r.previewUrl && j();
+      },
+      { deep: !0 }
     );
-    const R = r(o.uploadParams), p = r(R.value.uploadUrl), g = r(R.value.duplicateRules), C = r(R.value.duplicateUrl), H = async () => {
-      const a = p.value;
-      if (!a) {
+    const A = o(r.uploadParams), g = o((Z = A.value) == null ? void 0 : Z.uploadUrl), U = o((ee = A.value) == null ? void 0 : ee.duplicateRules), V = o((le = A.value) == null ? void 0 : le.duplicateUrl), j = async () => {
+      if (!(!r.previewUrl || !t))
+        try {
+          let e = null;
+          if (t.isFormLoading.value = !0, r.previewUrl.method === "GET") {
+            const l = {
+              ...r.previewUrl,
+              method: "GET",
+              api: r.previewUrl.api || t.page.api,
+              authorize: r.previewUrl.authorize ?? t.page.authorize
+            };
+            e = await Se(l);
+          } else {
+            const l = r.previewUrl.params;
+            e = await ke(t, {
+              url: r.previewUrl,
+              urlKey: "preview",
+              params: l,
+              hideErrorToast: !0
+            });
+          }
+          if (r.previewUrl.raw)
+            await H(e);
+          else if ((e == null ? void 0 : e.status) === ie.SUCCESS && e.data) {
+            const l = e.data;
+            await H(l);
+          } else
+            throw new Error((e == null ? void 0 : e.msg) || "文件加载失败");
+        } catch (e) {
+          console.error("预览文件加载错误:", e), n.error("文件加载失败：" + ((e == null ? void 0 : e.message) || "未知错误"));
+        } finally {
+          t.isFormLoading.value = !1;
+        }
+    }, O = async (e, l = "preview.csv") => {
+      const a = await Pe(e, l);
+      if (a.success)
+        d.value = a.blobUrl, c.value = a.fileName;
+      else
+        throw new Error(a.error || "CSV格式处理失败");
+    }, K = (e, l, a = "预览文件.xlsx") => {
+      const s = l || "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+      d.value = `data:${s};base64,${e}`, c.value = a;
+    }, pe = (e) => e.includes(",") || e.includes(`
+`), fe = (e, l) => e === "text/csv" || (l == null ? void 0 : l.toLowerCase().includes(".csv")), de = (e, l) => e === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" || e === "application/vnd.ms-excel" || (l == null ? void 0 : l.toLowerCase().match(/\.(xlsx|xls)$/)), H = async (e) => {
+      var l;
+      if ((l = r.previewUrl) != null && l.raw) {
+        if (typeof e == "string")
+          pe(e) ? await O(e) : K(e);
+        else if (e instanceof ArrayBuffer || e instanceof Uint8Array) {
+          const a = new Blob([e], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
+          d.value = URL.createObjectURL(a), c.value = "预览文件.xlsx";
+        } else
+          throw new Error("不支持的原始文件格式");
+        return;
+      }
+      if (e.Content && e.Type)
+        fe(e.Type, e.FileName) ? await O(e.Content, e.FileName || "preview.csv") : de(e.Type, e.FileName) ? K(e.Content, e.Type, e.FileName || "预览文件.xlsx") : K(e.Content);
+      else if (e.url)
+        d.value = e.url, c.value = e.fileName || "预览文件.xlsx";
+      else if (typeof e == "string")
+        await O(e);
+      else
+        throw new Error("不支持的文件格式");
+    }, me = async () => {
+      var l;
+      const e = g.value;
+      if (!e) {
         n.error("未配置文件上传地址！");
         return;
       }
-      if (B.value) {
+      if (R.value) {
         n.error("表格数据存在验证错误，请修正后再上传！");
         return;
       }
-      e.isFormLoading.value = !0;
+      t.isFormSaving.value = !0;
       try {
-        if (!z.value || !x.value) {
-          n.warning("请先选择Excel文件！"), e.isFormLoading.value = !1;
+        if (!N.value || !c.value) {
+          n.warning("请先选择文件！"), t.isFormSaving.value = !1;
           return;
         }
-        const l = new ue(a, 1), s = new File([z.value], x.value, {
-          type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-        }), t = ne.join(R.value.basePath, x.value), v = {
+        const a = new Le(e, 1), s = J.value || "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", m = new File([N.value], c.value, {
+          type: s
+        }), u = Re.join(((l = A.value) == null ? void 0 : l.basePath) ?? "", c.value), v = {
           uid: "1",
-          name: x.value,
-          originFileObj: s,
-          status: ce.Uploading,
+          name: c.value,
+          originFileObj: m,
+          status: Be.Uploading,
           percent: 0,
           params: {
-            FileKey: t
+            FileKey: u
           }
-        }, y = new AbortController();
+        }, w = new AbortController();
         try {
-          await l.uploadFile(v, y.signal, (u) => {
-            v.percent = u;
-          }), n.success("文件上传成功，开始业务处理！"), J(v);
-        } catch (u) {
-          throw console.error("文件上传错误：", u), n.error((u == null ? void 0 : u.message) || "文件上传失败，请稍后再试！"), u;
+          await a.uploadFile(v, w.signal, (p) => {
+            v.percent = p;
+          }), n.success("文件上传成功，开始业务处理！"), xe(v);
+        } catch (p) {
+          throw console.error("文件上传错误：", p), n.error((p == null ? void 0 : p.message) || "文件上传失败，请稍后再试！"), p;
         }
-      } catch (l) {
-        console.error("上传处理错误：", l), n.error("上传处理失败：" + ((l == null ? void 0 : l.message) || "未知错误"));
+      } catch (a) {
+        console.error("上传处理错误：", a), n.error("上传处理失败：" + ((a == null ? void 0 : a.message) || "未知错误"));
       } finally {
-        e.isFormLoading.value = !1;
+        t.isFormSaving.value = !1;
       }
-    }, J = async (a) => {
-      if (e.formData.value) {
-        if (o.excelBatchField) {
-          const t = await ve(z.value);
-          if (!t) return null;
-          const { excelData: v } = t, y = v.map((u) => {
-            const h = {};
-            for (const L in u) {
-              const j = o.excelFieldMap[L];
-              j && (h[j] = u[L]);
+    }, xe = async (e) => {
+      if (t.formData.value) {
+        if (r.excelBatchField) {
+          const s = await ze(N.value);
+          if (!s) return null;
+          const { excelData: m } = s, u = m.map((v) => {
+            var p;
+            const w = {};
+            for (const _ in v) {
+              const $ = (p = r.excelFieldMap) == null ? void 0 : p[_];
+              $ && (w[$] = v[_]);
             }
-            return h;
+            return w;
           });
-          e.formData.value[o.excelBatchField] = y;
+          t.formData.value[r.excelBatchField] = u;
         }
-        const l = o.fileField ?? "FileInfo";
-        e.formData.value[l] = a, e.beforeSave && e.beforeSave();
-        const s = {
+        const l = r.fileField ?? "FileInfo";
+        t.formData.value[l] = e, t.beforeSave && t.beforeSave();
+        const a = {
           Data: {
-            ...e.formData.value
+            ...t.formData.value
           },
           Query: {
-            [o.excelCtrl.primaryKey]: e.formData.value[o.excelCtrl.primaryKey]
+            [r.excelCtrl.primaryKey]: t.formData.value[r.excelCtrl.primaryKey]
           }
         };
-        e.isFormLoading.value = !0;
+        t.isFormSaving.value = !0;
         try {
-          const t = await ie(o.excelCtrl, {
-            params: s,
+          const s = await Ve(r.excelCtrl, {
+            params: a,
             urlKey: "save",
-            url: o.excelCtrl.saveUrl
+            url: r.excelCtrl.saveUrl
           });
-          (t == null ? void 0 : t.status) === oe.SUCCESS ? (n.success("数据保存成功！"), e.afterSave && e.afterSave(), e.visible.value = !1) : n.error("保存失败：" + ((t == null ? void 0 : t.msg) || "未知错误"));
-        } catch (t) {
-          console.error("保存错误：", t), n.error("数据保存失败，请稍后再试！");
+          (s == null ? void 0 : s.status) === ie.SUCCESS ? (n.success("数据保存成功！"), t.afterSave && t.afterSave(), t.visible.value = !1) : n.error("保存失败：" + ((s == null ? void 0 : s.msg) || "未知错误"));
+        } catch (s) {
+          console.error("保存错误：", s), n.error("数据保存失败，请稍后再试！");
         } finally {
-          e.isFormLoading.value = !1;
+          t.isFormSaving.value = !1;
         }
       }
-    }, B = r(!1), N = r(!1), z = r(null), W = async (a) => {
-      if (!(a.type === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" || a.type === "application/vnd.ms-excel"))
-        return n.error("只能上传Excel文件!"), I.LIST_IGNORE;
+    }, R = o(!1), B = o(!1), N = o(null), J = o(""), X = async (e) => {
+      const l = r.gridCtrl;
+      if (!l) return !1;
+      const { hasError: a, errBlob: s } = await Ae(e, t.formRules.value);
+      if (a) {
+        if (s) {
+          R.value = !0, C.value = !1, E.value = "数据验证失败", S.value = "error";
+          const m = URL.createObjectURL(s);
+          d.value = m;
+        }
+        return !1;
+      } else
+        E.value = "数据验证成功", S.value = "success";
+      if (U.value && U.value.length > 0 && V.value)
+        try {
+          V.value.api || (V.value.api = l.page.api), V.value.authorize === void 0 && (V.value.authorize = l.page.authorize);
+          const { hasError: m, errBlob: u } = await Me(e, U.value, V.value);
+          if (m) {
+            if (u) {
+              B.value = !0, k.value = "检测到重复数据", D.value = "error";
+              const v = URL.createObjectURL(u);
+              d.value = v;
+            }
+            return !1;
+          } else
+            B.value = !1, k.value = "数据验证通过", D.value = "success";
+        } catch {
+          return k.value = "重复检测异常", D.value = "error", !1;
+        }
+      return !0;
+    }, ye = async (e) => {
+      if (!r.gridCtrl) {
+        n.error("未配置表格控制器！");
+        return;
+      }
+      const a = e.type === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" || e.type === "application/vnd.ms-excel", s = e.type === "text/csv" || e.name.toLowerCase().endsWith(".csv"), m = r.fileType || "both";
+      let u = !1, v = "";
+      switch (m) {
+        case "excel":
+          u = a, v = "只能上传Excel文件!";
+          break;
+        case "csv":
+          u = s, v = "只能上传CSV文件!";
+          break;
+        case "both":
+        default:
+          u = a || s, v = "只能上传Excel文件或CSV文件!";
+          break;
+      }
+      if (!u)
+        return n.error(v), se.LIST_IGNORE;
       try {
-        x.value = a.name, B.value = !1, N.value = !1, E.value = !0, U.value = "待验证数据规则", S.value = "warning", k.value = "待验证重复数据", D.value = "warning";
-        const s = await a.arrayBuffer();
-        z.value = s;
-        const t = new FileReader();
-        t.readAsDataURL(a), t.onload = async (v) => {
-          if (v.target) {
-            const { hasError: y, errBlob: u } = await de(s, e.formRules.value);
-            if (y) {
-              if (u) {
-                B.value = !0, E.value = !1, U.value = "数据验证失败", S.value = "error";
-                const h = URL.createObjectURL(u);
-                w.value = h;
-              }
+        if (c.value = e.name, J.value = s ? "text/csv" : "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", R.value = !1, B.value = !1, C.value = !0, E.value = "待验证数据规则", S.value = "warning", k.value = "待验证重复数据", D.value = "warning", s) {
+          const _ = await e.arrayBuffer(), we = new TextDecoder("utf-8").decode(_), { csvToExcelView: ge } = await import("../../assets/modules/index-4kDAt8nS.js").then((be) => be.h), P = await ge(we, e.name);
+          if (!P.success)
+            throw new Error(P.error || "CSV文件处理失败");
+          const ae = await (await fetch(P.blobUrl)).arrayBuffer();
+          return N.value = ae, await X(ae) && (d.value = P.blobUrl, c.value = P.fileName, C.value = !1), !1;
+        }
+        const w = await e.arrayBuffer();
+        N.value = w;
+        const p = new FileReader();
+        p.readAsDataURL(e), p.onload = async (_) => {
+          if (_.target) {
+            if (!await X(w))
               return;
-            } else
-              U.value = "数据验证成功", S.value = "success";
-            if (g.value && g.value.length > 0 && C.value)
-              try {
-                C.value.api || (C.value.api = o.gridCtrl.page.api), C.value.authorize === void 0 && (C.value.authorize = o.gridCtrl.page.authorize);
-                const { hasError: h, errBlob: L } = await fe(
-                  s,
-                  g.value,
-                  C.value
-                );
-                if (h) {
-                  if (L) {
-                    N.value = !0, k.value = "检测到重复数据", D.value = "error";
-                    const j = URL.createObjectURL(L);
-                    w.value = j;
-                  }
-                  return;
-                } else
-                  N.value = !1, k.value = "数据验证通过", D.value = "success";
-              } catch {
-                k.value = "重复检测异常", D.value = "error";
-              }
-            w.value = v.target.result, E.value = !1;
+            d.value = _.target.result, C.value = !1;
           } else
-            n.error("加载Excel文件失败，请检查文件格式！");
+            n.error("加载文件失败，请检查文件格式！");
         };
-      } catch (s) {
-        console.error("Excel处理错误:", s), n.error("Excel文件处理失败，请检查文件格式！"), E.value = !1, U.value = "Excel处理错误", S.value = "error";
+      } catch (w) {
+        console.error("文件处理错误:", w), n.error("文件处理失败，请检查文件格式！"), C.value = !1, E.value = "文件处理错误", S.value = "error";
       }
       return !1;
-    }, T = se(e.formRules.value);
-    Z(() => {
-      const a = o.gridCtrl.page;
-      if (p.value = p.value ?? a.urls.upload, !p.value) {
-        n.error("未配置文件上传地址！");
-        return;
+    }, M = De(t.formRules.value);
+    Ue(() => {
+      var l;
+      const e = (l = r.gridCtrl) == null ? void 0 : l.page;
+      if (e && !z.value) {
+        if (g.value = g.value ?? e.urls.upload, !g.value) {
+          n.error("未配置文件上传地址！");
+          return;
+        }
+        g.value.api || (g.value.api = e.api), g.value.authorize === void 0 && (g.value.authorize = e.authorize);
+        for (const a in t.formData.value)
+          r.gridCtrl.rowData.value && (t.formData.value[a] = r.gridCtrl.rowData.value[a]);
       }
-      p.value.api || (p.value.api = a.api), p.value.authorize === void 0 && (p.value.authorize = a.authorize);
-      for (const l in e.formData.value)
-        o.gridCtrl.rowData.value && (e.formData.value[l] = o.gridCtrl.rowData.value[l]);
-      b.value = e.visible.value;
+      h.value = t.visible.value, h.value && r.previewUrl && j();
     });
-    const K = () => {
-      e.visible.value = !1;
-    }, X = () => {
+    const Y = () => {
+      t.visible.value = !1;
+    }, he = () => {
       console.error("渲染失败");
     };
-    return (a, l) => (d(), ee(i(te), {
-      title: a.title ?? "Excel文件上传",
-      open: b.value,
-      "onUpdate:open": l[0] || (l[0] = (s) => b.value = s),
-      wrapClassName: ["modal", "mx-auto", a.$attrs.width ? "w-[" + a.$attrs.width + "]" : ""].join(" "),
+    return (e, l) => (f(), Q(i(Fe), {
+      title: e.title ?? "文件上传",
+      open: h.value,
+      "onUpdate:open": l[0] || (l[0] = (a) => h.value = a),
+      wrapClassName: ["modal", "mx-auto", e.$attrs.width ? "w-[" + e.$attrs.width + "]" : ""].join(" "),
       width: 940,
-      onClose: K
+      onClose: Y
     }, {
-      footer: _(() => [
-        m(i(re), null, {
-          default: _(() => [
-            m(i(A), { onClick: K }, {
-              default: _(() => l[2] || (l[2] = [
-                O("取消")
-              ])),
-              _: 1,
-              __: [2]
-            }),
-            m(i(A), {
-              onClick: H,
-              type: "primary",
-              loading: i(e).isFormSaving.value,
-              disabled: !w.value || B.value || N.value || E.value
-            }, {
-              default: _(() => [
-                O(F(a.saveText ?? "上传文件"), 1)
-              ]),
-              _: 1
-            }, 8, ["loading", "disabled"])
-          ]),
+      footer: T(() => [
+        F(i(Ee), null, {
+          default: T(() => {
+            var a;
+            return [
+              F(i(W), { onClick: Y }, {
+                default: T(() => [
+                  q(b(e.cancelText ?? (z.value ? "关闭" : "取消")), 1)
+                ]),
+                _: 1
+              }),
+              z.value ? L("", !0) : (f(), Q(i(W), {
+                key: 0,
+                onClick: me,
+                type: "primary",
+                loading: ((a = i(t)) == null ? void 0 : a.isFormSaving.value) ?? !1,
+                disabled: !d.value || R.value || B.value || C.value
+              }, {
+                default: T(() => [
+                  q(b(e.saveText ?? "上传文件"), 1)
+                ]),
+                _: 1
+              }, 8, ["loading", "disabled"]))
+            ];
+          }),
           _: 1
         })
       ]),
-      default: _(() => [
-        ae(a.$slots, "default"),
-        c("div", me, [
-          m(i(I), {
-            "file-list": q.value,
-            "before-upload": W,
-            accept: ".xlsx,.xls",
+      default: T(() => [
+        _e(e.$slots, "default"),
+        z.value ? L("", !0) : (f(), y("div", je, [
+          F(i(se), {
+            "file-list": ce.value,
+            "before-upload": ye,
+            accept: ue.value,
             showUploadList: !0
           }, {
-            default: _(() => [
-              m(i(A), { type: "primary" }, {
-                default: _(() => l[1] || (l[1] = [
-                  O("选择Excel文件")
-                ])),
-                _: 1,
-                __: [1]
+            default: T(() => [
+              F(i(W), { type: "primary" }, {
+                default: T(() => [
+                  q(b(ve.value), 1)
+                ]),
+                _: 1
               })
             ]),
             _: 1
-          }, 8, ["file-list"]),
-          w.value && x.value ? (d(), f("div", xe, [
-            c("span", null, F(x.value), 1)
-          ])) : M("", !0)
-        ]),
-        c("div", ge, [
-          c("div", {
-            class: le(["flex-shrink-0 excel-container", [i(T).length === 0 ? "w-[100%]" : "w-[80%]"]]),
+          }, 8, ["file-list", "accept"]),
+          d.value && c.value ? (f(), y("div", Oe, [
+            x("span", null, b(c.value), 1)
+          ])) : L("", !0)
+        ])),
+        x("div", Ke, [
+          i(t).isFormLoading ? (f(), Q(i(Ne), { key: 0 })) : L("", !0),
+          x("div", {
+            class: Te(["flex-shrink-0 relative border border-gray-200 rounded-md overflow-hidden", [i(M).length === 0 ? "w-[100%]" : "w-[80%]"]]),
             style: { height: "430px" }
           }, [
-            m(i(pe), {
-              src: w.value,
-              onError: X,
+            F(i($e), {
+              src: d.value,
+              onError: he,
               style: { width: "100%", height: "100%" },
               options: {
                 styles: !0,
@@ -270,46 +400,46 @@ const me = { class: "mb-4 flex items-center" }, xe = {
               }
             }, null, 8, ["src"])
           ], 2),
-          i(T).length > 0 ? (d(), f("div", ye, [
-            c("div", he, [
-              i(T).length === 0 ? (d(), f("div", _e, "没有设置验证规则")) : (d(), f("div", be, [
-                m(i(G), {
-                  message: U.value,
+          i(M).length > 0 ? (f(), y("div", Ge, [
+            x("div", Ie, [
+              i(M).length === 0 ? (f(), y("div", Qe, "没有设置验证规则")) : (f(), y("div", qe, [
+                F(i(oe), {
+                  message: E.value,
                   type: S.value,
                   "show-icon": "",
                   class: "mb-2"
                 }, null, 8, ["message", "type"]),
-                c("div", we, [
-                  (d(!0), f(P, null, $(i(T), (s, t) => (d(), f("div", {
-                    key: t,
+                x("div", We, [
+                  (f(!0), y(re, null, te(i(M), (a, s) => (f(), y("div", {
+                    key: s,
                     class: "border-b pb-0"
                   }, [
-                    c("div", Ce, F(s.field), 1),
-                    c("ul", Fe, [
-                      (d(!0), f(P, null, $(s.rules, (v, y) => (d(), f("li", {
-                        key: y,
+                    x("div", He, b(a.field), 1),
+                    x("ul", Je, [
+                      (f(!0), y(re, null, te(a.rules, (m, u) => (f(), y("li", {
+                        key: u,
                         class: "text-[12px] text-gray-600"
-                      }, F(v), 1))), 128))
+                      }, b(m), 1))), 128))
                     ])
                   ]))), 128))
                 ]),
-                g.value && g.value.length > 0 ? (d(), f("div", Ee, [
-                  m(i(G), {
+                U.value && U.value.length > 0 ? (f(), y("div", Xe, [
+                  F(i(oe), {
                     message: k.value,
                     type: D.value,
                     "show-icon": "",
                     class: "mt-2 mb-2"
                   }, null, 8, ["message", "type"]),
-                  c("div", Ue, [
-                    c("div", Se, " 以下" + F(g.value.length > 1 ? "组合" : "字段") + "必须唯一 ", 1),
-                    c("ul", ke, [
-                      c("li", De, F(g.value.join(", ")), 1)
+                  x("div", Ye, [
+                    x("div", Ze, " 以下" + b(U.value.length > 1 ? "组合" : "字段") + "必须唯一 ", 1),
+                    x("ul", el, [
+                      x("li", ll, b(U.value.join(", ")), 1)
                     ])
                   ])
-                ])) : M("", !0)
+                ])) : L("", !0)
               ]))
             ])
-          ])) : M("", !0)
+          ])) : L("", !0)
         ])
       ]),
       _: 3
@@ -317,5 +447,5 @@ const me = { class: "mb-4 flex items-center" }, xe = {
   }
 });
 export {
-  Pe as default
+  xl as default
 };