@aplus-frontend/ui 0.0.3 → 0.0.4

package/es/src/ap-table/utils.d.ts

@@ -1,5 +1,16 @@
 import { ApColumnType, ApTableValueFields, ValueEnum, ValueEnumType } from './interface';
 import { Translator } from '../config-provider';
+import { AlignType, FixedType, Key, CellEllipsisType, DataIndex, ColumnType, GetComponentProps, ColumnGroupType } from 'ant-design-vue/es/vc-table/interface';
+import { ColumnTitle, CompareFn, SortOrder, FilterDropdownProps, FilterValue, FilterSearchType, ColumnFilterItem } from 'ant-design-vue/es/table/interface';
+import { Breakpoint } from 'ant-design-vue/es/_util/responsiveObserve';
+import { ExtractPropTypes, PropType, CSSProperties } from 'vue';
+import { VueTypeValidableDef } from '../../node_modules/vue-types';
+import { TriggerType } from 'ant-design-vue/es/tooltip/abstractTooltipProps';
+import { TooltipPlacement, AdjustOverflow } from 'ant-design-vue/es/tooltip';
+import { LiteralUnion, VueNode } from 'ant-design-vue/es/_util/type';
+import { PresetColorType } from 'ant-design-vue/es/_util/colors';
+import { AlignType, BuildInPlacements } from 'ant-design-vue/es/vc-trigger/interface';
+import { TableColumnType } from 'ant-design-vue';
 
 export type FieldValueType = 'multiple' | 'multipleNumber' | 'dayjs' | 'dayjsRange' | 'dayjsDayRange' | 'number' | 'boolean' | 'object';
 export declare const formatParamsValueType: (type: FieldValueType | Record<string, FieldValueType>, value: any, cb: (t: FieldValueType, value: any) => any) => any;
@@ -29,7 +40,7 @@ export declare const objectToMap: (value: ValueEnum | undefined) => ValueEnumMap
  * @param valueEnumParams
  * @returns
  */
