@aplus-frontend/ui 0.0.3 → 0.0.5

package/lib/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/lib/src/ap-table/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("lodash-unified"),a=(e,t,r)=>{let s={};return c.isObject(e)?Object.keys(e).forEach(o=>{c.isObject(e[o])?s[o]=a(e[o],t[o],r):s[o]=r(e[o],t)}):s=r(e,t),s},i=(e,t)=>{switch(e){case"dayjs":return t.valueOf();case"dayjsRange":return t.map(r=>r.valueOf());case"dayjsDayRange":{const[r,s]=t;return[r.startOf("day").valueOf(),s.endOf("day").valueOf()]}case"multiple":case"multipleNumber":return c.isArray(t)?t:[t];case"boolean":return t;case"object":return t;default:return t}};function f(e){return c.isArray(e)?e.join("."):e}function l(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 u=e=>l(e)==="map"?e:new Map(Object.entries(e||{})),d=e=>{const t=[],r=u(e);return r.forEach((s,o)=>{const n=r.get(o)||r.get(`${o}`);if(n){if(typeof n=="object"&&(n!=null&&n.text)){t.push({text:n==null?void 0:n.text,value:o,label:n==null?void 0:n.text,disabled:n.disabled});return}t.push({text:n,label:n,value:o})}}),t},m=e=>c.isUndefined(e)||e<0?0:e,p=(e,t,r)=>{if(r)return r;const s=["select","date"],o=["text","textArea","number"];if(t==="dateRange")return[e("ap.common.chooseText"),e("ap.common.chooseText")];if(s.includes(t))return e("ap.common.chooseText");if(o.includes(t))return e("ap.common.inputText")};function b(e,t){return!e||!c.isFunction(e)?e:e(t)}exports.dataIndexToStr=f;exports.formatParamsValueType=a;exports.getColumnOrder=m;exports.getFieldProps=b;exports.getPlaceholder=p;exports.objectToMap=u;exports.parseFieldValue=i;exports.valueEnumToArray=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("lodash-unified"),c=(e,t,n)=>{let o={};return s.isObject(e)?Object.keys(e).forEach(u=>{s.isObject(e[u])?o[u]=c(e[u],t[u],n):o[u]=n(e[u],t)}):o=n(e,t),o},d=(e,t)=>{switch(e){case"dayjs":return t.valueOf();case"dayjsRange":return t.map(n=>n.valueOf());case"dayjsDayRange":{const[n,o]=t;return[n.startOf("day").valueOf(),o.endOf("day").valueOf()]}case"multiple":case"multipleNumber":return s.isArray(t)?t:[t];case"boolean":return t;case"object":return t;default:return t}};function p(e){return s.isArray(e)?e.join("."):e}function m(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 i=e=>m(e)==="map"?e:new Map(Object.entries(e||{})),a=e=>{const t=[],n=i(e);return n.forEach((o,u)=>{const r=n.get(u)||n.get(`${u}`);if(r){if(typeof r=="object"&&(r!=null&&r.text)){t.push({text:r==null?void 0:r.text,value:u,label:r==null?void 0:r.text,disabled:r.disabled});return}t.push({text:r,label:r,value:u})}}),t},T=e=>s.isUndefined(e)||e<0?0:e,b=(e,t,n)=>{if(n)return n;const o=["select","date"],u=["text","textArea","number"];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 l(e,t){return!e||!s.isFunction(e)?e:e(t)}function g(e){let t=e.valueType||"text";return e.valueEnum&&(t="status"),t}function y(e,t){const n=l(e.fieldProps,t),o=(n==null?void 0:n.field)||n||{},u=e.valueType==="switch",r=e.valueType==="index",f=u?{checked:t.value}:{value:r?t.index+1:t.value};return e.valueEnum&&(o.valueEnum=e.valueEnum),{...s.omit(o,["request"]),...f}}function x(e){const t={...e};return s.isBoolean(e.filters)&&e.filters&&e.valueEnum&&(t.filters=a(e.valueEnum)),t}function h(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}exports.apColumnToColumn=x;exports.dataIndexToStr=p;exports.formatParamsValueType=c;exports.getColumnOrder=T;exports.getFieldProps=l;exports.getPlaceholder=b;exports.getTableRenderProps=y;exports.getTableRenderType=g;exports.objectToMap=i;exports.parseFieldValue=d;exports.updateFormProps=h;exports.valueEnumToArray=a;

package/lib/src/pro-form/helper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("lodash-unified"),n=["Divider","BasicTitle"];function c(e){return n.includes(e||"")}function s(e,i,t){Reflect.has(e,"type")||(["DatePicker","MonthPicker","WeekPicker","TimePicker"].includes(i)?e.type=t?"string":"object":["RangePicker","Upload","CheckboxGroup","TimePicker"].includes(i)?e.type="array":["InputNumber"].includes(i)&&(e.type="number"))}const o=["ApiTransfer","ApiTree","ApiTreeSelect","ApiRadioGroup","ApiCascader","AutoComplete","RadioButtonGroup","ApiSelect"];function p(e,i="",t){return e.includes("Input")||e.includes("Complete")?t("ap.common.inputText")+i:e.includes("Picker")||e.includes("Select")||e.includes("Cascader")||e.includes("Checkbox")||e.includes("Radio")||e.includes("Switch")?t("ap.common.chooseText")+i:""}const a=["DatePicker","MonthPicker","WeekPicker","TimePicker"];function d(){return[...a,"RangePicker"]}const l=d(),r=["Input","InputPassword","InputNumber","InputSearch","InputTextArea"];function T(e,i){return e&&r.includes(e)&&i&&u.isNumber(i)?`${i}`:i}exports.NO_AUTO_LINK_COMPONENTS=o;exports.createPlaceholderMessage=p;exports.dateItemType=l;exports.defaultValueComponents=r;exports.handleInputNumberValue=T;exports.isIncludeSimpleComponents=c;exports.setComponentRuleType=s;exports.simpleComponents=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("lodash-unified"),n=["Divider","BasicTitle"];function c(e){return n.includes(e||"")}function s(e,i,t){Reflect.has(e,"type")||(["DatePicker","MonthPicker","WeekPicker","TimePicker"].includes(i)?e.type=t?"string":"object":["RangePicker","Upload","CheckboxGroup","TimePicker"].includes(i)?e.type="array":["InputNumber"].includes(i)&&(e.type="number"))}const l=["ApiTransfer","ApiTree","ApiTreeSelect","ApiRadioGroup","ApiCascader","AutoComplete","RadioButtonGroup","ApiSelect"];function o(e,i="",t){return e.includes("Input")||e.includes("Complete")?t("ap.common.inputText"):e.includes("Picker")||e.includes("Select")||e.includes("Cascader")||e.includes("Checkbox")||e.includes("Radio")||e.includes("Switch")?t("ap.common.chooseText"):""}const a=["DatePicker","MonthPicker","WeekPicker","TimePicker"];function p(){return[...a,"RangePicker"]}const d=p(),r=["Input","InputPassword","InputNumber","InputSearch","InputTextArea"];function T(e,i){return e&&r.includes(e)&&i&&u.isNumber(i)?`${i}`:i}exports.NO_AUTO_LINK_COMPONENTS=l;exports.createPlaceholderMessage=o;exports.dateItemType=d;exports.defaultValueComponents=r;exports.handleInputNumberValue=T;exports.isIncludeSimpleComponents=c;exports.setComponentRuleType=s;exports.simpleComponents=n;

package/lib/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/lib/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'] {

package/lib/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;

package/lib/src/theme/antd-global-overwrite/admin/steps.css

@@ -5,35 +5,43 @@
   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;
@@ -57,11 +65,11 @@
 }
 .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;
@@ -74,11 +82,15 @@
 }
 .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;
@@ -93,11 +105,23 @@
   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;
 }

package/lib/src/theme/antd-global-overwrite/aplus/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);