@aplus-frontend/ui 7.0.0-beta.3 → 7.0.0

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),p=require("@aplus-frontend/antdv");require("../../config-provider/index.js");const N=require("../../ap-table/index.js"),m=require("lodash-unified"),A=require("@aplus-frontend/utils");require("./modal-title.vue.js");const y=require("./interface.js");require("./table-layout/index.vue.js");const L=require("./style/index.js"),D=require("../../config-provider/hooks/use-namespace.js"),E=require("../../config-provider/hooks/use-locale.js"),F=require("./modal-title.vue2.js"),U=require("./table-layout/index.vue2.js"),G=t.defineComponent({__name:"table-modal",props:{columns:{},getRowKey:{},api:{type:Function,default:async()=>({records:[],total:0})},apTableProps:{},maxCount:{default:1/0},isRenderModalTitleSuffix:{type:Boolean,default:!0},renderModalTitleSuffix:{},disabledCheckbox:{type:[Boolean,Function]},rowSelection:{},tableLayoutConfig:{},renderHeader:{},onOk:{},prefixCls:{},confirmLoading:{type:Boolean,default:void 0},title:{},closable:{type:Boolean,default:void 0},closeIcon:{},onCancel:{},"onUpdate:visible":{},"onUpdate:open":{},onChange:{},afterClose:{},afterOpenChange:{},centered:{type:Boolean,default:void 0},width:{},footer:{},okText:{},okType:{},cancelText:{},icon:{},maskClosable:{type:Boolean,default:void 0},forceRender:{type:Boolean,default:void 0},okButtonProps:{},cancelButtonProps:{},destroyOnClose:{type:Boolean,default:void 0},wrapClassName:{},maskTransitionName:{},transitionName:{},getContainer:{type:[String,Boolean,Function],default:void 0},zIndex:{},bodyStyle:{},maskStyle:{},mask:{type:Boolean,default:void 0},keyboard:{type:Boolean,default:void 0},wrapProps:{},focusTriggerAfterClose:{type:Boolean,default:void 0},modalRender:{},mousePosition:{},loading:{type:Boolean}},emits:["finish"],setup(g,{expose:w,emit:k}){const e=g,h=k,s=t.ref(!1),v=t.ref({}),u=t.ref(null),n=t.ref([]),b=t.ref();let d=null,i=null;const{b:R}=D.useNamespace("ap-table-modal"),T=L.default("ap-table-modal"),{t:x}=E.useLocale(),S=async(o=[],a={})=>{switch(n.value=[...o],s.value=!0,v.value=a?.extraParams,b.value=a.apTableDataSources||e.apTableProps?.dataSource,a.refreshMode||"reset"){case"reset":u.value?.reset();break;case"submit":u.value?.submit();break;case"none":break}return new Promise((l,r)=>{d=l,i=r})},C=()=>{s.value=!1,d=null,i?.(y.AsyncOpenResultError.ModalCancel),i=null},_=async o=>{o=A.transformTableParams({...o,...v.value});const a=e.api,{records:l,total:r}=await a(o);return{data:l,total:r}},B=async()=>{if(n.value.length>e.maxCount){i?.(y.AsyncOpenResultError.ExceedMaxCount);return}if(e.getRowKey){const o=m.cloneDeep(t.unref(n)),a=o.map(e.getRowKey);if(e.onOk&&await e.onOk({keys:a,rows:o})===!1)return;h("finish",a,o),d?.({keys:a,rows:o})}else{i?.(y.AsyncOpenResultError.NotFineGetRowKey);return}s.value=!1},P=t.computed(()=>{if(!e.getRowKey)return;const o=e.getRowKey;return{fixed:!0,selectedRowKeys:n.value.map(o),columnWidth:50,preserveSelectedRowKeys:!0,onSelectAll(a,l){if(l.length>e.maxCount){p.message.warning(x("ap.apTableModal.messageMaxCount",{maxCount:e.maxCount}));return}const r=u.value?.dataSource;if(a){const c=t.unref(r).filter(f=>!n.value.some(I=>o(I)===o(f)));n.value=n.value.concat(c)}else n.value=n.value?.filter(c=>!r.some(f=>o(f)===o(c)))},onSelect(a,l){if(l){if(n.value.length>=e.maxCount){p.message.warning(x("ap.apTableModal.messageMaxCount",{maxCount:e.maxCount}));return}e.rowSelection?.type==="radio"?n.value=[a]:n.value.push(a)}else{const r=n.value.findIndex(c=>o(a)===o(c));n.value.splice(r,1)}},getCheckboxProps:a=>({disabled:typeof e.disabledCheckbox=="function"?e.disabledCheckbox(a,n.value):e.disabledCheckbox}),...e.rowSelection||{}}}),q=()=>e.isRenderModalTitleSuffix?t.h(F.default,{title:e.title,count:n.value.length||0,maxCount:e.maxCount},{default:e.renderModalTitleSuffix??void 0}):e.title,M=()=>u.value,K=()=>{n.value=[]},O=o=>{const a=e.getRowKey;if(!a)return;const l=n.value.findIndex(r=>a(o)===a(r));n.value.splice(l,1)};return w({open:S,close:C,getApTableInstance:M}),(o,a)=>(t.openBlock(),t.createBlock(t.unref(p.Modal),t.mergeProps({open:s.value,"onUpdate:open":a[0]||(a[0]=l=>s.value=l)},t.unref(m.omit)(e,["api","getRowKey","centered","apTableProps","onOk","maxCount","title","renderModalTitleSuffix","isRenderModalTitleSuffix","rowSelection","disabledCheckbox","tableLayoutConfig"]),{title:q(),centered:e.centered??!0,"wrap-class-name":`${t.unref(R)()} ${t.unref(T)}`,onOk:B,onCancel:C}),{default:t.withCtx(()=>[e.renderHeader?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.renderHeader),{key:0})):t.createCommentVNode("",!0),t.createVNode(U.default,t.mergeProps(e.tableLayoutConfig||{},{"selected-list":n.value,onClear:K,onDeleteItem:O}),{default:t.withCtx(()=>[t.createVNode(t.unref(N.ApTable),t.mergeProps({ref_key:"apTableRef",ref:u,scroll:{y:450},style:{padding:"0px"},columns:o.columns,request:_,"row-key":o.getRowKey,"row-selection":P.value,"data-source":b.value,"search-form":{sortable:!1,countPerRow:2}},t.unref(m.omit)(e.apTableProps,"dataSource")),null,16,["columns","row-key","row-selection","data-source"])]),_:1},16,["selected-list"])]),_:1},16,["open","title","centered","wrap-class-name"]))}});exports.default=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),p=require("@aplus-frontend/antdv");require("../../config-provider/index.js");const N=require("../../ap-table/index.js"),m=require("lodash-unified"),A=require("@aplus-frontend/utils");require("./modal-title.vue.js");const y=require("./interface.js");require("./table-layout/index.vue.js");const L=require("./style/index.js"),D=require("../../config-provider/hooks/use-namespace.js"),E=require("../../config-provider/hooks/use-locale.js"),F=require("./modal-title.vue2.js"),U=require("./table-layout/index.vue2.js"),j=t.defineComponent({__name:"table-modal",props:{columns:{},getRowKey:{},api:{type:Function,default:async()=>({records:[],total:0})},apTableProps:{},maxCount:{default:1/0},isRenderModalTitleSuffix:{type:Boolean,default:!0},renderModalTitleSuffix:{},disabledCheckbox:{type:[Boolean,Function]},rowSelection:{},tableLayoutConfig:{},renderHeader:{},onOk:{},prefixCls:{},confirmLoading:{type:Boolean,default:void 0},title:{},closable:{type:Boolean,default:void 0},closeIcon:{},onCancel:{},"onUpdate:visible":{},"onUpdate:open":{},onChange:{},afterClose:{},afterOpenChange:{},centered:{type:Boolean,default:void 0},width:{},footer:{},okText:{},okType:{},cancelText:{},icon:{},maskClosable:{type:Boolean,default:void 0},forceRender:{type:Boolean,default:void 0},okButtonProps:{},cancelButtonProps:{},destroyOnClose:{type:Boolean,default:void 0},wrapClassName:{},maskTransitionName:{},transitionName:{},getContainer:{type:[String,Boolean,Function],default:void 0},zIndex:{},bodyStyle:{},maskStyle:{},mask:{type:Boolean,default:void 0},keyboard:{type:Boolean,default:void 0},wrapProps:{},focusTriggerAfterClose:{type:Boolean,default:void 0},modalRender:{},mousePosition:{},loading:{type:Boolean}},emits:["finish"],setup(g,{expose:w,emit:k}){const e=g,h=k,u=t.ref(!1),v=t.ref({}),i=t.ref(null),n=t.ref([]),b=t.ref();let d=null,c=null;const{b:R}=D.useNamespace("ap-table-modal"),T=L.default("ap-table-modal"),{t:x}=E.useLocale(),S=async(o=[],a={})=>{switch(n.value=[...o],u.value=!0,v.value=a?.extraParams,b.value=a.apTableDataSources||e.apTableProps?.dataSource,a.refreshMode||"reset"){case"reset":i.value?.reset();break;case"submit":i.value?.submit();break;case"none":break}return new Promise((l,r)=>{d=l,c=s=>r("Ignored Reject: "+s)})},C=()=>{u.value=!1,d=null,c?.(y.AsyncOpenResultError.ModalCancel),c=null},_=async o=>{o=A.transformTableParams({...o,...v.value});const a=e.api,{records:l,total:r}=await a(o);return{data:l,total:r}},B=async()=>{if(n.value.length>e.maxCount){c?.(y.AsyncOpenResultError.ExceedMaxCount);return}if(e.getRowKey){const o=m.cloneDeep(t.unref(n)),a=o.map(e.getRowKey);if(e.onOk&&await e.onOk({keys:a,rows:o})===!1)return;h("finish",a,o),d?.({keys:a,rows:o})}else{c?.(y.AsyncOpenResultError.NotFineGetRowKey);return}u.value=!1},P=t.computed(()=>{if(!e.getRowKey)return;const o=e.getRowKey;return{fixed:!0,selectedRowKeys:n.value.map(o),columnWidth:50,preserveSelectedRowKeys:!0,onSelectAll(a,l){if(l.length>e.maxCount){p.message.warning(x("ap.apTableModal.messageMaxCount",{maxCount:e.maxCount}));return}const r=i.value?.dataSource;if(a){const s=t.unref(r).filter(f=>!n.value.some(I=>o(I)===o(f)));n.value=n.value.concat(s)}else n.value=n.value?.filter(s=>!r.some(f=>o(f)===o(s)))},onSelect(a,l){if(l){if(n.value.length>=e.maxCount){p.message.warning(x("ap.apTableModal.messageMaxCount",{maxCount:e.maxCount}));return}e.rowSelection?.type==="radio"?n.value=[a]:n.value.push(a)}else{const r=n.value.findIndex(s=>o(a)===o(s));n.value.splice(r,1)}},getCheckboxProps:a=>({disabled:typeof e.disabledCheckbox=="function"?e.disabledCheckbox(a,n.value):e.disabledCheckbox}),...e.rowSelection||{}}}),q=()=>e.isRenderModalTitleSuffix?t.h(F.default,{title:e.title,count:n.value.length||0,maxCount:e.maxCount},{default:e.renderModalTitleSuffix??void 0}):e.title,M=()=>i.value,K=()=>{n.value=[]},O=o=>{const a=e.getRowKey;if(!a)return;const l=n.value.findIndex(r=>a(o)===a(r));n.value.splice(l,1)};return w({open:S,close:C,getApTableInstance:M}),(o,a)=>(t.openBlock(),t.createBlock(t.unref(p.Modal),t.mergeProps({open:u.value,"onUpdate:open":a[0]||(a[0]=l=>u.value=l)},t.unref(m.omit)(e,["api","getRowKey","centered","apTableProps","onOk","maxCount","title","renderModalTitleSuffix","isRenderModalTitleSuffix","rowSelection","disabledCheckbox","tableLayoutConfig"]),{title:q(),centered:e.centered??!0,"wrap-class-name":`${t.unref(R)()} ${t.unref(T)}`,onOk:B,onCancel:C}),{default:t.withCtx(()=>[e.renderHeader?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.renderHeader),{key:0})):t.createCommentVNode("",!0),t.createVNode(U.default,t.mergeProps(e.tableLayoutConfig||{},{"selected-list":n.value,onClear:K,onDeleteItem:O}),{default:t.withCtx(()=>[t.createVNode(t.unref(N.ApTable),t.mergeProps({ref_key:"apTableRef",ref:i,scroll:{y:450},style:{padding:"0px"},columns:o.columns,request:_,"row-key":o.getRowKey,"row-selection":P.value,"data-source":b.value,"search-form":{sortable:!1,countPerRow:2}},t.unref(m.omit)(e.apTableProps,"dataSource")),null,16,["columns","row-key","row-selection","data-source"])]),_:1},16,["selected-list"])]),_:1},16,["open","title","centered","wrap-class-name"]))}});exports.default=j;