-export declare const valueEnumToArray: (valueEnumParams: ValueEnum) => OptionType;
+export declare const valueEnumToArray: (valueEnumParams: ValueEnum) => Partial<OptionType>[];
 /**
  * 获取列在查询表单中的排序
  * @param order
@@ -58,4 +69,166 @@ export declare function getFieldProps<RecordType = any>(fieldProps: ApColumnType
     renderIndex: number;
     column: ApColumnType<any, RecordType>;
 }): any;
+/**
+ * 获取表格的渲染类型
+ * @param item
+ * @returns
+ */
+export declare function getTableRenderType(item: ApColumnType<any, any>): "number" | "text" | "select" | "switch" | "index" | "status" | "checkbox" | "radio" | "date" | "action" | "dateRange" | "textArea";
+/**
+ * 处理表格render组件的props
+ * @param item
+ * @param renderOption
+ * @returns
+ */
+export declare function getTableRenderProps(item: ApColumnType<any, any>, renderOption: any): any;
+/**
+ * 将apColumn转化为column
+ * @param column
+ * @returns
+ */
+export declare function apColumnToColumn(column: ApColumnType<any>): {
+    align?: AlignType | undefined;
+    class?: string | undefined;
+    title?: ColumnTitle<any>;
+    width?: string | number | undefined;
+    slots?: {
+        filterIcon?: string | undefined;
+        filterDropdown?: string | undefined;
+        customRender?: string | undefined;
+        title?: string | undefined;
+    } | undefined;
+    fixed?: FixedType | undefined;
+    key?: Key | undefined;
+    responsive?: Breakpoint[] | undefined;
+    maxWidth?: number | undefined;
+    minWidth?: number | undefined;
+    ellipsis?: CellEllipsisType | undefined;
+    colSpan?: number | undefined;
+    dataIndex?: DataIndex | undefined;
+    customRender?: ((opt: {
+        value: any;
+        text: any;
+        record: any;
+        index: number;
+        renderIndex: number;
+        column: ColumnType<any>;
+    }) => any) | undefined;
+    rowSpan?: number | undefined;
+    resizable?: boolean | undefined;
+    customCell?: GetComponentProps<any> | undefined;
+    onCellClick?: ((record: any, e: MouseEvent) => void) | undefined;
+    className?: string | undefined;
+    customHeaderCell?: GetComponentProps< ColumnType<any> | ColumnGroupType<any>> | undefined;
+    customFilterDropdown?: boolean | undefined;
+    __originColumn__?: any;
+    sorter?: ((boolean | CompareFn<any> | {
+        compare?: CompareFn<any> | undefined;
+        multiple?: number | undefined;
+    }) & (string | boolean | CompareFn<any> | {
+        compare?: CompareFn<any> | undefined;
+        multiple?: number | undefined;
+    })) | undefined;
+    sortOrder?: SortOrder | undefined;
+    defaultSortOrder?: SortOrder | undefined;
+    sortDirections?: SortOrder[] | undefined;
+    showSorterTooltip?: boolean | Partial< ExtractPropTypes<{
+        title: VueTypeValidableDef<any>;
+        trigger: PropType< TriggerType | TriggerType[]>;
+        open: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placement: PropType<TooltipPlacement>;
+        color: PropType<LiteralUnion<PresetColorType>>;
+        transitionName: StringConstructor;
+        overlayStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayInnerStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayClassName: StringConstructor;
+        openClassName: StringConstructor;
+        prefixCls: StringConstructor;
+        mouseEnterDelay: NumberConstructor;
+        mouseLeaveDelay: NumberConstructor;
+        getPopupContainer: PropType<(triggerNode: HTMLElement) => HTMLElement>;
+        arrowPointAtCenter: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        arrow: {
+            type: PropType<boolean | {
+                pointAtCenter?: boolean | undefined;
+            }>;
+            default: boolean | {
+                pointAtCenter?: boolean | undefined;
+            };
+        };
+        autoAdjustOverflow: {
+            type: PropType<boolean | AdjustOverflow>;
+            default: boolean | AdjustOverflow;
+        };
+        destroyTooltipOnHide: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        align: {
+            type: PropType<AlignType>;
+            default: AlignType;
+        };
+        builtinPlacements: {
+            type: PropType<BuildInPlacements>;
+            default: BuildInPlacements;
+        };
+        children: ArrayConstructor;
+        onVisibleChange: PropType<(vis: boolean) => void>;
+        'onUpdate:visible': PropType<(vis: boolean) => void>;
+        onOpenChange: PropType<(vis: boolean) => void>;
+        'onUpdate:open': PropType<(vis: boolean) => void>;
+    }>> | undefined;
+    filtered?: boolean | undefined;
+    filterDropdown?: VueNode | ((props: FilterDropdownProps<any>) => VueNode);
+    filterMultiple?: boolean | undefined;
+    filteredValue?: FilterValue | null | undefined;
+    defaultFilteredValue?: FilterValue | null | undefined;
+    filterIcon?: VueNode | ((opt: {
+        filtered: boolean;
+        column: TableColumnType<any>;
+    }) => VueNode);
+    filterMode?: "menu" | "tree" | undefined;
+    filterSearch?: FilterSearchType<ColumnFilterItem> | undefined;
+    onFilter?: ((value: string | number | boolean, record: any) => boolean) | undefined;
+    filterDropdownOpen?: boolean | undefined;
+    onFilterDropdownOpenChange?: ((visible: boolean) => void) | undefined;
+    filterResetToDefaultFilteredValue?: boolean | undefined;
+    filterDropdownVisible?: boolean | undefined;
+    onFilterDropdownVisibleChange?: ((visible: boolean) => void) | undefined;
+    children?: ApColumnType<any, any>[] | undefined;
+    span?: number | undefined;
+    tooltip?: string | undefined;
+    copyable?: boolean | undefined;
+    hideInSearch?: boolean | undefined;
+    hideInTable?: boolean | undefined;
+    valueEnum?: ValueEnum | undefined;
+    customRenderFormItem?: ((config: ApColumnType<"text", any>) => any) | undefined;
+    valueType?: keyof ApTableValueFields | undefined;
+    fieldProps?: any;
+    order?: number | undefined;
+    filters?: true | ColumnFilterItem[] | undefined;
+};
+/**
+ * 更新查询表单的的props
+ * @param item
+ * @param fieldProps
+ * @returns
+ */
+export declare function updateFormProps(item: ApColumnType<any, any>, fieldProps: any): any;
 export {};

