@vue-ui-kit/ant 2.4.5 → 2.4.6

package/dist/es/index.js

@@ -2382,7 +2382,8 @@ var Q = Vi(), Xi = (e) => e == null || e === "", $ = (e) => !Xi(e), Zi = (e) =>
 		DISABLED: !0,
 		ENABLE_FINDER: !0,
 		AUTO_ROW_HEIGHT: !0
-	}
+	},
+	icon: {}
 }, ra = (0, Q.clone)(na, !0);
 function ia(e) {
 	ra = {
@@ -2398,7 +2399,11 @@ function ia(e) {
 			...ra.canvasTable,
 			...e.canvasTable
 		},
-		renderTooltip: e.renderTooltip ?? ra.renderTooltip
+		renderTooltip: e.renderTooltip ?? ra.renderTooltip,
+		icon: {
+			...ra.icon,
+			...e.icon
+		}
 	};
 }
 function aa() {
@@ -2717,8 +2722,13 @@ var ya = "-", ba = {
 		};
 	}
 }), Da = (e) => {
-	let { icon: t } = e, n = De;
-	return n[t] ? c(n[t]) : n[t];
+	let { icon: t } = e, n = oa().icon?.render;
+	if (n) {
+		let e = n(t);
+		if (e) return e;
+	}
+	let r = De;
+	return r[t] ? c(r[t]) : null;
 }, Oa = {
 	AInput: { autocomplete: "off" },
 	$input: {
@@ -3488,13 +3498,13 @@ function Qa(e, t, n) {
 var $a = { key: 0 }, eo = {
 	key: 1,
 	class: "p-toolbar-wrapper flex items-center w-full justify-between p-theme-bg pt-8px px-16px"
-}, to = { class: "flex items-center flex-1 gap-4px" }, no = { key: 2 }, ro = { class: "flex items-center gap-4px" }, io = {
+}, to = { class: "flex items-center flex-1 gap-4px" }, no = { class: "flex items-center gap-4px" }, ro = { class: "flex items-center gap-4px" }, io = { key: 2 }, ao = { class: "flex items-center gap-4px" }, oo = { class: "flex items-center gap-4px" }, so = {
 	key: 0,
 	class: "w-full pt-8px px-16px text-slate-5"
-}, ao = {
+}, co = {
 	key: 1,
 	class: "flex w-full items-center gap-12px pt-8px px-16px"
-}, oo = { class: "flex-1 min-w-0 text-slate-5 flex items-center" }, so = /* @__PURE__ */ l({
+}, lo = { class: "flex-1 min-w-0 text-slate-5 flex items-center" }, uo = /* @__PURE__ */ l({
 	__name: "PGrid",
 	props: {
 		selectConfig: {},
@@ -3773,7 +3783,7 @@ var $a = { key: 0 }, eo = {
 					}, 16, ["name", "model"]))]),
 					_: 1
 				}, 8, ["spinning"])], 512)) : r("", !0),
