@aplus-frontend/ui 0.0.2 → 0.0.4

package/lib/src/ap-table/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("lodash-unified"),c=(e,t,n)=>{let s={};return o.isObject(e)?Object.keys(e).forEach(a=>{o.isObject(e[a])?s[a]=c(e[a],t[a],n):s[a]=n(e[a],t)}):s=n(e,t),s},i=(e,t)=>{switch(e){case"dayjs":return t.valueOf();case"dayjsRange":return t.map(n=>n.valueOf());case"dayjsDayRange":{const[n,s]=t;return[n.startOf("day").valueOf(),s.endOf("day").valueOf()]}case"multiple":case"multipleNumber":return o.isArray(t)?t:[t];case"boolean":return t;case"object":return t;default:return t}};function f(e){return o.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=[],n=u(e);return n.forEach((s,a)=>{const r=n.get(a)||n.get(`${a}`);if(r){if(typeof r=="object"&&(r!=null&&r.text)){t.push({text:r==null?void 0:r.text,value:a,label:r==null?void 0:r.text,disabled:r.disabled});return}t.push({text:r,label:r,value:a})}}),t};exports.dataIndexToStr=f;exports.formatParamsValueType=c;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/ap-tag/style/ap-tag-group.css

@@ -2,5 +2,6 @@
   text-wrap: nowrap;
   display: flex;
   flex-wrap: nowrap;
+  white-space: nowrap;
   align-items: center;
 }

package/lib/src/ap-tag/style/ap-tag.css