package/lib/src/business/ap-title/style/index.d.ts

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

package/lib/src/business/ap-upload-file/ap-upload-single/style/index.d.ts

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

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

@@ -1,3 +1,3 @@
-import { Ref } from 'vue';
-declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+import { ComputedRef } from 'vue';
+declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

package/lib/src/business/ap-view/style/index.d.ts

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../utils/cssinjs/index.js"),n=t=>{const{componentCls:e}=t;return{[e]:{"& > .ant-btn":{padding:0},"& > .ant-dropdown-trigger":{color:t.textColor3},[`${e}-main-content`]:{padding:"4px 8px",display:"flex",alignItems:"center",justifyContent:"center","&-disabled":{color:t.textColor4,cursor:"not-allowed"}},[`${e}-icon`]:{width:"100%",height:"100%",fontSize:"14px",display:"flex",justifyContent:"center",alignItems:"center"}},[`${e}-main-content-popover`]:{width:"340px","&-title-content":{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px","&-title":{ontSize:"14px",fontWeight:500,lineHeight:"22px"},".ant-form-item":{marginBottom:0}},"&-btn":{marginBottom:0,".ant-form-item-control-input-content":{display:"flex",justifyContent:"flex-end"}}},[`${e}-overlay`]:{".ant-dropdown-menu":{padding:"8px","&-item":{padding:"0 !important","&:hover":{backgroundColor:"transparent !important"}}},[`${e}-menu-list-content`]:{width:"250px",display:"flex",padding:"6px 8px",alignItems:"center",height:"32px",".menu-list-content-name":{overflow:"hidden",display:"block",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"12px",marginRight:"8px"},".menu-list-content-default":{marginRight:"8px",flexShrink:0},".menu-list-content-action":{cursor:"default",display:"none",flexShrink:0,marginLeft:"auto",userSelect:"none","&-text":{cursor:"pointer",fontSize:"12px",display:"flex",alignItems:"center",color:t.colorPrimary},"&-delete":{cursor:"pointer",display:"flex",alignItems:"center",color:t.textColor3,svg:{outline:"none",boxShadow:"none"}}},".menu-list-content-edit":{display:"flex",alignItems:"center",".ant-form-item":{marginBottom:0},".ant-space-item:has(.menu-list-content-action-text)":{flexShrink:0}},"&-edit":{background:"transparent !important",padding:"0 8px",cursor:"default"},"&:hover":{background:t.colorBg1,".menu-list-content-action":{display:"block"}}},[`${e}-menu-list-content-active`]:{".menu-list-content-name":{color:t.colorPrimary}}}}},i=o.genComponentStyleHook("ApView",t=>[n(t)]);exports.default=i;exports.genProCardStyle=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../utils/cssinjs/index.js"),n=t=>{const{componentCls:e}=t;return{[e]:{"& > .ant-btn":{padding:0},"& > .ant-dropdown-trigger":{color:t.textColor3},[`${e}-main-content`]:{padding:"4px 8px",display:"flex",alignItems:"center",justifyContent:"center","&-disabled":{color:t.textColor4,cursor:"not-allowed"}},[`${e}-icon`]:{width:"100%",height:"100%",fontSize:"14px",display:"flex",justifyContent:"center",alignItems:"center"}},[`${e}-main-content-popover`]:{width:"340px","&-title-content":{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px","&-title":{ontSize:"14px",fontWeight:500,lineHeight:"22px"},".ant-form-item":{marginBottom:0}},"&-btn":{marginBottom:0,".ant-form-item-control-input-content":{display:"flex",justifyContent:"flex-end"}}},[`${e}-overlay`]:{".ant-dropdown-menu":{padding:"8px","&-item":{padding:"0 !important","&:hover":{backgroundColor:"transparent !important"}}},[`${e}-menu-list-content`]:{width:"250px",display:"flex",padding:"6px 8px",alignItems:"center",height:"32px",".menu-list-content-name":{overflow:"hidden",display:"block",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"12px",marginRight:"8px"},".menu-list-content-default":{marginRight:"8px",flexShrink:0},".menu-list-content-action":{cursor:"default",display:"none",flexShrink:0,marginLeft:"auto",userSelect:"none","&-text":{cursor:"pointer",fontSize:"12px",display:"flex",alignItems:"center",color:t.colorPrimary},"&-delete":{cursor:"pointer",display:"flex",alignItems:"center",color:t.textColor3,svg:{outline:"none",boxShadow:"none"}}},".menu-list-content-edit":{display:"flex",alignItems:"center",".ant-form-item":{marginBottom:0},".ant-space-item:has(.menu-list-content-action-text)":{flexShrink:0}},"&-edit":{background:"transparent !important",padding:"0 8px",cursor:"default"},"&:hover":{background:t.colorBg1,".menu-list-content-action":{display:"block"}}},[`${e}-menu-list-content-active`]:{".menu-list-content-name":{color:t.colorPrimary}}}}},i=o.genComponentStyleHook("ApView",t=>[n(t)]);exports.default=i;exports.genApViewStyle=n;

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

