@aplus-frontend/ui 0.5.24 → 0.5.26

package/lib/src/editable-table/form-item.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),V=require("@aplus-frontend/antdv"),h=require("../ap-form/index.js"),d=require("lodash-unified");require("../config-provider/index.js");const P=require("../ap-form/context.js"),f=require("../utils/index.js"),j=require("./hooks/use-get-columns.js"),k=require("./utils.js"),A=require("../config-provider/hooks/use-namespace.js"),M=require("../config-provider/hooks/use-global-config.js"),O=o.defineComponent({name:"EditableTableInner",__name:"form-item",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},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:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{default:()=>({})}},setup(x,{expose:g}){const l=x;function b(e,t){return d.isArray(t)?t.reduce((u,n)=>u==null?void 0:u[n],e):e==null?void 0:e[t]}const{internalInstance:a,model:w}=P.useInjectForm(),r=o.ref(b(o.unref(w),l.name)||[]),C=o.useSlots(),i=o.ref(l.name);o.watch(()=>l.name,(e,t)=>{d.isEqual(e,t)||(i.value=e)});const y=h.ApForm.useWatch(i);o.watch(()=>y.value,e=>{var t;r.value=e,(t=l.onChange)==null||t.call(l,e)},{deep:!0});const{b:R}=A.useNamespace("editable-table"),c=o.ref(),D=M.useGlobalConfig("valueTypeMap"),B=j.default(l,D);function q(e,t){var s;const u=((s=o.unref(r))==null?void 0:s.length)||0;if(f.isDef(l.maxLength)&&u>=l.maxLength)return;const n=[...o.unref(r)||[]];f.isDef(t)?n.splice(t,0,{...e||{}}):n.push({...e||{}}),a==null||a.setFieldValue(l.name,n)}function v(e,t="suffix"){var p;const u=((p=o.unref(r))==null?void 0:p.length)||0,n=d.isNumber(e)?e:e.length;if(f.isDef(l.maxLength)&&u+n>l.maxLength)return;const s=[...o.unref(r)||[]],m=d.isNumber(e)?new Array(e).fill({}):d.cloneDeep(e);t==="suffix"?s.push(...m):s.unshift(...m),a==null||a.setFieldValue(l.name,s)}function F(e){let t=d.cloneDeep(o.unref(r)||[]);const u=d.isNumber(e)?[e]:e;t=t.filter((n,s)=>!u.includes(s)),a==null||a.setFieldValue(l.name,t)}function N(){return o.unref(r)}function T(e){var t;return(t=o.unref(r))==null?void 0:t[e]}function L(e,t,u=!0){const n=d.cloneDeep(o.unref(r));n[e]&&(n[e]={...u?n[e]:{},...t},a==null||a.setFieldValue(l.name,[...n]))}function S(e){a==null||a.setFieldValue(l.name,e)}function _(e,t){var n;const u=e==="end"?r.value.length-1:e;k.scrollToRowIndex(u,(n=c.value)==null?void 0:n.$el,t)}function E(){var e;(e=a==null?void 0:a.setFieldValue)==null||e.call(a,l.name,[])}return g({add:q,remove:F,getRowData:T,getRowsData:N,setRowData:L,addMultiple:v,scrollTo:_,setTableData:S,clear:E}),(e,t)=>(o.openBlock(),o.createBlock(o.unref(h.ApForm).FormItem,o.mergeProps(e.formItem,{name:e.name,label:e.label}),{default:o.withCtx(()=>[o.createVNode(o.unref(V.Table),o.mergeProps(o.unref(d.omit)(l,["name","maxLength","onChange"]),{ref_key:"tableRef",ref:c,class:o.unref(R)(),columns:o.unref(B),"data-source":r.value}),o.createSlots({_:2},[o.renderList(o.unref(d.omit)(C,["headerCell"]),(u,n)=>({name:n,fn:o.withCtx(s=>[o.renderSlot(e.$slots,n,o.normalizeProps(o.guardReactiveProps(s||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["name","label"]))}});exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),E=require("@aplus-frontend/antdv"),p=require("../ap-form/index.js"),d=require("lodash-unified");require("../config-provider/index.js");const P=require("../ap-form/context.js"),h=require("../utils/index.js"),j=require("./hooks/use-get-columns.js"),A=require("./utils.js"),O=require("../config-provider/hooks/use-namespace.js"),z=require("../config-provider/hooks/use-global-config.js"),G=t.defineComponent({name:"EditableTableInner",__name:"form-item",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},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:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{default:()=>({})}},setup(g,{expose:x}){const n=g;function b(e,a){return d.isArray(a)?a.reduce((l,o)=>l==null?void 0:l[o],e):e==null?void 0:e[a]}const{internalInstance:u,model:w}=P.useInjectForm(),i=t.ref(b(t.unref(w),n.name)||[]),C=t.useSlots(),y=t.toRef(n,"name"),R=p.ApForm.useWatch(y);t.watch(()=>R.value,async e=>{var a;await t.nextTick(),i.value=e,(a=n.onChange)==null||a.call(n,e)},{deep:!0});const{b:B}=O.useNamespace("editable-table"),m=t.ref(),F=z.useGlobalConfig("valueTypeMap"),T=j.default(n,F);function q(e,a){var s;const l=((s=t.unref(i))==null?void 0:s.length)||0;if(h.isDef(n.maxLength)&&l>=n.maxLength)return;const o={...e||{}};u==null||u.setFieldValue(n.name,o,!0,(r,f)=>{r[f]||(r[f]=[o]),d.isUndefined(a)?r[f].push(o):r[f].splice(a,0,o)})}function v(e,a="suffix"){var r;const l=((r=t.unref(i))==null?void 0:r.length)||0,o=d.isNumber(e)?e:e.length;if(h.isDef(n.maxLength)&&l+o>n.maxLength)return;const s=d.isNumber(e)?new Array(e).fill(0).map(()=>({})):d.cloneDeep(e);u==null||u.setFieldValue(n.name,s,!0,(f,c)=>{f[c]||(f[c]=[...s]),a==="suffix"?f[c].push(...s):f[c].unshift(...s)})}function D(e){const a=new Set(d.isNumber(e)?[e]:e);u==null||u.setFieldValue(n.name,void 0,!0,(l,o)=>{l[o]=l[o].filter((s,r)=>!a.has(r))})}function N(){return t.unref(i)}function S(e){var a;return(a=t.unref(i))==null?void 0:a[e]}function L(e,a,l=!0){u==null||u.setFieldValue(n.name,void 0,!0,(o,s)=>{!o[s]||!o[s][e]||(o[s][e]={...l?o[s][e]:{},...a})})}function V(e){u==null||u.setFieldValue(n.name,e)}function _(e,a){var o;const l=e==="end"?i.value.length-1:e;A.scrollToRowIndex(l,(o=m.value)==null?void 0:o.$el,a)}function k(){var e;(e=u==null?void 0:u.setFieldValue)==null||e.call(u,n.name,[])}return x({add:q,remove:D,getRowData:S,getRowsData:N,setRowData:L,addMultiple:v,scrollTo:_,setTableData:V,clear:k}),(e,a)=>(t.openBlock(),t.createBlock(t.unref(p.ApForm).FormItem,t.mergeProps(e.formItem,{name:e.name,label:e.label}),{default:t.withCtx(()=>[t.createVNode(t.unref(E.Table),t.mergeProps(t.unref(d.omit)(n,["name","maxLength","onChange"]),{ref_key:"tableRef",ref:m,class:t.unref(B)(),columns:t.unref(T),"data-source":i.value}),t.createSlots({_:2},[t.renderList(t.unref(d.omit)(C,["headerCell"]),(l,o)=>({name:o,fn:t.withCtx(s=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(s||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["name","label"]))}});exports.default=G;

package/lib/src/editable-table/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),M=require("@aplus-frontend/antdv"),p=require("../ap-form/index.js"),d=require("lodash-unified");require("../config-provider/index.js");require("../hooks/index.js");const x=require("../utils/index.js"),O=require("./utils.js"),z=require("./hooks/use-get-columns.js"),I=require("../config-provider/hooks/use-namespace.js"),G=require("../hooks/useControllableValue.js"),K=require("../config-provider/hooks/use-global-config.js"),U=n.defineComponent({name:"EditableTable",__name:"index",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},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:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(v,{expose:C,emit:b}){const o=v,{b:w}=I.useNamespace("editable-table"),y=n.useSlots(),R=b,h=n.ref(),{value:r,updateValue:F}=G.useControllableValue(o,R),s=n.ref(),q=K.useGlobalConfig("valueTypeMap"),m=p.ApForm.useWatch(o.name,s);n.watch(()=>m.value,e=>{var t;F(e),(t=o.onChange)==null||t.call(o,e)},{deep:!0}),n.watch(r,e=>{var t;e!==n.unref(m)&&(d.isEqual(e,n.unref(m))||(t=s.value)==null||t.setFieldValue(o.name,e))},{deep:!0});const B=z.default(o,q);function D(){var e;(e=s.value)==null||e.resetFields()}function N(e){return e?(d.isArray(e)?e:[e]).map(l=>d.isArray(l)?[o.name,...l]:[o.name,l]):void 0}async function V(e,t){var a;const l=await((a=s.value)==null?void 0:a.validateFields(N(e),t));return l==null?void 0:l[o.name]}function _(e,t){var u,i,f;const l=((u=n.unref(r))==null?void 0:u.length)||0;if(x.isDef(o.maxLength)&&l>=o.maxLength)return;const a=[...n.unref(r)||[]];x.isDef(t)?a.splice(t,0,{...e||{}}):a.push({...e||{}}),(f=(i=s.value)==null?void 0:i.setFieldValue)==null||f.call(i,o.name,a)}function A(e,t="suffix"){var f,c,g;const l=((f=n.unref(r))==null?void 0:f.length)||0,a=d.isNumber(e)?e:e.length;if(x.isDef(o.maxLength)&&l+a>o.maxLength)return;const u=[...n.unref(r)||[]],i=d.isNumber(e)?new Array(e).fill({}):d.cloneDeep(e);t==="suffix"?u.push(...i):u.unshift(...i),(g=(c=s.value)==null?void 0:c.setFieldValue)==null||g.call(c,o.name,u)}function T(e){var a,u;let t=d.cloneDeep(n.unref(r)||[]);const l=d.isNumber(e)?[e]:e;t=t.filter((i,f)=>!l.includes(f)),(u=(a=s.value)==null?void 0:a.setFieldValue)==null||u.call(a,o.name,t)}function L(){return n.unref(r)}function S(e){var t;(t=s.value)==null||t.setFieldValue(o.name,e)}function E(e){var t;return(t=n.unref(r))==null?void 0:t[e]}function k(e,t,l=!0){var u,i;const a=d.cloneDeep(n.unref(r));a[e]&&(a[e]={...l?a[e]:{},...t},(i=(u=s.value)==null?void 0:u.setFieldValue)==null||i.call(u,o.name,[...a]))}function P(e,t){var a;const l=e==="end"?r.value.length-1:e;O.scrollToRowIndex(l,(a=h.value)==null?void 0:a.$el,t)}function j(){var e,t;(t=(e=s.value)==null?void 0:e.setFieldValue)==null||t.call(e,o.name,[])}return C({resetFields:D,validateFields:V,add:_,remove:T,getRowData:E,getRowsData:L,setRowData:k,addMultiple:A,scrollTo:P,clear:j,setTableData:S}),(e,t)=>(n.openBlock(),n.createBlock(n.unref(p.ApForm),{ref_key:"formRef",ref:s,"initial-values":{[o.name]:n.unref(r)}},{default:n.withCtx(()=>[n.createVNode(n.unref(p.ApForm).FormItem,{name:e.name,"no-style":""},{default:n.withCtx(()=>[n.createVNode(n.unref(M.Table),n.mergeProps(n.unref(d.omit)(o,["name","value","onUpdate:value","maxLength","onChange"]),{ref_key:"tableRef",ref:h,class:n.unref(w)(),columns:n.unref(B),"data-source":n.unref(r)}),n.createSlots({_:2},[n.renderList(n.unref(d.omit)(y,["headerCell"]),(l,a)=>({name:a,fn:n.withCtx(u=>[n.renderSlot(e.$slots,a,n.normalizeProps(n.guardReactiveProps(u||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),O=require("@aplus-frontend/antdv"),x=require("../ap-form/index.js"),d=require("lodash-unified");require("../config-provider/index.js");require("../hooks/index.js");const v=require("../utils/index.js"),z=require("./utils.js"),U=require("./hooks/use-get-columns.js"),G=require("../config-provider/hooks/use-namespace.js"),K=require("../hooks/useControllableValue.js"),$=require("../config-provider/hooks/use-global-config.js"),H=n.defineComponent({name:"EditableTable",__name:"index",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},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:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(w,{expose:C,emit:b}){const l=w,{b:y}=G.useNamespace("editable-table"),R=n.useSlots(),F=b,g=n.ref(),{value:p,updateValue:q}=K.useControllableValue(l,F),i=n.ref(),B=$.useGlobalConfig("valueTypeMap"),h=x.ApForm.useWatch(l.name,i);n.watch(()=>h.value,e=>{var t;q(e),(t=l.onChange)==null||t.call(l,e)},{deep:!0,flush:"post"}),n.watch(p,e=>{var t;e!==n.unref(h)&&(d.isEqual(e,n.unref(h))||(t=i.value)==null||t.setFieldValue(l.name,e))},{deep:!0});const V=U.default(l,B);function N(){var e;(e=i.value)==null||e.resetFields()}function T(e){return e?(d.isArray(e)?e:[e]).map(o=>d.isArray(o)?[l.name,...o]:[l.name,o]):void 0}async function _(e,t){var a;const o=await((a=i.value)==null?void 0:a.validateFields(T(e),t));return o==null?void 0:o[l.name]}function S(e,t){var u,r,s;const o=((u=n.unref(p))==null?void 0:u.length)||0;if(v.isDef(l.maxLength)&&o>=l.maxLength)return;const a={...e||{}};(s=(r=i.value)==null?void 0:r.setFieldValue)==null||s.call(r,l.name,a,!0,(f,c)=>{f[c]||(f[c]=[a]),d.isUndefined(t)?f[c].push(a):f[c].splice(t,0,a)})}function A(e,t="suffix"){var r,s,f;const o=((r=n.unref(p))==null?void 0:r.length)||0,a=d.isNumber(e)?e:e.length;if(v.isDef(l.maxLength)&&o+a>l.maxLength)return;const u=d.isNumber(e)?new Array(e).fill({}):d.cloneDeep(e);(f=(s=i.value)==null?void 0:s.setFieldValue)==null||f.call(s,l.name,u,!0,(c,m)=>{c[m]||(c[m]=[...u]),t==="suffix"?c[m].push(...u):c[m].unshift(...u)})}function D(e){var o,a;const t=new Set(d.isNumber(e)?[e]:e);(a=(o=i.value)==null?void 0:o.setFieldValue)==null||a.call(o,l.name,void 0,!0,(u,r)=>{u[r]=u[r].filter((s,f)=>!t.has(f))})}function L(){return n.unref(p)}function E(e){var t;(t=i.value)==null||t.setFieldValue(l.name,e)}function k(e){var t;return(t=n.unref(p))==null?void 0:t[e]}function P(e,t,o=!0){var a,u;(u=(a=i.value)==null?void 0:a.setFieldValue)==null||u.call(a,l.name,void 0,!0,(r,s)=>{!r[s]||!r[s][e]||(r[s][e]={...o?r[s][e]:{},...t})})}function j(e,t){var a;const o=e==="end"?p.value.length-1:e;z.scrollToRowIndex(o,(a=g.value)==null?void 0:a.$el,t)}function I(){var e,t;(t=(e=i.value)==null?void 0:e.setFieldValue)==null||t.call(e,l.name,[])}return C({resetFields:N,validateFields:_,add:S,remove:D,getRowData:k,getRowsData:L,setRowData:P,addMultiple:A,scrollTo:j,clear:I,setTableData:E}),(e,t)=>(n.openBlock(),n.createBlock(n.unref(x.ApForm),{ref_key:"formRef",ref:i,"initial-values":{[l.name]:n.unref(p)}},{default:n.withCtx(()=>[n.createVNode(n.unref(x.ApForm).FormItem,{name:e.name,"no-style":""},{default:n.withCtx(()=>[n.createVNode(n.unref(O.Table),n.mergeProps(n.unref(d.omit)(l,["name","value","onUpdate:value","maxLength","onChange"]),{ref_key:"tableRef",ref:g,class:n.unref(y)(),columns:n.unref(V),"data-source":n.unref(p)}),n.createSlots({_:2},[n.renderList(n.unref(d.omit)(R,["headerCell"]),(o,a)=>({name:a,fn:n.withCtx(u=>[n.renderSlot(e.$slots,a,n.normalizeProps(n.guardReactiveProps(u||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=H;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.5.24",
+  "version": "0.5.26",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -65,19 +65,19 @@
     "sortablejs": "^1.15.2",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
-    "vxe-pc-ui": "4.4.23",
-    "vxe-table": "4.11.29",
+    "vxe-pc-ui": "4.5.0",
+    "vxe-table": "4.12.1",
     "@aplus-frontend/hooks": "1.0.7",
     "@aplus-frontend/utils": "1.0.55"
   },
   "peerDependencies": {
-    "@aplus-frontend/antdv": "^1.1.3",
+    "@aplus-frontend/antdv": "^1.1.4",
     "@aplus-frontend/icon": "^1.2.1",
     "@aplus-frontend/oss": "^1.1.2",
     "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@aplus-frontend/antdv": "^1.1.3",
+    "@aplus-frontend/antdv": "^1.1.4",
     "@aplus-frontend/icon": "^1.2.1",
     "@aplus-frontend/oss": "^1.1.2",
     "@types/sortablejs": "^1.15.8",

package/theme/ap-grid/index.css

@@ -285,6 +285,9 @@
   padding: 16px;
   background-color: #fff;
 }
+.aplus-ap-grid-wrapper.aplus-ap-grid-sticky {
+  padding-bottom: 0;
+}
 .aplus-ap-grid__search-wrapper {
   padding: 16px;
   padding-bottom: 0;
@@ -293,6 +296,7 @@
 }
 .aplus-ap-grid__table-wrapper {
   flex: 1;
+  min-height: 0;
   max-height: 100%;
   width: 100%;
   display: flex;

package/theme/ap-grid/index.less

@@ -52,6 +52,9 @@
     padding: 16px;
     background-color: #fff;
   }
+  &-wrapper&-sticky {
+    padding-bottom: 0;
+  }
   &__search-wrapper {
     padding:16px;
     padding-bottom: 0;
@@ -60,6 +63,7 @@
   }
   &__table-wrapper {
     flex: 1;
+    min-height: 0;
     max-height: 100%;
     width: 100%;
     display: flex;

package/theme/ap-ladder/ap-ladder.css

@@ -20,6 +20,12 @@
   display: inline-block;
   color: #8896B0;
   word-break: break-all;
+  position: relative;
+  justify-content: center;
+}
+.aplus-ap-ladder__value-group-label-semicolon {
+  display: inline-block;
+  padding: 0 3px;
 }
 .aplus-ap-ladder__value-group-value {
   color: #182948;
@@ -29,16 +35,19 @@
   white-space: nowrap;
 }
 .aplus-ap-ladder__value-group-link {
-  cursor: pointer !important;
-  color: #0070ff !important;
-  text-decoration: none !important;
+  cursor: pointer ;
+  color: #0070ff;
+  text-decoration: none ;
 }
-.aplus-ap-ladder__label-align-left {
+.aplus-ap-ladder__value-group-label-left {
   text-align: left;
 }
-.aplus-ap-ladder__label-align-right {
+.aplus-ap-ladder__value-group-label-right {
   text-align: right;
 }
+.aplus-ap-ladder__label-align-space-between {
+  justify-content: space-between;
+}
 .aplus-ap-ladder-base {
   display: flex;
 }

package/theme/ap-ladder/ap-ladder.less

@@ -13,16 +13,22 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    min-width: 0; // Import
+    min-width: 0; 
   }
   &__value-group-value-end{
     justify-content: flex-end;
   }
 
   &__value-group-label{
-    display: inline-block;
+     display: inline-block;
     color: #8896B0;
     word-break: break-all;
+    position: relative;
+    justify-content: center;
+  }
+  &__value-group-label-semicolon{
+    display: inline-block;
+    padding: 0 3px;
   }
   &__value-group-value{
     color: #182948;
@@ -32,15 +38,18 @@
     white-space: nowrap;
   }
   &__value-group-link{
-    cursor: pointer !important;
-    color: @aplus-primary-color !important;
-    text-decoration: none !important;
+    cursor: pointer ;
+    color: @aplus-primary-color;
+    text-decoration: none ;
   }
-  &__label-align-left{
+  &__value-group-label-left{
     text-align: left;
   }
-  &__label-align-right{
+  &__value-group-label-right{
     text-align: right;
+  }
+   &__label-align-space-between{
+    justify-content: space-between
   }
   &-base{
     display: flex;

package/theme/index.css

@@ -608,6 +608,12 @@
   display: inline-block;
   color: #8896B0;
   word-break: break-all;
+  position: relative;
+  justify-content: center;
+}
+.aplus-ap-ladder__value-group-label-semicolon {
+  display: inline-block;
+  padding: 0 3px;
 }
 .aplus-ap-ladder__value-group-value {
   color: #182948;
@@ -617,16 +623,19 @@
   white-space: nowrap;
 }
 .aplus-ap-ladder__value-group-link {
-  cursor: pointer !important;
-  color: #0070ff !important;
-  text-decoration: none !important;
+  cursor: pointer ;
+  color: #0070ff;
+  text-decoration: none ;
 }
-.aplus-ap-ladder__label-align-left {
+.aplus-ap-ladder__value-group-label-left {
   text-align: left;
 }
-.aplus-ap-ladder__label-align-right {
+.aplus-ap-ladder__value-group-label-right {
   text-align: right;
 }
+.aplus-ap-ladder__label-align-space-between {
+  justify-content: space-between;
+}
 .aplus-ap-ladder-base {
   display: flex;
 }
@@ -2289,6 +2298,9 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   padding: 16px;
   background-color: #fff;
 }
+.aplus-ap-grid-wrapper.aplus-ap-grid-sticky {
+  padding-bottom: 0;
+}
 .aplus-ap-grid__search-wrapper {
   padding: 16px;
   padding-bottom: 0;
@@ -2297,6 +2309,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 }
 .aplus-ap-grid__table-wrapper {
   flex: 1;
+  min-height: 0;
   max-height: 100%;
   width: 100%;
   display: flex;