@@ -1,5 +1,6 @@
 .aplus-tag-wrapper {
   text-wrap: nowrap;
+  white-space: nowrap;
   display: inline-block;
 }
 .aplus-tag-inner-wrapper {

package/lib/src/pro-form/components/form-action.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("ant-design-vue"),s=require("../../base-button/index.js"),h=require("../../basic/index.js"),A=require("../hooks/use-form-context.js");require("../../config-provider/index.js");require("./style/form-action.css");const k=require("../../config-provider/hooks/use-locale.js"),S=require("../../config-provider/hooks/use-namespace.js"),w=e.defineComponent({name:"BasicFormAction",__name:"form-action",props:{showActionButtonGroup:{type:Boolean,default:!0},showResetButton:{type:Boolean,default:!0},showSubmitButton:{type:Boolean,default:!0},showAdvancedButton:{type:Boolean,default:!0},resetButtonOptions:{default:()=>({})},submitButtonOptions:{},actionColOptions:{default:()=>({})},actionSpan:{default:6},isAdvanced:{type:Boolean},hideAdvanceBtn:{type:Boolean}},emits:["toggle-advanced"],setup(p,{emit:m}){const n=p,B=m,{t:o}=k.useLocale(),{em:a}=S.useNamespace("form-action"),{resetAction:f,submitAction:v}=A.useFormContext(),r=e.computed(()=>{const{showAdvancedButton:t,actionSpan:l,actionColOptions:g}=n,i=24-l,y=t?{span:i<6?24:i}:{};return{style:{textAlign:"right"},span:t?6:4,...y,...g}}),u=e.computed(()=>Object.assign({text:o("ap.common.resetText")},n.resetButtonOptions)),c=e.computed(()=>Object.assign({text:o("ap.common.queryText")},n.submitButtonOptions));function C(){B("toggle-advanced")}return(t,l)=>t.showActionButtonGroup?(e.openBlock(),e.createBlock(e.unref(d.Col),e.normalizeProps(e.mergeProps({key:0},r.value)),{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle([{width:"100%"},{textAlign:r.value.style.textAlign}])},[e.createVNode(e.unref(d.Form).Item,null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"resetBefore"),t.showResetButton?(e.openBlock(),e.createBlock(e.unref(s.BaseButton),e.mergeProps({key:0,type:"default",class:e.unref(a)("button","space")},u.value,{onClick:e.unref(f)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value.text),1)]),_:1},16,["class","onClick"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"submitBefore"),t.showSubmitButton?(e.openBlock(),e.createBlock(e.unref(s.BaseButton),e.mergeProps({key:1,type:"primary",class:e.unref(a)("button","space")},c.value,{onClick:e.unref(v)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.value.text),1)]),_:1},16,["class","onClick"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"advanceBefore"),t.showAdvancedButton&&!t.hideAdvanceBtn?(e.openBlock(),e.createBlock(e.unref(s.BaseButton),{key:2,type:"link",size:"small",onClick:C},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.isAdvanced?e.unref(o)("ap.common.closeText"):e.unref(o)("ap.common.expandText"))+" ",1),e.createVNode(e.unref(h.BasicArrow),{class:e.normalizeClass(e.unref(a)("item","space")),expand:!t.isAdvanced,up:""},null,8,["class","expand"])]),_:1})):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"advanceAfter")]),_:3})],4)]),_:3},16)):e.createCommentVNode("",!0)}});exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("ant-design-vue"),r=require("../../base-button/index.js"),v=require("../../basic/index.js"),h=require("../hooks/use-form-context.js");require("../../config-provider/index.js");require("./style/form-action.css");const k=require("../../config-provider/hooks/use-global-config.js"),x=require("../../config-provider/hooks/use-locale.js"),A=require("../../config-provider/hooks/use-namespace.js"),b=e.defineComponent({name:"BasicFormAction",__name:"form-action",props:{showActionButtonGroup:{type:Boolean,default:!0},showResetButton:{type:Boolean,default:!0},showSubmitButton:{type:Boolean,default:!0},showAdvancedButton:{type:Boolean,default:!0},resetButtonOptions:{default:()=>({})},submitButtonOptions:{},actionColOptions:{default:()=>({})},actionSpan:{default:6},isAdvanced:{type:Boolean},hideAdvanceBtn:{type:Boolean}},emits:["toggle-advanced"],setup(i,{emit:d}){const n=i,p=d,m=k.useGlobalConfig("uiMode"),B=e.computed(()=>m.value==="aplus"?{}:{color:"#34b77c"}),{t:o}=x.useLocale(),{em:s}=A.useNamespace("form-action"),{resetAction:f,submitAction:y}=h.useFormContext(),a=e.computed(()=>{const{actionColOptions:t}=n;return{style:{textAlign:"right",flex:1,maxWidth:"100%",minWidth:"25%"},...t}}),u=e.computed(()=>Object.assign({text:o("ap.common.resetText")},n.resetButtonOptions)),l=e.computed(()=>Object.assign({text:o("ap.common.queryText")},n.submitButtonOptions));function C(){p("toggle-advanced")}return(t,g)=>t.showActionButtonGroup?(e.openBlock(),e.createBlock(e.unref(c.Col),e.normalizeProps(e.mergeProps({key:0},a.value)),{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle([{width:"100%"},{textAlign:a.value.style.textAlign}])},[e.createVNode(e.unref(c.Form).Item,null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"resetBefore"),t.showResetButton?(e.openBlock(),e.createBlock(e.unref(r.BaseButton),e.mergeProps({key:0,type:"default",class:e.unref(s)("button","space")},u.value,{onClick:e.unref(f)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value.text),1)]),_:1},16,["class","onClick"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"submitBefore"),t.showSubmitButton?(e.openBlock(),e.createBlock(e.unref(r.BaseButton),e.mergeProps({key:1,type:"primary",class:e.unref(s)("button","space")},l.value,{onClick:e.unref(y)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value.text),1)]),_:1},16,["class","onClick"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"advanceBefore"),t.showAdvancedButton&&!t.hideAdvanceBtn?(e.openBlock(),e.createBlock(e.unref(r.BaseButton),{key:2,type:"link",size:"small",style:e.normalizeStyle(B.value),onClick:C},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.isAdvanced?e.unref(o)("ap.common.closeText"):e.unref(o)("ap.common.expandText"))+" ",1),e.createVNode(e.unref(v.BasicArrow),{class:e.normalizeClass(e.unref(s)("item","space")),expand:!t.isAdvanced,up:""},null,8,["class","expand"])]),_:1},8,["style"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"advanceAfter")]),_:3})],4)]),_:3},16)):e.createCommentVNode("",!0)}});exports.default=b;

