@aplus-frontend/ui 6.26.0 → 6.26.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/es/src/ag-grid/components/empty/index.vue.d.ts +3 -0
  2. package/es/src/ag-grid/components/empty/index.vue.mjs +4 -0
  3. package/es/src/ag-grid/components/empty/index.vue2.mjs +15 -0
  4. package/es/src/ag-grid/index.vue.mjs +53 -53
  5. package/es/src/ap-grid/index.vue.mjs +196 -180
  6. package/es/src/ap-grid/interface.d.ts +8 -1
  7. package/es/src/ap-pro-card/components/card/index.vue2.mjs +83 -87
  8. package/es/src/ap-pro-card/components/statistic-card/index.vue.d.ts +3 -1
  9. package/es/src/ap-pro-card/components/statistic-card/index.vue2.mjs +12 -13
  10. package/es/src/business/ap-draggable-grid/ApDraggableGrid.vue2.mjs +118 -112
  11. package/es/src/version.d.ts +1 -1
  12. package/es/src/version.mjs +1 -1
  13. package/lib/src/ag-grid/components/empty/index.vue.d.ts +3 -0
  14. package/lib/src/ag-grid/components/empty/index.vue.js +1 -0
  15. package/lib/src/ag-grid/components/empty/index.vue2.js +1 -0
  16. package/lib/src/ag-grid/index.vue.js +1 -1
  17. package/lib/src/ap-grid/index.vue.js +1 -1
  18. package/lib/src/ap-grid/interface.d.ts +8 -1
  19. package/lib/src/ap-pro-card/components/card/index.vue2.js +1 -1
  20. package/lib/src/ap-pro-card/components/statistic-card/index.vue.d.ts +3 -1
  21. package/lib/src/ap-pro-card/components/statistic-card/index.vue2.js +1 -1
  22. package/lib/src/business/ap-draggable-grid/ApDraggableGrid.vue2.js +1 -1
  23. package/lib/src/version.d.ts +1 -1
  24. package/lib/src/version.js +1 -1
  25. package/package.json +1 -1
  26. package/theme/ag-grid/index.css +1 -1
  27. package/theme/ag-grid/index.less +1 -1
  28. package/theme/ap-draggable-grid/ap-draggable-grid.css +5 -2
  29. package/theme/ap-draggable-grid/ap-draggable-grid.less +3 -2
  30. package/theme/ap-grid/index.css +1 -0
  31. package/theme/ap-grid/index.less +1 -0
  32. package/theme/ap-pro-card/index.css +22 -6
  33. package/theme/ap-pro-card/index.less +22 -7
  34. package/theme/css-var.css +32 -0
  35. package/theme/css-var.less +34 -0
  36. package/theme/index.css +61 -9
  37. package/es/src/ap-pro-card/utils/css-var.d.ts +0 -17
  38. package/es/src/ap-pro-card/utils/css-var.mjs +0 -29
  39. package/lib/src/ap-pro-card/utils/css-var.d.ts +0 -17
  40. package/lib/src/ap-pro-card/utils/css-var.js +0 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");require("../card/index.vue.js");require("../statistic/index.vue.js");const _=require("../../../editable-table/utils.js"),O=require("lodash-unified"),q=require("../../../config-provider/hooks/use-namespace.js"),P=require("../statistic/index.vue2.js"),j=require("../card/index.vue2.js"),k=e.defineComponent({name:"ApStatisticCard",__name:"index",props:{headStyle:{},bodyStyle:{},actionsStyle:{},headerBordered:{type:Boolean},title:{type:[Object,String,Number,Boolean,null,Array]},tooltip:{type:[Object,String,Number,Boolean,null,Array]},extra:{type:[Object,String,Number,Boolean,null,Array]},layout:{},type:{},direction:{},wrap:{type:Boolean},loading:{type:[Boolean,Object,String,Number,null,Array]},colSpan:{},colStyle:{},gutter:{},actions:{type:[Object,String,Number,Boolean,null,Array]},split:{},bordered:{type:Boolean},hoverable:{type:Boolean},ghost:{type:Boolean},collapsible:{type:Boolean},defaultCollapsed:{type:Boolean},collapsed:{type:Boolean},collapsibleIconRender:{type:Function},boxShadow:{type:Boolean},chart:{type:[Object,String,Number,Boolean,null,Array]},statistic:{},chartPlacement:{},footer:{type:[Object,String,Number,Boolean,null,Array]}},setup(g){const r=g,t=e.useSlots(),{b:n}=q.useNamespace("statistic-card"),S=e.computed(()=>n()),C=e.computed(()=>{const o=n("chart");return _.mergeClass(`${o}`,[r.chartPlacement==="left"?`${o}-left`:void 0,r.chartPlacement==="right"?`${o}-right`:void 0].filter(Boolean))}),d=e.computed(()=>{const o=n("content");return _.mergeClass(`${o}`,[r.chartPlacement==="left"||r.chartPlacement==="right"?`${o}-horizontal`:void 0].filter(Boolean))}),N=e.computed(()=>n("footer")),c=e.computed(()=>{var o,u,s,a,p,f,m,y,v,h,B,b;return r.statistic?e.createVNode(P.default,e.mergeProps({layout:"vertical"},r.statistic,{title:((o=r.statistic)==null?void 0:o.title)||((u=t.statisticTitle)==null?void 0:u.call(t)),prefix:((s=r.statistic)==null?void 0:s.prefix)||((a=t.prefix)==null?void 0:a.call(t)),suffix:((p=r.statistic)==null?void 0:p.suffix)||((f=t.suffix)==null?void 0:f.call(t)),icon:((m=r.statistic)==null?void 0:m.icon)||((y=t.icon)==null?void 0:y.call(t)),tip:((v=r.statistic)==null?void 0:v.tip)||((h=t.tip)==null?void 0:h.call(t)),description:((B=r.statistic)==null?void 0:B.description)||((b=t.description)==null?void 0:b.call(t))}),null):void 0}),l=e.computed(()=>{var o;return r.chart||t.chart?e.createVNode("div",{class:C.value},[r.chart||((o=t.chart)==null?void 0:o.call(t))]):void 0}),i=e.computed(()=>l.value||c.value?r.chartPlacement==="left"?e.createVNode("div",{class:d.value},[l.value,c.value]):e.createVNode("div",{class:d.value},[c.value,l.value]):void 0),x=e.computed(()=>{var o;return r.footer||t.footer?e.createVNode("div",{class:N.value},[r.footer||((o=t.footer)==null?void 0:o.call(t))]):void 0});return(o,u)=>(e.openBlock(),e.createBlock(j.default,e.mergeProps({class:S.value},{...r}),e.createSlots({default:e.withCtx(()=>[i.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),{key:0})):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default"),i.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x.value),{key:1})):e.createCommentVNode("",!0)]),_:2},[e.renderList(e.unref(O.omit)(t,["chart","footer","description","default"]),(s,a)=>({name:a,fn:e.withCtx(()=>[e.renderSlot(o.$slots,a)])}))]),1040,["class"]))}});exports.default=k;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");require("../card/index.vue.js");require("../statistic/index.vue.js");const _=require("../../../editable-table/utils.js"),O=require("lodash-unified"),q=require("../../../config-provider/hooks/use-namespace.js"),P=require("../statistic/index.vue2.js"),j=require("../card/index.vue2.js"),k=e.defineComponent({name:"ApStatisticCard",__name:"index",props:{headStyle:{},bodyStyle:{},actionsStyle:{},headerBordered:{type:Boolean},title:{type:[Object,String,Number,Boolean,null,Array]},tooltip:{type:[Object,String,Number,Boolean,null,Array]},extra:{type:[Object,String,Number,Boolean,null,Array]},layout:{},type:{},direction:{},wrap:{type:Boolean},loading:{type:[Boolean,Object,String,Number,null,Array]},colSpan:{},colStyle:{},gutter:{},actions:{type:[Object,String,Number,Boolean,null,Array]},split:{},bordered:{type:Boolean},hoverable:{type:Boolean},ghost:{type:Boolean},collapsible:{type:Boolean},defaultCollapsed:{type:Boolean},collapsed:{type:Boolean,default:void 0},collapsibleIconRender:{},boxShadow:{type:Boolean},chart:{type:[Object,String,Number,Boolean,null,Array]},statistic:{},chartPlacement:{},footer:{type:[Object,String,Number,Boolean,null,Array]}},setup(g){const r=g,t=e.useSlots(),{b:n}=q.useNamespace("statistic-card"),S=e.computed(()=>n()),C=e.computed(()=>{const o=n("chart");return _.mergeClass(`${o}`,[r.chartPlacement==="left"?`${o}-left`:void 0,r.chartPlacement==="right"?`${o}-right`:void 0].filter(Boolean))}),d=e.computed(()=>{const o=n("content");return _.mergeClass(`${o}`,[r.chartPlacement==="left"||r.chartPlacement==="right"?`${o}-horizontal`:void 0].filter(Boolean))}),N=e.computed(()=>n("footer")),c=e.computed(()=>{var o,u,s,a,p,f,m,y,v,h,B,b;return r.statistic?e.createVNode(P.default,e.mergeProps({layout:"vertical"},r.statistic,{title:((o=r.statistic)==null?void 0:o.title)||((u=t.statisticTitle)==null?void 0:u.call(t)),prefix:((s=r.statistic)==null?void 0:s.prefix)||((a=t.prefix)==null?void 0:a.call(t)),suffix:((p=r.statistic)==null?void 0:p.suffix)||((f=t.suffix)==null?void 0:f.call(t)),icon:((m=r.statistic)==null?void 0:m.icon)||((y=t.icon)==null?void 0:y.call(t)),tip:((v=r.statistic)==null?void 0:v.tip)||((h=t.tip)==null?void 0:h.call(t)),description:((B=r.statistic)==null?void 0:B.description)||((b=t.description)==null?void 0:b.call(t))}),null):void 0}),l=e.computed(()=>{var o;return r.chart||t.chart?e.createVNode("div",{class:C.value},[r.chart||((o=t.chart)==null?void 0:o.call(t))]):void 0}),i=e.computed(()=>l.value||c.value?r.chartPlacement==="left"?e.createVNode("div",{class:d.value},[l.value,c.value]):e.createVNode("div",{class:d.value},[c.value,l.value]):void 0),x=e.computed(()=>{var o;return r.footer||t.footer?e.createVNode("div",{class:N.value},[r.footer||((o=t.footer)==null?void 0:o.call(t))]):void 0});return(o,u)=>(e.openBlock(),e.createBlock(j.default,e.mergeProps({class:S.value},{...r}),e.createSlots({default:e.withCtx(()=>[i.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),{key:0})):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default"),i.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x.value),{key:1})):e.createCommentVNode("",!0)]),_:2},[e.renderList(e.unref(O.omit)(t,["chart","footer","description","default"]),(s,a)=>({name:a,fn:e.withCtx(()=>[e.renderSlot(o.$slots,a)])}))]),1040,["class"]))}});exports.default=k;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),X=require("./constans.js"),Y=require("@aplus-frontend/antdv");require("../../config-provider/index.js");const D=require("./utils/sortItemsByRowAndCol.js"),Z=require("../../config-provider/hooks/use-namespace.js"),ee=["data-span","data-index","data-row","data-col","data-height","data-module","draggable"],oe=r.defineComponent({__name:"ApDraggableGrid",props:X.ApDraggableGridProps(),emits:["onGridListChange"],setup(P,{expose:W,emit:_}){const f=P,{b:R,e:$,m:J}=Z.useNamespace("ap-draggable-grid"),T=r.ref(!1),B=r.ref(!1),x=r.computed(()=>$("item")),M=r.computed(()=>$("dragging")),z=r.computed(()=>f.customWrapper?`.${f.customWrapper} .${x.value}:not(.${M.value})`:`.${x.value}:not(.${M.value})`),j=_,m=r.useTemplateRef("gridContainer"),S=r.ref([]);r.watch(()=>f.gridList,e=>{Array.isArray(e)&&i(e)},{deep:!0,immediate:!0});function i(e){const n=[...e].sort((o,u)=>o.row-u.row);S.value=n.map(o=>({...o})),j("onGridListChange",JSON.parse(JSON.stringify(S.value)))}const U=e=>({gridColumn:`${e.col} / span ${e.span}`,gridRow:e.row,minHeight:e.showHeight?e.showHeight+"px":`${f.gridItemHeight}px`,height:e.showHeight?e.showHeight+"px":`${f.gridItemHeight}px`,boxShadow:f.gridItemShadow?f.gridItemShadow:"none"});async function H(){if(i([]),typeof f.request=="function")try{T.value=!0;const e=await f.request();Array.isArray(e)?(console.log("ApDraggableGrid: 请求到的布局数据:",e),i(e)):console.warn("ApDraggableGrid: 请求函数必须返回一个符合 ApDraggableGridItemBase 数组的格式")}catch(e){console.error("ApDraggableGrid: 请求错误:",e)}finally{T.value=!1}}let C=r.ref(null),N=r.ref(null),v=null,G=!1,y=null;const k=e=>{if(!G&&(G=!0,e.dataTransfer&&e.target instanceof HTMLElement)){const n=e.target.dataset;e.dataTransfer.setData("text/plain",n.module),e.dataTransfer.effectAllowed="move",C.value={span:Number(n.span),col:Number(n.col),row:Number(n.row),module:n.module,height:Number(n.height),index:Number(n.index)},v=e.target,v.style.opacity="0"}},q=e=>{if(e.preventDefault(),y&&clearTimeout(y),y=window.setTimeout(()=>{G=!1,y=null},300),e.dataTransfer&&e.target instanceof HTMLElement){const n=e.target.closest(z.value);if(!n)return;const o=n.dataset;N.value={span:Number(o.span),col:Number(o.col),row:Number(o.row),module:o.module,height:Number(o.height),index:Number(o.index)}}},F=e=>{e.preventDefault(),v&&(v.style.opacity="1",v=null),V(C,N)&&K(C,N),C.value=null,N.value=null,B.value=!1},O=()=>{v&&(v.style.opacity="1",v=null),C.value=null,N.value=null,B.value=!1},V=(e,n)=>{const{span:o,module:u}=e.value,{span:c,module:d}=n.value;return u===d&&o===c?(console.log("如果自己放在自己之上不能交换数据"),!1):!0},K=(e,n)=>{if(!e.value||!n.value)return;const{span:o,col:u,row:c,module:d,height:A,index:l}=e.value,{span:I,col:h,row:p,module:Q,height:L,index:g}=n.value;if(c===p&&u===h&&o===I&&A===L&&d===Q){console.log("从同一位置拖拽到同一位置,不做任何操作");return}let t=[...r.toRaw(S.value)];const E=JSON.parse(JSON.stringify(t));if(c===p)if(l>g){console.log("","从右向左拖拽"),console.log(l,g),console.log(l-g),l-g===1?(t[g].col=o+h,t[l].col=h):(t.forEach((w,a)=>{a<l&&a>=g&&(w.col+=I)}),t[l].col=h);const s=D.sortItemsByRowAndCol(t);if(!b(s)){console.warn("交换后的布局无效,恢复原始布局");return}i(s);return}else{console.log(l,g),console.log("","从左向右拖拽"),g-l===1?(t[l].col=I+1,t[g].col=u):(t.forEach((w,a)=>{a>l&&a<=g&&(w.col-=I)}),t[l].col=h);const s=D.sortItemsByRowAndCol(t);if(console.log("交换后的布局:",s),!b(s)){console.warn("交换后的布局无效,恢复原始布局"),i(E);return}i(s);return}else if(p<c){if(console.log("从下向上拖拽"),o===24){const s=[];for(let a=p;a<c;a++)s.push(a);t.forEach(a=>{s.includes(a.row)&&(a.row+=1)}),t[l].row=p;const w=D.sortItemsByRowAndCol(t);if(!b(w)){console.warn("交换后的布局无效,恢复原始布局"),i(E);return}i(w);return}if(o===I&&A===L){t[l].row=p,t[l].col=h,t[g].row=c,t[g].col=u;const s=D.sortItemsByRowAndCol(t);if(!b(s)){console.warn("交换后的布局无效,恢复原始布局"),i(E);return}i(s);return}}else{if(console.log("从上向下拖拽"),o===24){console.log("如果拖拽元素跨度为24","从上向下拖拽");const s=[];for(let a=c+1;a<=p;a++)s.push(a);t.forEach(a=>{s.includes(a.row)&&(a.row-=1)}),t[l].row=p;const w=D.sortItemsByRowAndCol(t);if(!b(w)){console.warn("交换后的布局无效,恢复原始布局"),i(E);return}i(w);return}if(o===I&&A===L){t[l].row=p,t[l].col=h,t[g].row=c,t[g].col=u;const s=D.sortItemsByRowAndCol(t);if(!b(s)){console.warn("交换后的布局无效,恢复原始布局"),i(E);return}i(s);return}}},b=e=>{const n={};e.forEach(o=>{n[o.row]||(n[o.row]=[]),n[o.row].push(o)});for(const o in n){const u=n[o].sort((d,A)=>d.col-A.col);let c=1;for(const d of u){if(d.col<c)return console.warn(`行 ${o} 中的元素重叠: 元素 ${d.module} 在列 ${d.col}, 但当前列已经是 ${c}`),!1;if(c=d.col+d.span,c>25)return console.warn(`行 ${o} 中的元素超出界限: 元素 ${d.module} 在列 ${d.col} 跨度 ${d.span}`),!1}}return!0};return r.onMounted(async()=>{await H(),!f.disableDrag&&m.value&&(m.value.addEventListener("dragstart",k),m.value.addEventListener("dragover",q),m.value.addEventListener("drop",F),m.value.addEventListener("dragend",O))}),r.onUnmounted(()=>{m.value&&(m.value.removeEventListener("dragstart",k),m.value.removeEventListener("dragover",q),m.value.removeEventListener("drop",F),m.value.removeEventListener("dragend",O),y&&clearTimeout(y))}),W({setGridItems:e=>{i(e)},getGridItems:()=>JSON.parse(JSON.stringify(S.value)),refreshGrid:()=>{(async()=>{await H()})()}}),(e,n)=>(r.openBlock(),r.createBlock(r.unref(Y.Spin),{spinning:T.value},{default:r.withCtx(()=>[r.createElementVNode("div",{ref_key:"gridContainer",ref:m,class:r.normalizeClass([T.value?r.unref(R)("loading"):r.unref(R)(),f.customWrapper]),style:r.normalizeStyle({width:typeof e.gridWidth=="number"?`${e.gridWidth}px`:e.gridWidth,gap:`${e.gapWidth}px`})},[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(S.value,(o,u)=>(r.openBlock(),r.createElementBlock("div",{key:u,class:r.normalizeClass([r.unref($)("item"),f.disableDrag?"":r.unref(J)("canDrag")]),"data-span":o.span,"data-index":u,"data-row":o.row,"data-col":o.col,"data-height":o.height,"data-module":o.module,style:r.normalizeStyle([U(o)]),draggable:!f.disableDrag},[r.renderSlot(e.$slots,"item",{item:o,index:u})],14,ee))),128))],6)]),_:3},8,["spinning"]))}});exports.default=oe;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),Y=require("./constans.js"),Z=require("@aplus-frontend/antdv");require("../../config-provider/index.js");const S=require("./utils/sortItemsByRowAndCol.js"),ee=require("../../config-provider/hooks/use-namespace.js"),oe=["data-span","data-index","data-row","data-col","data-height","data-module","draggable"],re=r.defineComponent({__name:"ApDraggableGrid",props:Y.ApDraggableGridProps(),emits:["onGridListChange"],setup(W,{expose:_,emit:J}){const d=W,{b:B,e:A,m:z}=ee.useNamespace("ap-draggable-grid"),T=r.ref(!1),x=r.ref(!1),M=r.computed(()=>A("item")),q=r.computed(()=>A("dragging")),L=r.computed(()=>A("overlay")),j=r.computed(()=>d.customWrapper?`.${d.customWrapper} .${M.value}:not(.${q.value})`:`.${M.value}:not(.${q.value})`),U=J,m=r.useTemplateRef("gridContainer"),D=r.ref([]);r.watch(()=>d.gridList,e=>{Array.isArray(e)&&u(e)},{deep:!0,immediate:!0});function u(e){const n=[...e].sort((o,c)=>o.row-c.row);D.value=n.map(o=>({...o})),U("onGridListChange",JSON.parse(JSON.stringify(D.value)))}const V=e=>({gridColumn:`${e.col} / span ${e.span}`,gridRow:e.row,minHeight:e.showHeight?e.showHeight+"px":`${d.gridItemHeight}px`,height:e.showHeight?e.showHeight+"px":`${d.gridItemHeight}px`,boxShadow:d.gridItemShadow?d.gridItemShadow:"none"});async function H(){if(u([]),typeof d.request=="function")try{T.value=!0;const e=await d.request();Array.isArray(e)?(console.log("ApDraggableGrid: 请求到的布局数据:",e),u(e)):console.warn("ApDraggableGrid: 请求函数必须返回一个符合 ApDraggableGridItemBase 数组的格式")}catch(e){console.error("ApDraggableGrid: 请求错误:",e)}finally{T.value=!1}}let E=r.ref(null),C=r.ref(null),v=null,G=!1,y=null;const k=e=>{if(!G&&(G=!0,e.dataTransfer&&e.target instanceof HTMLElement)){const n=e.target.dataset;e.dataTransfer.setData("text/plain",n.module),e.dataTransfer.effectAllowed="move",E.value={span:Number(n.span),col:Number(n.col),row:Number(n.row),module:n.module,height:Number(n.height),index:Number(n.index)},v=e.target,v.style.opacity="0"}},F=e=>{if(e.preventDefault(),y&&clearTimeout(y),y=window.setTimeout(()=>{G=!1,y=null},300),e.dataTransfer&&e.target instanceof HTMLElement){const n=e.target.closest(j.value);if(!n)return;const o=n.dataset;document.querySelectorAll(`.${d.customWrapper} div[data-row="${o.row}"]`).forEach(i=>{i.classList.add(L.value)}),C.value={span:Number(o.span),col:Number(o.col),row:Number(o.row),module:o.module,height:Number(o.height),index:Number(o.index)}}},O=e=>{e.preventDefault(),v&&(v.style.opacity="1",v=null),K(E,C)&&Q(E,C),document.querySelectorAll(`.${L.value}`).forEach(n=>{n.classList.remove(L.value)}),E.value=null,C.value=null,x.value=!1},P=()=>{v&&(v.style.opacity="1",v=null),E.value=null,C.value=null,x.value=!1},K=(e,n)=>{const{span:o,module:c}=e.value,{span:i,module:g}=n.value;return c===g&&o===i?(console.log("如果自己放在自己之上不能交换数据"),!1):!0},Q=(e,n)=>{if(!e.value||!n.value)return;const{span:o,col:c,row:i,module:g,height:N,index:l}=e.value,{span:I,col:h,row:p,module:X,height:R,index:f}=n.value;if(i===p&&c===h&&o===I&&N===R&&g===X){console.log("从同一位置拖拽到同一位置,不做任何操作");return}let t=[...r.toRaw(D.value)];const $=JSON.parse(JSON.stringify(t));if(i===p)if(l>f){console.log("","从右向左拖拽"),console.log(l,f),console.log(l-f),l-f===1?(t[f].col=o+h,t[l].col=h):(t.forEach((w,a)=>{a<l&&a>=f&&(w.col+=I)}),t[l].col=h);const s=S.sortItemsByRowAndCol(t);if(!b(s)){console.warn("交换后的布局无效,恢复原始布局");return}u(s);return}else{console.log(l,f),console.log("","从左向右拖拽"),f-l===1?(t[l].col=I+1,t[f].col=c):(t.forEach((w,a)=>{a>l&&a<=f&&(w.col-=I)}),t[l].col=h);const s=S.sortItemsByRowAndCol(t);if(console.log("交换后的布局:",s),!b(s)){console.warn("交换后的布局无效,恢复原始布局"),u($);return}u(s);return}else if(p<i){if(console.log("从下向上拖拽"),o===24){const s=[];for(let a=p;a<i;a++)s.push(a);t.forEach(a=>{s.includes(a.row)&&(a.row+=1)}),t[l].row=p;const w=S.sortItemsByRowAndCol(t);if(!b(w)){console.warn("交换后的布局无效,恢复原始布局"),u($);return}u(w);return}if(o===I&&N===R){t[l].row=p,t[l].col=h,t[f].row=i,t[f].col=c;const s=S.sortItemsByRowAndCol(t);if(!b(s)){console.warn("交换后的布局无效,恢复原始布局"),u($);return}u(s);return}}else{if(console.log("从上向下拖拽"),o===24){console.log("如果拖拽元素跨度为24","从上向下拖拽");const s=[];for(let a=i+1;a<=p;a++)s.push(a);t.forEach(a=>{s.includes(a.row)&&(a.row-=1)}),t[l].row=p;const w=S.sortItemsByRowAndCol(t);if(!b(w)){console.warn("交换后的布局无效,恢复原始布局"),u($);return}u(w);return}if(o===I&&N===R){t[l].row=p,t[l].col=h,t[f].row=i,t[f].col=c;const s=S.sortItemsByRowAndCol(t);if(!b(s)){console.warn("交换后的布局无效,恢复原始布局"),u($);return}u(s);return}}},b=e=>{const n={};e.forEach(o=>{n[o.row]||(n[o.row]=[]),n[o.row].push(o)});for(const o in n){const c=n[o].sort((g,N)=>g.col-N.col);let i=1;for(const g of c){if(g.col<i)return console.warn(`行 ${o} 中的元素重叠: 元素 ${g.module} 在列 ${g.col}, 但当前列已经是 ${i}`),!1;if(i=g.col+g.span,i>25)return console.warn(`行 ${o} 中的元素超出界限: 元素 ${g.module} 在列 ${g.col} 跨度 ${g.span}`),!1}}return!0};return r.onMounted(async()=>{await H(),!d.disableDrag&&m.value&&(m.value.addEventListener("dragstart",k),m.value.addEventListener("dragover",F),m.value.addEventListener("drop",O),m.value.addEventListener("dragend",P))}),r.onUnmounted(()=>{m.value&&(m.value.removeEventListener("dragstart",k),m.value.removeEventListener("dragover",F),m.value.removeEventListener("drop",O),m.value.removeEventListener("dragend",P),y&&clearTimeout(y))}),_({setGridItems:e=>{u(e)},getGridItems:()=>JSON.parse(JSON.stringify(D.value)),refreshGrid:()=>{(async()=>{await H()})()}}),(e,n)=>(r.openBlock(),r.createBlock(r.unref(Z.Spin),{spinning:T.value},{default:r.withCtx(()=>[r.createElementVNode("div",{ref_key:"gridContainer",ref:m,class:r.normalizeClass([T.value?r.unref(B)("loading"):r.unref(B)(),d.customWrapper]),style:r.normalizeStyle({width:typeof e.gridWidth=="number"?`${e.gridWidth}px`:e.gridWidth,gap:`${e.gapWidth}px`})},[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(D.value,(o,c)=>(r.openBlock(),r.createElementBlock("div",{key:c,class:r.normalizeClass([r.unref(A)("item"),d.disableDrag?"":r.unref(z)("canDrag")]),"data-span":o.span,"data-index":c,"data-row":o.row,"data-col":o.col,"data-height":o.height,"data-module":o.module,style:r.normalizeStyle([V(o)]),draggable:!d.disableDrag},[r.renderSlot(e.$slots,"item",{item:o,index:c})],14,oe))),128))],6)]),_:3},8,["spinning"]))}});exports.default=re;
