@maxax/ui 1.1.72 → 1.1.74

package/dist/index.cjs

@@ -11,7 +11,7 @@ const dayjs = require("dayjs");
 const hooks = require("@maxax/hooks");
 const dateFns = require("date-fns");
 const elementResizeDetectorMaker = require("element-resize-detector");
-const zhCn = require("./zh-cn-C7lMkB1L.cjs");
+const zhCn = require("./zh-cn-BdENqlAc.cjs");
 function tryOnScopeDispose(fn, failSilently) {
   if (vue.getCurrentScope()) {
     vue.onScopeDispose(fn, failSilently);
@@ -7853,20 +7853,21 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
       return vue.createVNode("span", null, [getLabel]);
     }
     function renderComponent() {
+      var _a;
       const {
         renderComponentContent
       } = props.schema;
       const {
         size
       } = props.buttonGroupProps;
+      const icon = (_a = props.schema.icon) != null ? _a : vue.unref(getComponentsProps).icon;
       const propsData = {
-        clearable: true,
         size,
-        type: "primary",
         ...vue.unref(getComponentsProps),
         disabled: vue.unref(getDisable),
         loading: vue.unref(getLoading)
       };
+      delete propsData.icon;
       const on = {
         onClick: (ev) => {
           if (!props.schema.validate) {
@@ -7907,18 +7908,25 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
         ...propsData,
         ...on
       };
+      const iconSlot = icon ? {
+        icon: () => vue.createVNode(XBasicSvgIcon, {
+          "icon": icon
+        }, null)
+      } : {};
       if (!renderComponentContent) {
-        let _slot;
-        return vue.createVNode(naiveUi.NButton, compAttr, _isSlot$3(_slot = renderButtonLabel()) ? _slot : {
-          default: () => [_slot]
+        return vue.createVNode(naiveUi.NButton, compAttr, {
+          default: () => renderButtonLabel(),
+          ...iconSlot
         });
       }
       const compSlot = utils.isFunction(renderComponentContent) ? {
         ...renderComponentContent(vue.unref(getValues), {
           disabled: vue.unref(getDisable)
-        })
+        }),
+        ...iconSlot
       } : {
-        default: () => renderComponentContent
+        default: () => renderComponentContent,
+        ...iconSlot
       };
       return vue.createVNode(naiveUi.NButton, compAttr, _isSlot$3(compSlot) ? compSlot : {
         default: () => [compSlot]
@@ -8074,9 +8082,24 @@ function useButtonGroupEvents({ getSchema, schemaRef }) {
     setSchema
   };
 }
+const DEFAULT_RETURN_BUTTON_SCHEMA = {
+  field: "buttonReturn",
+  component: "Button",
+  label: () => t("max.basic.back"),
+  message: () => t("max.basic.confirmReturn"),
+  confirm: () => window.history.back(),
+  componentProps: {
+    type: "default",
+    bordered: true
+  }
+};
 function useButtonGroupSchema({ getProps, schemaRef }) {
   const getSchema = vue.computed(() => {
-    const schemas = utils.cloneDeep(vue.unref(schemaRef) || vue.unref(getProps).schemas || []);
+    const props = vue.unref(getProps);
+    const schemas = utils.cloneDeep(vue.unref(schemaRef) || props.schemas || []);
+    if (props.showReturnButton && !schemas.some((schema) => schema.field === DEFAULT_RETURN_BUTTON_SCHEMA.field)) {
+      schemas.unshift(utils.cloneDeep(DEFAULT_RETURN_BUTTON_SCHEMA));
+    }
     return schemas;
   });
   return { getSchema };
@@ -8084,18 +8107,20 @@ function useButtonGroupSchema({ getProps, schemaRef }) {
 const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonGroup",
   props: {
-    showReturnButton: { type: Boolean },
+    showReturnButton: { type: Boolean, default: true },
     size: {},
     disabled: { type: Boolean },
     readonly: { type: Boolean },
     schemas: { default: () => [] },
     mergeDynamicData: {},
+    placement: { default: "left" },
     compact: { type: Boolean }
   },
   emits: ["click"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const { t: t2 } = useLocale();
+    const { e } = useNamespace("basic-button-group");
     const attrs = vue.useAttrs();
     const schemaRef = vue.ref(null);
     vue.ref(null);
@@ -8111,6 +8136,14 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       schemaRef
     });
     const getBindValue = vue.computed(() => ({ ...lodashEs.omit(attrs, ["data-max-id"]), ...vue.unref(getProps) }));
+    const getLeftSchema = vue.computed(() => vue.unref(getSchema).filter((schema) => {
+      var _a;
+      return ((_a = schema.placement) != null ? _a : vue.unref(getProps).placement) === "left";
+    }));
+    const getRightSchema = vue.computed(() => vue.unref(getSchema).filter((schema) => {
+      var _a;
+      return ((_a = schema.placement) != null ? _a : vue.unref(getProps).placement) === "right";
+    }));
     vue.watch(
       () => props.schemas,
       (schemas) => {
@@ -8140,12 +8173,9 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     function handleClick({ values: values2 }) {
       var _a;
       const { field, schema } = values2;
-      if (field === "buttonReturn") {
-        window.history.back();
-        return;
-      }
-      if (schema.message) {
-        XBasicMessageBox.confirm(schema.message, t2("max.basic.warning"), schema.messageBoxProps || {}).then(() => {
+      const message = utils.isFunction(schema.message) ? schema.message(values2) : schema.message;
+      if (message) {
+        XBasicMessageBox.confirm(message, t2("max.basic.warning"), schema.messageBoxProps || {}).then(() => {
           var _a2;
           (_a2 = schema.confirm) == null ? void 0 : _a2.call(schema, { field, schema, action: "confirm" });
         }).catch(() => {
@@ -8161,24 +8191,51 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: vue.unref(getWrapperClass) }, getBindValue.value), [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(getSchema), (schema) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$H, {
-            key: schema.field,
-            schema,
-            "button-group-action-type": buttonGroupActionType,
-            "button-group-props": getProps.value,
-            onClick: handleClick
-          }, vue.createSlots({ _: 2 }, [
-            vue.renderList(Object.keys(vue.unref(slots)), (item) => {
-              return {
-                name: item,
-                fn: vue.withCtx((data) => [
-                  vue.renderSlot(_ctx.$slots, item, vue.mergeProps({ ref_for: true }, data || {}))
-                ])
-              };
-            })
-          ]), 1032, ["schema", "button-group-props"]);
-        }), 128))
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(e)("left"))
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getLeftSchema.value, (schema) => {
+            return vue.openBlock(), vue.createBlock(_sfc_main$H, {
+              key: schema.field,
+              schema,
+              "button-group-action-type": buttonGroupActionType,
+              "button-group-props": getProps.value,
+              onClick: handleClick
+            }, vue.createSlots({ _: 2 }, [
+              vue.renderList(Object.keys(vue.unref(slots)), (item) => {
+                return {
+                  name: item,
+                  fn: vue.withCtx((data) => [
+                    vue.renderSlot(_ctx.$slots, item, vue.mergeProps({ ref_for: true }, data || {}))
+                  ])
+                };
+              })
+            ]), 1032, ["schema", "button-group-props"]);
+          }), 128))
+        ], 2),
+        getRightSchema.value.length ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(e)("right"))
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getRightSchema.value, (schema) => {
+            return vue.openBlock(), vue.createBlock(_sfc_main$H, {
+              key: schema.field,
+              schema,
+              "button-group-action-type": buttonGroupActionType,
+              "button-group-props": getProps.value,
+              onClick: handleClick
+            }, vue.createSlots({ _: 2 }, [
+              vue.renderList(Object.keys(vue.unref(slots)), (item) => {
+                return {
+                  name: item,
+                  fn: vue.withCtx((data) => [
+                    vue.renderSlot(_ctx.$slots, item, vue.mergeProps({ ref_for: true }, data || {}))
+                  ])
+                };
+              })
+            ]), 1032, ["schema", "button-group-props"]);
+          }), 128))
+        ], 2)) : vue.createCommentVNode("", true)
       ], 16);
     };
   }
