@aplus-frontend/ui 6.42.1 → 7.0.0-beta.1

package/lib/src/scroll-bar/style/index.d.ts

@@ -0,0 +1,27 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { Ref } from 'vue';
+export type ScrollbarToken = {
+    /**
+     * 滚动条滑块颜色
+     */
+    scrollBarBarColor: string;
+    /**
+     * 滚动条轨道颜色
+     */
+    scrollBarTrackColor: string;
+    /**
+     * 滚动条轨道禁用时的颜色
+     */
+    scrollBarTrackDisabledColor: string;
+    /**
+     * 滚动条滑块宽度(高度)
+     */
+    scrollBarBarWidth: number;
+    /**
+     * 滚动条轨道宽度(高度)
+     */
+    scrollBarTrackWidth: number;
+};
+export declare const genScrollbarStyle: GenStyleFunc<ScrollbarToken>;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/lib/src/scroll-bar/style/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../utils/cssinjs/index.js"),o=r=>{const{componentCls:l}=r;return{[l]:{position:"relative","&--horizontal":{width:"100%",height:r.scrollBarTrackWidth},"&--vertical":{width:r.scrollBarTrackWidth,height:"100%"},[`${l}__track`]:{position:"absolute",width:"100%",height:"100%",top:0,insetInlineStart:0,cursor:"pointer",backgroundColor:r.scrollBarTrackColor,"&--disabled":{pointerEvents:"none",backgroundColor:r.scrollBarTrackDisabledColor},"&--hidden":{pointerEvents:"none",backgroundColor:"transparent"}},[`${l}__bar`]:{position:"absolute",borderRadius:r.scrollBarBarWidth,backgroundColor:r.scrollBarBarColor,cursor:"pointer","&--disabled":{pointerEvents:"none",boxShadow:"none"},"&--horizontal":{height:r.scrollBarBarWidth,top:`calc(${r.scrollBarTrackWidth} / 2 - ${r.scrollBarBarWidth} / 2)`},"&--vertical":{width:r.scrollBarBarWidth,left:`calc(${r.scrollBarTrackWidth} / 2 - ${r.scrollBarBarWidth} / 2)`}}}}},t=a.genComponentStyleHook("Scrollbar",r=>[o(r)],{scrollBarBarColor:"#c7c8cc",scrollBarTrackColor:"#F2F2F2",scrollBarTrackDisabledColor:"#FAFAFA",scrollBarBarWidth:8,scrollBarTrackWidth:10});exports.default=t;exports.genScrollbarStyle=o;