@@ -1,2 +1,2 @@
1
- declare const _default: "6.26.0";
1
+ declare const _default: "6.26.2";
2
2
  export default _default;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.26.0";exports.default=e;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.26.2";exports.default=e;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aplus-frontend/ui",
3
- "version": "6.26.0",
3
+ "version": "6.26.2",
4
4
  "main": "./lib/index.js",
5
5
  "type": "module",
6
6
  "files": [
@@ -614,7 +614,7 @@
614
614
  left: 0;
615
615
  width: 100%;
616
616
  height: 100%;
617
- z-index: 1;
617
+ z-index: 2;
618
618
  display: flex;
619
619
  justify-content: center;
620
620
  align-items: center;
@@ -77,7 +77,7 @@
77
77
  left: 0;
78
78
  width: 100%;
79
79
  height: 100%;
80
- z-index: 1;
80
+ z-index: 2;
81
81
  display: flex;
82
82
  justify-content: center;
83
83
  align-items: center;
@@ -61,8 +61,11 @@
61
61
  overflow: hidden;
62
62
  box-sizing: border-box;
63
63
  }
64
+ .aplus-ap-draggable-grid--canDrag {
65
+ cursor: pointer;
66
+ }
64
67
  .aplus-ap-draggable-grid--canDrag:hover {
65
- border: 1px solid var(--ap-color-primary);
68
+ border: 1px solid #66a9ff;
66
69
  }