package/lib/src/pro-form/hooks/use-advanced.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),l=require("lodash-unified"),_=require("@vueuse/core"),A=require("./use-break-point.js"),u=24;function R({advanceState:r,emit:B,getProps:o,getSchema:h,formModel:v,defaultValueRef:b}){const p=n.getCurrentInstance(),{screenRef:y,realWidthRef:I}=A.useBreakpoint(),E=n.computed(()=>{if(!r.isAdvanced)return 0;const e=n.unref(o).emptySpan||0;if(l.isNumber(e))return e;if(l.isObject(e)){const{span:s=0}=e,t=n.unref(y);return e[t.toLowerCase()]||s||0}return 0}),W=_.useDebounceFn(g,30);n.watch([()=>n.unref(h),()=>r.isAdvanced,()=>n.unref(I)],()=>{const{showAdvancedButton:e}=n.unref(o);e&&W()},{immediate:!0});function L(e,s=0,t=!1){const d=n.unref(I),c=parseInt(e.md)||parseInt(e.xs)||parseInt(e.sm)||e.span||u,i=parseInt(e.lg)||c,f=parseInt(e.xl)||i,a=parseInt(e.xxl)||f;return d<=A.ScreenEnum.LG?s+=c:d<A.ScreenEnum.XL?s+=i:d<A.ScreenEnum.XXL?s+=f:s+=a,t?(r.hideAdvanceBtn=!1,s<=u*2?(r.hideAdvanceBtn=!0,r.isAdvanced=!0):s>u*2&&s<=u*(n.unref(o).autoAdvancedLine||3)?r.hideAdvanceBtn=!1:r.isLoad||(r.isLoad=!0,r.isAdvanced=!r.isAdvanced),{isAdvanced:r.isAdvanced,itemColSum:s}):s>u*(n.unref(o).alwaysShowLines||1)?{isAdvanced:r.isAdvanced,itemColSum:s}:{isAdvanced:!0,itemColSum:s}}const w=n.shallowReactive({});function g(){var d;let e=0,s=0;const{baseColProps:t={}}=n.unref(o);for(const c of n.unref(h)){const{show:i,colProps:f}=c;let a=!0;if(l.isBoolean(i)&&(a=i),l.isFunction(i)&&(a=i({schema:c,model:v,field:c.field,values:{...n.unref(b),...v}})),a&&(f||t)){const{itemColSum:O,isAdvanced:x}=L({...t,...f},e);e=O||0,x&&(s=e),w[c.field]=x}}(d=p==null?void 0:p.proxy)==null||d.$forceUpdate(),r.actionSpan=s%u+n.unref(E),L(n.unref(o).actionColOptions||{span:u},e,!0),B("advanced-change")}function q(){r.isAdvanced=!r.isAdvanced}return{handleToggleAdvanced:q,fieldsIsAdvancedMap:w}}exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),l=require("lodash-unified"),q=require("@vueuse/core"),A=require("./use-break-point.js"),o=24,h=18;function T({advanceState:r,emit:b,getProps:u,getSchema:v,formModel:L,defaultValueRef:E}){const p=n.getCurrentInstance(),{screenRef:y,realWidthRef:I}=A.useBreakpoint(),_=n.computed(()=>{if(!r.isAdvanced)return 0;const e=n.unref(u).emptySpan||0;if(l.isNumber(e))return e;if(l.isObject(e)){const{span:s=0}=e,t=n.unref(y);return e[t.toLowerCase()]||s||0}return 0}),O=q.useDebounceFn(R,30);n.watch([()=>n.unref(v),()=>r.isAdvanced,()=>n.unref(I)],()=>{const{showAdvancedButton:e}=n.unref(u);e&&O()},{immediate:!0});function w(e,s=0,t=!1){const c=n.unref(I),d=parseInt(e.md)||parseInt(e.xs)||parseInt(e.sm)||e.span||o,i=parseInt(e.lg)||d,f=parseInt(e.xl)||i,a=parseInt(e.xxl)||f;return c<=A.ScreenEnum.LG?s+=d:c<A.ScreenEnum.XL?s+=i:c<A.ScreenEnum.XXL?s+=f:s+=a,t?(r.hideAdvanceBtn=!1,s<=o+h?(r.hideAdvanceBtn=!0,r.isAdvanced=!0):s>o+h&&s<=o*(n.unref(u).autoAdvancedLine||3)?r.hideAdvanceBtn=!1:r.isLoad||(r.isLoad=!0,r.isAdvanced=!0),{isAdvanced:r.isAdvanced,itemColSum:s}):s>h*(n.unref(u).alwaysShowLines||1)?{isAdvanced:r.isAdvanced,itemColSum:s}:{isAdvanced:!0,itemColSum:s}}const x=n.shallowReactive({});function R(){var c;let e=0,s=0;const{baseColProps:t={}}=n.unref(u);for(const d of n.unref(v)){const{show:i,colProps:f}=d;let a=!0;if(l.isBoolean(i)&&(a=i),l.isFunction(i)&&(a=i({schema:d,model:L,field:d.field,values:{...n.unref(E),...L}})),a&&(f||t)){const{itemColSum:g,isAdvanced:B}=w({...t,...f},e);e=g||0,B&&(s=e),x[d.field]=B}}(c=p==null?void 0:p.proxy)==null||c.$forceUpdate(),r.actionSpan=s%o+n.unref(_),w(n.unref(u).actionColOptions||{span:o},e,!0),b("advanced-change")}function W(){r.isAdvanced=!r.isAdvanced}return{handleToggleAdvanced:W,fieldsIsAdvancedMap:x}}exports.default=T;

