@aplus-frontend/ui 7.1.0 → 7.1.1

package/es/src/ag-grid/hooks/use-columns-def.mjs

@@ -1,12 +1,12 @@
-import { getTableRenderProps as c, objectToString as D } from "../../ap-table/utils.mjs";
+import { getTableRenderProps as c, objectToString as S } from "../../ap-table/utils.mjs";
 import { rendererMap as x } from "../renderer/index.mjs";
-import { isNumber as u, isFunction as m } from "lodash-unified";
-import { ref as P, unref as v, computed as y } from "vue";
+import { isNumber as u, isFunction as b } from "lodash-unified";
+import { ref as D, unref as v, computed as y } from "vue";
 import "../components/body-cell/index.vue.mjs";
 import "../components/header-cell/index.vue.mjs";
 import "../components/tooltip/index.vue.mjs";
 import "../../config-provider/index.mjs";
-import { dataIndexToField as S } from "../../ap-grid/utils/col.mjs";
+import { dataIndexToField as P } from "../../ap-grid/utils/col.mjs";
 import { isDef as I } from "../../utils/index.mjs";
 import { useGlobalConfig as _ } from "../../config-provider/hooks/use-global-config.mjs";
 import { useNamespace as G } from "../../config-provider/hooks/use-namespace.mjs";
@@ -18,7 +18,7 @@ function F(t) {
 }
 function M(t, a) {
   if (a.bodyCellTooltip)
-    return m(a.bodyCellTooltip) ? a.bodyCellTooltip(t.value, t.data) : a.bodyCellTooltip;
+    return b(a.bodyCellTooltip) ? a.bodyCellTooltip(t.value, t.data) : a.bodyCellTooltip;
   if (a.renderText)
     return a.renderText({
       value: t.value,
@@ -41,10 +41,10 @@ function M(t, a) {
     );
     return p(f);
   }
-  return D(t.value);
+  return S(t.value);
 }
 const X = (t, a, d) => {
-  const p = _("valueTypeMap"), C = P(), { em: f } = G("ag-grid"), b = (r) => {
+  const p = _("valueTypeMap"), C = D(), { em: f } = G("ag-grid"), m = (r) => {
     const i = {
       cellRenderer: W,
       cellRendererParams: {
@@ -64,11 +64,11 @@ const X = (t, a, d) => {
           text: o.value
         })
       };
-    const s = r.valueType || "text", e = x[s];
+    const l = r.valueType || "text", e = x[l];
     return e ? {
       valueFormatter: (o) => {
-        const l = c(
-          { ...r, valueType: s },
+        const s = c(
+          { ...r, valueType: l },
           {
             value: o.value,
             text: o.value,
@@ -78,12 +78,12 @@ const X = (t, a, d) => {
             pinned: o.node?.rowPinned
           }
         );
-        return e(l);
+        return e(s);
       }
     } : i;
   }, w = (r) => {
-    const i = r.valueType || "text", s = x[i], e = {}, o = r.bodyCellTooltip || !r.customRender && s && (r.ellipsis === !0 || r.ellipsis === "tooltip" || u(r.ellipsis)), l = u(r.ellipsis) && r.ellipsis > 1, n = u(r.ellipsis) ? r.ellipsis : 1;
-    return e.tooltipValueGetter = o ? (T) => M(T, r) : void 0, e.wrapText = !r.ellipsis || l, e.cellStyle = {
+    const i = r.valueType || "text", l = x[i], e = {}, o = r.bodyCellTooltip || !r.customRender && l && (r.ellipsis === !0 || r.ellipsis === "tooltip" || u(r.ellipsis)), s = u(r.ellipsis) && r.ellipsis > 1, n = u(r.ellipsis) ? r.ellipsis : 1;
+    return e.tooltipValueGetter = o ? (T) => M(T, r) : void 0, e.wrapText = !r.ellipsis || s, e.cellStyle = {
       "--ag-grid-line-clamp": n
     }, e.tooltipComponent = z, e.tooltipComponentParams = {
       lineClamp: n,
@@ -91,10 +91,10 @@ const X = (t, a, d) => {
     }, e;
   }, g = y(() => {
     const r = v(t);
-    function i(s) {
-      return s.map((e) => {
+    function i(l) {
+      return l.map((e) => {
         const o = {
-          field: S(e.dataIndex),
+          field: P(e.dataIndex),
           colId: I(e.key) ? String(e.key) : void 0,
           sortable: !!e.sorter,
           comparator: e.sorter === !0 ? () => 0 : e.sorter,
@@ -111,20 +111,21 @@ const X = (t, a, d) => {
           // undefined to null
           colSpan: e.colSpan,
           spanRows: e.spanRows,
-          cellClass: d((l) => {
-            const n = e.cellClass || "", T = m(n) ? n(l.data, l.node) : n;
+          cellClass: d((s) => {
+            const n = e.cellClass || "", T = b(n) ? n(s.data, s.node) : n;
             return [
               `${f("cell", e.align || "left")}`,
               F(e.ellipsis) ? f("cell", "multiline") : null,
               T
             ].flat().filter(Boolean);
           }),
+          cellStyle: e.cellStyle,
           headerStyle: e.headerStyle,
           headerClass: e.headerClass,
           autoHeight: !0,
           // 设置自动计算高度以自适应多行换行的场景
           ...w(e),
-          ...b(e)
+          ...m(e)
         };
         return e.children?.length ? {
           ...o,

package/es/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/es/src/business/ap-title/style/index.mjs

@@ -1,14 +1,14 @@
-import { genComponentStyleHook as t } from "../../../utils/cssinjs/index.mjs";
-const i = (e) => {
-  const { componentCls: o } = e;
+import { genComponentStyleHook as o } from "../../../utils/cssinjs/index.mjs";
+const r = (e) => {
+  const { componentCls: t } = e;
   return {
-    [o]: {
+    [t]: {
       position: "relative",
       width: "100%",
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
-      paddingInline: "10px",
+      paddingInlineStart: "10px",
       fontSize: e.fontSize,
       "&::before": {
         position: "absolute",
@@ -22,7 +22,7 @@ const i = (e) => {
         borderRadius: "0px 4px 4px 0px",
         zIndex: 1
       },
-      [`${o}__prefix`]: {
+      [`${t}__prefix`]: {
         fontWeight: "bold",
         color: e.textColor1,
         display: "flex",
@@ -47,7 +47,7 @@ const i = (e) => {
           background: "#fff",
           zIndex: 1
         },
-        [o]: {
+        [t]: {
           "&__prefix": {
             fontWeight: "bold",
             color: "#333",
@@ -61,15 +61,15 @@ const i = (e) => {
           }
         }
       },
-      [`${o}__suffix`]: {
+      [`${t}__suffix`]: {
         color: "#526a90"
       }
     }
   };
-}, n = t("ApTitle", (e) => [
-  i(e)
+}, n = o("ApTitle", (e) => [
+  r(e)
 ]);
 export {
   n as default,
-  i as genApTitleStyle
+  r as genApTitleStyle
 };

package/es/src/version.d.ts

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

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.1.0";
+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/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.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;
+"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/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.1.0";
+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.1.0";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.1.0",
+  "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",