67
70
  .aplus-ap-draggable-grid--dragging {
68
71
  cursor: move;
@@ -74,7 +77,7 @@
74
77
  z-index: 999;
75
78
  }
76
79
  .aplus-ap-draggable-grid__overlay {
77
- border: 1px solid var(--ap-color-primary);
80
+ border: 1px solid #66a9ff;
78
81
  }
79
82
  .aplus-ap-draggable-grid-loading {
80
83
  display: flex;
@@ -17,8 +17,9 @@
17
17
  box-sizing: border-box;
18
18
  }
19
19
  &--canDrag {
20
+ cursor: pointer;
20
21
  &:hover{
21
- border: 1px solid var(--ap-color-primary);
22
+ border: 1px solid #66a9ff;
22
23
  }
23
24
  }
24
25
  &--dragging {
@@ -31,7 +32,7 @@
31
32
  z-index: 999;
32
33
  }
33
34
  &__overlay {
34
- border: 1px solid var(--ap-color-primary);
35
+ border: 1px solid #66a9ff;
35
36
  }
36
37
  });
37
38
  .b('ap-draggable-grid-loading',{
@@ -655,6 +655,7 @@
655
655
  vertical-align: middle;
656
656
  word-break: break-all;
657
657
  flex: 1;
658
+ font-weight: bold;
658
659
  }
659
660
  .aplus-ap-grid-table-header__title--single {
660
661
  flex: unset;
@@ -166,6 +166,7 @@
166
166
  vertical-align: middle;
167
167
  word-break: break-all;
168
168
  flex: 1;
169
+ font-weight: bold;
169
170
  &--single {
170
171
  flex: unset;
171
172
  }
@@ -52,7 +52,7 @@
52
52
  padding: 0;
53
53
  width: 100%;
54
54
  transition: all 0.3s;
55
- background: var(--ap-pro-card-colo-bg-container);
55
+ background: var(--ap-pro-card-color-bg-container);
56
56
  border-radius: var(--ap-pro-card-border-radius);
57
57
  font-size: 12px;
58
58
  line-height: 18px;
@@ -273,7 +273,7 @@
273
273
  }
274
274
  .aplus-pro-card-actions {
275
275
  border-block-start: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
276
- background: var(--ap-pro-card-colo-bg-container);
276
+ background: var(--ap-pro-card-color-bg-container);
277
277
  padding: var(--ap-pro-card-actions-padding);
278
278
  }
279
279
  .aplus-pro-card-collapsed > .aplus-pro-card-header {
@@ -326,15 +326,31 @@
326
326
  background: var(--ap-pro-card-border-color-split);
327
327
  }
328
328
  .aplus-pro-card-divider-vertical {
329
- width: var(--ap-pro-card-border-line-width);
329
+ position: relative;
330
330
  margin-inline: 8px;
331
- margin-block: 24px;
331
+ }
332
+ .aplus-pro-card-divider-vertical::after {
333
+ position: absolute;
334
+ height: var(--ap-pro-card-divider-line-height);
335
+ top: 50%;
336
+ transform: translateY(-50%);
337
+ right: 0;
338
+ border-right: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
339
+ content: '';
332
340
  }
333
341
  .aplus-pro-card-divider-horizontal {
334
- height: var(--ap-pro-card-border-line-width);
335
- margin-inline: 24px;
342
+ position: relative;
336
343
  margin-block: 8px;
337
344
  }
345
+ .aplus-pro-card-divider-horizontal::after {
346
+ position: absolute;
347
+ width: var(--ap-pro-card-divider-line-height);
348
+ left: 50%;
349
+ transform: translateX(-50%);
350
+ bottom: 0;
351
+ border-bottom: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
352
+ content: '';
353
+ }
338
354
  .aplus-pro-card-operation {
339
355
  display: flex;
340
356
  flex-direction: column;
@@ -8,7 +8,7 @@
8
8
  padding: 0;
9
9
  width: 100%;
10
10
  transition: all 0.3s;
11
- background: var(--ap-pro-card-colo-bg-container);
11
+ background: var(--ap-pro-card-color-bg-container);
12
12
  border-radius: var(--ap-pro-card-border-radius);
13
13
  font-size: 12px;
14
14
  line-height: 18px;
@@ -126,7 +126,6 @@
126
126
  border-bottom: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
127
127
  content: '';
128
128
  }
129
-
130
129
  }
