@aplus-frontend/ui 7.0.1 → 7.1.1

package/lib/src/business/ap-size-input/ApSizeInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),h=require("./constans.js");require("../../ap-field/number/index.vue2.js");const m=require("@aplus-frontend/antdv");require("../../config-provider/index.js");const g=require("./style/index.js"),v=require("../../config-provider/hooks/use-namespace.js"),p=require("../../config-provider/hooks/use-locale.js"),i=require("../../ap-field/number/index.vue.js"),f=t.defineComponent({name:"ApSizeInput",props:h.ApSizeInputProps(),setup(e,{emit:r}){const{b:d}=v.useNamespace("ap-size-input"),o=g.default("ap-size-input"),{t:n}=p.useLocale(),s=m.Form.useInjectFormItemContext(),u=(l,a)=>{const c=e.value;c[l]=a,r("update:value",c),r("SizeInputChange",t.toRaw(c)),s.onFieldChange()};return()=>{const l={style:{flex:1},precision:e.precision??2,min:e.min??1,max:e.max,step:e.step??1,mode:e.editable?"edit":"read",disabled:e.disabled};return t.createVNode("div",{class:[d(),o.value],style:e.style},[t.createVNode(i.default,t.mergeProps({value:e.value?.[0],placeholder:e.placeholder&&e.placeholder.length>=3?e.placeholder[0]:n("ap.apSizeInput.length"),onChange:a=>u(0,a)},l),null),e.perfix,t.createVNode(i.default,t.mergeProps({value:e.value?.[1],placeholder:e.placeholder&&e.placeholder.length>=3?e.placeholder[1]:n("ap.apSizeInput.width"),onChange:a=>u(1,a)},l),null),e.perfix,t.createVNode(i.default,t.mergeProps({value:e.value?.[2],placeholder:e.placeholder&&e.placeholder.length>=3?e.placeholder[2]:n("ap.apSizeInput.height"),onChange:a=>u(2,a)},l),null)])}}});exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),h=require("./constans.js");require("../../ap-field/number/index.vue2.js");const m=require("@aplus-frontend/antdv");require("../../config-provider/index.js");const g=require("./style/index.js"),v=require("../../config-provider/hooks/use-namespace.js"),p=require("../../config-provider/hooks/use-locale.js"),i=require("../../ap-field/number/index.vue.js"),f=t.defineComponent({name:"ApSizeInput",props:h.ApSizeInputProps(),setup(e,{emit:r}){const{b:d}=v.useNamespace("ap-size-input"),o=g.default("ap-size-input"),{t:n}=p.useLocale(),s=m.Form.useInjectFormItemContext(),u=(l,a)=>{const c=e.value||[];c[l]=a,r("update:value",c),r("SizeInputChange",t.toRaw(c)),s.onFieldChange()};return()=>{const l={style:{flex:1},precision:e.precision??2,min:e.min??1,max:e.max,step:e.step??1,mode:e.editable?"edit":"read",disabled:e.disabled};return t.createVNode("div",{class:[d(),o.value],style:e.style},[t.createVNode(i.default,t.mergeProps({value:e.value?.[0],placeholder:e.placeholder&&e.placeholder.length>=3?e.placeholder[0]:n("ap.apSizeInput.length"),onChange:a=>u(0,a)},l),null),e.perfix,t.createVNode(i.default,t.mergeProps({value:e.value?.[1],placeholder:e.placeholder&&e.placeholder.length>=3?e.placeholder[1]:n("ap.apSizeInput.width"),onChange:a=>u(1,a)},l),null),e.perfix,t.createVNode(i.default,t.mergeProps({value:e.value?.[2],placeholder:e.placeholder&&e.placeholder.length>=3?e.placeholder[2]:n("ap.apSizeInput.height"),onChange:a=>u(2,a)},l),null)])}}});exports.default=f;

package/lib/src/business/ap-table-modal/hooks/use-table-modal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("vue"),p=require("../interface.js"),M=require("lodash-unified"),b=require("./use-create-table-modal.js");function T(r){const t={rowSelection:void 0},n={footer:null},a=M.merge(r,{...n,apTableProps:t,destroyOnUnmounted:!1,isRenderModalTitleSuffix:!1}),{destroy:e,openModal:l,closeModal:s,...c}=b.useCreateTableModal(a),d=async u=>{try{await l([],u)}catch(i){if(i!==p.AsyncOpenResultError.ModalCancel)throw Error}},o=()=>{s()};return f.onUnmounted(()=>{o(),e()}),{open:d,destroy:e,close:o,...c}}exports.useTableModal=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("vue"),p=require("lodash-unified"),M=require("./use-create-table-modal.js");function b(r){const s={rowSelection:void 0},a={footer:null},n=p.merge(r,{...a,apTableProps:s,destroyOnUnmounted:!1,isRenderModalTitleSuffix:!1}),{destroy:o,openModal:l,closeModal:d,...c}=M.useCreateTableModal(n),i=async u=>{try{await l([],u)}catch(e){if(!(typeof e=="string"&&e.startsWith("Ignored Reject:")))throw e}},t=()=>{d()};return f.onUnmounted(()=>{t(),o()}),{open:i,destroy:o,close:t,...c}}exports.useTableModal=b;