-				A(k) ? (b(), i("div", eo, [a("div", to, [A(k).buttons && A(k).buttons.length > 0 ? (b(!0), i(e, { key: 0 }, C(A(k).buttons, (t, a) => (b(), i(e, { key: a }, [t.dropdowns && t.dropdowns.length ? (b(), n(_, { key: 0 }, {
+				A(k) ? (b(), i("div", eo, [a("div", to, [A(k).buttons && A(k).buttons.length > 0 ? (b(!0), i(e, { key: 0 }, C(A(k).buttons, (t, o) => (b(), i(e, { key: o }, [t.dropdowns && t.dropdowns.length ? (b(), n(_, { key: 0 }, {
 					overlay: F(() => [c(m, { onClick: Ne }, {
 						default: F(() => [(b(!0), i(e, null, C(t.dropdowns, (t) => (b(), n(d, { key: t.code }, {
 							default: F(() => [t.content && Qe(Ze(t.content)) ? (b(), i(e, { key: 0 }, [s(D(Ze(t.content)), 1)], 64)) : t.content ? (b(), n(E(Ze(t.content)), { key: 1 })) : r("", !0)]),
@@ -3791,14 +3801,14 @@ var $a = { key: 0 }, eo = {
 						ghost: t.ghost,
 						block: t.block
 					}, {
-						default: F(() => [
+						default: F(() => [a("div", no, [
 							t.icon ? (b(), n(A(Da), {
 								key: 0,
 								icon: t.icon
 							}, null, 8, ["icon"])) : r("", !0),
 							t.content && Qe(Ze(t.content)) ? (b(), i(e, { key: 1 }, [s(D(Ze(t.content)), 1)], 64)) : t.content ? (b(), n(E(Ze(t.content)), { key: 2 })) : r("", !0),
 							c(A(Oe))
-						]),
+						])]),
 						_: 2
 					}, 1032, [
 						"type",
@@ -3823,10 +3833,10 @@ var $a = { key: 0 }, eo = {
 					block: t.block,
 					onClick: (e) => A(Me)(t.code)
 				}, {
-					default: F(() => [t.icon ? (b(), n(A(Da), {
+					default: F(() => [a("div", ro, [t.icon ? (b(), n(A(Da), {
 						key: 0,
 						icon: t.icon
-					}, null, 8, ["icon"])) : r("", !0), t.content && Qe(Ze(t.content)) ? (b(), i(e, { key: 1 }, [s(D(Ze(t.content)), 1)], 64)) : t.content ? (b(), n(E(Ze(t.content)), { key: 2 })) : r("", !0)]),
+					}, null, 8, ["icon"])) : r("", !0), t.content && Qe(Ze(t.content)) ? (b(), i(e, { key: 1 }, [s(D(Ze(t.content)), 1)], 64)) : t.content ? (b(), n(E(Ze(t.content)), { key: 2 })) : r("", !0)])]),
 					_: 2
 				}, 1032, [
 					"type",
@@ -3838,8 +3848,8 @@ var $a = { key: 0 }, eo = {
 					"ghost",
 					"block",
 					"onClick"
-				])) : (b(), i("div", no))], 64))), 128)) : r("", !0)]), a("span", ro, [A(k).tools && A(k).tools.length > 0 ? (b(!0), i(e, { key: 0 }, C(A(k).tools, (t, a) => (b(), n(A(I), {
-					key: a,
+				])) : (b(), i("div", io))], 64))), 128)) : r("", !0)]), a("span", ao, [A(k).tools && A(k).tools.length > 0 ? (b(!0), i(e, { key: 0 }, C(A(k).tools, (t, o) => (b(), n(A(I), {
+					key: o,
 					type: t.type,
 					size: t.size ?? "middle",
 					disabled: A(k).disabled || t.disabled,
@@ -3850,10 +3860,10 @@ var $a = { key: 0 }, eo = {
 					onClick: (e) => A(Pe)(t.code),
 					loading: L.toolbar || !!t.code && _e[t.code]
 				}, {
-					default: F(() => [t.icon ? (b(), n(A(Da), {
+					default: F(() => [a("div", oo, [t.icon ? (b(), n(A(Da), {
 						key: 0,
 						icon: t.icon
-					}, null, 8, ["icon"])) : r("", !0), t.content && Qe(Ze(t.content)) ? (b(), i(e, { key: 1 }, [s(D(Ze(t.content)), 1)], 64)) : t.content ? (b(), n(E(Ze(t.content)), { key: 2 })) : r("", !0)]),
+					}, null, 8, ["icon"])) : r("", !0), t.content && Qe(Ze(t.content)) ? (b(), i(e, { key: 1 }, [s(D(Ze(t.content)), 1)], 64)) : t.content ? (b(), n(E(Ze(t.content)), { key: 2 })) : r("", !0)])]),
 					_: 2
 				}, 1032, [
 					"type",
@@ -3921,7 +3931,7 @@ var $a = { key: 0 }, eo = {
 					ref_key: "tableFooterEl",
 					ref: ce,
 					class: "flex-shrink-0"
-				}, [Te.value !== "pagination" && De.value ? (b(), i("div", io, " 已选：" + D(R.value.length), 1)) : Te.value === "pagination" ? (b(), i("div", ao, [a("div", oo, [De.value ? (b(), i(e, { key: 0 }, [s(" 已选：" + D(R.value.length), 1)], 64)) : r("", !0)]), c(v, {
+				}, [Te.value !== "pagination" && De.value ? (b(), i("div", so, " 已选：" + D(R.value.length), 1)) : Te.value === "pagination" ? (b(), i("div", co, [a("div", lo, [De.value ? (b(), i(e, { key: 0 }, [s(" 已选：" + D(R.value.length), 1)], 64)) : r("", !0)]), c(v, {
 					size: "small",
 					responsive: !1,
 					"show-size-changer": !0,
@@ -3939,7 +3949,7 @@ var $a = { key: 0 }, eo = {
 			], 64))], 16);
 		};
 	}
-}), co = /* @__PURE__ */ Re((/* @__PURE__ */ H(((e, t) => {
+}), fo = /* @__PURE__ */ Re((/* @__PURE__ */ H(((e, t) => {
 	(function() {
 		try {
 			if (typeof document < "u") {
@@ -10151,7 +10161,7 @@ var $a = { key: 0 }, eo = {
 		}
 		return $t;
 	});
-})))(), 1), lo = /* @__PURE__ */ l((e, { emit: t }) => {
+})))(), 1), po = /* @__PURE__ */ l((e, { emit: t }) => {
 	let { cellRender: n, renderTableParams: r } = e, { row: i, field: a } = r;
 	if (a) {
 		let e = S(i[a]);
@@ -10161,7 +10171,7 @@ var $a = { key: 0 }, eo = {
 	name: "RenderEditCell",
 	props: ["cellRender", "renderTableParams"],
 	emits: ["blur"]
-}), uo = /* @__PURE__ */ l({
+}), mo = /* @__PURE__ */ l({
 	__name: "PCanvasTable",
 	props: {
 		columns: {},
@@ -10220,7 +10230,7 @@ var $a = { key: 0 }, eo = {
 			children: e.children?.map((e) => ce(e))
 		});
 		y(() => {
-			D.value && (v = new co.default(D.value, {
+			D.value && (v = new fo.default(D.value, {
 				config: g.value.config,
 				columns: f.columns.map((e) => ce(e)),
 				data: f.data,
@@ -10296,7 +10306,7 @@ var $a = { key: 0 }, eo = {
 						"style",
 						"value",
 						"cell"
-					])) : A(Fa).renders[P.value]?.renderEdit ? (b(), n(A(lo), {
+					])) : A(Fa).renders[P.value]?.renderEdit ? (b(), n(A(po), {
 						key: 1,
 						"cell-render": ne[M.value.key],
 						class: "ev-editor-wrapper",
@@ -10346,13 +10356,13 @@ var $a = { key: 0 }, eo = {
 			}, 8, ["spinning"]);
 		};
 	}
-}), fo = { key: 0 }, po = {
+}), ho = { key: 0 }, go = {
 	key: 1,
 	class: "p-canvas-toolbar-wrapper flex items-center w-full justify-between p-theme-bg pt-8px px-16px"
-}, mo = { class: "flex items-center flex-1 gap-4px" }, ho = { key: 2 }, go = { class: "flex items-center gap-4px" }, _o = {
+}, _o = { class: "flex items-center flex-1 gap-4px" }, vo = { key: 2 }, yo = { class: "flex items-center gap-4px" }, bo = {
 	key: 0,
 	class: "w-full text-slate-5 pl-4"
-}, vo = /* @__PURE__ */ l({
+}, xo = /* @__PURE__ */ l({
 	__name: "PCanvasGrid",
 	props: {
 		staticConfig: {},
@@ -10558,7 +10568,7 @@ var $a = { key: 0 }, eo = {
 				ref_key: "boxEl",
 				ref: _e,
 				class: "h-full p-wrapper flex flex-col gap-8px overflow-y-auto"
-			}, A(_)), [ce.value === "bad" ? (b(), i("div", fo, "请检查配置")) : (b(), i(e, { key: 1 }, [
+			}, A(_)), [ce.value === "bad" ? (b(), i("div", ho, "请检查配置")) : (b(), i(e, { key: 1 }, [
 				A(k)?.items?.some((e) => e.field && e.itemRender) ? (b(), i("div", {
 					key: 0,
 					class: "p-pane p-form-wrapper",
@@ -10584,7 +10594,7 @@ var $a = { key: 0 }, eo = {
 					}, 16, ["model"]))]),
 					_: 1
 				}, 8, ["spinning"])], 512)) : r("", !0),
-				A(P) ? (b(), i("div", po, [a("div", mo, [A(P).buttons && A(P).buttons.length > 0 ? (b(!0), i(e, { key: 0 }, C(A(P).buttons, (t, a) => (b(), i(e, { key: a }, [t.dropdowns && t.dropdowns.length ? (b(), n(v, { key: 0 }, {
+				A(P) ? (b(), i("div", go, [a("div", _o, [A(P).buttons && A(P).buttons.length > 0 ? (b(!0), i(e, { key: 0 }, C(A(P).buttons, (t, a) => (b(), i(e, { key: a }, [t.dropdowns && t.dropdowns.length ? (b(), n(v, { key: 0 }, {
 					overlay: F(() => [c(f, { onClick: je }, {
 						default: F(() => [(b(!0), i(e, null, C(t.dropdowns, (e) => (b(), n(d, { key: e.code }, {
 							default: F(() => [s(D(e.content), 1)]),
@@ -10649,7 +10659,7 @@ var $a = { key: 0 }, eo = {
 					"ghost",
 					"block",
 					"onClick"
-				])) : (b(), i("div", ho))], 64))), 128)) : r("", !0)]), a("span", go, [A(P).tools && A(P).tools.length > 0 ? (b(!0), i(e, { key: 0 }, C(A(P).tools, (e, t) => (b(), n(A(I), {
+				])) : (b(), i("div", vo))], 64))), 128)) : r("", !0)]), a("span", yo, [A(P).tools && A(P).tools.length > 0 ? (b(!0), i(e, { key: 0 }, C(A(P).tools, (e, t) => (b(), n(A(I), {
 					key: t,
 					type: e.type,
 					size: e.size ?? "middle",
@@ -10682,8 +10692,8 @@ var $a = { key: 0 }, eo = {
 					ref: be,
 					class: h("p-pane flex-1 h-0 p-inner-scroll")
 				}, [
-					A(L)?.selectable && A(L).showCount ? (b(), i("div", _o, " 已选：" + D(De.value.length), 1)) : r("", !0),
-					c(uo, {
+					A(L)?.selectable && A(L).showCount ? (b(), i("div", bo, " 已选：" + D(De.value.length), 1)) : r("", !0),
+					c(mo, {
 						ref_key: "canvasTableRef",
 						ref: ge,
 						columns: ze.value,
@@ -10720,7 +10730,7 @@ var $a = { key: 0 }, eo = {
 			], 64))], 16);
 		};
 	}
-}), yo = /* @__PURE__ */ l({
+}), So = /* @__PURE__ */ l({
 	__name: "PGroupBlock",
 	props: {
 		name: {},
@@ -10735,7 +10745,7 @@ var $a = { key: 0 }, eo = {
 			ref: a
 		}, c.value, { data: A(o) }), null, 16, ["name", "data"]));
 	}
-}), bo = /* @__PURE__ */ l({
+}), Co = /* @__PURE__ */ l({
 	__name: "CollapseCard",
 	props: {
 		defaultCollapsed: {
@@ -10784,7 +10794,7 @@ var $a = { key: 0 }, eo = {
 			}))]), 1032, ["title"]));
 		};
 	}
-}), xo = /* @__PURE__ */ l({
+}), wo = /* @__PURE__ */ l({
 	__name: "PFormGroup",
 	props: /* @__PURE__ */ f({
 		name: {},
@@ -10922,7 +10932,7 @@ var $a = { key: 0 }, eo = {
 		})));
 		return (t, u) => {
 			let d = T("a-spin");
-			return b(), n(bo, {
+			return b(), n(Co, {
 				ref_key: "rootRef",
 				ref: h,
 				title: l.title,
@@ -10973,7 +10983,7 @@ var $a = { key: 0 }, eo = {
 							default: F(() => [c(A(Ae))]),
 							_: 2
 						}, 1024)) : r("", !0)]),
-						default: F(() => [(b(), n(yo, {
+						default: F(() => [(b(), n(So, {
 							ref_for: !0,
 							ref_key: "blockInstance",
 							ref: y,
@@ -11005,7 +11015,7 @@ var $a = { key: 0 }, eo = {
 			]);
 		};
 	}
-}), So = { class: "w-full text-right p-2" }, Co = /* @__PURE__ */ l({
+}), To = { class: "w-full text-right p-2" }, Eo = /* @__PURE__ */ l({
 	__name: "PromisePicker",
 	props: {
 		gridSetting: {},
@@ -11069,7 +11079,7 @@ var $a = { key: 0 }, eo = {
 			onCancel: v,
 			"body-style": e.bodyStyle
 		}, o({
-			default: F(() => [a("div", { style: f }, [c(so, p(d.value, {
+			default: F(() => [a("div", { style: f }, [c(uo, p(d.value, {
 				ref_key: "gridEl",
 				ref: i,
 				onPick: C
@@ -11077,7 +11087,7 @@ var $a = { key: 0 }, eo = {
 			_: 2
 		}, [u.value ? {
 			name: "footer",
-			fn: F(() => [a("div", So, [a("span", null, [c(A(I), {
+			fn: F(() => [a("div", To, [a("span", null, [c(A(I), {
 				class: "mr-4",
 				onClick: y
 			}, {
@@ -11102,16 +11112,16 @@ var $a = { key: 0 }, eo = {
 });
 //#endregion
 //#region src/index.ts
-function wo(e) {
+function Do(e) {
 	e && ia(e);
 }
-var To = {
+var Oo = {
 	install(e) {
-		e.component("PForm", Va), e.component("PGrid", so), e.component("PCanvasTable", uo), e.component("PCanvasGrid", vo), e.component("PFormGroup", xo), e.component("PGroupBlock", yo), e.component("PromisePicker", Co);
+		e.component("PForm", Va), e.component("PGrid", uo), e.component("PCanvasTable", mo), e.component("PCanvasGrid", xo), e.component("PFormGroup", wo), e.component("PGroupBlock", So), e.component("PromisePicker", Eo);
 	},
 	addFormatter: Sa,
 	addRender: Pa,
-	setup: wo
+	setup: Do
 };
 //#endregion
-export { vo as PCanvasGrid, uo as PCanvasTable, Va as PForm, xo as PFormGroup, so as PGrid, yo as PGroupBlock, Co as PromisePicker, Sa as addFormatter, Pa as addRender, Xa as applyViewportRestSize, da as cleanCol, Qa as createAutoViewportBoxController, To as default, fa as defaultItemResponsive, pa as defaultLabelCol, ha as get24rest, _a as getButtonResponsive, aa as getTooltipRenderer, oa as getUIKitConfig, ma as labelColDict, Ja as parseAutoViewportBoxOffset, ua as resetUIKitConfig, ia as setUIKitConfig, wo as setup, va as watchPreviousDeep };
+export { xo as PCanvasGrid, mo as PCanvasTable, Va as PForm, wo as PFormGroup, uo as PGrid, So as PGroupBlock, Eo as PromisePicker, Sa as addFormatter, Pa as addRender, Xa as applyViewportRestSize, da as cleanCol, Qa as createAutoViewportBoxController, Oo as default, fa as defaultItemResponsive, pa as defaultLabelCol, ha as get24rest, _a as getButtonResponsive, aa as getTooltipRenderer, oa as getUIKitConfig, ma as labelColDict, Ja as parseAutoViewportBoxOffset, ua as resetUIKitConfig, ia as setUIKitConfig, Do as setup, va as watchPreviousDeep };

package/dist/index.d.ts

@@ -2977,6 +2977,12 @@ export declare interface UIKitConfig {
      * @param content tooltip 内容，字符串或返回 VNode 的函数
      */
     renderTooltip?: (defaultSlot: () => VNode, content: string | (() => VNode)) => VNode;
+    /**
+     * 自定义图标：按 `icon` 名字渲染；返回值为真时优先于 `@ant-design/icons-vue` 同名组件。
+     */
+    icon?: {
+        render?: (name: string) => unknown;
+    };
 }
 
 declare interface ValidateErrorEntity<Values = any> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-ui-kit/ant",
-  "version": "2.4.5",
+  "version": "2.4.6",
   "description": "Vue3 UI Kit based on Ant Design",
   "type": "module",
   "main": "./dist/cjs/index.js",

package/src/packages/components/PGrid.vue

@@ -10,13 +10,13 @@
   import RenderTitleSlots from '@/components/RenderTitleSlots';
   import { $confirm } from '@/hooks/useMessage';
   import Icon from '@/renders/Icon';
-  import { getGridDefaults } from '@/utils/config';
   import {
     createAutoViewportBoxController,
     parseAutoViewportBoxOffset,
     type AutoViewportBoxController,
     type AutoViewportBoxOffsetInput,
   } from '@/utils/autoViewportBox';
+  import { getGridDefaults } from '@/utils/config';
   import { cleanCol, defaultLabelCol } from '@/utils/core';
   import { isGoodValue } from '@/utils/is';
   import { eachTree } from '@/utils/treeHelper';
@@ -678,12 +678,14 @@
                   :ghost="btn.ghost"
                   :block="btn.block"
                 >
-                  <Icon v-if="btn.icon" :icon="btn.icon" />
-                  <template v-if="btn.content && isStringContent(renderContent(btn.content))">
-                    {{ renderContent(btn.content) }}
-                  </template>
-                  <component v-else-if="btn.content" :is="renderContent(btn.content)" />
-                  <DownOutlined />
+                  <div class="flex items-center gap-4px">
+                    <Icon v-if="btn.icon" :icon="btn.icon" />
+                    <template v-if="btn.content && isStringContent(renderContent(btn.content))">
+                      {{ renderContent(btn.content) }}
+                    </template>
+                    <component v-else-if="btn.content" :is="renderContent(btn.content)" />
+                    <DownOutlined />
+                  </div>
                 </a-button>
               </a-dropdown>
               <a-button
@@ -698,11 +700,13 @@
                 :block="btn.block"
                 @click="debounceToolBtnClick(btn.code)"
               >
-                <Icon v-if="btn.icon" :icon="btn.icon" />
-                <template v-if="btn.content && isStringContent(renderContent(btn.content))">
-                  {{ renderContent(btn.content) }}
-                </template>
-                <component v-else-if="btn.content" :is="renderContent(btn.content)" />
+                <div class="flex items-center gap-4px">
+                  <Icon v-if="btn.icon" :icon="btn.icon" />
+                  <template v-if="btn.content && isStringContent(renderContent(btn.content))">
+                    {{ renderContent(btn.content) }}
+                  </template>
+                  <component v-else-if="btn.content" :is="renderContent(btn.content)" />
+                </div>
               </a-button>
               <div v-else></div>
             </template>
@@ -723,11 +727,13 @@
               @click="debounceToolToolClick(tool.code)"
               :loading="loading.toolbar || (!!tool.code && codeLoadings[tool.code])"
             >
-              <Icon v-if="tool.icon" :icon="tool.icon" />
-              <template v-if="tool.content && isStringContent(renderContent(tool.content))">
-                {{ renderContent(tool.content) }}
-              </template>
-              <component v-else-if="tool.content" :is="renderContent(tool.content)" />
+              <div class="flex items-center gap-4px">
+                <Icon v-if="tool.icon" :icon="tool.icon" />
+                <template v-if="tool.content && isStringContent(renderContent(tool.content))">
+                  {{ renderContent(tool.content) }}
+                </template>
+                <component v-else-if="tool.content" :is="renderContent(tool.content)" />
+              </div>
             </a-button>
           </template>
         </span>

package/src/packages/renders/Icon.ts

@@ -1,8 +1,16 @@
 import { createVNode } from 'vue';
 import * as $Icon from '@ant-design/icons-vue';
+import { getUIKitConfig } from '@/utils/config';
+
 const Icon = (props: { icon: string }) => {
   const { icon } = props;
+  const customRender = getUIKitConfig().icon?.render;
+  if (customRender) {
+    const custom = customRender(icon);
+    if (custom) return custom;
+  }
   const antIcon: { [key: string]: any } = $Icon;
-  return antIcon[icon] ? createVNode(antIcon[icon]) : antIcon[icon];
+  if (antIcon[icon]) return createVNode(antIcon[icon]);
+  return null;
 };
 export default Icon;

package/src/packages/utils/config.ts

@@ -26,6 +26,12 @@ export interface UIKitConfig {
    * @param content tooltip 内容，字符串或返回 VNode 的函数
    */
   renderTooltip?: (defaultSlot: () => VNode, content: string | (() => VNode)) => VNode;
+  /**
+   * 自定义图标：按 `icon` 名字渲染；返回值为真时优先于 `@ant-design/icons-vue` 同名组件。
+   */
+  icon?: {
+    render?: (name: string) => unknown;
+  };
 }
 
 // 默认配置
@@ -45,6 +51,7 @@ const defaultConfig: UIKitConfig = {
     ENABLE_FINDER: true,
     AUTO_ROW_HEIGHT: true,
   },
+  icon: {},
 };
 
 // 当前配置（可被修改）
@@ -66,6 +73,10 @@ export function setUIKitConfig(config: Partial<UIKitConfig>): void {
       ...config.canvasTable,
     },
     renderTooltip: config.renderTooltip ?? currentConfig.renderTooltip,
+    icon: {
+      ...currentConfig.icon,
+      ...config.icon,
+    },
   };
 }