131
130
  &-span-0 {
132
131
  display: none;
@@ -142,7 +141,7 @@
142
141
  }
143
142
  &-actions {
144
143
  border-block-start:var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
145
- background: var(--ap-pro-card-colo-bg-container);
144
+ background: var(--ap-pro-card-color-bg-container);
146
145
  padding: var(--ap-pro-card-actions-padding);
147
146
  }
148
147
  &-collapsed > &-header {
@@ -199,14 +198,30 @@
199
198
  flex: none;
200
199
  background: var(--ap-pro-card-border-color-split);
201
200
  &-vertical {
202
- width: var(--ap-pro-card-border-line-width);
201
+ position: relative;
203
202
  margin-inline: 8px;
204
- margin-block: 24px;
203
+ &::after {
204
+ position: absolute;
205
+ height: var(--ap-pro-card-divider-line-height);
206
+ top: 50%;
207
+ transform: translateY(-50%);
208
+ right: 0;
209
+ border-right: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
210
+ content: '';
211
+ }
205
212
  }
206
213
  &-horizontal {
207
- height: var(--ap-pro-card-border-line-width);
208
- margin-inline: 24px;
214
+ position: relative;
209
215
  margin-block: 8px;
216
+ &::after {
217
+ position: absolute;
218
+ width: var(--ap-pro-card-divider-line-height);
219
+ left: 50%;
220
+ transform: translateX(-50%);
221
+ bottom: 0;
222
+ border-bottom: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
223
+ content: '';
224
+ }
210
225
  }
211
226
  });