package/lib/src/business/ap-table-modal/modal-title.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const r=require("../../config-provider/hooks/use-locale.js"),l=require("../../config-provider/hooks/use-global-config.js"),u=e.defineComponent({__name:"modal-title",props:{title:{type:String,required:!0},count:{type:Number,required:!0},maxCount:{type:Number,required:!0}},setup(t){const{t:n}=r.useLocale(),o=l.useGlobalConfig("uiMode","aplus");return(a,i)=>(e.openBlock(),e.createElementBlock("div",null,[e.createTextVNode(e.toDisplayString(t.title)+" ",1),e.renderSlot(a.$slots,"default",{maxCount:t.maxCount,count:t.count},()=>[e.createElementVNode("span",{style:e.normalizeStyle({color:e.unref(o)==="admin"?"#999999":"#8896b0",fontSize:"12px",fontWeight:"normal",marginLeft:"12px"}),class:"product-number"},[e.createTextVNode(e.toDisplayString(isFinite(t.maxCount)?e.unref(n)("ap.apTableModal.titleSuffixOne",{maxCount:t.maxCount}):"")+e.toDisplayString(e.unref(n)("ap.apTableModal.titleSuffixTwo"))+" ",1),e.createElementVNode("span",{style:e.normalizeStyle({color:e.unref(o)==="admin"?"#34B77C":"#0070ff"})},e.toDisplayString(t.count),5),e.createTextVNode(" "+e.toDisplayString(e.unref(n)("ap.apTableModal.titleSuffixThree")),1)],4)])]))}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const u=require("../../config-provider/hooks/use-token.js"),l=require("../../config-provider/hooks/use-locale.js"),a=e.defineComponent({__name:"modal-title",props:{title:{type:String,required:!0},count:{type:Number,required:!0},maxCount:{type:Number,required:!0}},setup(t){const{t:o}=l.useLocale(),{token:n}=u.useToken();return(r,i)=>(e.openBlock(),e.createElementBlock("div",null,[e.createTextVNode(e.toDisplayString(t.title)+" ",1),e.renderSlot(r.$slots,"default",{maxCount:t.maxCount,count:t.count},()=>[e.createElementVNode("span",{style:e.normalizeStyle({color:e.unref(n).textColor3,fontSize:"12px",fontWeight:"normal",marginLeft:"12px"}),class:"product-number"},[e.createTextVNode(e.toDisplayString(isFinite(t.maxCount)?e.unref(o)("ap.apTableModal.titleSuffixOne",{maxCount:t.maxCount}):"")+e.toDisplayString(e.unref(o)("ap.apTableModal.titleSuffixTwo"))+" ",1),e.createElementVNode("span",{style:e.normalizeStyle({color:e.unref(n).colorLink})},e.toDisplayString(t.count),5),e.createTextVNode(" "+e.toDisplayString(e.unref(o)("ap.apTableModal.titleSuffixThree")),1)],4)])]))}});exports.default=a;

package/lib/src/business/ap-title/style/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../utils/cssinjs/index.js"),o=e=>{const{componentCls:t}=e;return{[t]:{position:"relative",width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",paddingInline:"10px",fontSize:e.fontSize,"&::before":{position:"absolute",content:'""',left:0,top:"50%",transform:"translateY(-50%)",width:"3px",height:"14px",backgroundColor:e.colorPrimary,borderRadius:"0px 4px 4px 0px",zIndex:1},[`${t}__prefix`]:{fontWeight:"bold",color:e.textColor2,display:"flex",alignItems:"center",".anticon-question-circle":{fontSize:e.fontSizeLG,marginInlineStart:"5px",color:"#8896b0"}},"&--admin":{paddingLeft:"14px","&::before":{top:"50%",transform:"translateY(-50%)",width:"8px",height:"8px",borderRadius:"50%",borderWidth:"2px",borderStyle:"solid",borderColor:e.colorPrimary,background:"#fff",zIndex:1},[t]:{"&__prefix":{fontWeight:"bold",color:"#333",display:"flex",alignItems:"center",".anticon-question-circle":{fontSize:e.fontSizeLG,marginLeft:"5px",color:"#999"}}}},[`${t}__suffix`]:{color:"#526a90"}}}},r=i.genComponentStyleHook("ApTitle",e=>[o(e)]);exports.default=r;exports.genApTitleStyle=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../utils/cssinjs/index.js"),o=e=>{const{componentCls:t}=e;return{[t]:{position:"relative",width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",paddingInlineStart:"10px",fontSize:e.fontSize,"&::before":{position:"absolute",content:'""',left:0,top:"50%",transform:"translateY(-50%)",width:"3px",height:"14px",backgroundColor:e.colorPrimary,borderRadius:"0px 4px 4px 0px",zIndex:1},[`${t}__prefix`]:{fontWeight:"bold",color:e.textColor1,display:"flex",alignItems:"center",".anticon-question-circle":{fontSize:e.fontSizeLG,marginInlineStart:"5px",color:"#8896b0"}},"&--admin":{paddingLeft:"14px","&::before":{top:"50%",transform:"translateY(-50%)",width:"8px",height:"8px",borderRadius:"50%",borderWidth:"2px",borderStyle:"solid",borderColor:e.colorPrimary,background:"#fff",zIndex:1},[t]:{"&__prefix":{fontWeight:"bold",color:"#333",display:"flex",alignItems:"center",".anticon-question-circle":{fontSize:e.fontSizeLG,marginLeft:"5px",color:"#999"}}}},[`${t}__suffix`]:{color:"#526a90"}}}},r=i.genComponentStyleHook("ApTitle",e=>[o(e)]);exports.default=r;exports.genApTitleStyle=o;

