smart-admin-web 10.5.0

package/dist/components/ImportWizard/index2.vue.js

@@ -0,0 +1,634 @@
+import { defineComponent as ze, useModel as Re, ref as h, shallowRef as ae, computed as T, watch as Se, h as N, openBlock as v, createBlock as y, unref as l, withCtx as o, createVNode as i, withDirectives as H, createElementVNode as c, createTextVNode as p, toDisplayString as n, vShow as B, createCommentVNode as w, createElementBlock as j, Fragment as W, renderList as re, mergeModels as oe } from "vue";
+import { useMessage as Te, NInput as Fe, NTooltip as A, NTag as G, NModal as Ue, NSteps as $e, NStep as V, NSpace as S, NButton as k, NUpload as De, NUploadDragger as Me, NText as U, NAlert as ie, NSelect as Oe, NSwitch as He, NDataTable as Be, NRadioGroup as je, NRadio as Ve } from "naive-ui";
+import { useI18n as Ke } from "vue-i18n";
+import K from "../AppIcon.vue.js";
+import Le from "../DictSelect/index.vue.js";
+import { translateError as C } from "../../utils/error.js";
+import { triggerBlobDownload as ne } from "../../utils/download.js";
+import { isDuplicateOnly as qe, isHardError as Ie, hardErrorsOf as Pe } from "../../utils/importDup.js";
+import { DuplicateStrategy as _ } from "../../types/api.js";
+const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge = { class: "import-pane" }, Je = { class: "import-mapping" }, Qe = { class: "import-mapping-head" }, Xe = ["title"], Ye = { class: "import-pane" }, Ze = { class: "import-strategy" }, el = { class: "import-pane" }, pl = /* @__PURE__ */ ze({
+  __name: "index",
+  props: /* @__PURE__ */ oe({
+    api: {},
+    title: {},
+    templateFileName: {},
+    errorReportFileName: {},
+    strategies: {}
+  }, {
+    show: { type: Boolean, default: !1 },
+    showModifiers: {}
+  }),
+  emits: /* @__PURE__ */ oe(["done"], ["update:show"]),
+  setup(J, { emit: se }) {
+    const $ = Re(J, "show"), g = J, ue = se, { t: a } = Ke(), x = Te(), u = h(1), s = h(!1), E = h(null), D = h([]), L = ae([]), z = h({}), R = ae([]), f = h([]), M = h([]), F = h(!1), b = h(_.Skip), d = h(null), pe = {
+      [_.Skip]: () => a("import.strategySkip"),
+      [_.Overwrite]: () => a("import.strategyOverwrite"),
+      [_.Error]: () => a("import.strategyError")
+    }, q = T(
+      () => (g.strategies ?? [
+        _.Skip,
+        _.Overwrite,
+        _.Error
+      ]).map((e) => ({ value: e, label: pe[e] }))
+    ), de = (e) => Ie(e, b.value), I = (e) => Pe(e, b.value), Q = T(() => f.value.filter((e) => I(e).length > 0).length), X = T(
+      () => f.value.filter((e) => qe(e, b.value)).length
+    );
+    function ce() {
+      var e;
+      u.value = 1, s.value = !1, E.value = null, D.value = [], L.value = [], z.value = {}, R.value = [], f.value = [], M.value = [], F.value = !1, b.value = q.value.some((t) => t.value === _.Skip) ? _.Skip : ((e = q.value[0]) == null ? void 0 : e.value) ?? _.Skip, d.value = null;
+    }
+    Se($, (e) => {
+      e && ce();
+    });
+    function Y(e) {
+      L.value = [...e.headers], z.value = { ...e.mapping }, R.value = e.columns, f.value = e.rows.map((t) => ({
+        index: t.index,
+        cells: { ...t.cells },
+        errors: [...t.errors]
+      })), M.value = e.columnErrors;
+    }
+    async function ve() {
+      s.value = !0;
+      try {
+        const e = await g.api.downloadTemplate();
+        ne(e, g.templateFileName ?? "import-template.xlsx");
+      } catch (e) {
+        x.error(C(e));
+      } finally {
+        s.value = !1;
+      }
+    }
+    function me(e) {
+      var r;
+      D.value = e.slice(-1);
+      const t = (r = e[e.length - 1]) == null ? void 0 : r.file;
+      E.value = t instanceof File ? t : null;
+    }
+    function fe() {
+      D.value = [], E.value = null;
+    }
+    async function ye() {
+      if (!E.value) {
+        x.warning(a("import.needFile"));
+        return;
+      }
+      s.value = !0;
+      try {
+        const e = await g.api.preview(E.value);
+        Y(e);
+        for (const t of e.headers)
+          t in z.value || (z.value[t] = "");
+        u.value = 2;
+      } catch (e) {
+        x.error(C(e));
+      } finally {
+        s.value = !1;
+      }
+    }
+    async function ge() {
+      if (!E.value) return;
+      const e = {};
+      for (const [t, r] of Object.entries(z.value))
+        r && (e[t] = r);
+      s.value = !0;
+      try {
+        const t = await g.api.preview(E.value, e);
+        Y(t), u.value = 3;
+      } catch (t) {
+        x.error(C(t));
+      } finally {
+        s.value = !1;
+      }
+    }
+    const he = T(() => [
+      { label: a("import.unmap"), value: "" },
+      ...R.value.map((e) => ({
+        label: e.required ? `${e.title} *` : e.title,
+        value: e.key
+      }))
+    ]);
+    function we(e, t) {
+      return e.errors.find((r) => r.columnKey === t);
+    }
+    function Z(e, t, r) {
+      e.cells[t] = r, e.errors = e.errors.filter((m) => m.columnKey !== t);
+    }
+    const ke = T(
+      () => F.value ? f.value.filter((e) => I(e).length > 0) : f.value
+    ), _e = T(() => {
+      const e = [
+        {
+          title: "#",
+          key: "_index",
+          width: 56,
+          fixed: "left",
+          render: (t) => t.index
+        }
+      ];
+      for (const t of R.value)
+        e.push({
+          title: () => t.required ? `${t.title} *` : t.title,
+          key: t.key,
+          minWidth: 120,
+          ellipsis: { tooltip: !1 },
+          render: (r) => {
+            const m = we(r, t.key), O = m !== void 0 && !de(m), le = r.cells[t.key] ?? null, Ee = t.dictTypeCode ? N(Le, {
+              typeCode: t.dictTypeCode,
+              value: le,
+              clearable: !t.required,
+              size: "small",
+              // 弹层不跟随触发器宽度:向导的列很窄(minWidth 120,实测触发器约 66px),
+              // 跟随会把「启用」「停用」截成「启..」「停..」。普通表单里下拉够宽,
+              // 跟随反而更整齐 —— 所以只在向导关掉,不动共用的 DictSelect。
+              consistentMenuWidth: !1,
+              style: { width: "100%" },
+              status: m && !O ? "error" : void 0,
+              "onUpdate:value": (P) => Z(r, t.key, P)
+            }) : N(Fe, {
+              value: le ?? "",
+              size: "small",
+              status: m && !O ? "error" : void 0,
+              onUpdateValue: (P) => Z(r, t.key, P)
+            }), te = N(
+              "div",
+              {
+                class: m ? O ? "import-cell import-cell--dup" : "import-cell import-cell--error" : "import-cell"
+              },
+              [Ee]
+            );
+            return m ? N(
+              A,
+              { trigger: "hover" },
+              {
+                trigger: () => te,
+                default: () => O ? a(`import.dupHint.${b.value}`) : C(m.code)
+              }
+            ) : te;
+          }
+        });
+      return e.push({
+        title: () => a("import.errors"),
+        key: "_errors",
+        width: 160,
+        fixed: "right",
+        render: (t) => {
+          if (t.errors.length === 0)
+            return N(G, { size: "small", type: "success", bordered: !1 }, () => a("import.ok"));
+          const r = I(t);
+          return r.length === 0 ? N(
+            A,
+            { trigger: "hover" },
+            {
+              trigger: () => N(
+                G,
+                { size: "small", type: "warning", bordered: !1 },
+                () => a("import.dupTag")
+              ),
+              default: () => a(`import.dupHint.${b.value}`)
+            }
+          ) : N(
+            A,
+            { trigger: "hover" },
+            {
+              trigger: () => N(
+                G,
+                { size: "small", type: "error", bordered: !1 },
+                () => a("import.errorCount", { n: r.length })
+              ),
+              default: () => r.map((m) => `${m.columnKey}: ${C(m.code)}`).join(`
+`)
+            }
+          );
+        }
+      }), e;
+    });
+    async function xe() {
+      s.value = !0;
+      try {
+        const e = await g.api.validate(f.value);
+        f.value = e.rows.map((t) => ({
+          index: t.index,
+          cells: { ...t.cells },
+          errors: [...t.errors]
+        })), R.value = e.columns.length ? e.columns : R.value, x.success(a("import.revalidated", { errors: Q.value, total: e.total }));
+      } catch (e) {
+        x.error(C(e));
+      } finally {
+        s.value = !1;
+      }
+    }
+    async function be() {
+      s.value = !0;
+      try {
+        const e = await g.api.commit(f.value, b.value);
+        d.value = e, u.value = 4, e.inserted + e.updated > 0 && ue("done");
+      } catch (e) {
+        x.error(C(e));
+      } finally {
+        s.value = !1;
+      }
+    }
+    function Ne() {
+      d.value && (f.value = d.value.failures.map((e) => ({
+        index: e.index,
+        cells: { ...e.cells },
+        errors: [...e.errors]
+      })), F.value = !0, d.value = null, u.value = 3);
+    }
+    async function ee() {
+      const e = u.value === 4 && d.value ? d.value.failures : f.value.filter((t) => t.errors.length > 0);
+      if (e.length === 0) {
+        x.warning(a("import.noErrorRows"));
+        return;
+      }
+      s.value = !0;
+      try {
+        const t = await g.api.errorReport(e);
+        ne(t, g.errorReportFileName ?? "import-errors.xlsx");
+      } catch (t) {
+        x.error(C(t));
+      } finally {
+        s.value = !1;
+      }
+    }
+    function Ce() {
+      $.value = !1;
+    }
+    return (e, t) => (v(), y(l(Ue), {
+      show: $.value,
+      "onUpdate:show": t[3] || (t[3] = (r) => $.value = r),
+      preset: "card",
+      title: g.title ?? l(a)("import.wizardTitle"),
+      style: { width: "min(1100px, 96vw)" },
+      "mask-closable": !1,
+      closable: !s.value,
+      "close-on-esc": !s.value
+    }, {
+      footer: o(() => [
+        i(l(S), { justify: "end" }, {
+          default: o(() => [
+            i(l(k), {
+              disabled: s.value,
+              onClick: Ce
+            }, {
+              default: o(() => [
+                p(n(u.value === 4 ? l(a)("common.close") : l(a)("common.cancel")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]),
+            u.value === 3 ? (v(), y(l(k), {
+              key: 0,
+              secondary: "",
+              disabled: s.value,
+              onClick: ee
+            }, {
+              default: o(() => [
+                p(n(l(a)("import.downloadErrorReport")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])) : w("", !0),
+            u.value > 1 && u.value < 4 ? (v(), y(l(k), {
+              key: 1,
+              disabled: s.value,
+              onClick: t[2] || (t[2] = (r) => u.value = u.value - 1)
+            }, {
+              default: o(() => [
+                p(n(l(a)("import.prev")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])) : w("", !0),
+            u.value === 1 ? (v(), y(l(k), {
+              key: 2,
+              type: "primary",
+              loading: s.value,
+              disabled: !E.value,
+              onClick: ye
+            }, {
+              default: o(() => [
+                p(n(l(a)("import.next")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])) : w("", !0),
+            u.value === 2 ? (v(), y(l(k), {
+              key: 3,
+              type: "primary",
+              loading: s.value,
+              onClick: ge
+            }, {
+              default: o(() => [
+                p(n(l(a)("import.next")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])) : w("", !0),
+            u.value === 3 ? (v(), y(l(k), {
+              key: 4,
+              type: "primary",
+              loading: s.value,
+              onClick: be
+            }, {
+              default: o(() => [
+                p(n(l(a)("import.commit")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])) : w("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      default: o(() => [
+        i(l($e), {
+          current: u.value,
+          size: "small",
+          class: "import-steps"
+        }, {
+          default: o(() => [
+            i(l(V), {
+              title: l(a)("import.stepUpload")
+            }, null, 8, ["title"]),
+            i(l(V), {
+              title: l(a)("import.stepMapping")
+            }, null, 8, ["title"]),
+            i(l(V), {
+              title: l(a)("import.stepPreview")
+            }, null, 8, ["title"]),
+            i(l(V), {
+              title: l(a)("import.stepResult")
+            }, null, 8, ["title"])
+          ]),
+          _: 1
+        }, 8, ["current"]),
+        H(c("div", We, [
+          i(l(S), {
+            vertical: "",
+            size: 12
+          }, {
+            default: o(() => [
+              i(l(k), {
+                secondary: "",
+                loading: s.value,
+                onClick: ve
+              }, {
+                icon: o(() => [
+                  i(K, {
+                    icon: "ph:download-simple",
+                    size: 16
+                  })
+                ]),
+                default: o(() => [
+                  p(" " + n(l(a)("import.downloadTemplate")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading"]),
+              i(l(De), {
+                "file-list": D.value,
+                max: 1,
+                accept: ".xlsx,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+                "default-upload": !1,
+                "onUpdate:fileList": me,
+                onRemove: fe
+              }, {
+                default: o(() => [
+                  i(l(Me), null, {
+                    default: o(() => [
+                      c("div", Ae, [
+                        i(K, {
+                          icon: "ph:file-xls",
+                          size: 40
+                        })
+                      ]),
+                      i(l(U), { style: { "font-size": "16px" } }, {
+                        default: o(() => [
+                          p(n(l(a)("import.dropHint")), 1)
+                        ]),
+                        _: 1
+                      }),
+                      i(l(U), {
+                        depth: "3",
+                        style: { display: "block", "margin-top": "8px" }
+                      }, {
+                        default: o(() => [
+                          p(n(l(a)("import.dropSub")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["file-list"])
+            ]),
+            _: 1
+          })
+        ], 512), [
+          [B, u.value === 1]
+        ]),
+        H(c("div", Ge, [
+          M.value.length ? (v(), y(l(ie), {
+            key: 0,
+            type: "warning",
+            style: { "margin-bottom": "12px" }
+          }, {
+            default: o(() => [
+              p(n(M.value.map((r) => `${r.columnKey}: ${l(C)(r.code)}`).join("; ")), 1)
+            ]),
+            _: 1
+          })) : w("", !0),
+          i(l(U), {
+            depth: "3",
+            style: { display: "block", "margin-bottom": "12px" }
+          }, {
+            default: o(() => [
+              p(n(l(a)("import.mappingHint")), 1)
+            ]),
+            _: 1
+          }),
+          c("div", Je, [
+            c("div", Qe, [
+              c("span", null, n(l(a)("import.fileHeader")), 1),
+              c("span", null, n(l(a)("import.targetColumn")), 1)
+            ]),
+            (v(!0), j(W, null, re(L.value, (r) => (v(), j("div", {
+              key: r,
+              class: "import-mapping-row"
+            }, [
+              c("span", {
+                class: "import-mapping-header",
+                title: r
+              }, n(r), 9, Xe),
+              i(l(Oe), {
+                value: z.value[r],
+                "onUpdate:value": (m) => z.value[r] = m,
+                options: he.value,
+                "consistent-menu-width": !1,
+                size: "small"
+              }, null, 8, ["value", "onUpdate:value", "options"])
+            ]))), 128))
+          ])
+        ], 512), [
+          [B, u.value === 2]
+        ]),
+        H(c("div", Ye, [
+          i(l(S), {
+            justify: "space-between",
+            align: "center",
+            style: { "margin-bottom": "12px" },
+            wrap: ""
+          }, {
+            default: o(() => [
+              i(l(S), { align: "center" }, {
+                default: o(() => [
+                  i(l(U), null, {
+                    default: o(() => [
+                      p(n(l(a)("import.summary", { total: f.value.length, errors: Q.value })) + " ", 1),
+                      X.value ? (v(), j(W, { key: 0 }, [
+                        p(n(l(a)("import.summaryDup", { n: X.value })), 1)
+                      ], 64)) : w("", !0)
+                    ]),
+                    _: 1
+                  }),
+                  i(l(He), {
+                    value: F.value,
+                    "onUpdate:value": t[0] || (t[0] = (r) => F.value = r),
+                    size: "small"
+                  }, {
+                    checked: o(() => [
+                      p(n(l(a)("import.onlyErrors")), 1)
+                    ]),
+                    unchecked: o(() => [
+                      p(n(l(a)("import.onlyErrors")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["value"])
+                ]),
+                _: 1
+              }),
+              i(l(S), null, {
+                default: o(() => [
+                  i(l(k), {
+                    size: "small",
+                    loading: s.value,
+                    onClick: xe
+                  }, {
+                    icon: o(() => [
+                      i(K, {
+                        icon: "ph:arrows-clockwise",
+                        size: 14
+                      })
+                    ]),
+                    default: o(() => [
+                      p(" " + n(l(a)("import.revalidate")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["loading"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          i(l(Be), {
+            size: "small",
+            columns: _e.value,
+            data: ke.value,
+            "row-key": (r) => r.index,
+            "max-height": 420,
+            "scroll-x": Math.max(800, R.value.length * 140 + 220)
+          }, null, 8, ["columns", "data", "row-key", "scroll-x"]),
+          c("div", Ze, [
+            i(l(U), {
+              strong: "",
+              style: { "margin-right": "12px" }
+            }, {
+              default: o(() => [
+                p(n(l(a)("import.strategy")), 1)
+              ]),
+              _: 1
+            }),
+            i(l(je), {
+              value: b.value,
+              "onUpdate:value": t[1] || (t[1] = (r) => b.value = r),
+              name: "dup-strategy"
+            }, {
+              default: o(() => [
+                i(l(S), null, {
+                  default: o(() => [
+                    (v(!0), j(W, null, re(q.value, (r) => (v(), y(l(Ve), {
+                      key: r.value,
+                      value: r.value
+                    }, {
+                      default: o(() => [
+                        p(n(r.label()), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]))), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["value"])
+          ])
+        ], 512), [
+          [B, u.value === 3]
+        ]),
+        H(c("div", el, [
+          d.value ? (v(), y(l(ie), {
+            key: 0,
+            type: d.value.failed > 0 ? "warning" : "success",
+            title: l(a)("import.resultTitle")
+          }, {
+            default: o(() => [
+              c("div", null, n(l(a)("import.resultTotal", { n: d.value.total })), 1),
+              c("div", null, n(l(a)("import.resultInserted", { n: d.value.inserted })), 1),
+              c("div", null, n(l(a)("import.resultUpdated", { n: d.value.updated })), 1),
+              c("div", null, n(l(a)("import.resultSkipped", { n: d.value.skipped })), 1),
+              c("div", null, n(l(a)("import.resultFailed", { n: d.value.failed })), 1)
+            ]),
+            _: 1
+          }, 8, ["type", "title"])) : w("", !0),
+          i(l(S), { style: { "margin-top": "16px" } }, {
+            default: o(() => [
+              d.value && d.value.failed > 0 ? (v(), y(l(k), {
+                key: 0,
+                type: "warning",
+                onClick: Ne
+              }, {
+                default: o(() => [
+                  p(n(l(a)("import.editFailures")), 1)
+                ]),
+                _: 1
+              })) : w("", !0),
+              d.value && d.value.failed > 0 ? (v(), y(l(k), {
+                key: 1,
+                secondary: "",
+                loading: s.value,
+                onClick: ee
+              }, {
+                icon: o(() => [
+                  i(K, {
+                    icon: "ph:download-simple",
+                    size: 16
+                  })
+                ]),
+                default: o(() => [
+                  p(" " + n(l(a)("import.downloadErrorReport")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading"])) : w("", !0)
+            ]),
+            _: 1
+          })
+        ], 512), [
+          [B, u.value === 4]
+        ])
+      ]),
+      _: 1
+    }, 8, ["show", "title", "closable", "close-on-esc"]));
+  }
+});
+export {
+  pl as default
+};
+//# sourceMappingURL=index2.vue.js.map