212
227
 
package/theme/css-var.css CHANGED
@@ -29,6 +29,22 @@
29
29
  --ap-radio-group-item-active-bg-color: rgba(0, 112, 255, 0.12);
30
30
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
31
31
  --ap-grid-fixed-scrolling-box-shadow-color: #dae0e7;
32
+ --ap-pro-card-color-bg-container: transparent;
33
+ --ap-pro-card-border-radius: 4px;
34
+ --ap-pro-card-header-padding: 8px 16px 0;
35
+ --ap-pro-card-header-padding-bottom: 8px;
36
+ --ap-pro-card-body-padding: 8px 16px;
37
+ --ap-pro-card-actions-padding: 12px 16px;
38
+ --ap-pro-card-border-line-width: 1px;
39
+ --ap-pro-card-border-line-type: solid;
40
+ --ap-pro-card-border-color-split: #e9edf3;
41
+ --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
42
+ --ap-pro-card-tooltip-color: #8896b0;
43
+ --ap-pro-card-header-title-font-size: 12px;
44
+ --ap-pro-card-header-title-font-color: #182948;
45
+ --ap-pro-card-area-color: #f1f7ff;
46
+ --ap-pro-card-split-line-height: 100%;
47
+ --ap-pro-card-divider-line-height: 60%;
32
48
  }