package/lib/src/business/ap-upload-file/ap-upload-single/ap-upload-single.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../utils/fileList.js"),c=require("../icon/file-icon.vue.js"),d=require("../icon/delete-icon.vue.js"),n=require("@aplus-frontend/antdv"),F=require("@aplus-frontend/antdv/es/form/FormItemContext"),I=require("../hook/useProps.js"),T=require("../hook/useInjectContext.js"),D=require("lodash-unified");require("../../../config-provider/index.js");const P=require("./style/index.js"),p=require("../../../config-provider/hooks/use-global-config.js"),L=require("../../../config-provider/hooks/use-locale.js"),A=require("../../../config-provider/hooks/use-namespace.js"),$=e.defineComponent({__name:"ap-upload-single",props:{dirName:{},getOssAccess:{},fileList:{},onChange:{},maxSize:{default:500},accept:{default:"*"},beforeUpload:{},customRequest:{},maxSizeErrorMsg:{},acceptErrorMsg:{},title:{type:[Object,String,Number,Boolean,null,Array]},subTitle:{type:[Object,String,Number,Boolean,null,Array]}},emits:["update:fileList"],setup(v,{emit:C}){const g=F.FormItemInputContext.useInject(),N=e.computed(()=>g.status),s=v,V=C,y=n.Form.useInjectFormItemContext(),a=e.computed({get(){return s.fileList||[]},set(r){V("update:fileList",r),y?.onFieldChange()}}),l=e.computed(()=>a.value?.[0]),x=p.useGlobalConfig("apUpload"),{t:k,lang:E}=L.useLocale(),{title:z,subTitle:b,beforeUpload:q,customRequest:B}=I.useSingleProps(s),h=B;T.useInjectContext(k,E,s?.getOssAccess??x.value?.getOssAccess);const{b:f,e:t}=A.useNamespace("ap-upload-single"),S=P.default("ap-upload-single"),m=p.useGlobalConfig("uiMode");function w(r){return D.omit(r,["dirName","needName","getOssAccess","fileList","title","subTitle"])}return(r,o)=>(e.openBlock(),e.createBlock(e.unref(n.UploadDragger),e.mergeProps({...r.$attrs,...w(s)},{"file-list":a.value,"onUpdate:fileList":o[3]||(o[3]=i=>a.value=i),"max-count":1,"show-upload-list":!1,disabled:!!l.value&&[void 0,"uploading","error","success","done"].includes(l.value.status),class:[e.unref(f)(),`${e.unref(f)()}-affix-wrapper-status-${N.value}`,e.unref(S)],"before-upload":e.unref(q),"custom-request":e.unref(h)}),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",e.normalizeProps(e.guardReactiveProps({file:l.value,clear:()=>l.value&&e.unref(u.clearSingleFile)(l.value,a.value,{maxCount:1})})),()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content")])},[l.value?.status&&["uploading"].includes(l.value.status)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t)("content-file"),e.unref(t)("content-ing")])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-icon")])},[e.createVNode(c.default)],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-name"),e.unref(t)("content-ing-name")])},[e.createVNode(e.unref(n.TypographyParagraph),{ellipsis:{rows:2},tooltip:l.value.error},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value.name),1)]),_:1},8,["tooltip"]),e.createVNode(e.unref(n.Progress),{percent:l.value.percent||0,size:4,"show-info":!1,"trail-color":e.unref(m)==="admin"?"#D9D9D9":"#DEE4ED","stroke-color":e.unref(m)==="admin"?"#34B77C":"#0070FF"},null,8,["percent","trail-color","stroke-color"])],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-delete")]),onClick:o[0]||(o[0]=i=>e.unref(u.clearAllFile)(a.value))},[e.createVNode(d.default)],2)],2)):l.value?.status&&["error"].includes(l.value.status)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(t)("content-file"),e.unref(t)("content-error")])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-icon")])},[e.createVNode(c.default)],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-name"),e.unref(t)("content-error-name")])},[e.createVNode(e.unref(n.Tooltip),null,{title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value?.error||"--"),1)]),default:e.withCtx(()=>[e.createVNode(e.unref(n.TypographyParagraph),{ellipsis:{rows:2},tooltip:l.value.error},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value.name),1)]),_:1},8,["tooltip"])]),_:1})],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-delete")]),onClick:o[1]||(o[1]=i=>e.unref(u.clearAllFile)(a.value))},[e.createVNode(d.default)],2)],2)):l.value&&l.value?.status===void 0||l.value?.status&&["success","done"].includes(l.value.status)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(t)("content-file"),e.unref(t)("content-done")])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-icon")])},[e.createVNode(c.default)],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-name"),e.unref(t)("content-done-name")])},[e.createVNode(e.unref(n.Tooltip),null,{title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value?.name||"--"),1)]),default:e.withCtx(()=>[e.createVNode(e.unref(n.TypographyParagraph),{ellipsis:{rows:2},tooltip:l.value.error},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value.name),1)]),_:1},8,["tooltip"])]),_:1})],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-delete")]),onClick:o[2]||(o[2]=i=>e.unref(u.clearAllFile)(a.value))},[e.createVNode(d.default)],2)],2)):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass([e.unref(t)("content-empty")])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-empty-icon")])},[e.createVNode(c.default)],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-empty-title")])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h(e.Fragment,[e.unref(z)]))))],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-empty-sub-title")])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h(e.Fragment,[e.unref(b)]))))],2)],2))],2)])]),_:3},16,["file-list","disabled","class","before-upload","custom-request"]))}});exports.default=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../utils/fileList.js"),c=require("../icon/file-icon.vue.js"),d=require("../icon/delete-icon.vue.js"),n=require("@aplus-frontend/antdv"),S=require("@aplus-frontend/antdv/es/form/FormItemContext"),w=require("../hook/useProps.js"),I=require("../hook/useInjectContext.js"),F=require("lodash-unified");require("../../../config-provider/index.js");const P=require("./style/index.js"),L=require("../../../config-provider/hooks/use-token.js"),A=require("../../../config-provider/hooks/use-global-config.js"),$=require("../../../config-provider/hooks/use-locale.js"),D=require("../../../config-provider/hooks/use-namespace.js"),j=e.defineComponent({__name:"ap-upload-single",props:{dirName:{},getOssAccess:{},fileList:{},onChange:{},maxSize:{default:500},accept:{default:"*"},beforeUpload:{},customRequest:{},maxSizeErrorMsg:{},acceptErrorMsg:{},title:{type:[Object,String,Number,Boolean,null,Array]},subTitle:{type:[Object,String,Number,Boolean,null,Array]}},emits:["update:fileList"],setup(p,{emit:v}){const C=S.FormItemInputContext.useInject(),g=e.computed(()=>C.status),s=p,N=v,V=n.Form.useInjectFormItemContext(),r=e.computed({get(){return s.fileList||[]},set(a){N("update:fileList",a),V?.onFieldChange()}}),l=e.computed(()=>r.value?.[0]),y=A.useGlobalConfig("apUpload"),{t:k,lang:x}=$.useLocale(),{title:q,subTitle:z,beforeUpload:b,customRequest:E}=w.useSingleProps(s),B=E;I.useInjectContext(k,x,s?.getOssAccess??y.value?.getOssAccess);const{b:f,e:t}=D.useNamespace("ap-upload-single"),h=P.default("ap-upload-single"),{token:m}=L.useToken();function T(a){return F.omit(a,["dirName","needName","getOssAccess","fileList","title","subTitle"])}return(a,o)=>(e.openBlock(),e.createBlock(e.unref(n.UploadDragger),e.mergeProps({...a.$attrs,...T(s)},{"file-list":r.value,"onUpdate:fileList":o[3]||(o[3]=u=>r.value=u),"max-count":1,"show-upload-list":!1,disabled:!!l.value&&[void 0,"uploading","error","success","done"].includes(l.value.status),class:[e.unref(f)(),`${e.unref(f)()}-affix-wrapper-status-${g.value}`,e.unref(h)],"before-upload":e.unref(b),"custom-request":e.unref(B)}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",e.normalizeProps(e.guardReactiveProps({file:l.value,clear:()=>l.value&&e.unref(i.clearSingleFile)(l.value,r.value,{maxCount:1})})),()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content")])},[l.value?.status&&["uploading"].includes(l.value.status)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t)("content-file"),e.unref(t)("content-ing")])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-icon")])},[e.createVNode(c.default)],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-name"),e.unref(t)("content-ing-name")])},[e.createVNode(e.unref(n.TypographyParagraph),{ellipsis:{rows:2},tooltip:l.value.error},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value.name),1)]),_:1},8,["tooltip"]),e.createVNode(e.unref(n.Progress),{percent:l.value.percent||0,size:4,"show-info":!1,"trail-color":e.unref(m).borderColorBase,"stroke-color":e.unref(m).colorPrimary},null,8,["percent","trail-color","stroke-color"])],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-delete")]),onClick:o[0]||(o[0]=u=>e.unref(i.clearAllFile)(r.value))},[e.createVNode(d.default)],2)],2)):l.value?.status&&["error"].includes(l.value.status)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(t)("content-file"),e.unref(t)("content-error")])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-icon")])},[e.createVNode(c.default)],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-name"),e.unref(t)("content-error-name")])},[e.createVNode(e.unref(n.Tooltip),null,{title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value?.error||"--"),1)]),default:e.withCtx(()=>[e.createVNode(e.unref(n.TypographyParagraph),{ellipsis:{rows:2},tooltip:l.value.error},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value.name),1)]),_:1},8,["tooltip"])]),_:1})],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-delete")]),onClick:o[1]||(o[1]=u=>e.unref(i.clearAllFile)(r.value))},[e.createVNode(d.default)],2)],2)):l.value&&l.value?.status===void 0||l.value?.status&&["success","done"].includes(l.value.status)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(t)("content-file"),e.unref(t)("content-done")])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-icon")])},[e.createVNode(c.default)],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-name"),e.unref(t)("content-done-name")])},[e.createVNode(e.unref(n.Tooltip),null,{title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value?.name||"--"),1)]),default:e.withCtx(()=>[e.createVNode(e.unref(n.TypographyParagraph),{ellipsis:{rows:2},tooltip:l.value.error},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value.name),1)]),_:1},8,["tooltip"])]),_:1})],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-file-delete")]),onClick:o[2]||(o[2]=u=>e.unref(i.clearAllFile)(r.value))},[e.createVNode(d.default)],2)],2)):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass([e.unref(t)("content-empty")])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-empty-icon")])},[e.createVNode(c.default)],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-empty-title")])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h(e.Fragment,[e.unref(q)]))))],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("content-empty-sub-title")])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h(e.Fragment,[e.unref(z)]))))],2)],2))],2)])]),_:3},16,["file-list","disabled","class","before-upload","custom-request"]))}});exports.default=j;