package/lib/src/scroll-view/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../config-provider/index.js");require("../scroll-bar/index.js");const c=require("../utils/index.js"),l=require("../scroll-bar/utils/index.js"),Z=require("./hooks/use-scroll-wrapper.js"),W=require("lodash-unified"),w=require("@vueuse/core"),b=require("@aplus-frontend/utils"),ee=require("./hooks/use-scroll-back.js"),te=require("./hooks/use-scroll-smooth.js"),re=require("./utils/index.js"),ae=require("../config-provider/hooks/use-namespace.js"),D=require("../scroll-bar/internal.vue.js"),ne=e.defineComponent({name:"ScrollView",__name:"index",props:{width:{},heigth:{},showXBar:{type:Boolean,default:!0},showYBar:{type:Boolean,default:!0},autoPlay:{type:[Boolean,Object]},xBarProps:{default:()=>({})},yBarProps:{default:()=>({})},onWheel:{}},setup($,{expose:C}){const n=$,M={direction:"vertical",rate:1,repeat:!0},{b:X,e:g,em:z}=ae.useNamespace("scroll-view"),f=e.ref(),u=e.reactive({x:30,y:30});let m=!1;const{scrollOffset:a,maxScrollDistance:i,xBarRef:Y,yBarRef:O,containerRef:s,scrollYBar:h,scrollXBar:d,updateMaxScrollDistance:A}=Z.default(),{width:L,height:T}=w.useElementSize(f),{width:j,height:F}=w.useElementSize(s),{start:P}=ee.useScrollBack({scrollOffset:a,maxScrollDistance:i,onScroll:t=>{t==="horizontal"?d():h()},async onScrollEnd(){await b.wait(200),S()}}),{start:R}=te.useScrollSmooth({scrollOffset:a,maxScrollDistance:i,onScroll(t,r){V.value&&(p(),m=!0),t&&d(),r&&h()},async onScrollEnd(){m&&(await b.wait(200),S(),m=!1)}}),{resume:S,pause:p,isActive:V}=w.useRafFn(()=>{if(!n.autoPlay){p();return}const t=n.autoPlay===!0?{}:n.autoPlay,r={...M,...t};if(r.direction==="horizontal"){if(a.x===i.x){p(),r.repeat&&P("horizontal");return}a.x=l.ensureRangeValue(a.x+r.rate,0,i.x),d()}else{if(a.y===i.y){p(),r.repeat&&P("vertical");return}a.y=l.ensureRangeValue(a.y+r.rate,0,i.y),h()}},{immediate:!0}),y=e.computed(()=>n.showXBar&&u.x!==100),x=e.computed(()=>n.showYBar&&u.y!==100),H=e.computed(()=>({width:c.isDef(n.width)?W.isString(n.width)?n.width:Number.isNaN(n.width)?void 0:`${n.width}px`:void 0,height:c.isDef(n.heigth)?W.isString(n.heigth)?n.heigth:Number.isNaN(n.heigth)?void 0:`${n.heigth}px`:void 0,padding:`${n.xBarProps.trackWidth||10}px ${n.yBarProps.trackWidth||10}px`}));async function B(){V.value&&(p(),await b.wait(500),S())}async function I(t){if(e.unref(x))t.preventDefault(),t.stopPropagation();else return;a.y=l.ensureRangeValue(a.y+t.deltaY,0,i.y),h(),n.onWheel?.("vertical",a.y),B()}function U(t){if(e.unref(y))t.preventDefault(),t.stopPropagation();else return;a.x=l.ensureRangeValue(a.x+t.deltaX,0,i.x),d(),n.onWheel?.("horizontal",a.x),B()}function k(){if(n.showYBar){const{visibleSize:t,totalSize:r}=l.getScrollable(s.value,"vertical");u.y=l.ensureRangeValue(Math.min(t/(r||1)*100))}if(n.showXBar){const{visibleSize:t,totalSize:r}=l.getScrollable(s.value,"horizontal");u.x=l.ensureRangeValue(Math.min(t/(r||1)*100))}}function q(t,r){const o=e.unref(s),v=e.unref(f);if(!o||!v)return;const{visibleSize:N,totalSize:_}=l.getScrollable(o,r);if(_<=N)return;const E=(_-N)*t/100,Q=r==="vertical";if(B(),Q){a.y=E;return}a.x=E}e.watchEffect(()=>{e.unref(s.value)&&k()},{flush:"post"}),e.watch(()=>[L.value,T.value,j.value,F.value],()=>{k(),A()}),e.watchEffect(()=>{f.value&&(f.value.style.transform=`translate3d(-${a.x}px, -${a.y}px, 0px)`)});function G(t,r){c.isDef(t)&&y.value&&(a.x=l.ensureRangeValue(t,0,i.x),d()),c.isDef(r)&&x.value&&(a.y=l.ensureRangeValue(r,0,i.y),h())}function J({smooth:t,left:r,top:o}){t?R({x:r,y:o}):(c.isDef(r)&&(a.x=r),c.isDef(o)&&(a.y=o))}function K(t,r="start"){const o=re.getElementScrollOffset(s.value,t,r),v={};y.value&&(v.x=l.ensureRangeValue(a.x+o.x,0,i.x)),x.value&&(v.y=l.ensureRangeValue(a.y+o.y,0,i.y)),R(v)}return C({scrollTop:e.computed(()=>a.y),scrollLeft:e.computed(()=>a.x),scroll:G,scrollTo:J,scrollIntoView:K}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:s,class:e.normalizeClass(e.unref(X)()),style:e.normalizeStyle(H.value),onWheel:[e.withModifiers(I,["exact"]),e.withModifiers(U,["shift"])]},[e.createElementVNode("div",{ref_key:"contentRef",ref:f,class:e.normalizeClass(e.unref(g)("content"))},[e.renderSlot(t.$slots,"default")],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(g)("bar-wrapper"),e.unref(z)("bar-wrapper","vertical")]),style:e.normalizeStyle(`height: calc(100% - ${y.value?t.xBarProps.trackWidth||10:0}px)`)},[x.value?(e.openBlock(),e.createBlock(e.unref(D.default),e.mergeProps({key:0,ref_key:"yBarRef",ref:O},t.yBarProps,{"bar-length":u.y,onScroll:r[0]||(r[0]=o=>q(o,"vertical"))}),null,16,["bar-length"])):e.createCommentVNode("",!0)],6),e.createElementVNode("div",{class:e.normalizeClass([e.unref(g)("bar-wrapper"),e.unref(z)("bar-wrapper","horizontal")])},[y.value?(e.openBlock(),e.createBlock(e.unref(D.default),e.mergeProps({key:0,ref_key:"xBarRef",ref:Y},t.xBarProps,{direction:"horizontal","bar-length":u.x,onScroll:r[1]||(r[1]=o=>q(o,"horizontal"))}),null,16,["bar-length"])):e.createCommentVNode("",!0)],2)],38))}});exports.default=ne;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../config-provider/index.js");require("../scroll-bar/index.js");const c=require("../utils/index.js"),l=require("../scroll-bar/utils/index.js"),ee=require("./hooks/use-scroll-wrapper.js"),W=require("lodash-unified"),B=require("@vueuse/core"),b=require("@aplus-frontend/utils"),te=require("./hooks/use-scroll-back.js"),re=require("./hooks/use-scroll-smooth.js"),ae=require("./utils/index.js"),ne=require("./style/index.js"),oe=require("../config-provider/hooks/use-namespace.js"),$=require("../scroll-bar/internal.vue.js"),le=e.defineComponent({name:"ScrollView",__name:"index",props:{width:{},heigth:{},showXBar:{type:Boolean,default:!0},showYBar:{type:Boolean,default:!0},autoPlay:{type:[Boolean,Object]},xBarProps:{default:()=>({})},yBarProps:{default:()=>({})},onWheel:{}},setup(D,{expose:C}){const n=D,M={direction:"vertical",rate:1,repeat:!0},{b:X,e:g,em:z}=oe.useNamespace("scroll-view"),Y=ne.default("scroll-view"),f=e.ref(),u=e.reactive({x:30,y:30});let m=!1;const{scrollOffset:a,maxScrollDistance:i,xBarRef:O,yBarRef:A,containerRef:s,scrollYBar:h,scrollXBar:d,updateMaxScrollDistance:L}=ee.default(),{width:T,height:j}=B.useElementSize(f),{width:I,height:F}=B.useElementSize(s),{start:P}=te.useScrollBack({scrollOffset:a,maxScrollDistance:i,onScroll:t=>{t==="horizontal"?d():h()},async onScrollEnd(){await b.wait(200),S()}}),{start:R}=re.useScrollSmooth({scrollOffset:a,maxScrollDistance:i,onScroll(t,r){V.value&&(p(),m=!0),t&&d(),r&&h()},async onScrollEnd(){m&&(await b.wait(200),S(),m=!1)}}),{resume:S,pause:p,isActive:V}=B.useRafFn(()=>{if(!n.autoPlay){p();return}const t=n.autoPlay===!0?{}:n.autoPlay,r={...M,...t};if(r.direction==="horizontal"){if(a.x===i.x){p(),r.repeat&&P("horizontal");return}a.x=l.ensureRangeValue(a.x+r.rate,0,i.x),d()}else{if(a.y===i.y){p(),r.repeat&&P("vertical");return}a.y=l.ensureRangeValue(a.y+r.rate,0,i.y),h()}},{immediate:!0}),y=e.computed(()=>n.showXBar&&u.x!==100),x=e.computed(()=>n.showYBar&&u.y!==100),H=e.computed(()=>({width:c.isDef(n.width)?W.isString(n.width)?n.width:Number.isNaN(n.width)?void 0:`${n.width}px`:void 0,height:c.isDef(n.heigth)?W.isString(n.heigth)?n.heigth:Number.isNaN(n.heigth)?void 0:`${n.heigth}px`:void 0,padding:`${n.xBarProps.trackWidth||10}px ${n.yBarProps.trackWidth||10}px`}));async function w(){V.value&&(p(),await b.wait(500),S())}async function U(t){if(e.unref(x))t.preventDefault(),t.stopPropagation();else return;a.y=l.ensureRangeValue(a.y+t.deltaY,0,i.y),h(),n.onWheel?.("vertical",a.y),w()}function G(t){if(e.unref(y))t.preventDefault(),t.stopPropagation();else return;a.x=l.ensureRangeValue(a.x+t.deltaX,0,i.x),d(),n.onWheel?.("horizontal",a.x),w()}function k(){if(n.showYBar){const{visibleSize:t,totalSize:r}=l.getScrollable(s.value,"vertical");u.y=l.ensureRangeValue(Math.min(t/(r||1)*100))}if(n.showXBar){const{visibleSize:t,totalSize:r}=l.getScrollable(s.value,"horizontal");u.x=l.ensureRangeValue(Math.min(t/(r||1)*100))}}function q(t,r){const o=e.unref(s),v=e.unref(f);if(!o||!v)return;const{visibleSize:N,totalSize:_}=l.getScrollable(o,r);if(_<=N)return;const E=(_-N)*t/100,Z=r==="vertical";if(w(),Z){a.y=E;return}a.x=E}e.watchEffect(()=>{e.unref(s.value)&&k()},{flush:"post"}),e.watch(()=>[T.value,j.value,I.value,F.value],()=>{k(),L()}),e.watchEffect(()=>{f.value&&(f.value.style.transform=`translate3d(-${a.x}px, -${a.y}px, 0px)`)});function J(t,r){c.isDef(t)&&y.value&&(a.x=l.ensureRangeValue(t,0,i.x),d()),c.isDef(r)&&x.value&&(a.y=l.ensureRangeValue(r,0,i.y),h())}function K({smooth:t,left:r,top:o}){t?R({x:r,y:o}):(c.isDef(r)&&(a.x=r),c.isDef(o)&&(a.y=o))}function Q(t,r="start"){const o=ae.getElementScrollOffset(s.value,t,r),v={};y.value&&(v.x=l.ensureRangeValue(a.x+o.x,0,i.x)),x.value&&(v.y=l.ensureRangeValue(a.y+o.y,0,i.y)),R(v)}return C({scrollTop:e.computed(()=>a.y),scrollLeft:e.computed(()=>a.x),scroll:J,scrollTo:K,scrollIntoView:Q}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:s,class:e.normalizeClass([e.unref(X)(),e.unref(Y)]),style:e.normalizeStyle(H.value),onWheel:[e.withModifiers(U,["exact"]),e.withModifiers(G,["shift"])]},[e.createElementVNode("div",{ref_key:"contentRef",ref:f,class:e.normalizeClass(e.unref(g)("content"))},[e.renderSlot(t.$slots,"default")],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(g)("bar-wrapper"),e.unref(z)("bar-wrapper","vertical")]),style:e.normalizeStyle(`height: calc(100% - ${y.value?t.xBarProps.trackWidth||10:0}px)`)},[x.value?(e.openBlock(),e.createBlock(e.unref($.default),e.mergeProps({key:0,ref_key:"yBarRef",ref:A},t.yBarProps,{"bar-length":u.y,onScroll:r[0]||(r[0]=o=>q(o,"vertical"))}),null,16,["bar-length"])):e.createCommentVNode("",!0)],6),e.createElementVNode("div",{class:e.normalizeClass([e.unref(g)("bar-wrapper"),e.unref(z)("bar-wrapper","horizontal")])},[y.value?(e.openBlock(),e.createBlock(e.unref($.default),e.mergeProps({key:0,ref_key:"xBarRef",ref:O},t.xBarProps,{direction:"horizontal","bar-length":u.x,onScroll:r[1]||(r[1]=o=>q(o,"horizontal"))}),null,16,["bar-length"])):e.createCommentVNode("",!0)],2)],38))}});exports.default=le;

