@aplus-frontend/ui 0.0.2 → 0.0.3

package/es/src/theme/antd-global-overwrite/aplus/table.css

@@ -1,5 +1,12 @@
-.ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
-.ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title {
+[class$='-basic-table'],
+[class$='-basic-table-form-container'] {
+  width: 100%;
+  height: 100%;
+}
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -7,15 +14,18 @@
   padding: 0 0 10px;
   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 .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-header .ant-table-thead > tr > th {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th {
   color: #182948;
   font-weight: 700;
   font-size: 14px;
@@ -24,18 +34,22 @@
   text-transform: none;
   background: #f2f6f9;
 }
-.ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before {
   display: none;
   width: 0;
   visibility: hidden;
 }
-.ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover {
   background: #f6f9fa;
 }
-.ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td {
   background: #f6f9fa;
 }
-.ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
   color: #182948;
   font-weight: 400;
   font-size: 14px;
@@ -44,35 +58,36 @@
   text-transform: none;
   transition: unset;
 }
-.ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
   padding: 12px 16px;
   line-height: 22px;
 }
-.ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
   border-top: 1px solid;
   border-top-color: transparent;
 }
-.ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell {
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell {
   padding: 12px 16px;
   line-height: 22px;
 }
-.ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th {
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th {
   padding: 10.5px 16px;
   line-height: 18px;
 }
-.ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
   border-top: 1px solid;
   border-top-color: transparent;
 }
-.ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell {
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell {
   padding: 10.5px 16px;
   line-height: 18px;
 }
-[class$='-basic-table'],
-[class$='-basic-table-form-container'] {
-  width: 100%;
-  height: 100%;
-}
 [class$='-basic-table-row__striped'] td {
   background-color: #f6f9fa;
 }

package/es/src/theme/ap-tag/ap-tag-group.css

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

package/es/src/theme/ap-tag/ap-tag.css

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

package/es/src/theme/pro-table/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/ap-table/ap-table.vue.d.ts

@@ -140,11 +140,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         };
         align: {
             type: PropType<AlignType>;
-            default: AlignType; /**
-             * tips
-             * 通常情况下，表格渲染是不需要请求网络数据的，因此这里删掉request，
-             * 如果需要做映射，可以在外部发起一次网络请求，然后使用valueEnum设置匹配枚举。
-             */
+            default: AlignType;
         };
         builtinPlacements: {
             type: PropType<BuildInPlacements>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("ant-design-vue"),z=require("../ap-form/index.js"),d=require("./constants.js");require("../config-provider/index.js");const L=require("./hooks/use-table-paging.js"),f=require("lodash-unified");require("./style/ap-table.css");const D=require("@ant-design/icons-vue"),O=require("../config-provider/hooks/use-namespace.js"),j=require("../config-provider/hooks/use-global-config.js"),M={key:0},_=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"}},setup(S,{expose:w}){const o=S,{e:m,b:u}=O.useNamespace("ap-table"),x=j.useGlobalConfig("uiMode"),i=e.computed(()=>{var t;let n=((t=o.columns)==null?void 0:t.filter(a=>!a.hideInTable))||[];return n=n.map(a=>({...a,customRender({value:l,...s}){var C;let c;if(a.customRender)c=a.customRender({value:l,...s,column:a});else{const v=d.apTableRenderItemMap[a.valueType||"text"],q=((C=a.fieldProps)==null?void 0:C.field)||a.fieldProps||{},N=a.valueType==="switch",V=a.valueType==="index",E=N?{checked:l}:{value:V?s.index+1:l};c=e.createVNode(v,e.mergeProps(f.omit(q,["request"]),E,{mode:"read"}),null)}return k(a,l,c)}})),n}),g=e.computed(()=>{var n,t;return((t=(n=o.columns)==null?void 0:n.filter(a=>!a.hideInSearch&&a.dataIndex&&(a.valueType||a.customRenderFormItem)&&!d.noRenderAsFormItemValueList.includes(a.valueType)))==null?void 0:t.map(a=>({...a,fieldProps:{...a.fieldProps||{},label:a.title,name:a.dataIndex}})))||[]}),B=e.computed(()=>e.unref(i).filter(n=>n.sorter===!0).map(n=>n.dataIndex)),F=e.computed(()=>e.unref(i).filter(n=>n.filters&&!n.onFilter).map(n=>n.dataIndex)),{formRef:y,submit:b,reset:h,tableProps:r,handleTableChange:R,data:P}=L.useTablePaging({async request(n){var a,l;const t=await((a=o.request)==null?void 0:a.call(o,n));return(l=o.onLoad)==null||l.call(o,(t==null?void 0:t.data)||[]),{data:(t==null?void 0:t.data)||[],total:(t==null?void 0:t.total)||0}},filterFields:e.unref(F),sortFields:e.unref(B),defaultParams:o.params,defaultData:o.defaultData,manual:o.manual,defaultCurrent:o.pagination?o.pagination.defaultCurrent:void 0,defaultPageSize:o.pagination?o.pagination.defaultPageSize:void 0,formatParams:o.beforeSearchSubmit}),T=e.computed(()=>({...o,...e.unref(r),loading:f.isUndefined(o.loading)?e.unref(r).loading:o.loading,pagination:o.pagination===!1?!1:e.unref(r).pagination}));function k(n,t,a){return d.noRenderAsFormItemValueList.includes(n.valueType)?a:n.copyable||n.ellipsis?e.createVNode(p.Typography.Text,{copyable:n.copyable?{text:t,tooltip:!1}:!1,ellipsis:n.ellipsis?{tooltip:t}:!1,content:a},null):a}e.watch(()=>e.unref(P).loading,n=>{var t;(t=o.onLoadingChange)==null||t.call(o,n)});function I(n){var t,a,l;(l=(a=(t=y.value)==null?void 0:t.apForm)==null?void 0:a.setFieldsValue)==null||l.call(a,n)}return w({submit:()=>b(),reset:()=>h(),setSearchFormValues:I}),(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.card?null:e.unref(u)("wrapper"))},[n.searchForm!==!1&&g.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(n.card?e.unref(m)("search-wrapper"):null),style:e.normalizeStyle(n.searchFormWrapperStyle)},[e.createVNode(e.unref(z.ApForm).SearchForm,e.mergeProps(n.searchForm||{},{ref_key:"formRef",ref:y,"custom-reset":"",onSubmit:e.unref(b),onReset:e.unref(h),"submit-loading":e.unref(r).loading}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,a=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.customRenderFormItem?a.customRenderFormItem(a):e.unref(d.apTableFormItemMap)[a.valueType||"text"]),e.mergeProps({key:a.dataIndex,ref_for:!0},a.fieldProps||{},{span:a.span}),null,16,["span"]))),128))]),_:1},16,["onSubmit","onReset","submit-loading"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(n.card?e.unref(m)("table-wrapper"):null),style:e.normalizeStyle(n.tableWrapperStyle)},[e.renderSlot(n.$slots,"title"),e.createVNode(e.unref(p.Table),e.mergeProps({class:e.unref(x)==="admin"?e.unref(u)("table-admin"):e.unref(u)("table")},T.value,{onChange:e.unref(R),columns:i.value}),e.createSlots({headerCell:e.withCtx(({column:a,title:l})=>[a.tooltip?(e.openBlock(),e.createElementBlock("span",M,[e.createElementVNode("span",null,e.toDisplayString(l),1),e.createVNode(e.unref(p.Tooltip),{title:a.tooltip,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(D.QuestionCircleOutlined),{style:{color:"#0070ff","padding-left":"4px"}})]),_:2},1032,["title"])])):e.createCommentVNode("",!0)]),_:2},[e.renderList(e.unref(f.omit)(n.$slots,"title"),(a,l)=>({name:l,fn:e.withCtx(s=>[e.renderSlot(n.$slots,l,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["class","onChange","columns"])],6)],2))}});exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("ant-design-vue"),L=require("../ap-form/index.js"),c=require("./constants.js");require("../config-provider/index.js");const D=require("./hooks/use-table-paging.js"),g=require("lodash-unified");require("./style/ap-table.css");const j=require("@ant-design/icons-vue"),s=require("./utils.js"),M=require("../config-provider/hooks/use-locale.js"),_=require("../config-provider/hooks/use-namespace.js"),A=require("../config-provider/hooks/use-global-config.js"),W={key:0},K=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"}},setup(x,{expose:F}){const r=x,{t:B}=M.useLocale(),{e:y,b:p}=_.useNamespace("ap-table"),R=A.useGlobalConfig("uiMode"),f=e.computed(()=>{var o;let a=((o=r.columns)==null?void 0:o.filter(t=>!t.hideInTable))||[];return a=a.map(t=>({...t,customRender({value:n,...l}){let d;if(t.customRender)d=t.customRender({value:n,...l,column:t});else{const w=c.apTableRenderItemMap[t.valueType||"text"],i=s.getFieldProps(t.fieldProps,{value:n,...l}),V=(i==null?void 0:i.field)||i||{},E=t.valueType==="switch",O=t.valueType==="index",z=E?{checked:n}:{value:O?l.index+1:n};d=e.createVNode(w,e.mergeProps(g.omit(V,["request"]),z,{mode:"read"}),null)}return q(t,n,d)}})),a}),h=e.computed(()=>{var a,o,t;return((t=(o=(a=r.columns)==null?void 0:a.filter(n=>!n.hideInSearch&&n.dataIndex&&(n.valueType||n.customRenderFormItem)&&!c.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:o.sort((n,l)=>{let d=s.getColumnOrder(n.order);return s.getColumnOrder(l.order)-d}))==null?void 0:t.map(n=>{const l=s.getFieldProps(n.fieldProps);return{...n,fieldProps:{...l||{},label:n.title,name:n.dataIndex,placeholder:s.getPlaceholder(B,n.valueType,l==null?void 0:l.placeholder)}}}))||[]}),T=e.computed(()=>e.unref(f).filter(a=>a.sorter===!0).map(a=>a.dataIndex)),P=e.computed(()=>e.unref(f).filter(a=>a.filters&&!a.onFilter).map(a=>a.dataIndex)),{formRef:b,submit:C,reset:S,tableProps:u,handleTableChange:k,data:I}=D.useTablePaging({async request(a){var t,n;const o=await((t=r.request)==null?void 0:t.call(r,a));return(n=r.onLoad)==null||n.call(r,(o==null?void 0:o.data)||[]),{data:(o==null?void 0:o.data)||[],total:(o==null?void 0:o.total)||0}},filterFields:e.unref(P),sortFields:e.unref(T),defaultParams:r.params,defaultData:r.defaultData,manual:r.manual,defaultCurrent:r.pagination?r.pagination.defaultCurrent:void 0,defaultPageSize:r.pagination?r.pagination.defaultPageSize:void 0,formatParams:r.beforeSearchSubmit}),v=e.computed(()=>({...r,...e.unref(u),loading:g.isUndefined(r.loading)?e.unref(u).loading:r.loading,pagination:r.pagination===!1?!1:e.unref(u).pagination}));function q(a,o,t){return c.noRenderAsFormItemValueList.includes(a.valueType)?t:a.copyable||a.ellipsis?e.createVNode(m.Typography.Text,{copyable:a.copyable?{text:o,tooltip:!1}:!1,ellipsis:a.ellipsis?{tooltip:o}:!1,content:t},null):t}e.watch(()=>e.unref(I).loading,a=>{var o;(o=r.onLoadingChange)==null||o.call(r,a)});function N(a){var o,t,n;(n=(t=(o=b.value)==null?void 0:o.apForm)==null?void 0:t.setFieldsValue)==null||n.call(t,a)}return F({submit:()=>C(),reset:()=>S(),setSearchFormValues:N}),(a,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.card?null:e.unref(p)("wrapper"))},[a.searchForm!==!1&&h.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(a.card?e.unref(y)("search-wrapper"):null),style:e.normalizeStyle(a.searchFormWrapperStyle)},[e.createVNode(e.unref(L.ApForm).SearchForm,e.mergeProps(a.searchForm||{},{ref_key:"formRef",ref:b,"custom-reset":"",onSubmit:e.unref(C),onReset:e.unref(S),"submit-loading":e.unref(u).loading}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,t=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.customRenderFormItem?t.customRenderFormItem(t):e.unref(c.apTableFormItemMap)[t.valueType||"text"]),e.mergeProps({key:t.dataIndex,ref_for:!0},t.fieldProps||{},{span:t.span}),null,16,["span"]))),128))]),_:1},16,["onSubmit","onReset","submit-loading"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(a.card?e.unref(y)("table-wrapper"):null),style:e.normalizeStyle(a.tableWrapperStyle)},[e.renderSlot(a.$slots,"title"),e.createVNode(e.unref(m.Table),e.mergeProps({class:e.unref(R)==="admin"?e.unref(p)("table-admin"):e.unref(p)("table")},v.value,{onChange:e.unref(k),columns:f.value}),e.createSlots({headerCell:e.withCtx(({column:t,title:n})=>[t.tooltip?(e.openBlock(),e.createElementBlock("span",W,[e.createElementVNode("span",null,e.toDisplayString(n),1),e.createVNode(e.unref(m.Tooltip),{title:t.tooltip,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(j.QuestionCircleOutlined),{style:{color:"#0070ff","padding-left":"4px"}})]),_:2},1032,["title"])])):e.createCommentVNode("",!0)]),_:2},[e.renderList(e.unref(g.omit)(a.$slots,"title"),(t,n)=>({name:n,fn:e.withCtx(l=>[e.renderSlot(a.$slots,n,e.normalizeProps(e.guardReactiveProps(l||{})))])}))]),1040,["class","onChange","columns"])],6)],2))}});exports.default=K;

package/lib/src/ap-table/interface.d.ts

@@ -52,8 +52,8 @@ export type ExtraProColumnType<T> = Omit<ColumnType<T>, 'children'> & {
         multiple?: number;
     };
 };
-export type ApColumnType<ValueType extends keyof ApTableValueFields = 'text'> = ExtraProColumnType<any> & {
-    children?: ApColumnType[];
+export type ApColumnType<ValueType extends keyof ApTableValueFields = 'text', RecordType = any> = ExtraProColumnType<any> & {
+    children?: ApColumnType<any, RecordType>[];
     /**
      * 表单项所占据的格子数（1-24格）
      */
@@ -89,7 +89,19 @@ export type ApColumnType<ValueType extends keyof ApTableValueFields = 'text'> =
     /**
      * 值类型额外配置的参数（用于查询表单渲染）
      */
-    fieldProps?: ApTableValueFields[ValueType];
+    fieldProps?: ApTableValueFields[ValueType] | ((opt?: {
+        value: any;
+        text: any;
+        record: RecordType;
+        index: number;
+        renderIndex: number;
+        column: ApColumnType<ValueType, RecordType>;
+    }) => ApTableValueFields[ValueType]);
+    /**
+     * 用于表单项排序的字段
+     * @description 值越大，越排在前面，请设置正整数，设置为0或负数将会无效
+     */
+    order?: number;
 };
 export type RequestData<T> = {
     data: T[] | undefined;
@@ -99,7 +111,7 @@ export type ApTableProps<RecordType = any, ParamsType = any, ValueType extends k
     /**
      * 列配置
      */
-    columns?: ApColumnType<any>[];
+    columns?: ApColumnType<any, RecordType>[];
     /**
      * 是否启用卡片样式
      */

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

@@ -1,4 +1,5 @@
-import { ValueEnum, ValueEnumType } from './interface';
+import { ApColumnType, ApTableValueFields, ValueEnum, ValueEnumType } from './interface';
+import { Translator } from '../config-provider';
 
 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,4 +30,32 @@ export declare const objectToMap: (value: ValueEnum | undefined) => ValueEnumMap
  * @returns
  */
 export declare const valueEnumToArray: (valueEnumParams: ValueEnum) => OptionType;
+/**
+ * 获取列在查询表单中的排序
+ * @param order
+ * @returns
+ */
+export declare const getColumnOrder: (order?: number) => number;
+/**
+ * 获取查询表单的placeholder
+ * @param t
+ * @param valueType
+ * @param placeholder
+ * @returns
+ */
+export declare const getPlaceholder: (t: Translator, valueType?: keyof ApTableValueFields, placeholder?: string) => string | string[] | undefined;
+/**
+ * 获取对象形式的FieldProps
+ * @param fieldProps
+ * @param record
+ * @returns
+ */
+export declare function getFieldProps<RecordType = any>(fieldProps: ApColumnType<any, any>['fieldProps'], opt?: {
+    value: any;
+    text: any;
+    record: any;
+    index: number;
+    renderIndex: number;
+    column: ApColumnType<any, RecordType>;
+}): any;
 export {};

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

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

@@ -442,13 +442,21 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   inset-inline-start: 13px;
   margin: 6px 0;
 }
-.ant-table-wrapper {
+[class$='-basic-table'],
+[class$='-basic-table-form-container'] {
+  width: 100%;
+  height: 100%;
+}
+[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 +464,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/table.css

@@ -1,10 +1,18 @@
-.ant-table-wrapper {
+[class$='-basic-table'],
+[class$='-basic-table-form-container'] {
+  width: 100%;
+  height: 100%;
+}
+[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;
@@ -12,51 +20,58 @@
   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;
 }