package/lib/src/business/ap-value-select-card/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("@aplus-frontend/antdv"),v=require("@ant-design/icons-vue"),E=require("@aplus-frontend/icon");require("../../config-provider/index.js");const b=require("./style/index.js"),T=require("../../config-provider/hooks/use-namespace.js"),z=require("../../config-provider/hooks/use-global-config.js"),$=["onClick"],I={class:"label"},O={class:"value"},q=["onClick"],D=["onClick"],M={class:"label"},A={class:"value"},F={class:"text"},R=e.defineComponent({name:"ApValueSelectCard",__name:"index",props:{options:{},selectedKeys:{default:()=>[]},highlightedKeys:{default:()=>[]},maxSelected:{default:4},maxRowDisplay:{default:4},popoverTitle:{default:""},showTitleIcon:{type:Boolean,default:!0},showCloseIcon:{type:Boolean,default:!0},showAddButton:{type:Boolean,default:!0},addButtonText:{default:""},getContainer:{type:Function,default:c=>c.parentElement||document.body},getCardStyle:{type:Function,default:()=>({})},wrapperStyle:{type:[Boolean,null,String,Object,Array]}},emits:["update:selectedKeys","update:highlightedKeys","change","select","remove","highlight"],setup(c,{expose:C,emit:k}){const n=k,s=c,{b:r,m:S}=T.useNamespace("ap-value-select-card"),K=b.default("ap-value-select-card"),B=z.useGlobalConfig("uiMode","aplus"),N=e.ref(null),i=e.ref(!1),d=e.computed(()=>s.options),u=e.computed(()=>d.value.filter(t=>s.selectedKeys.includes(t.key))),p=t=>s.selectedKeys.includes(t),h=t=>s.highlightedKeys.includes(t),f=t=>{s.selectedKeys.includes(t)?g(t):y(t)},y=t=>{if(s.maxSelected&&s.selectedKeys.length>=s.maxSelected)return;const o=[...s.selectedKeys,t];n("update:selectedKeys",o),n("change",o),n("select",t),s.highlightedKeys.includes(t)||m(t)},g=t=>{if(s.selectedKeys.length<=1||s.highlightedKeys.length<=1&&s.highlightedKeys.includes(t))return;const o=s.selectedKeys.filter(l=>l!==t);if(n("update:selectedKeys",o),n("change",o),n("remove",t),s.highlightedKeys.includes(t)){const l=s.highlightedKeys.filter(a=>a!==t);n("update:highlightedKeys",l),n("highlight",l)}},m=t=>{let o;if(s.highlightedKeys.includes(t))if(s.highlightedKeys.length>1)o=s.highlightedKeys.filter(l=>l!==t);else return;else o=[...s.highlightedKeys,t];n("update:highlightedKeys",o),n("highlight",o)},V=t=>{t||(i.value=t)};return C({popoverVisible:i,allOptions:d,selectedOptions:u,isSelected:p,isHighlighted:h,toggleOption:f,addOption:y,removeOption:g,highlightOption:m}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r)(),`${e.unref(S)(e.unref(B))}`,e.unref(K)]),style:e.normalizeStyle({...t.wrapperStyle,"--ap-value-select-card-column-count":t.maxRowDisplay})},[e.createVNode(e.unref(w.Popover),{open:i.value,trigger:"click",placement:"bottomRight",arrow:!1,"get-popup-container":t.getContainer,onOpenChange:V},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("popover"))},[t.popoverTitle?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r)("title"))},[t.showTitleIcon?(e.openBlock(),e.createBlock(e.unref(v.InfoCircleFilled),{key:0,class:e.normalizeClass(e.unref(r)("title-icon"))},null,8,["class"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.popoverTitle),1)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.key,class:e.normalizeClass([e.unref(r)("list-item"),"all",{select:p(l.key),disabled:t.maxSelected&&t.selectedKeys.length>=t.maxSelected}]),onClick:e.withModifiers(a=>f(l.key),["stop"])},[e.createElementVNode("div",I,[e.renderSlot(t.$slots,"popover-label",{option:l},()=>[e.createTextVNode(e.toDisplayString(l.label),1)])]),e.createElementVNode("div",O,[e.renderSlot(t.$slots,"popover-value",{option:l},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])])],10,$))),128))],2)],2)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.key,ref_for:!0,ref_key:"listItemRef",ref:N,class:e.normalizeClass([e.unref(r)("list-item"),{select:h(l.key),custom:l.customClass},l.customClass]),style:e.normalizeStyle(t.getCardStyle(l.key)),onClick:e.withModifiers(a=>m(l.key),["stop"])},[t.showCloseIcon&&(!(t.highlightedKeys.length===1&&h(l.key))&&u.value.length>1)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r)("list-item-close")),onClick:e.withModifiers(a=>g(l.key),["stop"])},[e.renderSlot(t.$slots,"close-icon",{},()=>[e.createVNode(e.unref(E.IconApAdLinePoor))])],10,D)):e.createCommentVNode("",!0),e.createElementVNode("div",M,[e.renderSlot(t.$slots,"label",{option:l},()=>[e.createTextVNode(e.toDisplayString(l.label),1)])]),e.createElementVNode("div",A,[e.renderSlot(t.$slots,"value",{option:l},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])])],14,q))),128)),t.showAddButton&&(!t.maxSelected||t.selectedKeys.length<t.maxSelected)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(r)("list-item"),"choose"]),onClick:o[0]||(o[0]=e.withModifiers(l=>i.value=!0,["stop"]))},[e.renderSlot(t.$slots,"add-button",{},()=>[e.createVNode(e.unref(v.PlusOutlined)),e.createElementVNode("span",F,e.toDisplayString(t.addButtonText),1)])],2)):e.createCommentVNode("",!0)],2)]),_:3},8,["open","get-popup-container"])],6))}});exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("@aplus-frontend/antdv"),v=require("@ant-design/icons-vue"),V=require("@aplus-frontend/icon");require("../../config-provider/index.js");const w=require("./style/index.js"),E=require("../../config-provider/hooks/use-namespace.js"),b=["onClick"],T={class:"label"},z={class:"value"},I=["onClick"],O=["onClick"],$={class:"label"},D={class:"value"},q={class:"text"},A=e.defineComponent({name:"ApValueSelectCard",__name:"index",props:{options:{},selectedKeys:{default:()=>[]},highlightedKeys:{default:()=>[]},maxSelected:{default:4},maxRowDisplay:{default:4},popoverTitle:{default:""},showTitleIcon:{type:Boolean,default:!0},showCloseIcon:{type:Boolean,default:!0},showAddButton:{type:Boolean,default:!0},addButtonText:{default:""},getContainer:{type:Function,default:c=>c.parentElement||document.body},getCardStyle:{type:Function,default:()=>({})},wrapperStyle:{type:[Boolean,null,String,Object,Array]}},emits:["update:selectedKeys","update:highlightedKeys","change","select","remove","highlight"],setup(c,{expose:C,emit:k}){const o=k,s=c,{b:r}=E.useNamespace("ap-value-select-card"),S=w.default("ap-value-select-card"),K=e.ref(null),i=e.ref(!1),d=e.computed(()=>s.options),u=e.computed(()=>d.value.filter(t=>s.selectedKeys.includes(t.key))),p=t=>s.selectedKeys.includes(t),h=t=>s.highlightedKeys.includes(t),f=t=>{s.selectedKeys.includes(t)?g(t):y(t)},y=t=>{if(s.maxSelected&&s.selectedKeys.length>=s.maxSelected)return;const n=[...s.selectedKeys,t];o("update:selectedKeys",n),o("change",n),o("select",t),s.highlightedKeys.includes(t)||m(t)},g=t=>{if(s.selectedKeys.length<=1||s.highlightedKeys.length<=1&&s.highlightedKeys.includes(t))return;const n=s.selectedKeys.filter(l=>l!==t);if(o("update:selectedKeys",n),o("change",n),o("remove",t),s.highlightedKeys.includes(t)){const l=s.highlightedKeys.filter(a=>a!==t);o("update:highlightedKeys",l),o("highlight",l)}},m=t=>{let n;if(s.highlightedKeys.includes(t))if(s.highlightedKeys.length>1)n=s.highlightedKeys.filter(l=>l!==t);else return;else n=[...s.highlightedKeys,t];o("update:highlightedKeys",n),o("highlight",n)},B=t=>{t||(i.value=t)};return C({popoverVisible:i,allOptions:d,selectedOptions:u,isSelected:p,isHighlighted:h,toggleOption:f,addOption:y,removeOption:g,highlightOption:m}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r)(),e.unref(S)]),style:e.normalizeStyle({...t.wrapperStyle,"--ap-value-select-card-column-count":t.maxRowDisplay})},[e.createVNode(e.unref(N.Popover),{open:i.value,trigger:"click",placement:"bottomRight",arrow:!1,"get-popup-container":t.getContainer,onOpenChange:B},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("popover"))},[t.popoverTitle?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r)("title"))},[t.showTitleIcon?(e.openBlock(),e.createBlock(e.unref(v.InfoCircleFilled),{key:0,class:e.normalizeClass(e.unref(r)("title-icon"))},null,8,["class"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.popoverTitle),1)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.key,class:e.normalizeClass([e.unref(r)("list-item"),"all",{select:p(l.key),disabled:t.maxSelected&&t.selectedKeys.length>=t.maxSelected}]),onClick:e.withModifiers(a=>f(l.key),["stop"])},[e.createElementVNode("div",T,[e.renderSlot(t.$slots,"popover-label",{option:l},()=>[e.createTextVNode(e.toDisplayString(l.label),1)])]),e.createElementVNode("div",z,[e.renderSlot(t.$slots,"popover-value",{option:l},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])])],10,b))),128))],2)],2)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.key,ref_for:!0,ref_key:"listItemRef",ref:K,class:e.normalizeClass([e.unref(r)("list-item"),{select:h(l.key),custom:l.customClass},l.customClass]),style:e.normalizeStyle(t.getCardStyle(l.key)),onClick:e.withModifiers(a=>m(l.key),["stop"])},[t.showCloseIcon&&(!(t.highlightedKeys.length===1&&h(l.key))&&u.value.length>1)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r)("list-item-close")),onClick:e.withModifiers(a=>g(l.key),["stop"])},[e.renderSlot(t.$slots,"close-icon",{},()=>[e.createVNode(e.unref(V.IconApAdLinePoor))])],10,O)):e.createCommentVNode("",!0),e.createElementVNode("div",$,[e.renderSlot(t.$slots,"label",{option:l},()=>[e.createTextVNode(e.toDisplayString(l.label),1)])]),e.createElementVNode("div",D,[e.renderSlot(t.$slots,"value",{option:l},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])])],14,I))),128)),t.showAddButton&&(!t.maxSelected||t.selectedKeys.length<t.maxSelected)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(r)("list-item"),"choose"]),onClick:n[0]||(n[0]=e.withModifiers(l=>i.value=!0,["stop"]))},[e.renderSlot(t.$slots,"add-button",{},()=>[e.createVNode(e.unref(v.PlusOutlined)),e.createElementVNode("span",q,e.toDisplayString(t.addButtonText),1)])],2)):e.createCommentVNode("",!0)],2)]),_:3},8,["open","get-popup-container"])],6))}});exports.default=A;