33
49
  [data-aplus-ui-mode='admin'] {
34
50
  --ap-border-color-base: #d9d9d9;
@@ -61,4 +77,20 @@
61
77
  --ap-radio-group-item-active-bg-color: rgba(52, 183, 124, 0.12);
62
78
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
63
79
  --ap-grid-fixed-scrolling-box-shadow-color: #e5e5e5;
80
+ --ap-pro-card-color-bg-container: transparent;
81
+ --ap-pro-card-border-radius: 4px;
82
+ --ap-pro-card-header-padding: 8px 16px 0;
83
+ --ap-pro-card-header-padding-bottom: 8px;
84
+ --ap-pro-card-body-padding: 8px 16px;
85
+ --ap-pro-card-actions-padding: 12px 16px;
86
+ --ap-pro-card-border-line-width: 1px;
87
+ --ap-pro-card-border-line-type: solid;
88
+ --ap-pro-card-border-color-split: #e9e9e9;
89
+ --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
90
+ --ap-pro-card-tooltip-color: #999999;
91
+ --ap-pro-card-header-title-font-size: 12px;
92
+ --ap-pro-card-header-title-font-color: #333333;
93
+ --ap-pro-card-area-color: #eff9f5;
94
+ --ap-pro-card-split-line-height: 100%;
95
+ --ap-pro-card-divider-line-height: 60%;
64
96
  }
@@ -57,6 +57,23 @@
57
57
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
58
58
  // 表格
59
59
  --ap-grid-fixed-scrolling-box-shadow-color: #dae0e7;
60
+ // 高级卡片
61
+ --ap-pro-card-color-bg-container: transparent;
62
+ --ap-pro-card-border-radius: 4px;
63
+ --ap-pro-card-header-padding: 8px 16px 0;
64
+ --ap-pro-card-header-padding-bottom: 8px;
65
+ --ap-pro-card-body-padding: 8px 16px;
66
+ --ap-pro-card-actions-padding: 12px 16px;
67
+ --ap-pro-card-border-line-width: 1px;
68
+ --ap-pro-card-border-line-type: solid;
69
+ --ap-pro-card-border-color-split: #e9edf3;
70
+ --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
71
+ --ap-pro-card-tooltip-color: #8896b0;
72
+ --ap-pro-card-header-title-font-size: 12px;
73
+ --ap-pro-card-header-title-font-color: #182948;
74
+ --ap-pro-card-area-color: #f1f7ff;
75
+ --ap-pro-card-split-line-height: 100%;
76
+ --ap-pro-card-divider-line-height: 60%;
60
77
  }