package/lib/src/scroll-view/style/index.d.ts

@@ -0,0 +1,5 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { Ref } from 'vue';
+export declare const genScrollViewStyle: GenStyleFunc;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/lib/src/scroll-view/style/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../utils/cssinjs/index.js"),o=e=>{const{componentCls:t}=e;return{[t]:{position:"relative",overflow:"hidden",[`${t}__content`]:{display:"inline-block"},[`${t}__bar-wrapper`]:{position:"absolute","&--horizontal":{left:0,bottom:0,width:"100%"},"&--vertical":{top:0,right:0,height:"100%"}}}}},n=l.genComponentStyleHook("ScrollView",e=>[o(e)]);exports.default=n;exports.genScrollViewStyle=o;

package/lib/src/splitter/Splitter.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("./hooks/useItems.js");require("../resize-observer/index.js");const w=require("./hooks/useSizes.js"),V=require("./hooks/useResizable.js"),F=require("./hooks/useResize.js");require("../config-provider/index.js");require("./Panel.vue.js");require("./SplitBar.vue.js");const L=require("lodash-unified"),j=require("../config-provider/hooks/use-namespace.js"),A=require("../resize-observer/index.vue.js"),D=require("./Panel.vue2.js"),H=require("./SplitBar.vue2.js"),T=e.defineComponent({name:"Splitter",__name:"Splitter",props:{prefixCls:{},className:{},style:{},rootClassName:{},layout:{default:"horizontal"},onResizeStart:{},onResize:{},onResizeEnd:{},lazy:{type:Boolean}},setup(d){const a=d,{b:u}=j.useNamespace("splitter"),o=U.useItems(),l=e.ref(),v=t=>{const{offsetWidth:r,offsetHeight:s}=t.target,n=a.layout==="vertical"?s:r;l.value!==0&&(l.value=n)},[y,f,z,k,g,C]=w.useSizes(o,l),i=V.useResizable(o,f,!1),[R,b,B,E,S]=F.useResize(o,i,z,l,C,!1),h=t=>{R(t),a.onResizeStart?.(e.unref(f))},q=(t,r)=>{const s=b(t,r);a.onResize?.(s)},N=()=>{B(),a.onResizeEnd?.(e.unref(f))},P=(t,r)=>{const s=E(t,r);a.onResize?.(s),a.onResizeEnd?.(s)},I=e.computed(()=>[u(),a.className,u(a.layout)]),_=e.computed(()=>{const t=[];let r=0;for(let s=0;s<o.value.length;s+=1)r+=e.unref(z)[s],t.push(r);return t}),c=t=>{const r=e.unref(_),s=e.unref(k),n=e.unref(g);return{minStart:(r[t-1]||0)+s[t],minEnd:(r[t+1]||100)-n[t+1],maxStart:(r[t-1]||0)+n[t],maxEnd:(r[t+1]||100)-s[t+1]}};return(t,r)=>(e.openBlock(),e.createBlock(e.unref(A.default),{onResize:v},{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle(t.style),class:e.normalizeClass(I.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),(s,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n},[e.createVNode(D.default,e.mergeProps({ref_for:!0},e.unref(L.omit)(s,"_child"),{size:e.unref(y)[n]}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s._child,(m,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m),{key:p}))),128))]),_:2},1040,["size"]),e.unref(i)[n]?(e.openBlock(),e.createBlock(H.default,{key:0,lazy:t.lazy,index:n,active:e.unref(S)===n,vertical:t.layout==="vertical",resizable:e.unref(i)[n].resizable,"aria-now":_.value[n]*100,"aria-min":Math.max(c(n).minStart,c(n).minEnd)*100,"aria-max":Math.min(c(n).maxStart,c(n).maxEnd)*100,"start-collapsible":e.unref(i)[n].startCollapsible,"end-collapsible":e.unref(i)[n].endCollapsible,"container-size":l.value||0,onOffsetStart:h,onOffsetUpdate:(m,p,M)=>{let O=t.layout==="vertical"?M:p;q(m,O)},onOffsetEnd:N,onCollapse:P},null,8,["lazy","index","active","vertical","resizable","aria-now","aria-min","aria-max","start-collapsible","end-collapsible","container-size","onOffsetUpdate"])):e.createCommentVNode("",!0)],64))),128)),typeof e.unref(S)=="number"?(e.openBlock(),e.createElementBlock("div",{key:0,"aria-hidden":"",class:e.normalizeClass([e.unref(u)("mask"),e.unref(u)(`mask-${t.layout}`)])},null,2)):e.createCommentVNode("",!0)],6)]),_:1}))}});exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("./hooks/useItems.js");require("../resize-observer/index.js");const V=require("./hooks/useSizes.js"),F=require("./hooks/useResizable.js"),L=require("./hooks/useResize.js");require("../config-provider/index.js");require("./Panel.vue.js");require("./SplitBar.vue.js");const j=require("lodash-unified"),A=require("./style/index.js"),D=require("../config-provider/hooks/use-namespace.js"),H=require("../resize-observer/index.vue.js"),T=require("./Panel.vue2.js"),W=require("./SplitBar.vue2.js"),$=e.defineComponent({name:"Splitter",__name:"Splitter",props:{prefixCls:{},className:{},style:{},rootClassName:{},layout:{default:"horizontal"},onResizeStart:{},onResize:{},onResizeEnd:{},lazy:{type:Boolean}},setup(_){const a=_,{b:u}=D.useNamespace("splitter"),v=A.default("splitter"),o=w.useItems(),l=e.ref(),y=t=>{const{offsetWidth:r,offsetHeight:s}=t.target,n=a.layout==="vertical"?s:r;l.value!==0&&(l.value=n)},[k,f,z,g,C,R]=V.useSizes(o,l),i=F.useResizable(o,f,!1),[b,h,B,q,d]=L.useResize(o,i,z,l,R,!1),E=t=>{b(t),a.onResizeStart?.(e.unref(f))},N=(t,r)=>{const s=h(t,r);a.onResize?.(s)},I=()=>{B(),a.onResizeEnd?.(e.unref(f))},P=(t,r)=>{const s=q(t,r);a.onResize?.(s),a.onResizeEnd?.(s)},M=e.computed(()=>[u(),a.className,u(a.layout),v.value]),S=e.computed(()=>{const t=[];let r=0;for(let s=0;s<o.value.length;s+=1)r+=e.unref(z)[s],t.push(r);return t}),c=t=>{const r=e.unref(S),s=e.unref(g),n=e.unref(C);return{minStart:(r[t-1]||0)+s[t],minEnd:(r[t+1]||100)-n[t+1],maxStart:(r[t-1]||0)+n[t],maxEnd:(r[t+1]||100)-s[t+1]}};return(t,r)=>(e.openBlock(),e.createBlock(e.unref(H.default),{onResize:y},{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle(t.style),class:e.normalizeClass(M.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),(s,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n},[e.createVNode(T.default,e.mergeProps({ref_for:!0},e.unref(j.omit)(s,"_child"),{size:e.unref(k)[n]}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s._child,(m,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m),{key:p}))),128))]),_:2},1040,["size"]),e.unref(i)[n]?(e.openBlock(),e.createBlock(W.default,{key:0,lazy:t.lazy,index:n,active:e.unref(d)===n,vertical:t.layout==="vertical",resizable:e.unref(i)[n].resizable,"aria-now":S.value[n]*100,"aria-min":Math.max(c(n).minStart,c(n).minEnd)*100,"aria-max":Math.min(c(n).maxStart,c(n).maxEnd)*100,"start-collapsible":e.unref(i)[n].startCollapsible,"end-collapsible":e.unref(i)[n].endCollapsible,"container-size":l.value||0,onOffsetStart:E,onOffsetUpdate:(m,p,O)=>{let U=t.layout==="vertical"?O:p;N(m,U)},onOffsetEnd:I,onCollapse:P},null,8,["lazy","index","active","vertical","resizable","aria-now","aria-min","aria-max","start-collapsible","end-collapsible","container-size","onOffsetUpdate"])):e.createCommentVNode("",!0)],64))),128)),typeof e.unref(d)=="number"?(e.openBlock(),e.createElementBlock("div",{key:0,"aria-hidden":"",class:e.normalizeClass([e.unref(u)("mask"),e.unref(u)(`mask-${t.layout}`)])},null,2)):e.createCommentVNode("",!0)],6)]),_:1}))}});exports.default=$;