package/lib/src/business/ap-value-select-card/style/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../utils/cssinjs/index.js"),l=o=>{const{componentCls:r}=o;return{[r]:{position:"relative",marginBlockStart:"8px",".ant-popover":{width:"100%"},[`${r}-list`]:{display:"grid",gridTemplateColumns:"repeat(var(--ap-value-select-card-column-count, 5), minmax(var(--ap-value-select-card-max-width, 150px), 1fr))",gridAutoRows:"1fr",gap:"12px","&-item":{position:"relative",boxSizing:"border-box",padding:"8px 16px",color:o.textColor1,border:`1px solid ${o.colorBg1}`,borderRadius:o.borderRadius,cursor:"pointer","&-close":{position:"absolute",top:"8px",right:"10px",zIndex:1,color:o.textColor3,fontSize:o.fontSizeLG,cursor:"pointer","&:hover":{color:o.colorError}},".label":{marginBlockEnd:"4px",fontSize:o.fontSize,lineHeight:o.lineHeight},".value":{overflow:"hidden",fontWeight:"bold",fontSize:o.fontSizeXL,whiteSpace:"nowrap",textOverflow:"ellipsis"},"&:hover:not(.select)":{border:`1px solid ${o.colorPrimary}`},"&.select":{color:o.textColor2,borderColor:"transparent",boxShadow:"3px 10px 30px -2px rgba(123, 121, 140, 0.15)",background:"linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--ap-value-select-card-bg-color, #f5f9ff) 92%)","&:hover":{background:"var(--ap-value-select-card-bg-color, #f5f9ff)"}},"&.all":{color:o.textColor1,background:"#fff",border:`1px solid ${o.colorBg1}`,boxShadow:"none","&:hover:not(.disabled)":{borderColor:o.colorPrimary},"&.disabled":{color:"#8896b0",background:"#f9f9fa",cursor:"not-allowed",border:`1px solid ${o.colorBg1}`},"&.select":{background:"#f5f9ff",borderColor:o.colorPrimary,cursor:"pointer"}},"&.choose":{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",color:o.colorPrimary,background:"#fff",border:"1px dashed #d1d7df",boxShadow:"none",".text":{fontSize:o.fontSize,marginInlineStart:"4px"}}}},[`${r}-title`]:{display:"flex",alignItems:"center",marginBlockEnd:"12px",color:"#526a90",fontSize:o.fontSize,"&-icon":{marginRight:"4px",color:"#abb7cc",fontSize:o.fontSizeLG}},"&--admin":{[r]:{"&-list":{"&-item":{"&.all":{"&.select":{background:"#F7FCFA"},"&.disabled":{color:"#999"}}}},"&-title":{color:"#666","&-icon":{color:"#BFBFBF"}}}}}}},i=e.genComponentStyleHook("ApValueSelectCard",o=>[l(o)]);exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../utils/cssinjs/index.js"),l=o=>{const{componentCls:r}=o;return{[r]:{position:"relative",marginBlockStart:"8px",".ant-popover":{width:"100%"},[`${r}-list`]:{display:"grid",gridTemplateColumns:"repeat(var(--ap-value-select-card-column-count, 5), minmax(var(--ap-value-select-card-max-width, 150px), 1fr))",gridAutoRows:"1fr",gap:"12px","&-item":{position:"relative",boxSizing:"border-box",padding:"8px 16px",color:o.textColor2,border:`1px solid ${o.colorBg1}`,borderRadius:o.borderRadius,cursor:"pointer","&-close":{position:"absolute",top:"8px",right:"10px",zIndex:1,color:o.textColor3,fontSize:o.fontSizeLG,cursor:"pointer","&:hover":{color:o.colorError}},".label":{marginBlockEnd:"4px",fontSize:o.fontSize,lineHeight:o.lineHeight},".value":{overflow:"hidden",fontWeight:"bold",fontSize:o.fontSizeXL,whiteSpace:"nowrap",textOverflow:"ellipsis"},"&:hover:not(.select)":{border:`1px solid ${o.colorPrimary}`},"&.select":{color:o.textColor1,borderColor:"transparent",boxShadow:"3px 10px 30px -2px rgba(123, 121, 140, 0.15)",background:"linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--ap-value-select-card-bg-color, #f5f9ff) 92%)","&:hover":{background:"var(--ap-value-select-card-bg-color, #f5f9ff)"}},"&.all":{color:o.textColor2,background:"#fff",border:`1px solid ${o.colorBg1}`,boxShadow:"none","&:hover:not(.disabled)":{borderColor:o.colorPrimary},"&.disabled":{color:o.textColor3,background:"#f9f9fa",cursor:"not-allowed",border:`1px solid ${o.colorBg1}`},"&.select":{background:o.colorBgControl,borderColor:o.colorPrimary,cursor:"pointer"}},"&.choose":{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",color:o.colorPrimary,background:"#fff",border:"1px dashed #d1d7df",boxShadow:"none",".text":{fontSize:o.fontSize,marginInlineStart:"4px"}}}},[`${r}-title`]:{display:"flex",alignItems:"center",marginBlockEnd:"12px",color:o.textColor2,fontSize:o.fontSize,"&-icon":{marginRight:"4px",color:o.textColor4,fontSize:o.fontSizeLG}}}}},i=e.genComponentStyleHook("ApValueSelectCard",o=>[l(o)]);exports.default=i;