@@ -8198,6 +8255,121 @@ const FETCH_SETTING$1 = {
   totalField: "totalCount"
 };
 const DEFAULT_SIZE = "small";
+const defaultHeaderBackgroundColor = "f2f2f2";
+const defaultCellFontColor = "000000";
+const defaultCellBorderColor = "e0e0e0";
+const defaultCellBorderStyle = "thin";
+async function getExcelJS() {
+  const ExcelJS = await Promise.resolve().then(() => require("./exceljs.min-DvM7I02X.cjs")).then((n) => n.exceljs_min);
+  return ExcelJS.default || ExcelJS;
+}
+function getColumnWidth(column) {
+  const width = Number(column.width || ("minWidth" in column ? column.minWidth : void 0));
+  if (Number.isFinite(width) && width > 0) {
+    return Math.max(10, Math.ceil(width / 7.2));
+  }
+  return 18;
+}
+function normalizeExportXlsxColumns(columns = []) {
+  return columns.filter((column) => column.field && ("visible" in column ? column.visible !== false : true)).map((column) => ({
+    field: String(column.field),
+    title: String(column.title || column.field),
+    width: getColumnWidth(column)
+  }));
+}
+function normalizeExcelCellValue(value) {
+  if (value === null || value === void 0) return "";
+  if (Array.isArray(value) || typeof value === "object") return JSON.stringify(value);
+  return value;
+}
+function getDefaultBorderStyle() {
+  return {
+    top: { style: defaultCellBorderStyle, color: { argb: defaultCellBorderColor } },
+    left: { style: defaultCellBorderStyle, color: { argb: defaultCellBorderColor } },
+    bottom: { style: defaultCellBorderStyle, color: { argb: defaultCellBorderColor } },
+    right: { style: defaultCellBorderStyle, color: { argb: defaultCellBorderColor } }
+  };
+}
+function setExcelCellStyle(excelCell, align = "left") {
+  excelCell.protection = {
+    locked: false
+  };
+  excelCell.alignment = {
+    vertical: "middle",
+    horizontal: align
+  };
+}
+function downloadXlsxBlob(blob, filename) {
+  const linkElem = document.createElement("a");
+  linkElem.target = "_blank";
+  linkElem.download = `${filename}.xlsx`;
+  linkElem.href = URL.createObjectURL(blob);
+  document.body.appendChild(linkElem);
+  linkElem.click();
+  document.body.removeChild(linkElem);
+  URL.revokeObjectURL(linkElem.href);
+}
+async function exportRowsToXlsx(options) {
+  const ExcelObj = await getExcelJS();
+  if (!ExcelObj) return false;
+  const columns = normalizeExportXlsxColumns(options.columns);
+  const workbook = new ExcelObj.Workbook();
+  const worksheet = workbook.addWorksheet(options.sheetName || "Sheet1");
+  workbook.creator = "maxax-ui";
+  worksheet.columns = columns.map((column) => ({
+    header: column.title,
+    key: column.field,
+    width: column.width || 18
+  }));
+  worksheet.addRows(
+    options.data.map((row) => {
+      return columns.reduce((record, column) => {
+        record[column.field] = normalizeExcelCellValue(row[column.field]);
+        return record;
+      }, {});
+    })
+  );
+  const headerRow = worksheet.getRow(1);
+  headerRow.height = 22;
+  headerRow.eachCell((excelCell) => {
+    setExcelCellStyle(excelCell);
+    Object.assign(excelCell, {
+      font: {
+        bold: true,
+        size: 14,
+        color: { argb: defaultCellFontColor }
+      },
+      fill: {
+        type: "pattern",
+        pattern: "solid",
+        fgColor: { argb: defaultHeaderBackgroundColor }
+      },
+      border: getDefaultBorderStyle()
+    });
+  });
+  worksheet.eachRow((excelRow, rowNumber) => {
+    if (rowNumber > 1) {
+      excelRow.height = 22;
+      excelRow.eachCell((excelCell) => {
+        setExcelCellStyle(excelCell);
+        Object.assign(excelCell, {
+          font: {
+            size: 14,
+            color: { argb: defaultCellFontColor }
+          },
+          border: getDefaultBorderStyle()
+        });
+      });
+    }
+  });
+  const buffer = await workbook.xlsx.writeBuffer();
+  const blob = new Blob([buffer], { type: "application/octet-stream" });
+  if (options.download === false) {
+    return { type: "application/octet-stream", content: "", blob };
+  }
+  downloadXlsxBlob(blob, options.filename || "export");
+  return true;
+}
 function handleFieldColumn(columns) {
   columns.forEach((column) => {
     column.field || (column.field = column.type || "");
@@ -9346,6 +9518,15 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     function getInstance() {
       return tableElRef.value;
     }
+    async function exportXlsx(options = {}) {
+      return exportRowsToXlsx({
+        filename: "export",
+        sheetName: "Sheet1",
+        columns: getColumns(),
+        data: getDataSource(),
+        ...options
+      });
+    }
     const tableAction = {
       emit,
       reload,
@@ -9370,6 +9551,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
       getSearchInfo,
       setColumns,
       getColumns,
+      exportXlsx,
       getCacheColumns,
       setCacheColumns,
       setCacheColumnsByField,
@@ -30720,6 +30902,32 @@ vxeTable.VxeUI.setConfig({
   zIndex: 2e3
 });
 const XBasicTable = utils.withInstall(_sfc_main$F);
+const IMPORT_PREVIEW_ROW_NO_FIELD = "rowNo";
+const IMPORT_PREVIEW_ERROR_FIELD = "errorMsg";
+function isErrorRow(row) {
+  return Boolean(row == null ? void 0 : row[IMPORT_PREVIEW_ERROR_FIELD]);
+}
+function getPreviewColumns(columns = [], options) {
+  const { errorTitle, rowNoTitle } = options;
+  const visibleColumns = columns.filter((column) => column.visible !== false);
+  const hasRowNoColumn = visibleColumns.some((column) => column.field === IMPORT_PREVIEW_ROW_NO_FIELD);
+  const hasErrorColumn = visibleColumns.some((column) => column.field === IMPORT_PREVIEW_ERROR_FIELD);
+  return [...hasRowNoColumn ? [] : [{ field: IMPORT_PREVIEW_ROW_NO_FIELD, title: rowNoTitle, width: 90, fixed: "left" }], ...hasErrorColumn ? [] : [{ field: IMPORT_PREVIEW_ERROR_FIELD, title: errorTitle, minWidth: 180, fixed: "left" }], ...columns];
+}
+function getExcelColumns(columns = [], options) {
+  return getPreviewColumns(columns, options).filter((column) => column.field && column.visible !== false).map((column) => ({
+    field: String(column.field),
+    title: String(column.title || column.field),
+    width: getExcelColumnWidth(column)
+  }));
+}
+function getExcelColumnWidth(column) {
+  const width = Number(column.width || column.minWidth);
+  if (Number.isFinite(width) && width > 0) {
+    return Math.max(10, Math.ceil(width / 7.2));
+  }
+  return 18;
+}
 const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "PreviewModal",
   props: {
@@ -30727,9 +30935,17 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     previewColumns: {},
     previewTableProps: {},
     previewTitle: {},
-    showPreviewCount: { type: Boolean, default: true }
-  },
-  emits: ["confirm", "cancel"],
+    showPreviewCount: { type: Boolean, default: true },
+    showPreviewToolbar: { type: Boolean, default: true },
+    showPreviewFilter: { type: Boolean, default: true },
+    showExportErrorButton: { type: Boolean, default: true },
+    showDeleteErrorButton: { type: Boolean, default: true },
+    rowNoColumnTitle: {},
+    errorColumnTitle: {},
+    exportErrorFileName: { default: "import-error-data" },
+    exportErrorHandler: {}
+  },
+  emits: ["confirm", "cancel", "deleteError"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -30738,12 +30954,14 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     const { t: t2 } = useLocale();
     const tableData = vue.ref([]);
     const errorData = vue.ref([]);
+    const previewFilter = vue.ref("all");
     const { visible, show, hide } = useBasicDrawerModal({
       async onShow(context) {
         var _a, _b;
         await vue.nextTick();
         const list = ((_a = context.data) == null ? void 0 : _a.list) || [];
-        const errorList = list.filter((item) => item.errorMsg);
+        const errorList = list.filter((item) => isErrorRow(item));
+        previewFilter.value = "all";
         tableData.value = list;
         errorData.value = errorList;
         (_b = basicTableRef.value) == null ? void 0 : _b.setTableData(list);
@@ -30752,6 +30970,25 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     const previewModalStyle = vue.computed(() => {
       return { width: props.previewWidth || "900px" };
     });
+    const rowNoColumnTitle = vue.computed(() => props.rowNoColumnTitle || t2("max.import.rowNo"));
+    const errorColumnTitle = vue.computed(() => props.errorColumnTitle || t2("max.import.errorMessage"));
+    const normalDataCount = vue.computed(() => Math.max(tableData.value.length - errorData.value.length, 0));
+    const previewFilterOptions = vue.computed(() => [
+      { label: t2("max.import.showAllData"), value: "all" },
+      { label: t2("max.import.showErrorRows"), value: "error" },
+      { label: t2("max.import.showNormalRows"), value: "normal" }
+    ]);
+    const filteredTableData = vue.computed(() => {
+      if (previewFilter.value === "error") return errorData.value;
+      if (previewFilter.value === "normal") return tableData.value.filter((item) => !isErrorRow(item));
+      return tableData.value;
+    });
+    const tableColumns = vue.computed(
+      () => getPreviewColumns(props.previewColumns, {
+        errorTitle: errorColumnTitle.value,
+        rowNoTitle: rowNoColumnTitle.value
+      })
+    );
     const previewTableBindValues = vue.computed(() => {
       return {
         border: "inner",
@@ -30761,11 +30998,62 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
         toolbarConfig: {
           enabled: false
         },
+        virtualYConfig: {
+          enabled: true,
+          gt: 0
+        },
+        showIndexColumn: false,
         showCheckboxColumn: false,
         ...props.previewTableProps,
-        columns: props.previewColumns || []
+        columns: tableColumns.value
       };
     });
+    function syncPreviewTableData() {
+      var _a;
+      (_a = basicTableRef.value) == null ? void 0 : _a.setTableData(filteredTableData.value);
+    }
+    function onPreviewFilterChange() {
+      syncPreviewTableData();
+    }
+    async function onExportErrorData() {
+      var _a;
+      if (errorData.value.length === 0) return;
+      if (props.exportErrorHandler) {
+        await props.exportErrorHandler({
+          columns: tableColumns.value,
+          rows: errorData.value
+        });
+        return;
+      }
+      const columns = getExcelColumns(props.previewColumns, {
+        errorTitle: errorColumnTitle.value,
+        rowNoTitle: rowNoColumnTitle.value
+      });
+      await ((_a = basicTableRef.value) == null ? void 0 : _a.exportXlsx({
+        columns,
+        filename: props.exportErrorFileName,
+        data: errorData.value,
+        sheetName: t2("max.import.errorDataSheetName")
+      }));
+    }
+    function deleteErrorData() {
+      const deletedErrors = [...errorData.value];
+      tableData.value = tableData.value.filter((item) => !isErrorRow(item));
+      errorData.value = [];
+      previewFilter.value = "all";
+      syncPreviewTableData();
+      emit("deleteError", { data: tableData.value, errors: deletedErrors });
+    }
+    function onDeleteErrorData() {
+      if (errorData.value.length === 0) return;
+      XBasicMessageBox.confirm(t2("max.import.confirmDeleteErrorData"), t2("max.basic.warning"), {
+        confirmButtonText: t2("max.import.confirm"),
+        cancelButtonText: t2("max.import.cancel")
+      }).then(() => {
+        deleteErrorData();
+      }).catch(() => {
+      });
+    }
     function onConfirm() {
       var _a;
       const records = ((_a = basicTableRef.value) == null ? void 0 : _a.getSelectRows()) || [];
@@ -30778,7 +31066,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(naiveUi.NModal), {
         show: vue.unref(visible),
-        "onUpdate:show": _cache[0] || (_cache[0] = ($event) => vue.isRef(visible) ? visible.value = $event : null),
+        "onUpdate:show": _cache[1] || (_cache[1] = ($event) => vue.isRef(visible) ? visible.value = $event : null),
         segmented: { footer: "soft" },
         closable: false,
         preset: "card",
@@ -30820,10 +31108,10 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
           ], 2)
         ]),
         default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "preview-table-before", {
-            tableData: tableData.value,
-            errorData: errorData.value
-          }, () => [
+          props.showPreviewToolbar ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(em)("preview-toolbar"))
+          }, [
             props.showPreviewCount ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               class: vue.normalizeClass(vue.unref(em)("preview-count"))
@@ -30833,9 +31121,64 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
               }, vue.toDisplayString(vue.unref(t2)("max.import.totalCount")) + ": " + vue.toDisplayString(tableData.value.length), 3),
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(vue.unref(em)("error-count"))
-              }, vue.toDisplayString(vue.unref(t2)("max.import.errorCount")) + ": " + vue.toDisplayString(errorData.value.length), 3)
-            ], 2)) : vue.createCommentVNode("", true)
-          ]),
+              }, vue.toDisplayString(vue.unref(t2)("max.import.errorCount")) + ": " + vue.toDisplayString(errorData.value.length), 3),
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(vue.unref(em)("normal-count"))
+              }, vue.toDisplayString(vue.unref(t2)("max.import.normalCount")) + ": " + vue.toDisplayString(normalDataCount.value), 3)
+            ], 2)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(vue.unref(em)("preview-actions"))
+            }, [
+              props.showPreviewFilter ? (vue.openBlock(), vue.createBlock(vue.unref(naiveUi.NSelect), {
+                key: 0,
+                value: previewFilter.value,
+                "onUpdate:value": [
+                  _cache[0] || (_cache[0] = ($event) => previewFilter.value = $event),
+                  onPreviewFilterChange
+                ],
+                class: vue.normalizeClass(vue.unref(em)("filter-select")),
+                options: previewFilterOptions.value
+              }, null, 8, ["value", "class", "options"])) : vue.createCommentVNode("", true),
+              props.showExportErrorButton ? (vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), {
+                key: 1,
+                type: "error",
+                secondary: "",
+                icon: "ri:download-2-line",
+                disabled: errorData.value.length === 0,
+                onClick: onExportErrorData
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(t2)("max.import.exportErrorData")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : vue.createCommentVNode("", true),
+              props.showDeleteErrorButton ? (vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), {
+                key: 2,
+                secondary: "",
+                icon: "ri:delete-bin-line",
+                disabled: errorData.value.length === 0,
+                onClick: onDeleteErrorData
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(t2)("max.import.deleteErrorData")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : vue.createCommentVNode("", true)
+            ], 2)
+          ], 2)) : props.showPreviewCount ? (vue.openBlock(), vue.createElementBlock("span", {
+            key: 1,
+            class: vue.normalizeClass(vue.unref(em)("preview-count"))
+          }, [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(vue.unref(em)("total-count"))
+            }, vue.toDisplayString(vue.unref(t2)("max.import.totalCount")) + ": " + vue.toDisplayString(tableData.value.length), 3),
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(vue.unref(em)("error-count"))
+            }, vue.toDisplayString(vue.unref(t2)("max.import.errorCount")) + ": " + vue.toDisplayString(errorData.value.length), 3),
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(vue.unref(em)("normal-count"))
+            }, vue.toDisplayString(vue.unref(t2)("max.import.normalCount")) + ": " + vue.toDisplayString(normalDataCount.value), 3)
+          ], 2)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(em)("preview-table"))
           }, [
@@ -30843,13 +31186,9 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
               ref_key: "basicTableRef",
               ref: basicTableRef
             }), null, 16)