package/lib/src/splitter/style/index.d.ts

@@ -0,0 +1,11 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { Ref } from 'vue';
+export type SplitterToken = {
+    splitterBarSize: number;
+    splitterTriggerSize: number;
+    splitterResizeSpinnerSize: number;
+    splitterSplitBarDraggableSize: number;
+};
+export declare const genSplitterStyle: GenStyleFunc<SplitterToken>;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/lib/src/splitter/style/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../utils/cssinjs/index.js"),t=()=>({position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}),a=e=>({position:"absolute",zIndex:1,display:"none",background:e.colorPrimary,opacity:.2,transition:"none",pointerEvents:"none"}),o=e=>{const{componentCls:r,namespace:l}=e,i=`--${l}-splitter-bar-preview-offset`;return{[r]:{boxSizing:"border-box",margin:0,padding:0,color:e.textColor2,fontSize:e.fontSize,lineHeight:e.lineHeight,listStyle:"none",fontFamily:"inherit",display:"flex",width:"100%",height:"100%",alignItems:"stretch",[`${r}-bar`]:{flex:"none",position:"relative",userSelect:"none",[`${r}-bar-dragger`]:{zIndex:1,...t(e),"&::before":{content:'""',background:"rgba(0, 0, 0, 0.04)",...t(e)},"&::after":{content:'""',background:"rgba(0, 0, 0, 0.15)",...t(e)},[`&:hover:not(${r}-bar-dragger-active)`]:{"&::before":{background:"#e6f4ff"}},"&-active":{zIndex:2,"&::before":{background:"#bae0ff"}},[`&-disabled${r}-bar-dragger`]:{zIndex:0,"&, &:hover, &-active":{cursor:"default","&::before":{background:"rgba(0,0,0,0.04)"}},"&::after":{display:"none"}}},[`${r}-bar-collapse-bar`]:{...t(e),zIndex:1e3,background:"rgba(0,0,0,0.04)",fontsize:e.fontSizeSM,borderRadius:"2px",color:e.textColor2,cursor:"pointer",opacity:0,display:"flex",justifyContent:"center",alignItems:"center","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.15)"},"&:active":{backgroundColor:"#e6f4ff"}},"&:hover, &:active":{[`${r}-bar-collapse-bar`]:{opacity:1}}},[`${r}-mask`]:{position:"fixed",zIndex:1e3,inset:0,"&-horizontal":{cursor:"col-resize"},"&-vertical":{cursor:"row-resize"}},"&-horizontal":{flexDirection:"row",[`& > ${r}-bar`]:{width:0,[`${r}-bar-preview`]:{height:"100%",width:e.splitterBarSize,...a(e),"&-active":{display:"block",transform:`translateX(var(${i}))`}},[`${r}-bar-dragger`]:{cursor:"col-resize",height:"100%",width:e.splitterTriggerSize,"&::before":{height:"100%",width:e.splitterBarSize},"&::after":{height:e.splitterSplitBarDraggableSize,width:e.splitterBarSize}},[`${r}-bar-collapse-bar`]:{width:e.fontSizeSM,height:"24px","&-start":{left:"auto",right:`calc(${e.splitterTriggerSize} / 2)`,transform:"translateY(-50%)"},"&-end":{left:`calc(${e.splitterTriggerSize} / 2)`,right:"auto",transform:"translateY(-50%)"}}}},"&-vertical":{flexDirection:"column",[`& > ${r}-bar`]:{height:0,[`${r}-bar-preview`]:{height:e.splitterBarSize,width:"100%",...a(e),[`&${r}-bar-preview-active`]:{display:"block",transform:`translateY(var(${i}))`}},[`${r}-bar-dragger`]:{cursor:"row-resize",width:"100%",height:e.splitterTriggerSize,"&::before":{width:"100%",height:e.splitterBarSize},"&::after":{width:e.splitterSplitBarDraggableSize,height:e.splitterBarSize}},[`${r}-bar-collapse-bar`]:{height:e.fontSizeSM,width:"24px","&-start":{top:"auto",bottom:`calc(${e.splitterTriggerSize} / 2)`,transform:"translateX(-50%)"},"&-end":{top:`calc(${e.splitterTriggerSize} / 2)`,bottom:"auto",transform:"translateX(-50%)"}}}},[`${r}-panel`]:{overflow:"auto",padding:"0 1px",scrollbarWidth:"thin",boxSizing:"border-box","&-hidden":{padding:0,overflow:"hidden"},[`&:has(${r}:only-child)`]:{overflow:"hidden"}}}}},n=s.genComponentStyleHook("Splitter",e=>[o(e)],{splitterBarSize:2,splitterTriggerSize:6,splitterResizeSpinnerSize:20,splitterSplitBarDraggableSize:20});exports.default=n;exports.genSplitterStyle=o;

