@aplus-frontend/ui 0.0.3 → 0.0.5

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/pro-form/helper.mjs

@@ -3,12 +3,12 @@ const n = ["Divider", "BasicTitle"];
 function p(e) {
   return n.includes(e || "");
 }
-function d(e, i, r) {
+function a(e, i, r) {
   Reflect.has(e, "type") || (["DatePicker", "MonthPicker", "WeekPicker", "TimePicker"].includes(
     i
   ) ? e.type = r ? "string" : "object" : ["RangePicker", "Upload", "CheckboxGroup", "TimePicker"].includes(i) ? e.type = "array" : ["InputNumber"].includes(i) && (e.type = "number"));
 }
-const a = [
+const l = [
   "ApiTransfer",
   "ApiTree",
   "ApiTreeSelect",
@@ -18,8 +18,8 @@ const a = [
   "RadioButtonGroup",
   "ApiSelect"
 ];
-function l(e, i = "", r) {
-  return e.includes("Input") || e.includes("Complete") ? r("ap.common.inputText") + i : e.includes("Picker") || e.includes("Select") || e.includes("Cascader") || e.includes("Checkbox") || e.includes("Radio") || e.includes("Switch") ? r("ap.common.chooseText") + i : "";
+function d(e, i = "", r) {
+  return e.includes("Input") || e.includes("Complete") ? r("ap.common.inputText") : e.includes("Picker") || e.includes("Select") || e.includes("Cascader") || e.includes("Checkbox") || e.includes("Radio") || e.includes("Switch") ? r("ap.common.chooseText") : "";
 }
 const u = ["DatePicker", "MonthPicker", "WeekPicker", "TimePicker"];
 function c() {
@@ -36,12 +36,12 @@ function T(e, i) {
   return e && s.includes(e) && i && t(i) ? `${i}` : i;
 }
 export {
-  a as NO_AUTO_LINK_COMPONENTS,
-  l as createPlaceholderMessage,
+  l as NO_AUTO_LINK_COMPONENTS,
+  d as createPlaceholderMessage,
   f as dateItemType,
   s as defaultValueComponents,
   T as handleInputNumberValue,
   p as isIncludeSimpleComponents,
-  d as setComponentRuleType,
+  a as setComponentRuleType,
   n as simpleComponents
 };

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

@@ -4,6 +4,9 @@
   padding: 6px 12px;
   border-radius: 4px;
 }
+.ant-alert .ant-alert-close-icon {
+  line-height: 18px;
+}
 .ant-alert .ant-alert-icon {
   font-size: 16px;
   transform: translateY(1px);

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

@@ -4,6 +4,9 @@
   padding: 6px 12px;
   border-radius: 4px;
 }
+.ant-alert .ant-alert-close-icon {
+  line-height: 18px;
+}
 .ant-alert .ant-alert-icon {
   font-size: 16px;
   transform: translateY(1px);
@@ -271,19 +274,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 +301,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 +365,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 +425,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 +442,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 +465,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'] {