@@ -1,6 +1,6 @@
-import { Ref } from 'vue';
+import { ComputedRef } from 'vue';
 export type BatchInputGroupToken = {
     batchInputGroupTriggerColorDisabled: string;
 };
-declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

package/lib/src/business/hooks/usePageListAgGrid.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("lodash-unified"),F=require("vue"),q=require("./useKeepAliveFlag.js");function w(u){const r=F.ref(null),{isShowRowSelection:d=!0,clearSelectionOnRequest:f=!0,transformSearchFormValues:o,api:a,tableRefresh:s=!0,clearDataOnDeactivated:g=!0,...v}=u||{};let n=null;const l=()=>{r.value?.rowSelection?.clearAll()},i=e=>{r.value?.submitWith(e)},S=()=>{r.value?.reset()},{isDeactivated:h}=q.useKeepAliveFlag({afterActivated(){(c.isFunction(s)?s():s)&&i()},afterDeactivated:i}),p=async e=>{if(h()&&g)return{data:[],total:0};n=e.sort;const t=o?o(e):e;if(!a)throw new Error("api is not defined");const{records:m,total:A}=await a(t);return f&&l(),{data:m,total:A}};return[c.merge({columnResizable:!0,request:a?p:void 0,rowSelection:d?{fixed:"left",columnWidth:38}:void 0,ref(e){r.value=e},card:!0},v),{reload:i,reset:S,getSearchFormValues:(e=!0)=>{const t=r.value?.getSearchFormValues(!!e)||{};return o?o(t):t},getAgGridInstance:()=>r.value,getSearchFormValuesAndSorted:(e=!0)=>{const t=r.value?.getSearchFormValues(!!e)||{};return t.sort=n&&c.cloneDeep(n),o?o(t):t},clearSelection:l}]}exports.usePageListAgGrid=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("lodash-unified"),F=require("vue"),V=require("./useKeepAliveFlag.js");function q(l){const r=F.ref(null),{isShowRowSelection:d=!0,clearSelectionOnRequest:f=!0,transformSearchFormValues:o,api:a,tableRefresh:s=!0,clearDataOnDeactivated:g=!0,...v}=l||{};let n=null;const u=()=>{r.value?.rowSelection?.clearAll()},i=e=>{r.value?.submitWith(e)},p=()=>{r.value?.reset()},{isDeactivated:S}=V.useKeepAliveFlag({afterActivated(){(c.isFunction(s)?s():s)&&i()},afterDeactivated:i}),h=async e=>{if(S()&&g)return{data:[],total:0};n=e.sort;const t=o?o(e):e;if(!a)throw new Error("api is not defined");const{records:m,total:A}=await a(t);return f&&u(),{data:m,total:A}};return[c.merge({columnResizable:!0,request:a?h:void 0,rowSelection:d?{fixed:"left",columnWidth:38}:void 0,onVnodeBeforeMount(e){r.value=e.component?.exposed},card:!0},v),{reload:i,reset:p,getSearchFormValues:(e=!0)=>{const t=r.value?.getSearchFormValues(!!e)||{};return o?o(t):t},getAgGridInstance:()=>r.value,getSearchFormValuesAndSorted:(e=!0)=>{const t=r.value?.getSearchFormValues(!!e)||{};return t.sort=n&&c.cloneDeep(n),o?o(t):t},clearSelection:u}]}exports.usePageListAgGrid=q;