package/lib/src/style/index.d.ts

@@ -0,0 +1,5 @@
+import { StyleMixin } from '../design-token/interface';
+export declare const resetComponent: StyleMixin;
+export declare const resetScrollbar: StyleMixin;
+export declare const multiRows: StyleMixin;
+export declare const singleRow: StyleMixin;

package/lib/src/style/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=r=>({boxSizing:"border-box",margin:0,padding:0,color:r.textColor2,fontSize:r.fontSize,fontFamily:"inherit",lineHeight:r.lineHeight,listStyle:"none"}),l=r=>({"::-webkit-scrollbar":{width:"10px",height:"10px"},"::-webkit-scrollbar-thumb":{backgroundColor:r.scrollbarThumbColorBase,backgroundClip:"content-box",border:"1px solid transparent",borderRadius:"4px"},"::-webkit-scrollbar-track, ::-webkit-scrollbar-corner":{backgroundColor:r.scrollbarTrackColorHover},"::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active":{backgroundColor:r.scrollbarThumbColorHover}}),o=r=>({...e(r),display:"-webkit-inline-box","-webkit-line-clamp":`${r.lineClamp||2}`,"-webkit-box-orient":"vertical",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"normal",maxWidth:"100%",verticalAlign:"middle",wordBreak:"break-all",flex:1}),t=r=>({...o({...r,lineClamp:1})});exports.multiRows=o;exports.resetComponent=e;exports.resetScrollbar=l;exports.singleRow=t;

package/lib/src/style/reset.css