package/lib/src/business/batch-input-group/style/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../utils/cssinjs/index.js"),a=o=>{const{componentCls:e,namespace:t}=o,r=`${e}-popover-input`,n=`--${t}-batch-input-group-popover-left`,p=`--${t}-batch-input-group-popover-right`;return{[e]:{position:"relative",[r]:{display:"inline-flex",alignItems:"center",[`${r}-trigger-icon`]:{cursor:"pointer",fontSize:"16px",color:o.textColor1,lineHeight:0,"&:hover":{color:o.colorPrimary},"&--disabled":{cursor:"not-allowed",color:o.batchInputGroupTriggerColorDisabled,"&:hover":{color:o.batchInputGroupTriggerColorDisabled}}}}},[`${r}__popover`]:{width:"100%",minWidth:"300px",left:`var(${n}) !important`,right:`var(${p}) !important`,".ant-popover-arrow":{display:"none"},".ant-popover-inner":{padding:0},[`${r}__popover--content`]:{padding:"12px",textarea:{padding:0,resize:"none"}}}}},l=i.genComponentStyleHook("BatchInputGroup",o=>[a(o)],{batchInputGroupTriggerColorDisabled:"rgba(24, 41, 72, 0.25)"});exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../utils/cssinjs/index.js"),a=o=>{const{componentCls:e,namespace:t}=o,r=`${e}-popover-input`,n=`--${t}-batch-input-group-popover-left`,p=`--${t}-batch-input-group-popover-right`;return{[e]:{position:"relative",[r]:{display:"inline-flex",alignItems:"center",[`${r}-trigger-icon`]:{cursor:"pointer",fontSize:"16px",color:o.textColor2,lineHeight:0,"&:hover":{color:o.colorPrimary},"&--disabled":{cursor:"not-allowed",color:o.batchInputGroupTriggerColorDisabled,"&:hover":{color:o.batchInputGroupTriggerColorDisabled}}}}},[`${r}__popover`]:{width:"100%",minWidth:"300px",left:`var(${n}) !important`,right:`var(${p}) !important`,".ant-popover-arrow":{display:"none"},".ant-popover-inner":{padding:0},[`${r}__popover--content`]:{padding:"12px",textarea:{padding:0,resize:"none"}}}}},l=i.genComponentStyleHook("BatchInputGroup",o=>[a(o)],{batchInputGroupTriggerColorDisabled:"rgba(24, 41, 72, 0.25)"});exports.default=l;

package/lib/src/check-card/style/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../style/index.js"),l=require("../../utils/cssinjs/index.js"),a=e=>{const{componentCls:r,checkCardDisabledOutlineColor:c,checkCardIndicatorSize:i,checkCardOutlineWidth:o,checkCardIndicatorOffset:d}=e;return{[`${r}`]:{...t.resetComponent(e),borderRadius:e.borderRadius,position:"relative","&--disabled":{backgroundColor:e.checkCardDisabledBg,cursor:"not-allowed !important"},"&--bordered":{outline:`1px solid ${e.borderColorBase}`},[`&:hover:not(${r}--disabled)`]:{cursor:"pointer",outline:`1px solid ${e.colorPrimary}`},"&::after":{content:'""',position:"absolute",width:0,height:0,insetBlockStart:0,insetInlineEnd:0,clipPath:"polygon(100% 0, 100% 100%, 0 0)",background:e.colorPrimary,borderRadius:`calc(${e.borderRadius} + 2px)`},"&--checked":{outline:`${o} solid ${e.colorPrimary}`,[`&:hover:not(${r}--disabled)`]:{outline:`${o} solid ${e.colorPrimary}`},"&::after":{width:`calc(${i} * 2)`,height:`calc(${i} * 2)`,insetBlockStart:d,insetInlineEnd:d,transition:"width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), inset 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)"},[`&${r}--disabled`]:{outlineColor:c,"&::after":{backgroundColor:c}}},"&--middle":{padding:e.spaceLG},"&--small":{padding:`${e.spaceSM} ${e.spaceLG}`},[`${r}__title`]:{...t.resetComponent(e),marginBottom:e.spaceXS,color:"#333",fontWeight:"bold","&--disabled":{color:e.textColor4}},[`${r}__content`]:{...t.resetComponent(e),color:"#333","&--disabled":{color:e.textColor4}},[`${r}__checked-icon`]:{position:"absolute",top:0,right:0,zIndex:1,lineHeight:1,userSelect:"none","& > img":{width:`calc(${i} - ${o})`,verticalAlign:"top"}}}}},n=l.genComponentStyleHook("CheckCard",e=>[a(e)],{checkCardDisabledBg:"#F9F9FA",checkCardDisabledOutlineColor:"#E9EDF3",checkCardIndicatorSize:14,checkCardOutlineWidth:2,checkCardIndicatorOffset:-2});exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../style/index.js"),a=require("../../utils/cssinjs/index.js"),s=e=>{const{componentCls:i,checkCardDisabledOutlineColor:t,checkCardIndicatorSize:d,checkCardOutlineWidth:r,checkCardIndicatorOffset:c}=e,l=e.calc(d).mul(2).equal();return{[`${i}`]:{...o.resetComponent(e),borderRadius:e.borderRadius,position:"relative","&--disabled":{backgroundColor:e.checkCardDisabledBg,cursor:"not-allowed !important"},"&--bordered":{outline:`1px solid ${e.borderColorBase}`},[`&:hover:not(${i}--disabled)`]:{cursor:"pointer",outline:`1px solid ${e.colorPrimary}`},"&::after":{content:'""',position:"absolute",width:0,height:0,insetBlockStart:0,insetInlineEnd:0,clipPath:"polygon(100% 0, 100% 100%, 0 0)",background:e.colorPrimary,borderRadius:e.calc(e.borderRadius).add("2px").equal()},"&--checked":{outline:`${r} solid ${e.colorPrimary}`,[`&:hover:not(${i}--disabled)`]:{outline:`${r} solid ${e.colorPrimary}`},"&::after":{width:l,height:l,insetBlockStart:c,insetInlineEnd:c,transition:"width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), inset 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)"},[`&${i}--disabled`]:{outlineColor:t,"&::after":{backgroundColor:t}}},"&--middle":{padding:e.spaceLG},"&--small":{padding:`${e.spaceSM} ${e.spaceLG}`},[`${i}__title`]:{...o.resetComponent(e),marginBottom:e.spaceXS,color:"#333",fontWeight:"bold","&--disabled":{color:e.textColor4}},[`${i}__content`]:{...o.resetComponent(e),color:"#333","&--disabled":{color:e.textColor4}},[`${i}__checked-icon`]:{position:"absolute",top:0,right:0,zIndex:1,lineHeight:1,userSelect:"none","& > img":{width:e.calc(d).sub(r).equal(),verticalAlign:"top"}}}}},n=a.genComponentStyleHook("CheckCard",e=>[s(e)],{checkCardDisabledBg:"#F9F9FA",checkCardDisabledOutlineColor:"#E9EDF3",checkCardIndicatorSize:14,checkCardOutlineWidth:2,checkCardIndicatorOffset:-2});exports.default=n;

