@dazhicheng/ui 1.6.49 → 1.6.51

package/dist/components/tt-custom-export-modal/src/TtCustomExportModal.vue.d.ts

@@ -1,37 +1,48 @@
-import { VxeTableDefines } from 'vxe-table';
+import { TtCustomExportPanelProps } from '../../tt-custom-export-panel';
 import { TtCustomExportModalOpenOptions, TtCustomExportModalProps, ExportConfirmPayload, ReportAPI } from './types';
 declare const _default: import('vue').DefineComponent<TtCustomExportModalProps, {
-    /** 打开弹框并加载字段和模板；可传入本次打开的配置。 */
     open: (options?: TtCustomExportModalOpenOptions) => Promise<void>;
-    /** 关闭弹框；下次打开时重新初始化。 */
     close: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     export: (payload: ExportConfirmPayload) => any;
     templateChange: (template: ReportAPI.ExportTemplateCO | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<TtCustomExportModalProps> & Readonly<{
     onExport?: ((payload: ExportConfirmPayload) => any) | undefined;
     onTemplateChange?: ((template: ReportAPI.ExportTemplateCO | undefined) => any) | undefined;
-}>, {
-    title: string;
-    listColumns: string[] | VxeTableDefines.ColumnOptions<any>[] | import('vue').Ref<string[] | VxeTableDefines.ColumnOptions<any>[] | undefined, string[] | VxeTableDefines.ColumnOptions<any>[] | undefined> | import('vue').ShallowRef<string[] | VxeTableDefines.ColumnOptions<any>[] | undefined, string[] | VxeTableDefines.ColumnOptions<any>[] | undefined> | import('vue').WritableComputedRef<string[] | VxeTableDefines.ColumnOptions<any>[] | undefined, string[] | VxeTableDefines.ColumnOptions<any>[] | undefined> | import('vue').ComputedRef<string[] | VxeTableDefines.ColumnOptions<any>[] | undefined> | (() => string[] | VxeTableDefines.ColumnOptions<any>[] | undefined);
-    businessCode: string;
-    availableFields: ReportAPI.ExportFieldCO[];
-    fetchFieldsApi: (params?: {
-        businessCode?: string;
-    }) => Promise<ReportAPI.ExportFieldCO[] | unknown>;
-    fetchTemplatesApi: (params?: {
-        businessCode?: string;
-    }) => Promise<ReportAPI.ExportTemplateCO[] | unknown>;
-    saveTemplateApi: (data: ReportAPI.ExportTemplateSaveCmd & {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    panelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<TtCustomExportPanelProps> & Readonly<{
+        onTemplateChange?: ((template: ReportAPI.ExportTemplateCO | undefined) => any) | undefined;
+    }>, {
+        reload: () => Promise<void>;
+        ready: import('vue').ShallowRef<Promise<void>, Promise<void>>;
+        confirm: () => ExportConfirmPayload | undefined;
+        isLoading: import('vue').Ref<boolean, boolean>;
+        fieldCount: import('vue').ComputedRef<number>;
+        selectedCount: import('vue').ComputedRef<number>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        templateChange: (template: ReportAPI.ExportTemplateCO | undefined) => any;
+    }, import('vue').PublicProps, {
+        listColumns: string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | import('vue').Ref<string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined, string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined> | import('vue').ShallowRef<string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined, string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined> | import('vue').WritableComputedRef<string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined, string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined> | import('vue').ComputedRef<string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined> | (() => string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined);
         businessCode: string;
-    }) => Promise<unknown>;
-    deleteTemplateApi: (params: {
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<TtCustomExportPanelProps> & Readonly<{
+        onTemplateChange?: ((template: ReportAPI.ExportTemplateCO | undefined) => any) | undefined;
+    }>, {
+        reload: () => Promise<void>;
+        ready: import('vue').ShallowRef<Promise<void>, Promise<void>>;
+        confirm: () => ExportConfirmPayload | undefined;
+        isLoading: import('vue').Ref<boolean, boolean>;
+        fieldCount: import('vue').ComputedRef<number>;
+        selectedCount: import('vue').ComputedRef<number>;
+    }, {}, {}, {}, {
+        listColumns: string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | import('vue').Ref<string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined, string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined> | import('vue').ShallowRef<string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined, string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined> | import('vue').WritableComputedRef<string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined, string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined> | import('vue').ComputedRef<string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined> | (() => string[] | import("vxe-table").VxeTableDefines.ColumnOptions<any>[] | undefined);
         businessCode: string;
-        templateId: number;
-    }) => Promise<unknown>;
-    setDefaultTemplateApi: (params: {
-        businessCode: string;
-        templateId: number;
-    }) => Promise<unknown>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    }> | null;
+}, any>;
 export default _default;

package/dist/components/tt-custom-export-modal/src/TtCustomExportModal.vue.js

@@ -1,322 +1,80 @@
-import { defineComponent as te, ref as c, computed as S, toValue as le, onBeforeUnmount as ae, createBlock as oe, openBlock as k, unref as q, withCtx as R, withDirectives as se, createElementBlock as ie, createVNode as F, createElementVNode as N, toDisplayString as $ } from "vue";
-import "axios";
-import { vLoading as ne, ElMessage as h, ElMessageBox as de } from "element-plus";
-import { isString as re } from "../../../packages/utils/src/is.js";
-import "dayjs";
-import "numeral";
-import "xe-utils";
-import "dayjs/plugin/utc";
-import "dayjs/plugin/timezone";
-import { subtract as O, add as ue } from "../../../packages/utils/src/calc.js";
-import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/aes.js";
-import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/enc-utf8.js";
-import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
-import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
-import "lodash-es";
+import { defineComponent as R, shallowRef as i, computed as p, createBlock as C, openBlock as x, unref as y, withCtx as b, createCommentVNode as w, mergeProps as O, createElementVNode as r, toDisplayString as _, nextTick as h } from "vue";
 import "../../tt-modal/index.js";
-import { setDefaultTemplatesExportApi as ce, deleteTemplatesExportApi as fe, saveTemplatesExportApi as ve, listTemplatesExportApi as pe, fieldsTemplatesExportApi as me } from "./api.js";
-import Ce from "./components/FieldGridSection.vue.js";
-import Se from "./components/FieldToolbarSection.vue.js";
-import he from "./components/TemplateManagerSection.vue.js";
-import { useModalRender as ge } from "../../tt-modal/src/hooks/useModalRender.js";
-const we = { class: "flex flex-col gap-1 text-left" }, ye = { class: "text-lg font-semibold leading-none text-(--el-text-color-primary)" }, xe = { class: "text-xs text-(--el-text-color-secondary)" }, Te = { class: "flex flex-col gap-3 py-1" }, je = /* @__PURE__ */ te({
+import { TtCustomExportPanel as P } from "../../tt-custom-export-panel/index.js";
+import { useModalRender as B } from "../../tt-modal/src/hooks/useModalRender.js";
+const N = { class: "flex flex-col gap-1 text-left" }, V = { class: "text-lg font-semibold leading-none text-(--el-text-color-primary)" }, D = { class: "text-xs text-(--el-text-color-secondary)" }, j = /* @__PURE__ */ R({
   name: "TtCustomExportModal",
   __name: "TtCustomExportModal",
   props: {
-    title: { default: "" },
-    businessCode: { default: "BUSINESS_SALES_REPORT" },
-    availableFields: { default: void 0 },
-    listColumns: { default: () => [] },
-    fetchFieldsApi: { type: Function, default: void 0 },
-    fetchTemplatesApi: { type: Function, default: void 0 },
-    saveTemplateApi: { type: Function, default: void 0 },
-    deleteTemplateApi: { type: Function, default: void 0 },
-    setDefaultTemplateApi: { type: Function, default: void 0 }
+    title: {},
+    businessCode: {},
+    availableFields: {},
+    listColumns: {},
+    fetchFieldsApi: { type: Function },
+    fetchTemplatesApi: { type: Function },
+    saveTemplateApi: { type: Function },
+    deleteTemplateApi: { type: Function },
+    setDefaultTemplateApi: { type: Function }
   },
   emits: ["export", "templateChange"],
-  setup(U, { expose: V, emit: I }) {
-    const i = U, T = I;
-    let o = Symbol();
-    const [P, b] = ge({
+  setup(g, { expose: S, emit: F }) {
+    const a = g, c = F, o = i(), l = i({}), n = i(Symbol()), u = i(!1), [T, d] = B({
       width: "1120px",
       destroyOnClose: !0,
       draggable: !0,
       showFooter: !0,
-      onVisibleChange(t) {
-        t || (o = Symbol());
+      onVisibleChange(e) {
+        u.value = e, e || (n.value = Symbol());
       }
-    }), g = c({}), p = c(!1), w = c(!1), s = c([]), u = c([]), f = c(void 0), y = c(""), n = c(/* @__PURE__ */ new Set()), v = S(() => {
-      const t = new Map(s.value.map((e) => [e.fieldCode, e]));
-      return [...n.value].map((e) => t.get(e)).filter((e) => !!e);
-    }), d = S(() => g.value.businessCode || i.businessCode || "BUSINESS_SALES_REPORT"), _ = S(() => g.value.title || i.title || ""), A = (t = le(
-      g.value.listColumns ?? i.listColumns
-    )) => (t ?? []).flatMap((e) => {
-      var l;
-      return re(e) ? [e] : e.visible === !1 ? [] : (l = e.children) != null && l.length ? A(e.children) : e.field ? [e.field] : [];
-    }), G = S(() => A()), m = S(() => {
-      const t = y.value.trim().toLowerCase();
-      return t ? s.value.filter((e) => {
-        const l = (e.fieldName ?? "").toLowerCase().includes(t), a = (e.fieldCode ?? "").toLowerCase().includes(t);
-        return l || a;
-      }) : s.value;
-    }), B = S(() => m.value.length === 0 ? !1 : m.value.filter((e) => n.value.has(e.fieldCode || "")).length === m.value.length), M = () => {
-      const t = u.value.find((e) => e.defaultTemplate);
-      if (f.value = t == null ? void 0 : t.id, t && t.fields && t.fields.length > 0) {
-        const e = /* @__PURE__ */ new Set();
-        [...t.fields].sort((l, a) => O(l.sortNo ?? 0, a.sortNo ?? 0)).forEach((l) => {
-          l.fieldCode && e.add(l.fieldCode);
-        }), s.value.forEach((l) => {
-          l.requiredSelected && l.fieldCode && e.add(l.fieldCode);
-        }), n.value = e;
-      }
-    }, K = async (t) => {
-      const e = g.value.availableFields || i.availableFields;
-      if (e && e.length > 0) {
-        s.value = [...e], E();
-        return;
-      }
-      if (i.fetchFieldsApi) {
-        try {
-          const l = await i.fetchFieldsApi({ businessCode: d.value });
-          if (t !== o) return;
-          s.value = l ?? [];
-        } catch {
-          if (t !== o) return;
-          s.value = [];
-        }
-        E();
-        return;
-      }
-      if (d.value) {
-        try {
-          const l = await me({
-            businessCode: d.value
-          });
-          if (t !== o) return;
-          s.value = l ?? [];
-        } catch {
-          if (t !== o) return;
-          s.value = [];
-        }
-        E();
-      }
-    }, x = async (t) => {
-      if (t === o) {
-        if (i.fetchTemplatesApi) {
-          try {
-            const e = await i.fetchTemplatesApi({ businessCode: d.value });
-            if (t !== o) return;
-            u.value = e ?? [];
-          } catch {
-            if (t !== o) return;
-            u.value = [];
-          }
-          M();
-          return;
-        }
-        if (d.value) {
-          try {
-            const e = await pe({
-              businessCode: d.value
-            });
-            if (t !== o) return;
-            u.value = e ?? [];
-          } catch {
-            if (t !== o) return;
-            u.value = [];
-          }
-          M();
-        }
-      }
-    }, E = () => {
-      const t = /* @__PURE__ */ new Set();
-      s.value.forEach((e) => {
-        (e.requiredSelected || e.defaultSelected) && e.fieldCode && t.add(e.fieldCode);
-      }), n.value = t;
-    }, D = (t) => {
-      if (f.value = t, !t) {
-        T("templateChange", void 0);
-        return;
-      }
-      const e = u.value.find((l) => l.id === t);
-      if (T("templateChange", e), e && e.fields && e.fields.length > 0) {
-        const l = /* @__PURE__ */ new Set();
-        [...e.fields].sort((a, C) => O(a.sortNo ?? 0, C.sortNo ?? 0)).forEach((a) => {
-          a.fieldCode && l.add(a.fieldCode);
-        }), s.value.forEach((a) => {
-          a.requiredSelected && a.fieldCode && l.add(a.fieldCode);
-        }), n.value = l;
-      }
-    }, j = async (t) => {
-      if (!d.value) return;
-      const e = o;
-      try {
-        if (i.setDefaultTemplateApi ? await i.setDefaultTemplateApi({
-          businessCode: d.value,
-          templateId: t
-        }) : await ce({
-          businessCode: d.value,
-          templateId: t
-        }), e !== o) return;
-        h.success("已设为默认模板"), await x(e);
-      } catch {
-      }
-    }, z = async (t, e) => {
-      if (!d.value) return;
-      const l = o;
-      try {
-        if (await de.confirm(`确定要删除导出模板「${e}」吗？`, "删除确认", {
-          type: "warning",
-          confirmButtonText: "确定删除",
-          cancelButtonText: "取消"
-        }), l !== o || (i.deleteTemplateApi ? await i.deleteTemplateApi({
-          businessCode: d.value,
-          templateId: t
-        }) : await fe({
-          businessCode: d.value,
-          templateId: t
-        }), l !== o)) return;
-        h.success("模板删除成功"), f.value = void 0, await x(l);
-      } catch {
-      }
-    }, H = async (t) => {
-      if (p.value || w.value) return;
-      if (v.value.length === 0) {
-        h.warning("请至少勾选一个导出字段后再保存模板");
-        return;
-      }
-      const e = o;
-      try {
-        w.value = !0;
-        const l = v.value.map((r, ee) => ({
-          fieldId: r.id,
-          customColumnName: r.fieldName,
-          sortNo: ue(ee, 1)
-        })), a = {
-          businessCode: d.value,
-          templateName: t,
-          fields: l
-        };
-        if (i.saveTemplateApi ? await i.saveTemplateApi(a) : await ve(a), e !== o || (h.success(`模板「${t}」保存成功`), await x(e), e !== o)) return;
-        const C = u.value.find((r) => r.templateName === t);
-        C && D(C.id);
-      } catch {
-      } finally {
-        e === o && (w.value = !1);
-      }
-    }, J = (t) => {
-      if (t.requiredSelected || !t.fieldCode) return;
-      const e = new Set(n.value);
-      e.has(t.fieldCode) ? e.delete(t.fieldCode) : e.add(t.fieldCode), n.value = e;
-    }, Q = () => {
-      const t = new Set(n.value);
-      B.value ? m.value.forEach((e) => {
-        !e.requiredSelected && e.fieldCode && t.delete(e.fieldCode);
-      }) : m.value.forEach((e) => {
-        e.fieldCode && t.add(e.fieldCode);
-      }), n.value = t;
-    }, W = () => {
-      const t = A();
-      if (t.length === 0) return;
-      const e = new Set(t), l = /* @__PURE__ */ new Set();
-      s.value.forEach((a) => {
-        a.fieldCode && (a.requiredSelected || e.has(a.fieldCode)) && l.add(a.fieldCode);
-      }), n.value = l, h.success("已同步表格当前展示列");
-    }, X = () => {
-      const t = /* @__PURE__ */ new Set();
-      s.value.forEach((e) => {
-        e.requiredSelected && e.fieldCode && t.add(e.fieldCode);
-      }), n.value = t;
-    }, Y = () => {
-      if (p.value || !b.state.visible) return;
-      if (v.value.length === 0) {
-        h.warning("请至少勾选一个导出字段");
-        return;
-      }
-      const t = v.value, e = t.map((r) => r.fieldCode || "").filter(Boolean), l = t.map((r) => r.fieldName || r.fieldCode || "").filter(Boolean), a = u.value.find((r) => r.id === f.value), C = {
-        businessCode: d.value,
-        selectedFields: t,
-        selectedFieldCodes: e,
-        selectedFieldNames: l,
-        templateName: a == null ? void 0 : a.templateName,
-        templateId: a == null ? void 0 : a.id
+    }), m = p(() => l.value.title || a.title || ""), k = p(() => {
+      const { title: e, ...t } = a;
+      return {
+        ...t,
+        businessCode: l.value.businessCode || a.businessCode || "BUSINESS_SALES_REPORT",
+        availableFields: l.value.availableFields || a.availableFields,
+        listColumns: l.value.listColumns ?? a.listColumns,
+        defaultSelectedCodes: l.value.defaultSelectedCodes
       };
-      T("export", C), L();
-    }, Z = async (t) => {
-      const e = Symbol();
-      o = e, g.value = t || {}, f.value = void 0, y.value = "", w.value = !1, b.openModal(), p.value = !0;
-      try {
-        if (await K(e), e !== o || (await x(e), e !== o)) return;
-        if (t != null && t.defaultSelectedCodes && t.defaultSelectedCodes.length > 0) {
-          const l = new Set(t.defaultSelectedCodes);
-          s.value.forEach((a) => {
-            a.requiredSelected && a.fieldCode && l.add(a.fieldCode);
-          }), n.value = l;
-        }
-      } finally {
-        e === o && (p.value = !1);
-      }
-    }, L = () => {
-      b.closeModal();
+    }), f = p(() => o.value ? o.value.selectedCount : 0), M = async (e) => {
+      var s;
+      const t = Symbol();
+      n.value = t, l.value = e || {}, d.openModal(), await h(), t === n.value && await ((s = o.value) == null ? void 0 : s.ready);
+    }, v = () => {
+      d.closeModal();
+    }, E = (e) => {
+      u.value && (c("export", e), h(v));
+    }, A = () => {
+      var t;
+      const e = (t = o.value) == null ? void 0 : t.confirm();
+      e && E(e);
     };
-    return ae(() => {
-      o = Symbol();
-    }), V({
-      /** 打开弹框并加载字段和模板；可传入本次打开的配置。 */
-      open: Z,
-      /** 关闭弹框；下次打开时重新初始化。 */
-      close: L
-    }), (t, e) => (k(), oe(q(P), {
-      "ok-text": `确认导出（${v.value.length} 字段）`,
+    return S({ open: M, close: v }), (e, t) => (x(), C(y(T), {
+      "ok-text": `确认导出（${f.value} 字段）`,
       "cancel-text": "取消",
-      "ok-button-props": { disabled: p.value || v.value.length === 0 },
-      onOk: Y
+      "ok-button-props": { disabled: !o.value || o.value.isLoading || f.value === 0 },
+      onOk: A
     }, {
-      header: R(() => [
-        N("div", we, [
-          N("h2", ye, " 自定义导出模板" + $(_.value ? ` - ${_.value}` : ""), 1),
-          N("p", xe, " 全量字段共 " + $(s.value.length) + " 项（与履约报表导出字段一致）；可保存多个导出模板，并选定一个作为默认导出模板 ", 1)
+      header: b(() => [
+        r("div", N, [
+          r("h2", V, " 自定义导出模板" + _(m.value ? ` - ${m.value}` : ""), 1),
+          r("p", D, " 全量字段共 " + _(o.value ? o.value.fieldCount : 0) + " 项（与履约报表导出字段一致）；可保存多个导出模板，并选定一个作为默认导出模板 ", 1)
         ])
       ]),
-      default: R(() => [
-        se((k(), ie("div", Te, [
-          F(he, {
-            "selected-template-id": f.value,
-            "onUpdate:selectedTemplateId": e[0] || (e[0] = (l) => f.value = l),
-            "template-list": u.value,
-            "is-saving": w.value,
-            onSelectTemplate: D,
-            onSetDefault: j,
-            onDelete: z,
-            onSave: H
-          }, null, 8, ["selected-template-id", "template-list", "is-saving"]),
-          F(Se, {
-            keyword: y.value,
-            "onUpdate:keyword": e[1] || (e[1] = (l) => y.value = l),
-            "is-all-selected": B.value,
-            "has-list-columns": G.value.length > 0,
-            onToggleSelectAll: Q,
-            onSelectByListColumns: W,
-            onClearAll: X
-          }, null, 8, ["keyword", "is-all-selected", "has-list-columns"]),
-          F(Ce, {
-            "filtered-fields": m.value,
-            "total-field-count": s.value.length,
-            "selected-code-set": n.value,
-            "selected-fields": v.value,
-            onReorder: e[2] || (e[2] = (l) => {
-              n.value = new Set(l);
-            }),
-            onToggleField: J
-          }, null, 8, ["filtered-fields", "total-field-count", "selected-code-set", "selected-fields"])
-        ])), [
-          [q(ne), p.value]
-        ])
+      default: b(() => [
+        u.value ? (x(), C(y(P), O({
+          key: n.value,
+          ref_key: "panelRef",
+          ref: o
+        }, k.value, {
+          onTemplateChange: t[0] || (t[0] = (s) => {
+            c("templateChange", s);
+          })
+        }), null, 16)) : w("", !0)
       ]),
       _: 1
     }, 8, ["ok-text", "ok-button-props"]));
   }
 });
 export {
-  je as default
+  j as default
 };