@@ -0,0 +1,257 @@
+/* stylelint-disable */
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+input::-ms-clear,
+input::-ms-reveal {
+  display: none;
+}
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+@-ms-viewport {
+  width: device-width;
+}
+body {
+  margin: 0;
+}
+[tabindex='-1']:focus {
+  outline: none;
+}
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 0;
+  margin-bottom: 0.5em;
+  font-weight: 500;
+}
+p {
+  margin-top: 0;
+  margin-bottom: 1em;
+}
+abbr[title],
+abbr[data-original-title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  border-bottom: 0;
+  cursor: help;
+}
+address {
+  margin-bottom: 1em;
+  font-style: normal;
+  line-height: inherit;
+}
+input[type='text'],
+input[type='password'],
+input[type='number'],
+textarea {
+  appearance: none;
+  -webkit-appearance: none;
+}
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1em;
+}
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+dt {
+  font-weight: 500;
+}
+dd {
+  margin-bottom: 0.5em;
+  margin-left: 0;
+}
+blockquote {
+  margin: 0 0 1em;
+}
+dfn {
+  font-style: italic;
+}
+b,
+strong {
+  font-weight: bolder;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+pre,
+code,
+kbd,
+samp {
+  font-size: 1em;
+  font-family:
+    'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+}
+pre {
+  margin-top: 0;
+  margin-bottom: 1em;
+  overflow: auto;
+}
+figure {
+  margin: 0 0 1em;
+}
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+a,
+area,
+button,
+[role='button'],
+input:not([type='range']),
+label,
+select,
+summary,
+textarea {
+  touch-action: manipulation;
+}
+table {
+  border-collapse: collapse;
+}
+caption {
+  padding-top: 0.75em;
+  padding-bottom: 0.3em;
+  text-align: left;
+  caption-side: bottom;
+}
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  color: inherit;
+  font-size: inherit;
+  font-family: inherit;
+  line-height: inherit;
+}
+button,
+input {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+button,
+html [type='button'],
+[type='reset'],
+[type='submit'] {
+  appearance: button;
+  -webkit-appearance: button;
+}
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+input[type='radio'],
+input[type='checkbox'] {
+  box-sizing: border-box;
+  padding: 0;
+}
+input[type='date'],
+input[type='time'],
+input[type='datetime-local'],
+input[type='month'] {
+  appearance: listbox;
+  -webkit-appearance: listbox;
+}
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+fieldset {
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 0.5em;
+  padding: 0;
+  color: inherit;
+  font-size: 1.5em;
+  line-height: inherit;
+  white-space: normal;
+}
+progress {
+  vertical-align: baseline;
+}
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+[type='search'] {
+  outline-offset: -2px;
+  appearance: none;
+  -webkit-appearance: none;
+}
+[type='search']::-webkit-search-cancel-button,
+[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+output {
+  display: inline-block;
+}
+summary {
+  display: list-item;
+}
+template {
+  display: none;
+}
+[hidden] {
+  display: none !important;
+}
+mark {
+  padding: 0.2em;
+  background-color: #feffe6;
+}

package/lib/src/text/group.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./context.js");require("../config-provider/index.js");const u=require("@aplus-frontend/antdv"),i=require("lodash-unified"),s=require("../config-provider/hooks/use-namespace.js"),c=e.defineComponent({name:"ApTextGroup",__name:"group",props:{colon:{type:Boolean,default:void 0},vertical:{type:Boolean,default:void 0},labelStyle:{default:void 0},prefixCls:{},size:{default:()=>[8,0]},direction:{default:"vertical"},align:{default:"baseline"},wrap:{type:Boolean,default:!1}},setup(l){const t=l,{b:r,m:a}=s.useNamespace("ap-text-group");return n.useProvideApTextGroup({colon:e.toRef(t.colon),vertical:e.toRef(t.vertical),labelStyle:e.toRef(t.labelStyle)}),(o,d)=>(e.openBlock(),e.createBlock(e.unref(u.Space),e.mergeProps({class:[e.unref(r)(),o.direction==="horizontal"?e.unref(a)("horizontal"):null]},e.unref(i.omit)(t,["colon","vertical","labelStyle"])),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["class"]))}});exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("./context.js");require("../config-provider/index.js");const i=require("@aplus-frontend/antdv"),s=require("lodash-unified"),c=require("./style/group.js"),p=require("../config-provider/hooks/use-namespace.js"),d=e.defineComponent({name:"ApTextGroup",__name:"group",props:{colon:{type:Boolean,default:void 0},vertical:{type:Boolean,default:void 0},labelStyle:{default:void 0},prefixCls:{},size:{default:()=>[8,0]},direction:{default:"vertical"},align:{default:"baseline"},wrap:{type:Boolean,default:!1}},setup(l){const t=l,{b:r,m:a}=p.useNamespace("ap-text-group"),n=c.default("ap-text-group");return u.useProvideApTextGroup({colon:e.toRef(t.colon),vertical:e.toRef(t.vertical),labelStyle:e.toRef(t.labelStyle)}),(o,f)=>(e.openBlock(),e.createBlock(e.unref(i.Space),e.mergeProps({class:[e.unref(r)(),o.direction==="horizontal"?e.unref(a)("horizontal"):null,e.unref(n)]},e.unref(s.omit)(t,["colon","vertical","labelStyle"])),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["class"]))}});exports.default=d;

package/lib/src/text/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@aplus-frontend/antdv"),o=require("lodash-unified");require("../config-provider/index.js");const g=require("./context.js"),S=require("../utils/index.js"),P=require("../config-provider/hooks/use-namespace.js"),N=e.defineComponent({name:"ApText",__name:"index",props:{ellipsis:{type:[Boolean,Object]},delete:{type:Boolean},type:{},code:{type:Boolean},mark:{type:Boolean},strong:{type:Boolean},content:{},underline:{type:Boolean},disabled:{type:Boolean},prefixCls:{},keyboard:{type:Boolean},editable:{type:[Boolean,Object]},copyable:{type:[Boolean,Object]},"onUpdate:content":{},label:{},colon:{type:Boolean,default:void 0},vertical:{type:Boolean,default:void 0},labelStyle:{default:void 0},link:{type:[Boolean,String]},linkProps:{default:()=>({})},onClickContent:{},class:{},style:{}},setup(d){const r=e.useSlots(),n=d,{b:p,e:t,em:f,m}=P.useNamespace("ap-text"),{colon:a,vertical:s,labelStyle:k}=g.useInjectApTextGroup(),y=e.computed(()=>o.isUndefined(n.colon)?o.isUndefined(a?.value)?!0:a.value:n.colon),b=e.computed(()=>o.isUndefined(n.vertical)?o.isUndefined(s?.value)?!1:s.value:n.vertical),v=e.computed(()=>{const l=e.unref(k)||{};return Object.assign(l,n.labelStyle||{}),l}),i=e.computed(()=>{if(n.label)return e.isVNode(n.label)?n.label:e.createVNode(e.Fragment,null,[n.label])}),B=e.computed(()=>{const l=S.isDef(n.linkProps.ellipsis)?n.linkProps.ellipsis:!!n.ellipsis;return{href:o.isString(n.link)?n.link:void 0,...o.omit(n,["linkProps"]),...n.linkProps,ellipsis:l}});return(l,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(p)(),{[e.unref(m)("vertical")]:b.value}])},[i.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(t)("label"),{[e.unref(f)("label","no-colon")]:!y.value}]),style:e.normalizeStyle(v.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value)))],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t)("content"))},[l.link?(e.openBlock(),e.createBlock(e.unref(u.TypographyLink),e.mergeProps({key:0},B.value,{onClick:l.onClickContent}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16,["onClick"])):(e.openBlock(),e.createBlock(e.unref(u.TypographyText),e.mergeProps({key:1},e.unref(o.omit)(n,["label","colon","link","linkProps","vertical","labelStyle"]),{onClick:l.onClickContent}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.content||"--"),1)])]),_:2},[e.renderList(e.unref(o.omit)(r,["default","addonAfter"]),(q,c)=>({name:c,fn:e.withCtx(C=>[e.renderSlot(l.$slots,c,e.normalizeProps(e.guardReactiveProps(C||{})))])}))]),1040,["onClick"])),r.addonAfter?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(t)("content-addon-after"))},[e.renderSlot(l.$slots,"addonAfter")],2)):e.createCommentVNode("",!0)],2)],2))}});exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@aplus-frontend/antdv"),t=require("lodash-unified");require("../config-provider/index.js");const S=require("./context.js"),P=require("../utils/index.js"),h=require("./style/index.js"),N=require("../config-provider/hooks/use-namespace.js"),q=e.defineComponent({name:"ApText",__name:"index",props:{ellipsis:{type:[Boolean,Object]},delete:{type:Boolean},type:{},code:{type:Boolean},mark:{type:Boolean},strong:{type:Boolean},content:{},underline:{type:Boolean},disabled:{type:Boolean},prefixCls:{},keyboard:{type:Boolean},editable:{type:[Boolean,Object]},copyable:{type:[Boolean,Object]},"onUpdate:content":{},label:{},colon:{type:Boolean,default:void 0},vertical:{type:Boolean,default:void 0},labelStyle:{default:void 0},link:{type:[Boolean,String]},linkProps:{default:()=>({})},onClickContent:{},class:{},style:{}},setup(d){const r=e.useSlots(),n=d,{b:p,e:o,em:f,m}=N.useNamespace("ap-text"),k=h.default("ap-text"),{colon:a,vertical:s,labelStyle:y}=S.useInjectApTextGroup(),b=e.computed(()=>t.isUndefined(n.colon)?t.isUndefined(a?.value)?!0:a.value:n.colon),v=e.computed(()=>t.isUndefined(n.vertical)?t.isUndefined(s?.value)?!1:s.value:n.vertical),B=e.computed(()=>{const l=e.unref(y)||{};return Object.assign(l,n.labelStyle||{}),l}),i=e.computed(()=>{if(n.label)return e.isVNode(n.label)?n.label:e.createVNode(e.Fragment,null,[n.label])}),C=e.computed(()=>{const l=P.isDef(n.linkProps.ellipsis)?n.linkProps.ellipsis:!!n.ellipsis;return{href:t.isString(n.link)?n.link:void 0,...t.omit(n,["linkProps"]),...n.linkProps,ellipsis:l}});return(l,x)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(p)(),{[e.unref(m)("vertical")]:v.value},e.unref(k)])},[i.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(o)("label"),{[e.unref(f)("label","no-colon")]:!b.value}]),style:e.normalizeStyle(B.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value)))],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o)("content"))},[l.link?(e.openBlock(),e.createBlock(e.unref(u.TypographyLink),e.mergeProps({key:0},C.value,{onClick:l.onClickContent}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16,["onClick"])):(e.openBlock(),e.createBlock(e.unref(u.TypographyText),e.mergeProps({key:1},e.unref(t.omit)(n,["label","colon","link","linkProps","vertical","labelStyle"]),{onClick:l.onClickContent}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.content||"--"),1)])]),_:2},[e.renderList(e.unref(t.omit)(r,["default","addonAfter"]),(T,c)=>({name:c,fn:e.withCtx(g=>[e.renderSlot(l.$slots,c,e.normalizeProps(e.guardReactiveProps(g||{})))])}))]),1040,["onClick"])),r.addonAfter?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(o)("content-addon-after"))},[e.renderSlot(l.$slots,"addonAfter")],2)):e.createCommentVNode("",!0)],2)],2))}});exports.default=q;