61
78
 
62
79
  [data-aplus-ui-mode='admin'] {
@@ -114,4 +131,21 @@
114
131
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
115
132
  // 表格
116
133
  --ap-grid-fixed-scrolling-box-shadow-color: #e5e5e5;
134
+ // 高级卡片
135
+ --ap-pro-card-color-bg-container: transparent;
136
+ --ap-pro-card-border-radius: 4px;
137
+ --ap-pro-card-header-padding: 8px 16px 0;
138
+ --ap-pro-card-header-padding-bottom: 8px;
139
+ --ap-pro-card-body-padding: 8px 16px;
140
+ --ap-pro-card-actions-padding: 12px 16px;
141
+ --ap-pro-card-border-line-width: 1px;
142
+ --ap-pro-card-border-line-type: solid;
143
+ --ap-pro-card-border-color-split: #e9e9e9;
144
+ --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
145
+ --ap-pro-card-tooltip-color: #999999;
146
+ --ap-pro-card-header-title-font-size: 12px;
147
+ --ap-pro-card-header-title-font-color: #333333;
148
+ --ap-pro-card-area-color: #eff9f5;
149
+ --ap-pro-card-split-line-height: 100%;
150
+ --ap-pro-card-divider-line-height: 60%;
117
151
  }
package/theme/index.css CHANGED
@@ -29,6 +29,22 @@
29
29
  --ap-radio-group-item-active-bg-color: rgba(0, 112, 255, 0.12);
30
30
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
31
31
  --ap-grid-fixed-scrolling-box-shadow-color: #dae0e7;
32
+ --ap-pro-card-color-bg-container: transparent;
33
+ --ap-pro-card-border-radius: 4px;
34
+ --ap-pro-card-header-padding: 8px 16px 0;
35
+ --ap-pro-card-header-padding-bottom: 8px;
36
+ --ap-pro-card-body-padding: 8px 16px;
37
+ --ap-pro-card-actions-padding: 12px 16px;
38
+ --ap-pro-card-border-line-width: 1px;
39
+ --ap-pro-card-border-line-type: solid;
40
+ --ap-pro-card-border-color-split: #e9edf3;
41
+ --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
42
+ --ap-pro-card-tooltip-color: #8896b0;
43
+ --ap-pro-card-header-title-font-size: 12px;
44
+ --ap-pro-card-header-title-font-color: #182948;
45
+ --ap-pro-card-area-color: #f1f7ff;
46
+ --ap-pro-card-split-line-height: 100%;
47
+ --ap-pro-card-divider-line-height: 60%;
32
48
  }
33
49
  [data-aplus-ui-mode='admin'] {
34
50
  --ap-border-color-base: #d9d9d9;
@@ -61,6 +77,22 @@
61
77
  --ap-radio-group-item-active-bg-color: rgba(52, 183, 124, 0.12);
62
78
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
63
79
  --ap-grid-fixed-scrolling-box-shadow-color: #e5e5e5;
80
+ --ap-pro-card-color-bg-container: transparent;
81
+ --ap-pro-card-border-radius: 4px;
82
+ --ap-pro-card-header-padding: 8px 16px 0;
83
+ --ap-pro-card-header-padding-bottom: 8px;
84
+ --ap-pro-card-body-padding: 8px 16px;
85
+ --ap-pro-card-actions-padding: 12px 16px;
86
+ --ap-pro-card-border-line-width: 1px;
87
+ --ap-pro-card-border-line-type: solid;
88
+ --ap-pro-card-border-color-split: #e9e9e9;
89
+ --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
90
+ --ap-pro-card-tooltip-color: #999999;
91
+ --ap-pro-card-header-title-font-size: 12px;
92
+ --ap-pro-card-header-title-font-color: #333333;
93
+ --ap-pro-card-area-color: #eff9f5;
94
+ --ap-pro-card-split-line-height: 100%;
95
+ --ap-pro-card-divider-line-height: 60%;
64
96
  }
65
97
  @font-face {
66
98
  /* stylelint-disable-next-line font-family-name-quotes */
@@ -3531,6 +3563,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
3531
3563
  vertical-align: middle;
3532
3564
  word-break: break-all;
3533
3565
  flex: 1;
3566
+ font-weight: bold;
3534
3567
  }
3535
3568
  .aplus-ap-grid-table-header__title--single {
3536
3569
  flex: unset;
@@ -4133,8 +4166,11 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4133
4166
  overflow: hidden;
4134
4167
  box-sizing: border-box;
4135
4168
  }
4169
+ .aplus-ap-draggable-grid--canDrag {
4170
+ cursor: pointer;
4171
+ }
4136
4172
  .aplus-ap-draggable-grid--canDrag:hover {
4137
- border: 1px solid var(--ap-color-primary);
4173
+ border: 1px solid #66a9ff;
4138
4174
  }
4139
4175
  .aplus-ap-draggable-grid--dragging {
4140
4176
  cursor: move;
@@ -4146,7 +4182,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4146
4182
  z-index: 999;
4147
4183
  }
4148
4184
  .aplus-ap-draggable-grid__overlay {
4149
- border: 1px solid var(--ap-color-primary);
4185
+ border: 1px solid #66a9ff;
4150
4186
  }
4151
4187
  .aplus-ap-draggable-grid-loading {
4152
4188
  display: flex;
@@ -4274,7 +4310,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4274
4310
  left: 0;
4275
4311
  width: 100%;
4276
4312
  height: 100%;
4277
- z-index: 1;
4313
+ z-index: 2;
4278
4314
  display: flex;
4279
4315
  justify-content: center;
4280
4316
  align-items: center;
@@ -4467,7 +4503,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4467
4503
  padding: 0;
4468
4504
  width: 100%;
4469
4505
  transition: all 0.3s;
4470
- background: var(--ap-pro-card-colo-bg-container);
4506
+ background: var(--ap-pro-card-color-bg-container);
4471
4507
  border-radius: var(--ap-pro-card-border-radius);
4472
4508
  font-size: 12px;
4473
4509
  line-height: 18px;
@@ -4688,7 +4724,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4688
4724
  }
4689
4725
  .aplus-pro-card-actions {
4690
4726
  border-block-start: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
4691
- background: var(--ap-pro-card-colo-bg-container);
4727
+ background: var(--ap-pro-card-color-bg-container);
4692
4728
  padding: var(--ap-pro-card-actions-padding);
4693
4729
  }
