@aplus-frontend/ui 7.0.1 → 7.1.1

package/es/src/check-card/style/index.mjs

@@ -1,16 +1,16 @@
-import { resetComponent as c } from "../../style/index.mjs";
-import { genComponentStyleHook as l } from "../../utils/cssinjs/index.mjs";
-const a = (e) => {
+import { resetComponent as o } from "../../style/index.mjs";
+import { genComponentStyleHook as t } from "../../utils/cssinjs/index.mjs";
+const s = (e) => {
   const {
-    componentCls: r,
-    checkCardDisabledOutlineColor: d,
-    checkCardIndicatorSize: i,
-    checkCardOutlineWidth: o,
-    checkCardIndicatorOffset: t
-  } = e;
+    componentCls: i,
+    checkCardDisabledOutlineColor: c,
+    checkCardIndicatorSize: d,
+    checkCardOutlineWidth: r,
+    checkCardIndicatorOffset: l
+  } = e, a = e.calc(d).mul(2).equal();
   return {
-    [`${r}`]: {
-      ...c(e),
+    [`${i}`]: {
+      ...o(e),
       borderRadius: e.borderRadius,
       position: "relative",
       "&--disabled": {
@@ -20,7 +20,7 @@ const a = (e) => {
       "&--bordered": {
         outline: `1px solid ${e.borderColorBase}`
       },
-      [`&:hover:not(${r}--disabled)`]: {
+      [`&:hover:not(${i}--disabled)`]: {
         cursor: "pointer",
         outline: `1px solid ${e.colorPrimary}`
       },
@@ -33,24 +33,24 @@ const a = (e) => {
         insetInlineEnd: 0,
         clipPath: "polygon(100% 0, 100% 100%, 0 0)",
         background: e.colorPrimary,
-        borderRadius: `calc(${e.borderRadius} + 2px)`
+        borderRadius: e.calc(e.borderRadius).add("2px").equal()
       },
       "&--checked": {
-        outline: `${o} solid ${e.colorPrimary}`,
-        [`&:hover:not(${r}--disabled)`]: {
-          outline: `${o} solid ${e.colorPrimary}`
+        outline: `${r} solid ${e.colorPrimary}`,
+        [`&:hover:not(${i}--disabled)`]: {
+          outline: `${r} solid ${e.colorPrimary}`
         },
         "&::after": {
-          width: `calc(${i} * 2)`,
-          height: `calc(${i} * 2)`,
-          insetBlockStart: t,
-          insetInlineEnd: t,
+          width: a,
+          height: a,
+          insetBlockStart: l,
+          insetInlineEnd: l,
           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: d,
+        [`&${i}--disabled`]: {
+          outlineColor: c,
           "&::after": {
-            backgroundColor: d
+            backgroundColor: c
           }
         }
       },
@@ -60,8 +60,8 @@ const a = (e) => {
       "&--small": {
         padding: `${e.spaceSM} ${e.spaceLG}`
       },
-      [`${r}__title`]: {
-        ...c(e),
+      [`${i}__title`]: {
+        ...o(e),
         marginBottom: e.spaceXS,
         color: "#333",
         fontWeight: "bold",
@@ -69,14 +69,14 @@ const a = (e) => {
           color: e.textColor4
         }
       },
-      [`${r}__content`]: {
-        ...c(e),
+      [`${i}__content`]: {
+        ...o(e),
         color: "#333",
         "&--disabled": {
           color: e.textColor4
         }
       },
-      [`${r}__checked-icon`]: {
+      [`${i}__checked-icon`]: {
         position: "absolute",
         top: 0,
         right: 0,
@@ -84,15 +84,15 @@ const a = (e) => {
         lineHeight: 1,
         userSelect: "none",
         "& > img": {
-          width: `calc(${i} - ${o})`,
+          width: e.calc(d).sub(r).equal(),
           verticalAlign: "top"
         }
       }
     }
   };
-}, h = l(
+}, h = t(
   "CheckCard",
-  (e) => [a(e)],
+  (e) => [s(e)],
   {
     checkCardDisabledBg: "#F9F9FA",
     checkCardDisabledOutlineColor: "#E9EDF3",

package/es/src/design-token/constants.mjs

@@ -13,14 +13,16 @@ const o = {
   colorErrorDisabled: "#ffdbdc",
   colorWarn: "#ffa940",
   colorWarnDisabled: "#ffeed9",
-  textColor1: "#526a90",
-  textColor2: "#182948",
+  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,

package/es/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/es/src/scroll-bar/style/index.mjs

@@ -1,8 +1,8 @@
-import { genComponentStyleHook as a } from "../../utils/cssinjs/index.mjs";
-const e = (r) => {
-  const { componentCls: t, scrollBarTrackWidth: l, scrollBarBarWidth: o } = r;
+import { genComponentStyleHook as t } from "../../utils/cssinjs/index.mjs";
+const c = (r) => {
+  const { componentCls: a, scrollBarTrackWidth: l, scrollBarBarWidth: o } = r;
   return {
-    [t]: {
+    [a]: {
       position: "relative",
       "&--horizontal": {
         width: "100%",
@@ -12,7 +12,7 @@ const e = (r) => {
         width: l,
         height: "100%"
       },
-      [`${t}__track`]: {
+      [`${a}__track`]: {
         position: "absolute",
         width: "100%",
         height: "100%",
@@ -29,7 +29,7 @@ const e = (r) => {
           backgroundColor: "transparent"
         }
       },
-      [`${t}__bar`]: {
+      [`${a}__bar`]: {
         position: "absolute",
         borderRadius: o,
         backgroundColor: r.scrollBarBarColor,
@@ -40,18 +40,18 @@ const e = (r) => {
         },
         "&--horizontal": {
           height: o,
-          top: `calc(${l} / 2 - ${o} / 2)`
+          top: r.calc(l).div(2).sub(r.calc(o).div(2)).equal()
         },
         "&--vertical": {
           width: o,
-          left: `calc(${l} / 2 - ${o} / 2)`
+          left: r.calc(l).div(2).sub(r.calc(o).div(2)).equal()
         }
       }
     }
   };
-}, n = a(
+}, e = t(
   "Scrollbar",
-  (r) => [e(r)],
+  (r) => [c(r)],
   {
     scrollBarBarColor: "#c7c8cc",
     scrollBarTrackColor: "#F2F2F2",
@@ -61,6 +61,6 @@ const e = (r) => {
   }
 );
 export {
-  n as default,
-  e as genScrollbarStyle
+  e as default,
+  c as genScrollbarStyle
 };

package/es/src/splitter/style/index.mjs

@@ -19,7 +19,7 @@ const t = () => ({
       boxSizing: "border-box",
       margin: 0,
       padding: 0,
-      color: r.textColor2,
+      color: r.textColor1,
       fontSize: r.fontSize,
       lineHeight: r.lineHeight,
       listStyle: "none",
@@ -79,7 +79,7 @@ const t = () => ({
           background: "rgba(0,0,0,0.04)",
           fontSize: r.fontSizeSM,
           borderRadius: "2px",
-          color: r.textColor2,
+          color: r.textColor1,
           cursor: "pointer",
           opacity: 0,
           display: "flex",
@@ -140,11 +140,11 @@ const t = () => ({
             height: "24px",
             "&-start": {
               left: "auto",
-              right: `calc(${r.splitterTriggerSize} / 2)`,
+              right: r.calc(r.splitterTriggerSize).div(2).equal(),
               transform: "translateY(-50%)"
             },
             "&-end": {
-              left: `calc(${r.splitterTriggerSize} / 2)`,
+              left: r.calc(r.splitterTriggerSize).div(2).equal(),
               right: "auto",
               transform: "translateY(-50%)"
             }
@@ -182,11 +182,11 @@ const t = () => ({
             width: "24px",
             "&-start": {
               top: "auto",
-              bottom: `calc(${r.splitterTriggerSize} / 2)`,
+              bottom: r.calc(r.splitterTriggerSize).div(2).equal(),
               transform: "translateX(-50%)"
             },
             "&-end": {
-              top: `calc(${r.splitterTriggerSize} / 2)`,
+              top: r.calc(r.splitterTriggerSize).div(2).equal(),
               bottom: "auto",
               transform: "translateX(-50%)"
             }

package/es/src/style/index.mjs

@@ -2,7 +2,7 @@ const o = (r) => ({
   boxSizing: "border-box",
   margin: 0,
   padding: 0,
-  color: r.textColor2,
+  color: r.textColor1,
   fontSize: r.fontSize,
   fontFamily: "inherit",
   lineHeight: r.lineHeight,

package/es/src/text/style/index.mjs

@@ -45,7 +45,7 @@ const l = {
         }
       },
       "span.ant-typography": {
-        color: n.textColor2
+        color: n.textColor1
       },
       "span.ant-typography.ant-typography-secondary": {
         color: e

package/es/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/es/src/utils/cssinjs/TokenUtil.mjs

@@ -0,0 +1,26 @@
+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;
+  }
+}
+export {
+  s as TokenUtil
+};

package/es/src/utils/cssinjs/index.mjs

@@ -1,32 +1,33 @@
-import { ref as y, computed as a, watch as f } from "vue";
-import { injectGlobal as g, cx as T } from "@emotion/css";
-import S from "@emotion/css/create-instance";
-import { useToken as b } from "../../config-provider/hooks/use-token.mjs";
+import { ref as T, computed as a, watch as f } from "vue";
+import { injectGlobal as g, cx as S } from "@emotion/css";
+import b from "@emotion/css/create-instance";
+import { useToken as V } from "../../config-provider/hooks/use-token.mjs";
 import "../../config-provider/index.mjs";
-import { camelToKebab as V, generateCssVar as A } from "./utils.mjs";
+import { camelToKebab as w, generateCssVar as A } from "./utils.mjs";
 import { omit as C, isFunction as h } from "lodash-unified";
 import { css as j } from "./instance.mjs";
-import { downSpecificityPlugin as w } from "./plugin-specificity.mjs";
-import { useGlobalConfig as G } from "../../config-provider/hooks/use-global-config.mjs";
-const { css: I } = S({
+import { downSpecificityPlugin as G } from "./plugin-specificity.mjs";
+import { TokenUtil as P } from "./TokenUtil.mjs";
+import { useGlobalConfig as x } from "../../config-provider/hooks/use-global-config.mjs";
+const { css: L } = b({
   key: "css-dev-only",
-  stylisPlugins: [w]
+  stylisPlugins: [G]
 });
-function P(l) {
+function E(l) {
   const t = {};
-  for (const o in l)
-    t[o] = `var(${V(o)})`;
+  for (const n in l)
+    t[n] = `var(${w(n)})`;
   return t;
 }
-function J(l, t, o, d) {
+function M(l, t, n, d) {
   return (s) => {
-    const p = l.split("."), { token: c, rootCls: u } = b(), k = y(), m = G("namespace"), $ = a(() => ({
+    const p = l.split("."), { token: c, rootCls: u } = V(), k = T(), m = x("namespace"), $ = a(() => ({
       ...C(c.value || {}, "components"),
       ...c.value.components?.[p[0]] || {}
     })), i = a(() => {
       const e = c.value.components?.[p[0]] || {};
       return {
-        ...h(o) ? o($.value) : o || {},
+        ...h(n) ? n($.value) : n || {},
         ...e
       };
     }), v = a(() => ({
@@ -38,11 +39,11 @@ function J(l, t, o, d) {
     return f(
       () => m.value,
       (e) => {
-        const n = P(
+        const o = E(
           v.value
         );
-        n.componentCls = `.${e}-${s}`, n.namespace = e;
-        const r = t(n, {
+        o.componentCls = `.${e}-${s}`, o.namespace = e, o.calc = (y) => new P(y);
+        const r = t(o, {
           ...v.value,
           componentCls: `.${e}-${s}`,
           namespace: e
@@ -52,16 +53,16 @@ function J(l, t, o, d) {
       { immediate: !0 }
     ), f(
       [() => i.value, () => u.value],
-      ([e, n]) => {
+      ([e, o]) => {
         const r = A(e, d);
         Object.keys(r).length && j({
-          [`.${n}.${m.value}-${s}`]: r
+          [`.${o}.${m.value}-${s}`]: r
         });
       },
       { deep: !0, immediate: !0 }
-    ), a(() => T(u.value, k.value));
+    ), a(() => S(u.value, k.value));
   };
 }
 export {
-  J as genComponentStyleHook
+  M as genComponentStyleHook
 };

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.0.1";
+declare const _default: "7.1.1";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.0.1";
+const e = "7.1.1";
 export {
   e as default
 };

package/lib/src/ag-grid/hooks/use-columns-def.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../../ap-table/utils.js"),T=require("../renderer/index.js"),d=require("lodash-unified"),u=require("vue");require("../components/body-cell/index.vue.js");require("../components/header-cell/index.vue.js");require("../components/tooltip/index.vue.js");require("../../config-provider/index.js");const q=require("../../ap-grid/utils/col.js"),w=require("../../utils/index.js"),R=require("../../config-provider/hooks/use-global-config.js"),P=require("../../config-provider/hooks/use-namespace.js"),S=require("../components/body-cell/index.vue2.js"),D=require("../components/tooltip/index.vue2.js"),y=require("../components/header-cell/index.vue2.js");function I(t){return d.isNumber(t)&&t>1}function M(t,i){if(i.bodyCellTooltip)return d.isFunction(i.bodyCellTooltip)?i.bodyCellTooltip(t.value,t.data):i.bodyCellTooltip;if(i.renderText)return i.renderText({value:t.value,record:t.data,column:i,text:t.value});const p=i.valueType||"text",f=T.rendererMap[p];if(f){const c=C.getTableRenderProps({...i,valueType:p},{value:t.value,text:t.value,record:t.data,column:t.column,rowIndex:t.node?.rowIndex,pinned:t.node?.rowPinned});return f(c)}return C.objectToString(t.value)}const G=(t,i,p)=>{const f=R.useGlobalConfig("valueTypeMap"),v=u.ref(),{em:c}=P.useNamespace("ag-grid"),b=r=>{const a={cellRenderer:S.default,cellRendererParams:{column:r,extraValueType:u.unref(f),rowKey:i.rowKey}};if(r.customRender)return a;if(r.renderText)return{valueFormatter:s=>r.renderText({value:s.value,record:s.data,column:r,text:s.value})};const l=r.valueType||"text",e=T.rendererMap[l];return e?{valueFormatter:s=>{const n=C.getTableRenderProps({...r,valueType:l},{value:s.value,text:s.value,record:s.data,column:s.column,rowIndex:s.node?.rowIndex,pinned:s.node?.rowPinned});return e(n)}}:a},h=r=>{const a=r.valueType||"text",l=T.rendererMap[a],e={},s=r.bodyCellTooltip||!r.customRender&&l&&(r.ellipsis===!0||r.ellipsis==="tooltip"||d.isNumber(r.ellipsis)),n=d.isNumber(r.ellipsis)&&r.ellipsis>1,o=d.isNumber(r.ellipsis)?r.ellipsis:1;return e.tooltipValueGetter=s?x=>M(x,r):void 0,e.wrapText=!r.ellipsis||n,e.cellStyle={"--ag-grid-line-clamp":o},e.tooltipComponent=D.default,e.tooltipComponentParams={lineClamp:o,gridWrapperRef:v},e},_=u.computed(()=>{const r=u.unref(t);function a(l){return l.map(e=>{const s={field:q.dataIndexToField(e.dataIndex),colId:w.isDef(e.key)?String(e.key):void 0,sortable:!!e.sorter,comparator:e.sorter===!0?()=>0:e.sorter,headerComponentParams:{column:e},resizable:e.resizable,width:e.width,minWidth:e.minWidth,maxWidth:e.maxWidth,flex:e.width?void 0:1,pinned:e.fixed||null,colSpan:e.colSpan,spanRows:e.spanRows,cellClass:p(n=>{const o=e.cellClass||"",x=d.isFunction(o)?o(n.data,n.node):o;return[`${c("cell",e.align||"left")}`,I(e.ellipsis)?c("cell","multiline"):null,x].flat().filter(Boolean)}),headerStyle:e.headerStyle,headerClass:e.headerClass,autoHeight:!0,...h(e),...b(e)};return e.children?.length?{...s,headerGroupComponent:y.default,headerGroupComponentParams:{column:e},children:a(e.children)}:s})}return a(r)}),g=u.computed(()=>({headerComponent:y.default,resizable:i.columnResizable,suppressMovable:!0,cellDataType:!1}));return{columnDefs:_,defaultColDef:g,gridWrapperRef:v}};exports.useColumnsDef=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../../ap-table/utils.js"),C=require("../renderer/index.js"),d=require("lodash-unified"),u=require("vue");require("../components/body-cell/index.vue.js");require("../components/header-cell/index.vue.js");require("../components/tooltip/index.vue.js");require("../../config-provider/index.js");const q=require("../../ap-grid/utils/col.js"),w=require("../../utils/index.js"),S=require("../../config-provider/hooks/use-global-config.js"),R=require("../../config-provider/hooks/use-namespace.js"),P=require("../components/body-cell/index.vue2.js"),D=require("../components/tooltip/index.vue2.js"),T=require("../components/header-cell/index.vue2.js");function I(t){return d.isNumber(t)&&t>1}function M(t,i){if(i.bodyCellTooltip)return d.isFunction(i.bodyCellTooltip)?i.bodyCellTooltip(t.value,t.data):i.bodyCellTooltip;if(i.renderText)return i.renderText({value:t.value,record:t.data,column:i,text:t.value});const p=i.valueType||"text",f=C.rendererMap[p];if(f){const c=y.getTableRenderProps({...i,valueType:p},{value:t.value,text:t.value,record:t.data,column:t.column,rowIndex:t.node?.rowIndex,pinned:t.node?.rowPinned});return f(c)}return y.objectToString(t.value)}const G=(t,i,p)=>{const f=S.useGlobalConfig("valueTypeMap"),v=u.ref(),{em:c}=R.useNamespace("ag-grid"),b=r=>{const l={cellRenderer:P.default,cellRendererParams:{column:r,extraValueType:u.unref(f),rowKey:i.rowKey}};if(r.customRender)return l;if(r.renderText)return{valueFormatter:s=>r.renderText({value:s.value,record:s.data,column:r,text:s.value})};const a=r.valueType||"text",e=C.rendererMap[a];return e?{valueFormatter:s=>{const n=y.getTableRenderProps({...r,valueType:a},{value:s.value,text:s.value,record:s.data,column:s.column,rowIndex:s.node?.rowIndex,pinned:s.node?.rowPinned});return e(n)}}:l},h=r=>{const l=r.valueType||"text",a=C.rendererMap[l],e={},s=r.bodyCellTooltip||!r.customRender&&a&&(r.ellipsis===!0||r.ellipsis==="tooltip"||d.isNumber(r.ellipsis)),n=d.isNumber(r.ellipsis)&&r.ellipsis>1,o=d.isNumber(r.ellipsis)?r.ellipsis:1;return e.tooltipValueGetter=s?x=>M(x,r):void 0,e.wrapText=!r.ellipsis||n,e.cellStyle={"--ag-grid-line-clamp":o},e.tooltipComponent=D.default,e.tooltipComponentParams={lineClamp:o,gridWrapperRef:v},e},_=u.computed(()=>{const r=u.unref(t);function l(a){return a.map(e=>{const s={field:q.dataIndexToField(e.dataIndex),colId:w.isDef(e.key)?String(e.key):void 0,sortable:!!e.sorter,comparator:e.sorter===!0?()=>0:e.sorter,headerComponentParams:{column:e},resizable:e.resizable,width:e.width,minWidth:e.minWidth,maxWidth:e.maxWidth,flex:e.width?void 0:1,pinned:e.fixed||null,colSpan:e.colSpan,spanRows:e.spanRows,cellClass:p(n=>{const o=e.cellClass||"",x=d.isFunction(o)?o(n.data,n.node):o;return[`${c("cell",e.align||"left")}`,I(e.ellipsis)?c("cell","multiline"):null,x].flat().filter(Boolean)}),cellStyle:e.cellStyle,headerStyle:e.headerStyle,headerClass:e.headerClass,autoHeight:!0,...h(e),...b(e)};return e.children?.length?{...s,headerGroupComponent:T.default,headerGroupComponentParams:{column:e},children:l(e.children)}:s})}return l(r)}),g=u.computed(()=>({headerComponent:T.default,resizable:i.columnResizable,suppressMovable:!0,cellDataType:!1}));return{columnDefs:_,defaultColDef:g,gridWrapperRef:v}};exports.useColumnsDef=G;

package/lib/src/ag-grid/interface.d.ts

@@ -96,6 +96,10 @@ export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueTyp
      * @returns
      */
     cellClass?: string | string[] | ((data: RecordType, node: IRowNode<RecordType>) => string | string[] | undefined) | undefined;
+    /**
+     * 自定义单元格样式
+     */
+    cellStyle?: ColDef<RecordType>['cellStyle'];
     /**
      * 仅用于和接口交互的字段，如果不设置将会尝试使用`dataIndex`和`key`
      */

package/lib/src/ap-descriptions/ap-descriptions.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@aplus-frontend/antdv"),s=require("./helper.js"),u=require("lodash-unified");require("./help-message/index.vue.js");require("../config-provider/index.js");const C=require("./style/index.js"),a=require("../config-provider/hooks/use-global-config.js"),_=require("../config-provider/hooks/use-namespace.js"),q=require("./help-message/index.vue2.js"),P={key:0},E=e.defineComponent({name:"ApDescriptions",__name:"ap-descriptions",props:{descriptionsProps:{},schemas:{},dataSource:{},style:{type:[Boolean,null,String,Object,Array]},className:{}},setup(p){const n=p,d=a.useGlobalConfig("uiMode","admin"),f=a.useGlobalConfig("apDescriptions"),y=a.useGlobalConfig("downloadCenterTriggerConfig"),{m:b,b:g,be:k}=_.useNamespace("ap-descriptions"),v=C.default("ap-descriptions"),S=(t={})=>{let o="";return n.descriptionsProps?.layout==="vertical"&&(o="start"),{justifyContent:o,...t}},i=t=>{const o=u.get(n.dataSource,t.field);if(t.customRender)return t.customRender(n.dataSource);t.valueType==="attachment"&&(t.extraProps=s.mixinsAttachmentExtraProps(t.extraProps,{fromConfig:f.value?.downloadFile,fromGlobal:y.value?.trigger}));const l=t.format?t.format(o,n.dataSource||{}):o;return s.transformValue({value:l,record:n.dataSource},t)},m=t=>t.valueType==="text"&&!!t.extraProps?.ellipsis,B=t=>{if(t.visible!=null){if(typeof t.visible=="boolean")return t.visible;if(typeof t.visible=="function")return t.visible({record:n.dataSource||{},schema:t})}return!0};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.className,e.unref(g)(),e.unref(b)(e.unref(d)),e.unref(v)]),style:e.normalizeStyle(t.style)},[e.createVNode(e.unref(r.Descriptions),e.mergeProps(t.descriptionsProps,{"label-style":S({...t.descriptionsProps?.labelStyle||{}})}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.schemas,(l,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.field||"empty"+c},[B(l)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.valueType==="empty"?(e.openBlock(),e.createBlock(e.unref(r.DescriptionsItem),{key:0,"content-style":l.contentStyle,"label-style":l.labelStyle,span:l.span},null,8,["content-style","label-style","span"])):(e.openBlock(),e.createBlock(e.unref(r.DescriptionsItem),{key:1,class:e.normalizeClass(m(l)?e.unref(k)("item","ellipsis"):""),label:l.label?e.h(e.Fragment,[e.h(q.default,{helpMessage:l.helpMessage,label:l.label})]):null,span:l.span,"content-style":l.contentStyle,"label-style":l.labelStyle},{default:e.withCtx(()=>[e.unref(s.isEmptyWithType)(e.unref(u.get)(t.dataSource,l.field),l)?(e.openBlock(),e.createElementBlock("span",P,"--")):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.contentSlotName?e.renderSlot(t.$slots,l.contentSlotName,{key:0,index:c,item:i(l),record:t.dataSource}):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h(e.Fragment,[l.prefix,i(l),l.suffix])),{key:1}))],64))]),_:2},1032,["class","label","span","content-style","label-style"]))],64)):e.createCommentVNode("",!0)],64))),128))]),_:3},16,["label-style"])],6))}});exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@aplus-frontend/antdv"),s=require("./helper.js"),c=require("lodash-unified");require("./help-message/index.vue.js");require("../config-provider/index.js");const B=require("./style/index.js"),u=require("../config-provider/hooks/use-global-config.js"),m=require("../config-provider/hooks/use-namespace.js"),C=require("./help-message/index.vue2.js"),_={key:0},q=e.defineComponent({name:"ApDescriptions",__name:"ap-descriptions",props:{descriptionsProps:{},schemas:{},dataSource:{},style:{type:[Boolean,null,String,Object,Array]},className:{}},setup(p){const r=p,d=u.useGlobalConfig("apDescriptions"),f=u.useGlobalConfig("downloadCenterTriggerConfig"),{b:y,be:b}=m.useNamespace("ap-descriptions"),g=B.default("ap-descriptions"),k=(t={})=>{let n="";return r.descriptionsProps?.layout==="vertical"&&(n="start"),{justifyContent:n,...t}},a=t=>{const n=c.get(r.dataSource,t.field);if(t.customRender)return t.customRender(r.dataSource);t.valueType==="attachment"&&(t.extraProps=s.mixinsAttachmentExtraProps(t.extraProps,{fromConfig:d.value?.downloadFile,fromGlobal:f.value?.trigger}));const l=t.format?t.format(n,r.dataSource||{}):n;return s.transformValue({value:l,record:r.dataSource},t)},v=t=>t.valueType==="text"&&!!t.extraProps?.ellipsis,S=t=>{if(t.visible!=null){if(typeof t.visible=="boolean")return t.visible;if(typeof t.visible=="function")return t.visible({record:r.dataSource||{},schema:t})}return!0};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.className,e.unref(y)(),e.unref(g)]),style:e.normalizeStyle(t.style)},[e.createVNode(e.unref(o.Descriptions),e.mergeProps(t.descriptionsProps,{"label-style":k({...t.descriptionsProps?.labelStyle||{}})}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.schemas,(l,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.field||"empty"+i},[S(l)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.valueType==="empty"?(e.openBlock(),e.createBlock(e.unref(o.DescriptionsItem),{key:0,"content-style":l.contentStyle,"label-style":l.labelStyle,span:l.span},null,8,["content-style","label-style","span"])):(e.openBlock(),e.createBlock(e.unref(o.DescriptionsItem),{key:1,class:e.normalizeClass(v(l)?e.unref(b)("item","ellipsis"):""),label:l.label?e.h(e.Fragment,[e.h(C.default,{helpMessage:l.helpMessage,label:l.label})]):null,span:l.span,"content-style":l.contentStyle,"label-style":l.labelStyle},{default:e.withCtx(()=>[e.unref(s.isEmptyWithType)(e.unref(c.get)(t.dataSource,l.field),l)?(e.openBlock(),e.createElementBlock("span",_,"--")):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.contentSlotName?e.renderSlot(t.$slots,l.contentSlotName,{key:0,index:i,item:a(l),record:t.dataSource}):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h(e.Fragment,[l.prefix,a(l),l.suffix])),{key:1}))],64))]),_:2},1032,["class","label","span","content-style","label-style"]))],64)):e.createCommentVNode("",!0)],64))),128))]),_:3},16,["label-style"])],6))}});exports.default=q;

package/lib/src/ap-descriptions/style/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../utils/cssinjs/index.js"),n=t=>{const{componentCls:i}=t;return{[i]:{".ant-descriptions":{".ant-descriptions-view table":{tableLayout:"fixed"},"td.ant-descriptions-item":{paddingBlockEnd:"var(--ap-descriptions-item-padding-bottom, 16px)"},"th.ant-descriptions-item":{paddingBlockEnd:"4px"},".ant-descriptions-row:last-child":{".ant-descriptions-item":{paddingBottom:"var(--ap-descriptions-last-row-item-padding-bottom, 0px)"}},".ant-descriptions-item-label::after":{marginInline:"4px 12px"}},[`${i}-item__ellipsis`]:{".ant-descriptions-item-label":{flexShrink:0},".ant-descriptions-item-content":{flexShrink:1,minWidth:0,".ant-typography":{marginBlockEnd:0},".ant-typography-ellipsis":{maxWidth:"100%"}}},[`${i}--item-label`]:{".ant-typography-single-line":{whiteSpace:"normal"}},".ant-descriptions-row":{".ant-descriptions-item-label":{".ant-typography":{color:"inherit"}}},"&--admin":{".ant-descriptions-row":{".ant-descriptions-item-label":{justifyContent:"flex-end",width:"var(--ap-descriptions-item-label-width, auto)",color:"#999",".ap-descriptions-item-content__help":{fontSize:t.fontSizeLG,marginInlineStart:"4px",color:"#999"}},".ant-descriptions-item-content":{color:"#333",".ap-descriptions-item-content__link":{color:"#1890ff",cursor:"pointer"}}}},"&--aplus":{".ant-descriptions-row":{".ant-descriptions-item-label":{justifyContent:"flex-end",width:"var(--ap-descriptions-item-label-width, auto)",color:"#8896B0",".ap-descriptions-item-content__help":{fontSize:t.fontSizeLG,marginInlineStart:"4px",color:"#8896B0"}},".ant-descriptions-item-content":{color:"#182948",".ap-descriptions-item-content__link":{color:"#0070FF",cursor:"pointer"}}}}}}},o=e.genComponentStyleHook("ApDescriptions",t=>[n(t)]);exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../utils/cssinjs/index.js"),n=t=>{const{componentCls:i}=t;return{[i]:{".ant-descriptions":{".ant-descriptions-view table":{tableLayout:"fixed"},"td.ant-descriptions-item":{paddingBlockEnd:"var(--ap-descriptions-item-padding-bottom, 16px)"},"th.ant-descriptions-item":{paddingBlockEnd:"4px"},".ant-descriptions-row:last-child":{".ant-descriptions-item":{paddingBottom:"var(--ap-descriptions-last-row-item-padding-bottom, 0px)"}},".ant-descriptions-item-label::after":{marginInline:"4px 12px"}},[`${i}-item__ellipsis`]:{".ant-descriptions-item-label":{flexShrink:0},".ant-descriptions-item-content":{flexShrink:1,minWidth:0,".ant-typography":{marginBlockEnd:0},".ant-typography-ellipsis":{maxWidth:"100%"}}},[`${i}--item-label`]:{".ant-typography-single-line":{whiteSpace:"normal"}},".ant-descriptions-row":{".ant-descriptions-item-label":{justifyContent:"flex-end",width:"var(--ap-descriptions-item-label-width, auto)",color:t.textColor3,".ap-descriptions-item-content__help":{fontSize:t.fontSizeLG,marginInlineStart:"4px",color:t.textColor3},".ant-typography":{color:"inherit"}},".ant-descriptions-item-content":{color:t.textColor1,".ap-descriptions-item-content__link":{color:t.colorLink,cursor:"pointer"}}}}}},o=e.genComponentStyleHook("ApDescriptions",t=>[n(t)]);exports.default=o;

package/lib/src/ap-download/ap-download.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("@aplus-frontend/antdv"),w=require("@ant-design/icons-vue");require("../config-provider/index.js");const B=require("./hooks/index.js"),u=require("./utils/getFileInfo.js"),O=require("./hooks/useStyle.js"),q=require("lodash-unified"),z=require("../config-provider/hooks/use-locale.js"),a=require("../config-provider/hooks/use-global-config.js"),F={key:0,class:"spin"},S={key:1,class:"icon"},I={class:"text"},L=e.defineComponent({name:"ApDownload",__name:"ap-download",props:{prefixCls:{},type:{default:"link"},htmlType:{},shape:{},size:{default:"middle"},loading:{type:[Boolean,Object]},disabled:{type:Boolean,default:!1},ghost:{type:Boolean},block:{type:Boolean},danger:{type:Boolean},icon:{},href:{},target:{},title:{},onClick:{},onMousedown:{},autoInsertSpace:{type:Boolean},iconPosition:{},color:{},variant:{},text:{},fileName:{},needName:{type:[Boolean,Object]},getOssAccess:{}},emits:["downloadCallback"],setup(p,{emit:f}){const i=f,l=e.ref(!1),{lang:m}=z.useLocale(),g=e.useSlots(),C=e.computed(()=>m.value==="zh-cn"?"zh_CN":"en_US"),y=a.useGlobalConfig("uiMode"),o=p,s=a.useGlobalConfig("apUpload"),c=a.useGlobalConfig("downloadCenterTriggerConfig"),r=e.computed(()=>o.disabled),b=e.computed(()=>o.color?o.color:y.value==="aplus"?"#0070FF":"#1890FF"),N=e.computed(()=>o.size),{getInnerWrapperClass:v}=O.useStyle(b,N,r),k=e.computed(()=>o.getOssAccess||s.value?.getOssAccess),_=async()=>{if(!o.disabled){l.value=!0;try{if(c.value?.trigger){let n=u.getFileInfo(o.needName??s?.value?.needName,o.fileName).map(d=>({objectName:d.path,fileName:d.fileName}));await c.value?.trigger(n),i("downloadCallback",n)}else{const n=await(await B.useOssInit(k.value,e.unref(C))).downloadFile(u.getFileInfo(o.needName??s?.value?.needName,o.fileName));i("downloadCallback",n)}}catch(t){console.error(t)}finally{l.value=!1}}};return(t,n)=>(e.openBlock(),e.createBlock(e.unref(h.Button),e.mergeProps(e.unref(q.omit)(o,["getOssAccess","fileName","needName"]),{type:o.type,size:o.size,disabled:r.value,onClick:_}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(v))},[l.value?(e.openBlock(),e.createElementBlock("span",F,[e.createVNode(e.unref(w.LoadingOutlined),{spin:!0})])):e.createCommentVNode("",!0),e.unref(g).icon?(e.openBlock(),e.createElementBlock("span",S,[e.renderSlot(t.$slots,"icon")])):e.createCommentVNode("",!0),e.createElementVNode("span",I,e.toDisplayString(t.text),1)],2)]),_:3},16,["type","size","disabled"]))}});exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("@aplus-frontend/antdv"),_=require("@ant-design/icons-vue");require("../config-provider/index.js");const h=require("./hooks/index.js"),d=require("./utils/getFileInfo.js"),w=require("./hooks/useStyle.js"),B=require("lodash-unified"),O=require("../config-provider/hooks/use-locale.js"),u=require("../config-provider/hooks/use-global-config.js"),q={key:0,class:"spin"},z={key:1,class:"icon"},S={class:"text"},I=e.defineComponent({name:"ApDownload",__name:"ap-download",props:{prefixCls:{},type:{default:"link"},htmlType:{},shape:{},size:{default:"middle"},loading:{type:[Boolean,Object]},disabled:{type:Boolean,default:!1},ghost:{type:Boolean},block:{type:Boolean},danger:{type:Boolean},icon:{},href:{},target:{},title:{},onClick:{},onMousedown:{},autoInsertSpace:{type:Boolean},iconPosition:{},color:{},variant:{},text:{},fileName:{},needName:{type:[Boolean,Object]},getOssAccess:{}},emits:["downloadCallback"],setup(p,{emit:f}){const l=f,s=e.ref(!1),{lang:m}=O.useLocale(),g=e.useSlots(),C=e.computed(()=>m.value==="zh-cn"?"zh_CN":"en_US"),t=p,a=u.useGlobalConfig("apUpload"),i=u.useGlobalConfig("downloadCenterTriggerConfig"),c=e.computed(()=>t.disabled),y=e.computed(()=>t.size),{getInnerWrapperClass:b}=w.useStyle(y,c),N=e.computed(()=>t.getOssAccess||a.value?.getOssAccess),v=async()=>{if(!t.disabled){s.value=!0;try{if(i.value?.trigger){let n=d.getFileInfo(t.needName??a?.value?.needName,t.fileName).map(r=>({objectName:r.path,fileName:r.fileName}));await i.value?.trigger(n),l("downloadCallback",n)}else{const n=await(await h.useOssInit(N.value,e.unref(C))).downloadFile(d.getFileInfo(t.needName??a?.value?.needName,t.fileName));l("downloadCallback",n)}}catch(o){console.error(o)}finally{s.value=!1}}};return(o,n)=>(e.openBlock(),e.createBlock(e.unref(k.Button),e.mergeProps(e.unref(B.omit)(t,["getOssAccess","fileName","needName"]),{type:t.type,size:t.size,disabled:c.value,onClick:v}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(b))},[s.value?(e.openBlock(),e.createElementBlock("span",q,[e.createVNode(e.unref(_.LoadingOutlined),{spin:!0})])):e.createCommentVNode("",!0),e.unref(g).icon?(e.openBlock(),e.createElementBlock("span",z,[e.renderSlot(o.$slots,"icon")])):e.createCommentVNode("",!0),e.createElementVNode("span",S,e.toDisplayString(o.text),1)],2)]),_:3},16,["type","size","disabled"]))}});exports.default=I;

package/lib/src/ap-download/hooks/useStyle.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue';
-export declare function useStyle(color: ComputedRef<string>, size: ComputedRef<string>, disabled: ComputedRef<boolean>): {
+export declare function useStyle(size: ComputedRef<string>, disabled: ComputedRef<boolean>): {
     wrapperStyle: ComputedRef<Record<string, any>>;
     getWrapperClass: ComputedRef<string[]>;
     getInnerWrapperClass: ComputedRef<string[]>;

package/lib/src/ap-download/hooks/useStyle.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),d=require("../utils/getFileInfo.js");require("../../config-provider/index.js");const w=require("../style/index.js"),m=require("../../config-provider/hooks/use-namespace.js"),v=require("../../config-provider/hooks/use-global-config.js");function f(o,t,l){const{b:r,bm:e}=m.useNamespace("ap-download"),u=w.default("ap-download"),s=v.useGlobalConfig("uiMode"),p=n.computed(()=>({"--download-main-color":o.value,"--download-main-color-opacity":d.getHexWithOpacity(o.value,.6)})),i=n.computed(()=>[r("wrapper"),e("wrapper",t.value),u.value].filter(Boolean)),c=n.computed(()=>{const a=[r(),r("inner-wrapper"),e("inner-wrapper",t.value)];return l.value&&(s.value==="aplus"?a.push(e("inner-wrapper","disabled")):a.push(e("inner-wrapper","disabled-admin"))),[...a,u.value]});return{wrapperStyle:p,getWrapperClass:i,getInnerWrapperClass:c}}exports.useStyle=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),i=require("../utils/getFileInfo.js");require("../../config-provider/index.js");const d=require("../style/index.js"),w=require("../../config-provider/hooks/use-token.js"),m=require("../../config-provider/hooks/use-namespace.js");function v(n,l){const{b:e,bm:r}=m.useNamespace("ap-download"),t=d.default("ap-download"),{token:a}=w.useToken(),s=o.computed(()=>({"--download-main-color":a.value?.colorLink,"--download-main-color-opacity":i.getHexWithOpacity(a.value?.colorLink,.6)})),c=o.computed(()=>[e("wrapper"),r("wrapper",n.value),t.value].filter(Boolean)),p=o.computed(()=>{const u=[e(),e("inner-wrapper"),r("inner-wrapper",n.value)];return l.value&&u.push(r("inner-wrapper","disabled")),[...u,t.value]});return{wrapperStyle:s,getWrapperClass:c,getInnerWrapperClass:p}}exports.useStyle=v;

package/lib/src/ap-download/style/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../utils/cssinjs/index.js"),i=e=>{const{componentCls:o}=e,n=`${o}-inner-wrapper`;return{[o]:{"&-wrapper":{textWrap:"nowrap",display:"inline-block"}},[n]:{display:"flex",color:"var(--download-main-color)",cursor:"pointer",alignItems:"center",".spin":{marginInlineEnd:"5px"},".icon":{position:"relative",fontSize:e.fontSizeXL,marginInlineEnd:"5px"},".text":{color:"var(--download-main-color)"},"&:hover":{color:"var(--download-main-color-opacity)"},"&--large":{lineHeight:e.lineHeightLG,fontSize:e.fontSizeLG},"&--middle":{lineHeight:e.lineHeight,fontSize:e.fontSize},"&--small":{lineHeight:e.lineHeightSM,fontSize:e.fontSizeSM},"&--disabled":{color:"#8896b0",cursor:"not-allowed","&:hover":{color:"#8896b0"}},"&--disabled-admin":{cursor:"not-allowed",color:"#999","&:hover":{color:"#999"}}}}},r=l.genComponentStyleHook("ApDownload",e=>[i(e)]);exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../utils/cssinjs/index.js"),r=e=>{const{componentCls:o,textColor3:n}=e,i=`${o}-inner-wrapper`;return{[o]:{"&-wrapper":{textWrap:"nowrap",display:"inline-block"}},[i]:{display:"flex",color:"var(--download-main-color)",cursor:"pointer",alignItems:"center",".spin":{marginInlineEnd:"5px"},".icon":{position:"relative",fontSize:e.fontSizeXL,marginInlineEnd:"5px"},".text":{color:"var(--download-main-color)"},"&:hover":{color:"var(--download-main-color-opacity)"},"&--large":{lineHeight:e.lineHeightLG,fontSize:e.fontSizeLG},"&--middle":{lineHeight:e.lineHeight,fontSize:e.fontSize},"&--small":{lineHeight:e.lineHeightSM,fontSize:e.fontSizeSM},"&--disabled":{color:n,cursor:"not-allowed","&:hover":{color:n}}}}},t=l.genComponentStyleHook("ApDownload",e=>[r(e)]);exports.default=t;