package/lib/src/text/style/group.d.ts

@@ -0,0 +1,5 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { Ref } from 'vue';
+export declare const genApTextGroupStyle: GenStyleFunc;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/lib/src/text/style/group.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../utils/cssinjs/index.js"),t=e=>({[e.componentCls]:{"&:has(.ant-typography-ellipsis)":{maxWidth:"100%","& > .ant-space-item":{maxWidth:"100%"}},"&--horizontal":{width:"100%",overflow:"hidden",position:"relative",".ant-typography":{whiteSpace:"nowrap"}}}}),n=o.genComponentStyleHook("ApText",e=>[t(e)]);exports.default=n;exports.genApTextGroupStyle=t;

package/lib/src/text/style/index.d.ts

@@ -0,0 +1,5 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { Ref } from 'vue';
+export declare const genApTextStyle: GenStyleFunc;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/lib/src/text/style/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../style/index.js"),a=require("../../utils/cssinjs/index.js"),o=e=>{const{componentCls:t,textColor3:n}=e;return{[t]:{...l.resetComponent(e),display:"flex",alignItems:"baseline","&--vertical":{flexDirection:"column",alignItems:"flex-start",[`${t}__content`]:{maxWidth:"100%"}},[`${t}__label`]:{display:"inline-flex",alignItems:"baseline",color:n,"&::after":{content:'":"',position:"relative",top:"-0.5px",marginInline:"2px 8px"},"&--no-colon":{"&::after":{content:'""'}}},[`${t}__content`]:{flex:1,minWidth:0,display:"flex",alignItems:"baseline","&-addon-after":{marginLeft:"4px","&:has(span.anticon)":{lineHeight:1}}},"span.ant-typography":{color:e.textColor2},"span.ant-typography.ant-typography-secondary":{color:n},"a.ant-typography":{color:e.colorLink}}}},i=a.genComponentStyleHook("ap-text",e=>[o(e)]);exports.default=i;exports.genApTextStyle=o;

package/lib/src/utils/config-provider-preset.d.ts