-          ], 2),
-          vue.renderSlot(_ctx.$slots, "preview-table-after", {
-            tableData: tableData.value,
-            errorData: errorData.value
-          })
+          ], 2)
         ]),
-        _: 3
+        _: 1
       }, 8, ["show", "class", "style"]);
     };
   }
@@ -30860,7 +31199,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   props: {
     width: {},
     showTplButton: { type: Boolean },
-    showCoverSwitch: { type: Boolean }
+    showCoverSwitch: { type: Boolean },
+    maxSize: { default: 50 },
+    accept: { default: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" }
   },
   emits: ["confirm", "downloadTemplate"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -30879,9 +31220,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       return { width: props.width || "630px" };
     });
     const beforeUpload = (file) => {
-      const isLt2M = (file.size || 0) / 1024 / 1024 < 50;
-      if (!isLt2M) {
-        XBasicNotification.error(t2("max.import.fileSizeLimit"));
+      const isInSize = (file.size || 0) / 1024 / 1024 < props.maxSize;
+      if (!isInSize) {
+        XBasicNotification.error(t2("max.import.fileSizeLimit").replace("{max}", String(props.maxSize)));
         return false;
       }
       return false;
@@ -30966,7 +31307,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
               "show-upload-list": "",
               type: "drag",
               "max-count": 1,
-              accept: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
+              accept: props.accept
             }, {
               default: vue.withCtx(() => [
                 vue.createElementVNode("p", {
@@ -30982,7 +31323,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                 }, vue.toDisplayString(vue.unref(t2)("max.import.uploadTip")), 3)
               ]),
               _: 1
-            }, 8, ["file-list"]),
+            }, 8, ["file-list", "accept"]),
             props.showTplButton ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: vue.normalizeClass(vue.unref(em)("tips"))