package/lib/src/pro-table/style/pro-table.css

@@ -16,6 +16,9 @@
   border-radius: 2px;
   background-color: #fff;
 }
+.aplus-pro-table-form-container .ant-form .ant-form-item {
+  margin-bottom: 16px;
+}
 .aplus-pro-table-form-container-no-divide .ant-form {
   border-bottom-left-radius: 0 !important;
   border-bottom-right-radius: 0 !important;

package/lib/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,21 +462,41 @@ 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'] {
+  width: 100%;
+  height: 100%;
 }
-.ant-table-wrapper {
+[class$='-basic-table'] .ant-table-wrapper,
+[class$='-basic-table-form-container'] .ant-table-wrapper {
   padding: 12px 16px 16px;
   background-color: #ffffff;
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
-.ant-table-wrapper .ant-table.ant-table-small > .ant-table-title {
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -456,51 +504,58 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   padding: 0 0 12px;
   border: none;
 }
-.ant-table-wrapper .ant-table {
+[class$='-basic-table'] .ant-table-wrapper .ant-table,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table {
   width: 100%;
   overflow-x: hidden;
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container {
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container table {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container table,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container table {
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td {
   padding: 13.5px 16px;
   line-height: 20px;
 }
-.ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th {
   padding: 13.5px 16px;
   line-height: 20px;
 }
-.ant-table-wrapper .ant-table-footer {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-footer,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer {
   padding: 0;
 }
-.ant-table-wrapper .ant-table-footer .ant-table-wrapper {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-footer .ant-table-wrapper,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer .ant-table-wrapper {
   padding: 0;
 }
-.ant-table-wrapper .ant-table-footer table {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-footer table,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer table {
   border: none;
 }
-.ant-table-wrapper .ant-table-footer .ant-table-body {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-footer .ant-table-body,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer .ant-table-body {
   overflow-x: hidden;
 }
-.ant-table-wrapper .ant-table-footer td {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-footer td,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer td {
   padding: 12px 8px;
 }
-[class$='-basic-table'],
-[class$='-basic-table-form-container'] {
-  width: 100%;
-  height: 100%;
-}
 [class$='-basic-table-form-container'] {
   padding: 16px;
 }

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;
 }