@@ -63,8 +63,8 @@ export declare function mergeAntdProvideConfig(config: ConfigProviderProps): {
     card?: CardConfig | undefined;
     prefixCls?: string | undefined;
     variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
-    getPopupContainer?: ((triggerNode?: HTMLElement) => HTMLElement) | undefined;
     transformCellText?: ((tableProps: TransformCellTextProps) => any) | undefined;
+    getPopupContainer?: ((triggerNode?: HTMLElement) => HTMLElement) | undefined;
     iconPrefixCls?: string | undefined;
     getTargetContainer?: (() => HTMLElement | Window) | undefined;
     getPrefixCls?: ((suffixCls?: string, customizePrefixCls?: string) => string) | undefined;
@@ -104,8 +104,8 @@ export declare function mergeAntdProviderConfigWithCache(newConfig: ConfigProvid
     card?: CardConfig | undefined;
     prefixCls?: string | undefined;
     variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
-    getPopupContainer?: ((triggerNode?: HTMLElement) => HTMLElement) | undefined;
     transformCellText?: ((tableProps: TransformCellTextProps) => any) | undefined;
+    getPopupContainer?: ((triggerNode?: HTMLElement) => HTMLElement) | undefined;
     iconPrefixCls?: string | undefined;
     getTargetContainer?: (() => HTMLElement | Window) | undefined;
     getPrefixCls?: ((suffixCls?: string, customizePrefixCls?: string) => string) | undefined;

package/lib/src/utils/cssinjs/index.d.ts

@@ -0,0 +1,8 @@
+import { BaseToken, GenStyleCallback } from '../../design-token/interface';
+import { Ref } from 'vue';
+type GeneraterOption = {
+    skipUnit: string[];
+};
+export declare function camelToKebab(str: string): string;
+export declare function genComponentStyleHook<ComponentToken>(componentName: string, cb: GenStyleCallback<BaseToken & ComponentToken>, componentToken?: Partial<ComponentToken>, option?: GeneraterOption): (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export {};

package/lib/src/utils/cssinjs/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("lodash-unified"),i=require("vue"),g=require("../../config-provider/hooks/use-token.js"),k=require("./instance.js");require("../../config-provider/index.js");const C=require("../../config-provider/hooks/use-global-config.js"),T=["lineClamp"];function S(e,n){const t=[...T,...n?.skipUnit||[]];return Object.entries(e).reduce((s,[c,o])=>{const u=typeof o=="number"&&!t.includes(c)?`${o}px`:o;return s[l(c)]=u,s},{})}function l(e){return"--"+e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function q(e){const n={};for(const t in e)n[t]=`var(${l(t)})`;return n}function v(e,n,t,s){return c=>{const o=i.ref(),u=g.useToken(),m=C.useGlobalConfig("namespace"),f=i.computed(()=>{let r=p.omit(u.value||{},"components");return r={...r,...p.merge(t||{},u.value.components?.[e]||{})},r});return i.watch(()=>f.value,r=>{const a=q(r);a.componentCls=`.${m.value}-${c}`,a.namespace=m.value;const b=n(a),d=S(r,s);o.value=k.css([d,b])},{deep:!0,immediate:!0}),o}}exports.camelToKebab=l;exports.genComponentStyleHook=v;

package/lib/src/utils/cssinjs/instance.d.ts

@@ -0,0 +1,12 @@
+import { CSSInterpolation } from '@emotion/serialize';
+import { ClassNamesArg } from '@emotion/css/create-instance';
+export declare const css: {
+    (template: TemplateStringsArray, ...args: Array< CSSInterpolation>): string;
+    (...args: Array< CSSInterpolation>): string;
+}, cx: (...classNames: Array< ClassNamesArg>) => string, keyframes: {
+    (template: TemplateStringsArray, ...args: Array< CSSInterpolation>): string;
+    (...args: Array< CSSInterpolation>): string;
+}, injectGlobal: {
+    (template: TemplateStringsArray, ...args: Array< CSSInterpolation>): void;
+    (...args: Array< CSSInterpolation>): void;
+};

package/lib/src/utils/cssinjs/instance.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("/Users/limoer/www/aplus/aplus-ui/node_modules/.pnpm/@emotion+css@11.13.5/node_modules/@emotion/css/create-instance/dist/emotion-css-create-instance.esm.js"),i=require("./plugin-specificity.js"),{css:c,cx:s,keyframes:t,injectGlobal:n}=e({key:"ap-cssvar",stylisPlugins:[i.downSpecificityPlugin]});exports.css=c;exports.cx=s;exports.injectGlobal=n;exports.keyframes=t;

package/lib/src/utils/cssinjs/plugin-specificity.d.ts

@@ -0,0 +1,2 @@
+import { StylisPlugin } from '@emotion/cache';
+export declare const downSpecificityPlugin: StylisPlugin;

package/lib/src/utils/cssinjs/plugin-specificity.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=r=>{r.type==="rule"&&Array.isArray(r.props)&&(r.props=r.props.map(t=>{const i=t.trim().split(/\s+/);if(i.length>=2){const s=i[0],o=i[1];/^\.ap-cssvar-[a-z0-9]+$/.test(s)&&(i[0]=`:where(${s})${o}`,i.splice(1,1))}return i.join(" ")}))};exports.downSpecificityPlugin=p;

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "6.42.1";
+declare const _default: "7.0.0-beta.1";
 export default _default;

package/lib/src/version.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.42.1";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.0.0-beta.1";exports.default=e;

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "6.42.1",
+  "version": "7.0.0-beta.1",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
     "es",
-    "lib",
-    "theme"
+    "lib"
   ],
   "keywords": [
     "aplus",
@@ -27,6 +26,8 @@
   },
   "dependencies": {
     "@ant-design/icons-vue": "^7.0.1",
+    "@emotion/cache": "^11.14.0",
+    "@emotion/css": "^11.13.5",
     "@fruits-chain/utils": "^1.0.7",
     "@vueuse/core": "^10.9.0",
     "ag-grid-community": "^33.3.2",
@@ -51,6 +52,7 @@
     "@aplus-frontend/antdv": "^1.2.16",
     "@aplus-frontend/icon": "^1.3.2",
     "@aplus-frontend/oss": "^1.1.2",
+    "@emotion/serialize": "^1.3.3",
     "@types/sortablejs": "^1.15.8",
     "@vue/test-utils": "^2.4.6",
     "axios": "^1.7.2",
@@ -58,8 +60,7 @@
     "jsdom": "^25.0.0",
     "unified": "^11.0.5",
     "vue": "^3.5.17",
-    "vue-types": "3.0.2",
-    "@aplus-frontend/ui-theme": "1.0.25"
+    "vue-types": "3.0.2"
   },
   "scripts": {
     "build": "vite build",

package/es/src/ag-grid/editable/style/css.js

@@ -1 +0,0 @@
-import '@aplus-frontend/ui/theme/ag-grid/editable.css';

package/es/src/ag-grid/editable/style/index.js

@@ -1 +0,0 @@
-import '@aplus-frontend/ui/theme/ag-grid/editable.less';

package/es/src/ag-grid/style/css.js

@@ -1 +0,0 @@
-import '@aplus-frontend/ui/theme/ag-grid/index.css';

package/es/src/ag-grid/style/index.js

@@ -1 +0,0 @@
-import '@aplus-frontend/ui/theme/ag-grid/index.less';

package/es/src/ap-action/group/style/css.d.ts

@@ -1 +0,0 @@
-export {};

package/es/src/ap-action/group/style/css.js

@@ -1 +0,0 @@
-export {};

package/es/src/ap-action/group/style/index.d.ts

@@ -1 +0,0 @@
-export {};

package/es/src/ap-action/group/style/index.js

@@ -1 +0,0 @@
-export {};

package/es/src/ap-action/item/style/css.js

@@ -1,2 +0,0 @@
-import '@aplus-frontend/ui/theme/ap-action/item.css';
-import '@aplus-frontend/ui/theme/ap-action/item-dropdown.css';

package/es/src/ap-action/item/style/index.js

@@ -1,2 +0,0 @@
-import '@aplus-frontend/ui/theme/ap-action/item.less';
-import '@aplus-frontend/ui/theme/ap-action/item-dropdown.less';

package/es/src/ap-action/item-dropdown/style/css.js

@@ -1,2 +0,0 @@
-import '@aplus-frontend/ui/theme/ap-action/item.css';
-import '@aplus-frontend/ui/theme/ap-action/item-dropdown.css';

package/es/src/ap-action/item-dropdown/style/index.js

@@ -1,2 +0,0 @@
-import '@aplus-frontend/ui/theme/ap-action/item.less';
-import '@aplus-frontend/ui/theme/ap-action/item-dropdown.less';

package/es/src/ap-action/item-modal/style/css.js

@@ -1 +0,0 @@
-import '@aplus-frontend/ui/theme/ap-action/item.css';

package/es/src/ap-action/item-modal/style/index.js

@@ -1 +0,0 @@
-import '@aplus-frontend/ui/theme/ap-action/item.less';

package/es/src/ap-action/item-popconfirm/style/css.js

@@ -1 +0,0 @@
-import '@aplus-frontend/ui/theme/ap-action/item.css';