@@ -31013,6 +31354,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: {
     showTplButton: { type: Boolean, default: true },
     showCoverSwitch: { type: Boolean },
+    maxSize: {},
+    accept: {},
     width: {},
     previewWidth: {},
     href: {},
@@ -31021,16 +31364,27 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     beforeFetchImport: {},
     afterFetchImport: {},
     listField: { default: "resultList" },
+    rowNoField: { default: IMPORT_PREVIEW_ROW_NO_FIELD },
+    errorField: { default: IMPORT_PREVIEW_ERROR_FIELD },
+    rowNoColumnTitle: {},
+    errorColumnTitle: {},
     previewColumns: {},
     previewTableProps: {},
     previewTitle: {},
     showPreviewCount: { type: Boolean, default: true },
+    showPreviewToolbar: { type: Boolean, default: true },
+    showPreviewFilter: { type: Boolean, default: true },
+    showExportErrorButton: { type: Boolean, default: true },
+    showDeleteErrorButton: { type: Boolean, default: true },
+    exportErrorFileName: {},
+    exportErrorHandler: {},
+    blockSaveWhenError: { type: Boolean, default: true },
     saveApi: {},
     beforeSaveInterceptor: {},
     beforeFetchSave: {},
     afterFetchSave: {}
   },
-  emits: ["import", "preview", "save"],
+  emits: ["import", "preview", "save", "deleteError"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -31042,8 +31396,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const currentFile = vue.ref(null);
     const currentChecked = vue.ref(false);
     async function runBeforeSaveGuard(payload) {
-      if (payload.errors.length > 0) {
-        XBasicNotification.error("存在校验失败的数据，请检查");
+      if (props.blockSaveWhenError && payload.errors.length > 0) {
+        XBasicNotification.error(t2("max.import.validationFailed"));
         return false;
       }
       if (!props.beforeSaveInterceptor || !lodashEs.isFunction(props.beforeSaveInterceptor)) return true;
@@ -31060,6 +31414,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return false;
       }
     }
+    function normalizePreviewRows(rows = []) {
+      return rows.map((item) => {
+        const row = { ...item };
+        const rowNo = props.rowNoField ? lodashEs.get(item, props.rowNoField) : void 0;
+        const errorMsg = props.errorField ? lodashEs.get(item, props.errorField) : void 0;
+        if (row[IMPORT_PREVIEW_ROW_NO_FIELD] === void 0 && rowNo !== void 0) {
+          row[IMPORT_PREVIEW_ROW_NO_FIELD] = rowNo;
+        }
+        if (row[IMPORT_PREVIEW_ERROR_FIELD] === void 0 && errorMsg !== void 0) {
+          row[IMPORT_PREVIEW_ERROR_FIELD] = errorMsg;
+        }
+        return row;
+      });
+    }
     async function onImport(file, checked, showPreview = false) {
       var _a, _b, _c, _d;
       const { importApi, beforeFetchImport, afterFetchImport } = props;
@@ -31076,6 +31444,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           if (afterFetchImport && lodashEs.isFunction(afterFetchImport)) {
             resultItems = await afterFetchImport(resultItems) || resultItems;
           }
+          resultItems = normalizePreviewRows(resultItems);
           currentFile.value = file;
           currentChecked.value = checked;
           (_b = previewModalRef.value) == null ? void 0 : _b.show({ type: "other", data: { list: resultItems } });
@@ -31135,7 +31504,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       try {
         const params = props.beforeFetchSave ? props.beforeFetchSave({ data, records }) : { dtoList: data };
-        const res = await props.saveApi(params);
+        let res = await props.saveApi(params);
+        if (props.afterFetchSave && lodashEs.isFunction(props.afterFetchSave)) {
+          res = await props.afterFetchSave(res) || res;
+        }
         emit("save", { data: res, checked: currentChecked.value, file: currentFile.value, records });
       } catch (error) {
         console.error(error);
@@ -31148,6 +31520,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       var _a;
       (_a = uploadModalRef.value) == null ? void 0 : _a.show({ type: "other" });
     }
+    function onDeleteError(payload) {
+      emit("deleteError", payload);
+    }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("span", null, [
         vue.createElementVNode("div", {
@@ -31171,9 +31546,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           width: props.width,
           "show-tpl-button": props.showTplButton,
           "show-cover-switch": props.showCoverSwitch,
+          "max-size": props.maxSize,
+          accept: props.accept,
           onConfirm: onUploadConfirm,
           onDownloadTemplate: onExport
-        }, null, 8, ["width", "show-tpl-button", "show-cover-switch"]),
+        }, null, 8, ["width", "show-tpl-button", "show-cover-switch", "max-size", "accept"]),
         vue.createVNode(_sfc_main$2, {
           ref_key: "previewModalRef",
           ref: previewModalRef,
@@ -31182,23 +31559,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "preview-table-props": props.previewTableProps,
           "preview-title": props.previewTitle,
           "show-preview-count": props.showPreviewCount,
-          onConfirm: onPreviewConfirm
-        }, vue.createSlots({ _: 2 }, [
-          _ctx.$slots["preview-table-before"] ? {
-            name: "preview-table-before",
-            fn: vue.withCtx((slotProps) => [
-              vue.renderSlot(_ctx.$slots, "preview-table-before", vue.normalizeProps(vue.guardReactiveProps(slotProps)))
-            ]),
-            key: "0"
-          } : void 0,
-          _ctx.$slots["preview-table-after"] ? {
-            name: "preview-table-after",
-            fn: vue.withCtx((slotProps) => [
-              vue.renderSlot(_ctx.$slots, "preview-table-after", vue.normalizeProps(vue.guardReactiveProps(slotProps)))
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1032, ["preview-width", "preview-columns", "preview-table-props", "preview-title", "show-preview-count"])
+          "show-preview-toolbar": props.showPreviewToolbar,
+          "show-preview-filter": props.showPreviewFilter,
+          "show-export-error-button": props.showExportErrorButton,
+          "show-delete-error-button": props.showDeleteErrorButton,
+          "row-no-column-title": props.rowNoColumnTitle,
+          "error-column-title": props.errorColumnTitle,
+          "export-error-file-name": props.exportErrorFileName,
+          "export-error-handler": props.exportErrorHandler,
+          onConfirm: onPreviewConfirm,
+          onDeleteError
+        }, null, 8, ["preview-width", "preview-columns", "preview-table-props", "preview-title", "show-preview-count", "show-preview-toolbar", "show-preview-filter", "show-export-error-button", "show-delete-error-button", "row-no-column-title", "error-column-title", "export-error-file-name", "export-error-handler"])
       ]);
     };
   }
@@ -31435,11 +31806,13 @@ exports.basicUploadProps = basicUploadProps;
 exports.configProviderProps = configProviderProps;
 exports.default = installer;
 exports.detectFlexGapSupported = detectFlexGapSupported;
+exports.exportRowsToXlsx = exportRowsToXlsx;
 exports.formatterFCN = formatterFCN;
 exports.formatterFCR = formatterFCR;
 exports.formatterFYN = formatterFYN;
 exports.install = install;
 exports.makeInstaller = makeInstaller;
+exports.normalizeExportXlsxColumns = normalizeExportXlsxColumns;
 exports.notificationTypes = notificationTypes;
 exports.provideGlobalConfig = provideGlobalConfig;
 exports.responsiveArray = responsiveArray;