@aplus-frontend/ui 0.0.1 → 0.0.3

package/lib/src/ap-table/hooks/use-table-paging.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),y=require("../utils.js"),I=require("lodash-unified");require("../../config-provider/index.js");const K=require("../../config-provider/hooks/use-locale.js"),N=({manual:O=!1,defaultCurrent:j=1,defaultPageSize:F=10,request:$,defaultParams:D={},defaultData:L=[],formatParams:S,paramsValueTypeMap:T,resetFieldsIgnores:P,filterFields:M=[],sortFields:R=[]})=>{let v=0,f={};const x=e=>S?S(e):e,c=r.ref(),i=r.ref(j),g=r.ref(F),{t:b}=K.useLocale(),o=r.ref({total:0,records:L,loading:!1}),z=async e=>{var n;const a=x(e),t=Date.now();v=t,o.value.loading=!0;try{const s=await $({...D,...a});v===t&&(o.value.total=s.total||((n=s.data)==null?void 0:n.length)||0,o.value.records=[...s.data||[]])}catch{v===t&&(o.value.records=[],o.value.total=0)}finally{o.value.loading=!1}},q=e=>{const a={};return Object.entries(e).forEach(([t,n])=>{if(a[t]=n,T&&n){const s=T[t];s&&(a[t]=y.parseFieldValue(s,n))}}),a},A=e=>{var n,s,d,p,h,l,u;const a=((s=(n=c.value)==null?void 0:n.apForm)==null?void 0:s.getFieldsValue())||{},t={};Object.entries(a).forEach(([w,H])=>{P&&P.indexOf(w)>-1&&(t[w]=H)}),(p=(d=c.value)==null?void 0:d.apForm)==null||p.resetFields(),(u=(l=(h=c.value)==null?void 0:h.apForm)==null?void 0:l.setFieldsValue)==null||u.call(l,t),e==null||e()},m=e=>{f=e;const a=q(e);z(a)},B=e=>{m({...f,...e})},C=()=>{var a,t;const e=((t=(a=c.value)==null?void 0:a.apForm)==null?void 0:t.getFieldsValue(!0))||{};m({...e,pageCurrent:1,pageSize:f.pageSize||F})},E=()=>{A(C)},J=()=>{m(f)},Q=e=>{const a=r.unref(o).total-e,t=Math.ceil(a/r.unref(g)),n=r.unref(i)>t?t:r.unref(i);B({current:n>0?n:1})},V=(e,a,t)=>{var h,l;const n=((l=(h=c.value)==null?void 0:h.apForm)==null?void 0:l.getFieldsValue(!0))||{};i.value=e.current,g.value=e.pageSize;const s=I.isArray(t)?[...t]:[t],d={};for(const u of s)R.includes(u.field)&&(d[y.dataIndexToStr(u.field)]=u.order);const p={};for(const u of Object.keys(a))M.includes(u)&&(p[u]=a[u]);m({...n,filter:p,sort:d,current:e.current,pageSize:e.pageSize})};r.onMounted(()=>{var a,t;const e=((t=(a=c.value)==null?void 0:a.apForm)==null?void 0:t.getFieldsValue(!0))||{};if(f={current:r.unref(i),pageSize:r.unref(g),...e},!O){const n=q(f);z(n)}});const U=r.computed(()=>r.unref(o).total===0?"-":`${r.unref(i.value)}/${Math.ceil(r.unref(o).total/r.unref(g))}`),G=r.computed(()=>({loading:r.unref(o).loading,pagination:{current:r.unref(i),pageSize:r.unref(g),total:r.unref(o).total,showSizeChanger:!0,showQuickJumper:!0,showTotal:e=>`${b("ap.apTable.pagination.totalLeft",{total:e})} ${b("ap.apTable.pagination.totalRight",{page:r.unref(U)})}`},onChange:V,dataSource:r.unref(o).records}));return{formRef:c,submit:C,reset:E,refresh:J,refreshByDelete:Q,data:o,current:i,pageSize:g,handleTableChange:V,tableProps:G}};exports.useTablePaging=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),C=require("../utils.js"),I=require("lodash-unified");require("../../config-provider/index.js");const K=require("../../config-provider/hooks/use-locale.js"),N=({manual:O=!1,defaultCurrent:j=1,defaultPageSize:F=10,request:$,defaultParams:D={},defaultData:L=[],formatParams:S,paramsValueTypeMap:T,resetFieldsIgnores:P,filterFields:M=[],sortFields:R=[]})=>{let v=0,f={};const x=e=>S?S(e):e,c=r.ref(),i=r.ref(j),g=r.ref(F),{t:b}=K.useLocale(),o=r.ref({total:0,records:L,loading:!1}),z=async e=>{var n;const a=x(e),t=Date.now();v=t,o.value.loading=!0;try{const s=await $({...D,...a});v===t&&(o.value.total=s.total||((n=s.data)==null?void 0:n.length)||0,o.value.records=[...s.data||[]])}catch{v===t&&(o.value.records=[],o.value.total=0)}finally{o.value.loading=!1}},q=e=>{const a={};return Object.entries(e).forEach(([t,n])=>{if(a[t]=n,T&&n){const s=T[t];s&&(a[t]=C.parseFieldValue(s,n))}}),a},A=e=>{var n,s,d,p,h,l,u;const a=((s=(n=c.value)==null?void 0:n.apForm)==null?void 0:s.getFieldsValue())||{},t={};Object.entries(a).forEach(([y,H])=>{P&&P.indexOf(y)>-1&&(t[y]=H)}),(p=(d=c.value)==null?void 0:d.apForm)==null||p.resetFields(),(u=(l=(h=c.value)==null?void 0:h.apForm)==null?void 0:l.setFieldsValue)==null||u.call(l,t),e==null||e()},m=e=>{f=e;const a=q(e);z(a)},B=e=>{m({...f,...e})},V=()=>{var a,t;const e=((t=(a=c.value)==null?void 0:a.apForm)==null?void 0:t.getFieldsValue(!0))||{};m({...e,current:1,pageSize:f.pageSize||F})},E=()=>{A(V)},J=()=>{m(f)},Q=e=>{const a=r.unref(o).total-e,t=Math.ceil(a/r.unref(g)),n=r.unref(i)>t?t:r.unref(i);B({current:n>0?n:1})},w=(e,a,t)=>{var h,l;const n=((l=(h=c.value)==null?void 0:h.apForm)==null?void 0:l.getFieldsValue(!0))||{};i.value=e.current,g.value=e.pageSize;const s=I.isArray(t)?[...t]:[t],d={};for(const u of s)R.includes(u.field)&&(d[C.dataIndexToStr(u.field)]=u.order);const p={};for(const u of Object.keys(a))M.includes(u)&&(p[u]=a[u]);m({...n,filter:p,sort:d,current:e.current,pageSize:e.pageSize})};r.onMounted(()=>{var a,t;const e=((t=(a=c.value)==null?void 0:a.apForm)==null?void 0:t.getFieldsValue(!0))||{};if(f={current:r.unref(i),pageSize:r.unref(g),...e},!O){const n=q(f);z(n)}});const U=r.computed(()=>r.unref(o).total===0?"-":`${r.unref(i.value)}/${Math.ceil(r.unref(o).total/r.unref(g))}`),G=r.computed(()=>({loading:r.unref(o).loading,pagination:{current:r.unref(i),pageSize:r.unref(g),total:r.unref(o).total,showSizeChanger:!0,showQuickJumper:!0,showTotal:e=>`${b("ap.apTable.pagination.totalLeft",{total:e})} ${b("ap.apTable.pagination.totalRight",{page:r.unref(U)})}`},onChange:w,dataSource:r.unref(o).records}));return{formRef:c,submit:V,reset:E,refresh:J,refreshByDelete:Q,data:o,current:i,pageSize:g,handleTableChange:w,tableProps:G}};exports.useTablePaging=N;

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