package/lib/src/check-card/style/index.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { ComputedRef } from 'vue';
 export type CheckCardToken = {
     /** 禁用背景色 */
     checkCardDisabledBg: string;
@@ -11,5 +11,5 @@ export type CheckCardToken = {
     /** 指示器位置偏移 */
     checkCardIndicatorOffset: number;
 };
-declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

package/lib/src/editable-table/style/index.d.ts

@@ -1,8 +1,8 @@
 import { GenStyleFunc } from '../../design-token/interface';
-import { Ref } from 'vue';
+import { ComputedRef } from 'vue';
 type EditableTableToken = {
     editableTableHeaderBg: string;
 };
 export declare const genEditableTableStyle: GenStyleFunc<EditableTableToken>;
-declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

package/lib/src/full-screen/style/index.d.ts

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

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

@@ -1,5 +1,5 @@
 import { GenStyleFunc } from '../../design-token/interface';
-import { Ref } from 'vue';
+import { ComputedRef } from 'vue';
 export type MaskToken = {
     /**
      * 遮罩打开/关闭时的动画时长
@@ -12,5 +12,5 @@ export type MaskToken = {
 };
 export declare function genFadeKeyFrames(): string[];
 export declare const genMaskStyle: GenStyleFunc<MaskToken>;
-declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { GenStyleFunc } from '../../design-token/interface';
-import { Ref } from 'vue';
+import { ComputedRef } from 'vue';
 export type ScrollbarToken = {
     /**
      * 滚动条滑块颜色
@@ -23,5 +23,5 @@ export type ScrollbarToken = {
     scrollBarTrackWidth: number;
 };
 export declare const genScrollbarStyle: GenStyleFunc<ScrollbarToken>;
-declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

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

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

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

@@ -1,5 +1,5 @@
 import { GenStyleFunc } from '../../design-token/interface';
-import { Ref } from 'vue';
+import { ComputedRef } from 'vue';
 export type SplitterToken = {
     /**
      * 拖拽元素大小
@@ -15,5 +15,5 @@ export type SplitterToken = {
     splitterSplitBarDraggableSize: number;
 };
 export declare const genSplitterStyle: GenStyleFunc<SplitterToken>;
-declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

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

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

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

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

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

@@ -1,4 +1,4 @@
 import { BaseToken, GenStyleCallback } from '../../design-token/interface';
 import { GeneraterOption } from './utils';
-import { Ref } from 'vue';
-export declare function genComponentStyleHook<ComponentToken>(componentName: string, cb: GenStyleCallback<BaseToken & ComponentToken>, componentToken?: Partial<ComponentToken>, option?: GeneraterOption): (prefixCls: string) => Ref<string | undefined, string | undefined>;
+import { ComputedRef } from 'vue';
+export declare function genComponentStyleHook<ComponentToken>(componentName: string, cb: GenStyleCallback<BaseToken & ComponentToken>, componentToken?: Partial<ComponentToken>, option?: GeneraterOption): (prefixCls: string) => ComputedRef<string>;

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

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

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

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

package/lib/src/version.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "7.0.0-beta.3",
+  "version": "7.0.0",
   "main": "./lib/index.js",
   "type": "module",
   "files": [