@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.
- package/es/src/ag-grid/components/empty/index.vue.d.ts +3 -0
- package/es/src/ag-grid/components/empty/index.vue.mjs +4 -0
- package/es/src/ag-grid/components/empty/index.vue2.mjs +15 -0
- package/es/src/ag-grid/index.vue.mjs +53 -53
- package/es/src/ap-grid/index.vue.mjs +196 -180
- package/es/src/ap-grid/interface.d.ts +8 -1
- package/es/src/ap-pro-card/components/card/index.vue2.mjs +83 -87
- package/es/src/ap-pro-card/components/statistic-card/index.vue.d.ts +3 -1
- package/es/src/ap-pro-card/components/statistic-card/index.vue2.mjs +12 -13
- package/es/src/business/ap-draggable-grid/ApDraggableGrid.vue2.mjs +118 -112
- package/es/src/version.d.ts +1 -1
- package/es/src/version.mjs +1 -1
- package/lib/src/ag-grid/components/empty/index.vue.d.ts +3 -0
- package/lib/src/ag-grid/components/empty/index.vue.js +1 -0
- package/lib/src/ag-grid/components/empty/index.vue2.js +1 -0
- package/lib/src/ag-grid/index.vue.js +1 -1
- package/lib/src/ap-grid/index.vue.js +1 -1
- package/lib/src/ap-grid/interface.d.ts +8 -1
- package/lib/src/ap-pro-card/components/card/index.vue2.js +1 -1
- package/lib/src/ap-pro-card/components/statistic-card/index.vue.d.ts +3 -1
- package/lib/src/ap-pro-card/components/statistic-card/index.vue2.js +1 -1
- package/lib/src/business/ap-draggable-grid/ApDraggableGrid.vue2.js +1 -1
- package/lib/src/version.d.ts +1 -1
- package/lib/src/version.js +1 -1
- package/package.json +1 -1
- package/theme/ag-grid/index.css +1 -1
- package/theme/ag-grid/index.less +1 -1
- package/theme/ap-draggable-grid/ap-draggable-grid.css +5 -2
- package/theme/ap-draggable-grid/ap-draggable-grid.less +3 -2
- package/theme/ap-grid/index.css +1 -0
- package/theme/ap-grid/index.less +1 -0
- package/theme/ap-pro-card/index.css +22 -6
- package/theme/ap-pro-card/index.less +22 -7
- package/theme/css-var.css +32 -0
- package/theme/css-var.less +34 -0
- package/theme/index.css +61 -9
- package/es/src/ap-pro-card/utils/css-var.d.ts +0 -17
- package/es/src/ap-pro-card/utils/css-var.mjs +0 -29
- package/lib/src/ap-pro-card/utils/css-var.d.ts +0 -17
- 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:{
|
|
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"),
|
|
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;
|
package/lib/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "6.26.
|
|
1
|
+
declare const _default: "6.26.2";
|
|
2
2
|
export default _default;
|
package/lib/src/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.26.
|
|
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
package/theme/ag-grid/index.css
CHANGED
package/theme/ag-grid/index.less
CHANGED
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
35
|
+
border: 1px solid #66a9ff;
|
|
35
36
|
}
|
|
36
37
|
});
|
|
37
38
|
.b('ap-draggable-grid-loading',{
|
package/theme/ap-grid/index.css
CHANGED
package/theme/ap-grid/index.less
CHANGED
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
padding: 0;
|
|
53
53
|
width: 100%;
|
|
54
54
|
transition: all 0.3s;
|
|
55
|
-
background: var(--ap-pro-card-
|
|
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-
|
|
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
|
-
|
|
329
|
+
position: relative;
|
|
330
330
|
margin-inline: 8px;
|
|
331
|
-
|
|
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
|
-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
201
|
+
position: relative;
|
|
203
202
|
margin-inline: 8px;
|
|
204
|
-
|
|
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
|
-
|
|
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
|
}
|
package/theme/css-var.less
CHANGED
|
@@ -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
|
|
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
|
|
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:
|
|
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-
|
|
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-
|
|
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
|
-
|
|
4780
|
+
position: relative;
|
|
4745
4781
|
margin-inline: 8px;
|
|
4746
|
-
|
|
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
|
-
|
|
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;
|