4694
4730
  .aplus-pro-card-collapsed > .aplus-pro-card-header {
@@ -4741,15 +4777,31 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4741
4777
  background: var(--ap-pro-card-border-color-split);
4742
4778
  }
4743
4779
  .aplus-pro-card-divider-vertical {
4744
- width: var(--ap-pro-card-border-line-width);
4780
+ position: relative;
4745
4781
  margin-inline: 8px;
4746
- margin-block: 24px;
4782
+ }
4783
+ .aplus-pro-card-divider-vertical::after {
4784
+ position: absolute;
4785
+ height: var(--ap-pro-card-divider-line-height);
4786
+ top: 50%;
4787
+ transform: translateY(-50%);
4788
+ right: 0;
4789
+ border-right: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
4790
+ content: '';
4747
4791
  }
4748
4792
  .aplus-pro-card-divider-horizontal {
4749
- height: var(--ap-pro-card-border-line-width);
4750
- margin-inline: 24px;
4793
+ position: relative;
4751
4794
  margin-block: 8px;
4752
4795
  }
4796
+ .aplus-pro-card-divider-horizontal::after {
4797
+ position: absolute;
4798
+ width: var(--ap-pro-card-divider-line-height);
4799
+ left: 50%;
4800
+ transform: translateX(-50%);
4801
+ bottom: 0;
4802
+ border-bottom: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
4803
+ content: '';
4804
+ }
4753
4805
  .aplus-pro-card-operation {
4754
4806
  display: flex;
4755
4807
  flex-direction: column;
@@ -1,17 +0,0 @@
1
- export declare const getProCardCssVar: (uiMode: "aplus" | "admin") => {
2
- '--ap-pro-card-border-color-split': string;
3
- '--ap-pro-card-box-shadow': string;
4
- '--ap-pro-card-tooltip-color': string;
5
- '--ap-pro-card-header-title-font-color': string;
6
- '--ap-pro-card-area-color': string;
7
- '--ap-pro-card-colo-bg-container': string;
8
- '--ap-pro-card-border-radius': string;
9
- '--ap-pro-card-header-padding': string;
10
- '--ap-pro-card-header-padding-bottom': string;
11
- '--ap-pro-card-body-padding': string;
12
- '--ap-pro-card-actions-padding': string;
13
- '--ap-pro-card-border-line-width': string;
14
- '--ap-pro-card-border-line-type': string;
15
- '--ap-pro-card-header-title-font-size': string;
16
- '--ap-pro-card-split-line-height': string;
17
- };
@@ -1,29 +0,0 @@
1
- const p = {
2
- "--ap-pro-card-colo-bg-container": "transparent",
3
- "--ap-pro-card-border-radius": "4px",
4
- "--ap-pro-card-header-padding": "8px 16px 0",
5
- "--ap-pro-card-header-padding-bottom": "8px",
6
- "--ap-pro-card-body-padding": "8px 16px 12px",
7
- "--ap-pro-card-actions-padding": "12px 16px",
8
- "--ap-pro-card-border-line-width": "1px",
9
- "--ap-pro-card-border-line-type": "solid",
10
- "--ap-pro-card-border-color-split": "#e9edf3",
11
- "--ap-pro-card-box-shadow": "3px 10px 30px -2px rgba(123, 121, 140, 0.15)",
12
- "--ap-pro-card-tooltip-color": "#8896b0",
13
- "--ap-pro-card-header-title-font-size": "12px",
14
- "--ap-pro-card-header-title-font-color": "#182948",
15
- "--ap-pro-card-area-color": "#f1f7ff",
16
- "--ap-pro-card-split-line-height": "100%"
17
- }, a = {
18
- "--ap-pro-card-border-color-split": "#e9e9e9",
19
- "--ap-pro-card-box-shadow": "3px 10px 30px -2px rgba(123, 121, 140, 0.15)",
20
- "--ap-pro-card-tooltip-color": "#999",
21
- "--ap-pro-card-header-title-font-color": "#333",
22
- "--ap-pro-card-area-color": "#eff9f5"
23
- }, o = (r) => ({
24
- ...p,
25
- ...r === "admin" ? a : {}
26
- });
27
- export {
28
- o as getProCardCssVar
29
- };
@@ -1,17 +0,0 @@
1
- export declare const getProCardCssVar: (uiMode: "aplus" | "admin") => {
2
- '--ap-pro-card-border-color-split': string;
3
- '--ap-pro-card-box-shadow': string;
4
- '--ap-pro-card-tooltip-color': string;
5
- '--ap-pro-card-header-title-font-color': string;
6
- '--ap-pro-card-area-color': string;
7
- '--ap-pro-card-colo-bg-container': string;
8
- '--ap-pro-card-border-radius': string;
9
- '--ap-pro-card-header-padding': string;
10
- '--ap-pro-card-header-padding-bottom': string;
11
- '--ap-pro-card-body-padding': string;
12
- '--ap-pro-card-actions-padding': string;
13
- '--ap-pro-card-border-line-width': string;
14
- '--ap-pro-card-border-line-type': string;
15
- '--ap-pro-card-header-title-font-size': string;
16
- '--ap-pro-card-split-line-height': string;
17
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p={"--ap-pro-card-colo-bg-container":"transparent","--ap-pro-card-border-radius":"4px","--ap-pro-card-header-padding":"8px 16px 0","--ap-pro-card-header-padding-bottom":"8px","--ap-pro-card-body-padding":"8px 16px 12px","--ap-pro-card-actions-padding":"12px 16px","--ap-pro-card-border-line-width":"1px","--ap-pro-card-border-line-type":"solid","--ap-pro-card-border-color-split":"#e9edf3","--ap-pro-card-box-shadow":"3px 10px 30px -2px rgba(123, 121, 140, 0.15)","--ap-pro-card-tooltip-color":"#8896b0","--ap-pro-card-header-title-font-size":"12px","--ap-pro-card-header-title-font-color":"#182948","--ap-pro-card-area-color":"#f1f7ff","--ap-pro-card-split-line-height":"100%"},a={"--ap-pro-card-border-color-split":"#e9e9e9","--ap-pro-card-box-shadow":"3px 10px 30px -2px rgba(123, 121, 140, 0.15)","--ap-pro-card-tooltip-color":"#999","--ap-pro-card-header-title-font-color":"#333","--ap-pro-card-area-color":"#eff9f5"},o=r=>({...p,...r==="admin"?a:{}});exports.getProCardCssVar=o;