package/lib/src/design-token/constants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={borderColorBase:"#dee4ed",hoverColorBase:"#66a9ff",activeColorBase:"#66a9ff",colorPrimary:"#0070ff",colorPrimaryDisabled:"#cce2ff",colorLink:"#0070ff",colorLinkHover:"#66a9ff",colorLinkDisabled:"#cce2ff",colorSuccess:"#2ed1a3",colorSuccessDisabled:"#d5f6ed",colorError:"#ff4d4f",colorErrorDisabled:"#ffdbdc",colorWarn:"#ffa940",colorWarnDisabled:"#ffeed9",textColor1:"#526a90",textColor2:"#182948",textColor3:"#8896b0",textColor4:"#abb7cc",colorBg1:"#e9edf3",colorBg2:"#f6f9fa",colorBg3:"#f3f5f8",colorBgDisabled:"#f2f6f9",fontSizeSM:10,fontSize:12,fontSizeLG:14,fontSizeXL:16,lineHeightSM:16,lineHeight:18,lineHeightLG:22,borderRadiusXS:1,borderRadius:4,spaceXXS:2,spaceXS:4,spaceSM:6,space:8,spaceMD:10,spaceLG:12,spaceXL:16,spaceXXL:24,scrollbarThumbColorBase:"#c8d1de",scrollbarThumbColorHover:"#959ca7",scrollbarTrackColorHover:"#f2f6f9",tableHeaderBg:"#f2f6f9",lineClamp:2};exports.defaultToken=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={borderColorBase:"#dee4ed",hoverColorBase:"#66a9ff",activeColorBase:"#66a9ff",colorPrimary:"#0070ff",colorPrimaryDisabled:"#cce2ff",colorLink:"#0070ff",colorLinkHover:"#66a9ff",colorLinkDisabled:"#cce2ff",colorSuccess:"#2ed1a3",colorSuccessDisabled:"#d5f6ed",colorError:"#ff4d4f",colorErrorDisabled:"#ffdbdc",colorWarn:"#ffa940",colorWarnDisabled:"#ffeed9",textColor1:"#182948",textColor2:"#526a90",textColor3:"#8896b0",textColor4:"#abb7cc",colorBg1:"#e9edf3",colorBg2:"#f6f9fa",colorBg3:"#f3f5f8",colorBgDisabled:"#f2f6f9",colorBgLayout:"#f2f6f9",colorBgControl:"#F5F9FF",fontSizeSM:10,fontSize:12,fontSizeLG:14,fontSizeXL:16,lineHeightSM:16,lineHeight:18,lineHeightLG:22,borderRadiusXS:1,borderRadius:4,spaceXXS:2,spaceXS:4,spaceSM:6,space:8,spaceMD:10,spaceLG:12,spaceXL:16,spaceXXL:24,scrollbarThumbColorBase:"#c8d1de",scrollbarThumbColorHover:"#959ca7",scrollbarTrackColorHover:"#f2f6f9",tableHeaderBg:"#f2f6f9",lineClamp:2};exports.defaultToken=o;

package/lib/src/design-token/interface.d.ts

@@ -12,6 +12,8 @@ import { AgGridToken } from '../ag-grid/style';
 import { BatchInputGroupToken } from '../business/batch-input-group/style';
 import { ApRadioGroupToken } from '../business/ap-radio-group/style';
 import { ApGridToken } from '../ap-grid/style';