package/es/src/ap-table/utils.mjs

@@ -1,83 +1,110 @@
-import { isObject as c, isArray as u, isUndefined as i, isFunction as a } from "lodash-unified";
-const f = (t, e, n) => {
-  let s = {};
-  return c(t) ? Object.keys(t).forEach((o) => {
-    c(t[o]) ? s[o] = f(t[o], e[o], n) : s[o] = n(t[o], e);
-  }) : s = n(t, e), s;
-}, p = (t, e) => {
-  switch (t) {
+import { isObject as s, isArray as c, isUndefined as f, isFunction as l, omit as d, isBoolean as p } from "lodash-unified";
+const m = (e, t, n) => {
+  let o = {};
+  return s(e) ? Object.keys(e).forEach((u) => {
+    s(e[u]) ? o[u] = m(e[u], t[u], n) : o[u] = n(e[u], t);
+  }) : o = n(e, t), o;
+}, h = (e, t) => {
+  switch (e) {
     case "dayjs":
-      return e.valueOf();
+      return t.valueOf();
     case "dayjsRange":
-      return e.map((n) => n.valueOf());
+      return t.map((n) => n.valueOf());
     case "dayjsDayRange": {
-      const [n, s] = e;
-      return [n.startOf("day").valueOf(), s.endOf("day").valueOf()];
+      const [n, o] = t;
+      return [n.startOf("day").valueOf(), o.endOf("day").valueOf()];
     }
     case "multiple":
     case "multipleNumber":
-      return u(e) ? e : [e];
+      return c(t) ? t : [t];
     case "boolean":
-      return e;
+      return t;
     case "object":
-      return e;
+      return t;
     default:
-      return e;
+      return t;
   }
 };
-function b(t) {
-  return u(t) ? t.join(".") : t;
+function y(e) {
+  return c(e) ? e.join(".") : e;
 }
-function d(t) {
-  const e = Object.prototype.toString.call(t).match(/^\[object (.*)\]$/)[1].toLowerCase();
-  return e === "string" && typeof t == "object" ? "object" : t === null ? "null" : t === void 0 ? "undefined" : e;
+function x(e) {
+  const t = Object.prototype.toString.call(e).match(/^\[object (.*)\]$/)[1].toLowerCase();
+  return t === "string" && typeof e == "object" ? "object" : e === null ? "null" : e === void 0 ? "undefined" : t;
 }
-const l = (t) => d(t) === "map" ? t : new Map(Object.entries(t || {})), g = (t) => {
-  const e = [], n = l(t);
-  return n.forEach((s, o) => {
-    const r = n.get(o) || n.get(`${o}`);
+const T = (e) => x(e) === "map" ? e : new Map(Object.entries(e || {})), a = (e) => {
+  const t = [], n = T(e);
+  return n.forEach((o, u) => {
+    const r = n.get(u) || n.get(`${u}`);
     if (r) {
       if (typeof r == "object" && (r != null && r.text)) {
-        e.push({
+        t.push({
           text: r == null ? void 0 : r.text,
-          value: o,
+          value: u,
           label: r == null ? void 0 : r.text,
           disabled: r.disabled
         });
         return;
       }
-      e.push({
+      t.push({
         text: r,
         label: r,
-        value: o
+        value: u
       });
     }
-  }), e;
-}, j = (t) => i(t) || t < 0 ? 0 : t, x = (t, e, n) => {
+  }), t;
+}, E = (e) => f(e) || e < 0 ? 0 : e, j = (e, t, n) => {
   if (n)
     return n;
-  const s = ["select", "date"], o = [
+  const o = ["select", "date"], u = [
     "text",
     "textArea",
     "number"
   ];
-  if (e === "dateRange")
-    return [t("ap.common.chooseText"), t("ap.common.chooseText")];
-  if (s.includes(e))
-    return t("ap.common.chooseText");
-  if (o.includes(e))
-    return t("ap.common.inputText");
+  if (t === "dateRange")
+    return [e("ap.common.chooseText"), e("ap.common.chooseText")];
+  if (o.includes(t))
+    return e("ap.common.chooseText");
+  if (u.includes(t))
+    return e("ap.common.inputText");
 };
-function O(t, e) {
-  return !t || !a(t) ? t : t(e);
+function b(e, t) {
+  return !e || !l(e) ? e : e(t);
+}
+function O(e) {
+  let t = e.valueType || "text";
+  return e.valueEnum && (t = "status"), t;
+}
+function F(e, t) {
+  const n = b(e.fieldProps, t), o = (n == null ? void 0 : n.field) || n || {}, u = e.valueType === "switch", r = e.valueType === "index", i = u ? { checked: t.value } : { value: r ? t.index + 1 : t.value };
+  return e.valueEnum && (o.valueEnum = e.valueEnum), {
+    ...d(o, ["request"]),
+    ...i
+  };
+}
+function v(e) {
+  const t = { ...e };
+  return p(e.filters) && e.filters && e.valueEnum && (t.filters = a(e.valueEnum)), t;
+}
+function w(e, t) {
+  var o;
+  const n = t || {};
+  return e.valueEnum && !((o = n.field) != null && o.options) && (n.field = {
+    ...n.field,
+    options: a(e.valueEnum)
+  }), n;
 }
 export {
-  b as dataIndexToStr,
-  f as formatParamsValueType,
-  j as getColumnOrder,
-  O as getFieldProps,
-  x as getPlaceholder,
-  l as objectToMap,
-  p as parseFieldValue,
-  g as valueEnumToArray
+  v as apColumnToColumn,
+  y as dataIndexToStr,
+  m as formatParamsValueType,
+  E as getColumnOrder,
+  b as getFieldProps,
+  j as getPlaceholder,
+  F as getTableRenderProps,
+  O as getTableRenderType,
+  T as objectToMap,
+  h as parseFieldValue,
+  w as updateFormProps,
+  a as valueEnumToArray
 };

package/es/src/theme/antd-global-overwrite/admin/index.css

@@ -271,19 +271,23 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
 .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
   color: #ff4d4f;
 }
-.ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
+[class$='-basic-table'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
   margin: 16px 0 0;
 }
-.ant-table-wrapper .ant-pagination {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination {
   position: relative;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-total-text {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text {
   position: absolute;
   left: 0;
   height: 30px;
   line-height: 30px;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-item {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item {
   box-sizing: border-box;
   min-width: 30px;
   height: 30px;
@@ -294,45 +298,57 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   text-align: center;
   border-radius: 4px;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-item:not(.ant-table-wrapper .ant-pagination .ant-pagination-item-active) {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active) {
   border: 1px solid #d9d9d9;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-prev {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev {
   width: 30px;
   height: 30px;
   margin: 0 4px;
   line-height: 28px;
   border: 1px solid #d9d9d9;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-next {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next {
   width: 30px;
   height: 30px;
   margin: 0 4px;
   line-height: 28px;
   border: 1px solid #d9d9d9;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-disabled {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-disabled,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-disabled {
   border: 1px solid #d9d9d9;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-options {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options {
   margin-left: 4px;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
   min-width: 90px;
   height: 30px;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
   line-height: 28px;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
   color: #333333;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
   margin-left: 20px;
   color: #333333;
   font-size: 14px;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
   min-width: 60px;
   height: 30px;
   margin: 0 8px;
@@ -346,35 +362,43 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   display: flex;
 }
 .ant-steps .ant-steps-item-icon {
+  line-height: 27px;
   width: 28px;
   height: 28px;
   margin-top: 3px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
   flex-shrink: 0;
 }
+.ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-icon .ant-steps-icon {
+  font-weight: 500;
+  font-size: 16px;
+}
+.ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-container .ant-steps-item-description {
+  min-height: 16px;
+  margin-top: 5px;
+  color: #999999;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 1.2rem;
+}
 .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon {
   background-color: #ffffff;
   border-color: #34b77c;
-  border-radius: 0;
 }
 .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-finish-icon {
   width: 12px;
   height: 12px;
 }
 .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-finish-icon svg {
-  display: none;
   width: 12px;
   height: 12px;
 }
 .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
   min-height: 16px;
-  margin-top: 6px;
+  margin-top: 5px;
   color: #999999;
   font-weight: 400;
   font-size: 12px;
-  line-height: 1rem;
+  line-height: 1.2rem;
 }
 .ant-steps .ant-steps-item-title {
   height: 24px;
@@ -398,11 +422,11 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
 }
 .ant-steps .ant-steps-item-active .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
   min-height: 16px;
-  margin-top: 6px;
+  margin-top: 5px;
   color: #999999;
   font-weight: 400;
   font-size: 12px;
-  line-height: 1rem;
+  line-height: 1.2rem;
 }
 .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon {
   background-color: #ffffff;
@@ -415,11 +439,15 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
 }
 .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-description {
   min-height: 16px;
-  margin-top: 6px;
+  margin-top: 5px;
   color: #999999;
   font-weight: 400;
   font-size: 12px;
-  line-height: 1rem;
+  line-height: 1.2rem;
+}
+.ant-steps-item.ant-steps-item-finish.ant-steps-item-active .ant-steps-item-container .ant-steps-item-tail {
+  inset-inline-start: 13px;
+  margin: 4px 0;
 }
 .ant-steps-item.ant-steps-item-finish.ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon {
   background-color: #ffffff;
@@ -434,13 +462,25 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   width: 28px;
   height: 28px;
   margin-top: 3px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+}
+.ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-icon {
+  line-height: 25px;
+  width: 24px;
+  height: 24px;
+  margin-top: 3px;
+}
+.ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-content {
+  margin-top: 2px;
 }
 .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-tail {
   inset-inline-start: 13px;
-  margin: 6px 0;
+  margin: 3px -1px;
+}
+.ant-steps.ant-steps-horizontal.ant-steps-small .ant-steps-item-icon {
+  line-height: 25px;
+  width: 24px;
+  height: 24px;
+  flex-shrink: 0;
 }
 [class$='-basic-table'],
 [class$='-basic-table-form-container'] {

package/es/src/theme/antd-global-overwrite/admin/pagination.css

@@ -1,16 +1,20 @@
-.ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
+[class$='-basic-table'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
   margin: 16px 0 0;
 }
-.ant-table-wrapper .ant-pagination {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination {
   position: relative;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-total-text {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text {
   position: absolute;
   left: 0;
   height: 30px;
   line-height: 30px;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-item {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item {
   box-sizing: border-box;
   min-width: 30px;
   height: 30px;
@@ -21,45 +25,57 @@
   text-align: center;
   border-radius: 4px;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-item:not(.ant-table-wrapper .ant-pagination .ant-pagination-item-active) {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active) {
   border: 1px solid #d9d9d9;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-prev {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev {
   width: 30px;
   height: 30px;
   margin: 0 4px;
   line-height: 28px;
   border: 1px solid #d9d9d9;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-next {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next {
   width: 30px;
   height: 30px;
   margin: 0 4px;
   line-height: 28px;
   border: 1px solid #d9d9d9;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-disabled {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-disabled,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-disabled {
   border: 1px solid #d9d9d9;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-options {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options {
   margin-left: 4px;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
   min-width: 90px;
   height: 30px;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
   line-height: 28px;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
   color: #333333;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
   margin-left: 20px;
   color: #333333;
   font-size: 14px;
 }
-.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
+[class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
   min-width: 60px;
   height: 30px;
   margin: 0 8px;