@@ -7,7 +7,7 @@ import { CSSProperties } from 'vue';
 import { ApActionGroupProps } from '../ap-action';
 import { ApTableIndexProps } from './components/interface';
 
-type ValueEnmuTyType = {
+export type ValueEnumType = {
     text: string;
     status?: string;
     color?: string;
@@ -44,7 +44,7 @@ export type ApTableValueFields = {
      */
     index: ApTableIndexProps;
 };
-export type ValueEnum = Record<string, ValueEnmuTyType>;
+export type ValueEnum = Record<string, ValueEnumType>;
 export type ExtraProColumnType<T> = Omit<ColumnType<T>, 'children'> & {
     sorter?: string | boolean | CompareFn<T> | {
         compare?: CompareFn<T>;
@@ -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格）
      */
@@ -75,8 +75,7 @@ export type ApColumnType<ValueType extends keyof ApTableValueFields = 'text'> =
      */
     hideInTable?: boolean;
     /**
-     * 值的枚举，会自动转化把值当成 key 来取出要显示的内容（也会作为select的选项）
-     * @deprecated 未实现请使用`fieldProps.options`
+     * 值的枚举，会自动转化把值当成 key 来取出要显示的内容（也会作为select等组件的选项）
      */
     valueEnum?: ValueEnum;
     /**
@@ -90,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;
@@ -100,7 +111,7 @@ export type ApTableProps<RecordType = any, ParamsType = any, ValueType extends k
     /**
      * 列配置
      */
-    columns?: ApColumnType<any>[];
+    columns?: ApColumnType<any, RecordType>[];
     /**
      * 是否启用卡片样式
      */
@@ -111,9 +122,7 @@ export type ApTableProps<RecordType = any, ParamsType = any, ValueType extends k
     params?: ParamsType;
     /**
      * 自定义渲染搜索表单
-     * @param props
-     * @param defaultDom
-     * @returns
+     * @deprecated 未实现 暂不可用
      */
     searchFormRender?: (props: ApTableProps<RecordType, ParamsType, ValueType>, defaultDom: any) => any;
     /**
@@ -129,7 +138,7 @@ export type ApTableProps<RecordType = any, ParamsType = any, ValueType extends k
     }) => Promise<Partial<RequestData<RecordType>>>;
     /**
      * 数据加载完成后触发
-     * @param data
+     * @deprecated 已弃用，请自行实现类似效果
      * @returns
      */
     onLoad?: (data: RecordType[]) => void;
@@ -181,4 +190,3 @@ export type ApTableExpose = {
     submit: () => void;
     reset: () => void;
 };
-export {};

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

@@ -1,3 +1,6 @@
+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;
 /**
@@ -12,3 +15,47 @@ export declare const parseFieldValue: (t: FieldValueType, value: any) => any;
  * @returns
  */
 export declare function dataIndexToStr(dataIndex: string | number | (string | number)[]): string | number;
+type OptionType = {
+    label?: string;
+    text?: string;
+    value?: any;
+    disabled?: boolean;
+    [key: string]: any;
+};
+type ValueEnumMap = Map<string | number | boolean, ValueEnumType>;
+export declare const objectToMap: (value: ValueEnum | undefined) => ValueEnumMap;
+/**
+ * valueEnum转options array
+ * @param valueEnumParams
+ * @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 n=require("lodash-unified"),o=(e,r,a)=>{let s={};return n.isObject(e)?Object.keys(e).forEach(t=>{n.isObject(e[t])?s[t]=o(e[t],r[t],a):s[t]=a(e[t],r)}):s=a(e,r),s},c=(e,r)=>{switch(e){case"dayjs":return r.valueOf();case"dayjsRange":return r.map(a=>a.valueOf());case"dayjsDayRange":{const[a,s]=r;return[a.startOf("day").valueOf(),s.endOf("day").valueOf()]}case"multiple":case"multipleNumber":return n.isArray(r)?r:[r];case"boolean":return r;case"object":return r;default:return r}};function u(e){return n.isArray(e)?e.join("."):e}exports.dataIndexToStr=u;exports.formatParamsValueType=o;exports.parseFieldValue=c;
+"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/button.css

@@ -1,5 +1,4 @@
 .ant-btn {
-  min-width: 88px;
   box-shadow: none;
 }
 .ant-btn-primary[disabled],
@@ -26,13 +25,3 @@
 .ant-btn-text[disabled]:hover {
   color: rgba(24, 144, 255, 0.2) !important;
 }
-.ant-form-item-control-input-content [text='重置'],
-.ant-form-item-control-input-content [text='查询'],
-.ant-form-item-control-input-content [text='Reset'],
-.ant-form-item-control-input-content [text='Search'] {
-  min-width: 0;
-}
-.ant-btn-link,
-.ant-btn-text {
-  min-width: 0;
-}

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

@@ -46,7 +46,6 @@
   border: 1px solid rgba(255, 77, 79, 0.4);
 }
 .ant-btn {
-  min-width: 88px;
   box-shadow: none;
 }
 .ant-btn-primary[disabled],
@@ -73,16 +72,6 @@
 .ant-btn-text[disabled]:hover {
   color: rgba(24, 144, 255, 0.2) !important;
 }
-.ant-form-item-control-input-content [text='重置'],
-.ant-form-item-control-input-content [text='查询'],
-.ant-form-item-control-input-content [text='Reset'],
-.ant-form-item-control-input-content [text='Search'] {
-  min-width: 0;
-}
-.ant-btn-link,
-.ant-btn-text {
-  min-width: 0;
-}
 .ant-form .ant-form-item label {
   font-weight: normal;
 }
@@ -453,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;
@@ -467,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;
 }

package/lib/src/theme/antd-global-overwrite/aplus/button.css

@@ -1,5 +1,4 @@
 .ant-btn {
-  min-width: 88px;
   box-shadow: none;
 }
 .ant-btn-primary[disabled],
@@ -26,13 +25,3 @@
 .ant-btn-text[disabled]:hover {
   color: #cce2ff !important;
 }
-.ant-form-item-control-input-content [text='重置'],
-.ant-form-item-control-input-content [text='查询'],
-.ant-form-item-control-input-content [text='Reset'],
-.ant-form-item-control-input-content [text='Search'] {
-  min-width: 0;
-}
-.ant-btn-link,
-.ant-btn-text {
-  min-width: 0;
-}

package/lib/src/theme/antd-global-overwrite/aplus/index.css

@@ -46,7 +46,6 @@
   border: 1px solid rgba(255, 77, 79, 0.4);
 }
 .ant-btn {
-  min-width: 88px;
   box-shadow: none;
 }
 .ant-btn-primary[disabled],
@@ -73,16 +72,6 @@
 .ant-btn-text[disabled]:hover {
   color: #cce2ff !important;
 }
-.ant-form-item-control-input-content [text='重置'],
-.ant-form-item-control-input-content [text='查询'],
-.ant-form-item-control-input-content [text='Reset'],
-.ant-form-item-control-input-content [text='Search'] {
-  min-width: 0;
-}
-.ant-btn-link,
-.ant-btn-text {
-  min-width: 0;
-}
 .ant-form .ant-form-item label {
   font-weight: normal;
 }
@@ -485,8 +474,15 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   inset-inline-start: 13px;
   margin: 6px 0;
 }
-.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;
@@ -494,15 +490,18 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   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;
@@ -511,18 +510,22 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   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;
@@ -531,35 +534,36 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   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;
 }