+import { TokenUtil } from '../utils/cssinjs/TokenUtil';
+/** 基础token */
 export type BaseToken = {
     /**
      * 基础边框色
@@ -101,6 +103,14 @@ export type BaseToken = {
      * 背景禁用色
      */
     colorBgDisabled: string;
+    /**
+     * 布局背景色
+     */
+    colorBgLayout: string;
+    /**
+     * 控件背景色（一般同主系，但是更浅，适用块选中效果）
+     */
+    colorBgControl: string;
     fontSizeXL: number;
     fontSizeLG: number;
     fontSize: number;
@@ -127,53 +137,40 @@ export type BaseToken = {
      */
     lineClamp: number;
 };
-/**
- * 全量token
- */
+/** 组件token */
+export type ComponentsToken = {
+    ApAction: ActionToken;
+    CheckCard: CheckCardToken;
+    ApForm: ApFormToken;
+    ApList: ApListToken;
+    Scrollbar: ScrollbarToken;
+    Mask: MaskToken;
+    Splitter: SplitterToken;
+    ProCard: ProCardToken;
+    StatisticsCard: ProCardToken;
+    AgGrid: AgGridToken;
+    BatchInputGroup: BatchInputGroupToken;
+    ApRadioGroup: ApRadioGroupToken;
+    ApGrid: ApGridToken;
+};
+/** 全量token */
 export type FullToken = BaseToken & {
-    components: {
-        ApAction: ActionToken;
-        CheckCard: CheckCardToken;
-        ApForm: ApFormToken;
-        ApList: ApListToken;
-        Scrollbar: ScrollbarToken;
-        Mask: MaskToken;
-        Splitter: SplitterToken;
-        ProCard: ProCardToken;
-        StatisticsCard: ProCardToken;
-        AgGrid: AgGridToken;
-        BatchInputGroup: BatchInputGroupToken;
-        ApRadioGroup: ApRadioGroupToken;
-        ApGrid: ApGridToken;
-    };
+    components: ComponentsToken;
 };
-/**
- * 上下文token（基础token+部分组件token）
- */
+/** 上下文token（基础token+部分组件token） */
 export type ContextToken = BaseToken & RecursivePartial<{
-    components: {
-        ApAction: ActionToken;
-        CheckCard: CheckCardToken;
-        ApForm: ApFormToken;
-        ApList: ApListToken;
-        Scrollbar: ScrollbarToken;
-        Mask: MaskToken;
-        Splitter: SplitterToken;
-        ProCard: ProCardToken;
-        StatisticsCard: ProCardToken;
-        AgGrid: AgGridToken;
-        BatchInputGroup: BatchInputGroupToken;
-        ApRadioGroup: ApRadioGroupToken;
-        ApGrid: ApGridToken;
-    };
+    components: ComponentsToken;
 }>;
 export type TokenWithComponentCls<Token> = Token & {
     componentCls: string;
     namespace: string;
 };
+export type TokenWithUtil<Token> = TokenWithComponentCls<Token> & {
+    calc: (cssVar: any) => InstanceType<typeof TokenUtil>;
+};
 export type CssVarToken<Token = Recordable> = {
     [key in keyof Token]: Token[key] | string;
 };
-export type GenStyleFunc<Token = object> = (token: TokenWithComponentCls<Token & BaseToken>) => CSSInterpolation;
-export type StyleMixin<Token = object> = (token: TokenWithComponentCls<Token & BaseToken>) => CSSObject;
-export type GenStyleCallback<Token> = (token: TokenWithComponentCls<Token>, rawToken: TokenWithComponentCls<Token>) => CSSInterpolation[];
+export type GenStyleFunc<Token = object> = (token: TokenWithUtil<Token & BaseToken>) => CSSInterpolation;
+export type StyleMixin<Token = object> = (token: TokenWithUtil<Token & BaseToken>) => CSSObject;
+export type GenStyleCallback<Token> = (calc: TokenWithUtil<Token>, rawToken: TokenWithComponentCls<Token>) => CSSInterpolation[];

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

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

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

@@ -1 +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,splitterSplitBarDraggableSize:20});exports.default=n;exports.genSplitterStyle=o;
+"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"}),l=e=>{const{componentCls:r,namespace:o}=e,i=`--${o}-splitter-bar-preview-offset`;return{[r]:{boxSizing:"border-box",margin:0,padding:0,color:e.textColor1,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.textColor1,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:e.calc(e.splitterTriggerSize).div(2).equal(),transform:"translateY(-50%)"},"&-end":{left:e.calc(e.splitterTriggerSize).div(2).equal(),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:e.calc(e.splitterTriggerSize).div(2).equal(),transform:"translateX(-50%)"},"&-end":{top:e.calc(e.splitterTriggerSize).div(2).equal(),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=>[l(e)],{splitterBarSize:2,splitterTriggerSize:6,splitterSplitBarDraggableSize:20});exports.default=n;exports.genSplitterStyle=l;

package/lib/src/style/index.js

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=r=>({boxSizing:"border-box",margin:0,padding:0,color:r.textColor1,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/text/style/index.js

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

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

@@ -0,0 +1,11 @@
+export declare class TokenUtil {
+    private result;
+    private lowPriority?;
+    constructor(cssVar: string);
+    add(cssVar: string | number | TokenUtil): this;
+    sub(cssVar: string | number | TokenUtil): this;
+    mul(cssVar: string | number | TokenUtil): this;
+    div(cssVar: string | number | TokenUtil): this;
+    getResult(): string;
+    equal(): string;
+}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class s{constructor(t){this.result="",this.result=t}add(t){return t instanceof s?this.result=`${this.result} + ${t.getResult()}`:this.result=`${this.result} + ${t}`,this.lowPriority=!0,this}sub(t){return console.log("cssVar",t),t instanceof s?this.result=`${this.result} - ${t.getResult()}`:this.result=`${this.result} - ${t}`,this.lowPriority=!0,this}mul(t){return this.lowPriority&&(this.result=`(${this.result})`),t instanceof s?this.result=`${this.result} * ${t.getResult()}`:this.result=`${this.result} * ${t}`,this.lowPriority=!1,this}div(t){return this.lowPriority&&(this.result=`(${this.result})`),t instanceof s?this.result=`${this.result} / ${t.getResult()}`:this.result=`${this.result} / ${t}`,this.lowPriority=!1,this}getResult(){return this.lowPriority?`(${this.result})`:this.result}equal(){return typeof this.lowPriority<"u"?`calc(${this.result})`:this.result}}exports.TokenUtil=s;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),C=require("@emotion/css"),q=require("@emotion/css/create-instance"),S=require("../../config-provider/hooks/use-token.js");require("../../config-provider/index.js");const k=require("./utils.js"),i=require("lodash-unified"),T=require("./instance.js"),$=require("./plugin-specificity.js"),b=require("../../config-provider/hooks/use-global-config.js"),{css:j}=q({key:"css-dev-only",stylisPlugins:[$.downSpecificityPlugin]});function h(l){const s={};for(const o in l)s[o]=`var(${k.camelToKebab(o)})`;return s}function V(l,s,o,g){return c=>{const m=l.split("."),{token:u,rootCls:p}=S.useToken(),y=n.ref(),r=b.useGlobalConfig("namespace"),f=n.computed(()=>({...i.omit(u.value||{},"components"),...u.value.components?.[m[0]]||{}})),v=n.computed(()=>{const e=u.value.components?.[m[0]]||{};return{...i.isFunction(o)?o(f.value):o||{},...e}}),d=n.computed(()=>({...i.omit(u.value||{},"components"),...v.value,componentCls:`.${r.value}-${c}`,namespace:r.value}));return n.watch(()=>r.value,e=>{const t=h(d.value);t.componentCls=`.${e}-${c}`,t.namespace=e;const a=s(t,{...d.value,componentCls:`.${e}-${c}`,namespace:e});C.injectGlobal(a)},{immediate:!0}),n.watch([()=>v.value,()=>p.value],([e,t])=>{const a=k.generateCssVar(e,g);Object.keys(a).length&&T.css({[`.${t}.${r.value}-${c}`]:a})},{deep:!0,immediate:!0}),n.computed(()=>C.cx(p.value,y.value))}}exports.genComponentStyleHook=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),C=require("@emotion/css"),q=require("@emotion/css/create-instance"),S=require("../../config-provider/hooks/use-token.js");require("../../config-provider/index.js");const k=require("./utils.js"),i=require("lodash-unified"),$=require("./instance.js"),b=require("./plugin-specificity.js"),h=require("./TokenUtil.js"),w=require("../../config-provider/hooks/use-global-config.js"),{css:A}=q({key:"css-dev-only",stylisPlugins:[b.downSpecificityPlugin]});function V(l){const s={};for(const t in l)s[t]=`var(${k.camelToKebab(t)})`;return s}function j(l,s,t,g){return c=>{const m=l.split("."),{token:u,rootCls:p}=S.useToken(),y=o.ref(),r=w.useGlobalConfig("namespace"),T=o.computed(()=>({...i.omit(u.value||{},"components"),...u.value.components?.[m[0]]||{}})),v=o.computed(()=>{const e=u.value.components?.[m[0]]||{};return{...i.isFunction(t)?t(T.value):t||{},...e}}),d=o.computed(()=>({...i.omit(u.value||{},"components"),...v.value,componentCls:`.${r.value}-${c}`,namespace:r.value}));return o.watch(()=>r.value,e=>{const n=V(d.value);n.componentCls=`.${e}-${c}`,n.namespace=e,n.calc=f=>new h.TokenUtil(f);const a=s(n,{...d.value,componentCls:`.${e}-${c}`,namespace:e});C.injectGlobal(a)},{immediate:!0}),o.watch([()=>v.value,()=>p.value],([e,n])=>{const a=k.generateCssVar(e,g);Object.keys(a).length&&$.css({[`.${n}.${r.value}-${c}`]:a})},{deep:!0,immediate:!0}),o.computed(()=>C.cx(p.value,y.value))}}exports.genComponentStyleHook=j;

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.0.1";
+declare const _default: "7.1.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="7.0.1";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.1.1";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "7.0.1",
+  "version": "7.1.1",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -38,8 +38,8 @@
     "scroll-into-view-if-needed": "^3.1.0",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
-    "@aplus-frontend/utils": "1.0.61",
-    "@aplus-frontend/hooks": "1.0.7"
+    "@aplus-frontend/hooks": "1.0.7",
+    "@aplus-frontend/utils": "1.0.61"
   },
   "peerDependencies": {
     "@aplus-frontend/antdv": "^1.2.16",