xmirror-components 1.0.25 → 1.0.26-alpha.0

package/build/es/components/AntdApp/index.d.ts

@@ -3,9 +3,12 @@ import { type AppProps } from 'antd';
 import { type MessageInstance } from 'antd/es/message/interface';
 import { type NotificationInstance } from 'antd/es/notification/interface';
 import { type ModalStaticFunctions } from 'antd/es/modal/confirm';
+import { type ConfigProviderConfigProps } from './../ConfigProvider';
 declare let message: MessageInstance;
 declare let notification: NotificationInstance;
 declare let modal: Omit<ModalStaticFunctions, 'warn'>;
-declare function Index({ children, ...props }: AppProps): React.JSX.Element;
+declare function Index({ children, config, ...props }: AppProps & {
+    config?: ConfigProviderConfigProps;
+}): React.JSX.Element;
 export { message, notification, modal };
 export default Index;

package/build/es/components/AntdApp/index.js

@@ -23,6 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { App, message as AntdMessage, notification as AntdNotification, Modal as AntdModal } from 'antd';
 import GlobalLoading from './../GlobalLoading';
+import ConfigProvider from './../ConfigProvider';
 var message = AntdMessage;
 var notification = AntdNotification;
 var modal = AntdModal;
@@ -35,10 +36,11 @@ function InitApp(_a) {
     return children || '';
 }
 function Index(_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(App, __assign({}, props),
-        React.createElement(GlobalLoading, null),
-        React.createElement(InitApp, null, children)));
+    var children = _a.children, config = _a.config, props = __rest(_a, ["children", "config"]);
+    return (React.createElement(ConfigProvider, { config: config || {} },
+        React.createElement(App, __assign({}, props),
+            React.createElement(GlobalLoading, null),
+            React.createElement(InitApp, null, children))));
 }
 export { message, notification, modal };
 export default Index;

package/build/es/components/ConfigProvider/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ConfigContextProps, ConfigProviderConfigProps } from './types';
+export type { ConfigProviderConfigProps, ConfigContextProps } from './types';
+export declare const ConfigContext: React.Context<ConfigContextProps>;
+interface ConfigProviderProps {
+    children: React.ReactNode;
+    config: ConfigProviderConfigProps;
+}
+export default function ConfigProvider({ children, config }: ConfigProviderProps): React.JSX.Element;

package/build/es/components/ConfigProvider/index.js

@@ -0,0 +1,53 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+// 递归合并函数
+function deepMerge(target, source) {
+    var result = __assign({}, target);
+    for (var key in source) {
+        if (source[key] !== undefined) {
+            if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {
+                result[key] = deepMerge(target[key] || {}, source[key]);
+            }
+            else {
+                result[key] = source[key];
+            }
+        }
+    }
+    return result;
+}
+var baseConfig = {
+    iconButton: {
+        size: 'small',
+        render: function (_a) {
+            var children = _a.children, params = __rest(_a, ["children"]);
+            return children;
+        }
+    },
+    iconFont: {}
+};
+export var ConfigContext = React.createContext(baseConfig);
+export default function ConfigProvider(_a) {
+    var children = _a.children, config = _a.config;
+    return (React.createElement(ConfigContext.Provider, { value: deepMerge(baseConfig, config) }, children));
+}

package/build/es/components/ConfigProvider/types.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { IconButtonProps } from "../IconButton";
+import { IconFontProps } from "../IconFont";
+type IconButtonConfig = Pick<IconButtonProps, 'size' | 'className' | 'style'> & {
+    render: (props: IconButtonProps & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+};
+type IconFontConfig = Pick<IconFontProps, 'className' | 'style'>;
+export interface ConfigContextProps {
+    iconButton: IconButtonConfig;
+    iconFont: IconFontConfig;
+}
+export type ConfigProviderConfigProps = Partial<ConfigContextProps>;
+export {};

package/build/es/components/ConfigProvider/types.js

@@ -0,0 +1 @@
+export {};

package/build/es/components/IconButton/index.d.ts

@@ -22,7 +22,7 @@ interface ButtonTooltipProps {
     disabled?: boolean;
     children?: React.ReactNode;
 }
-interface IconButtonProps extends Omit<ButtonTooltipProps, 'children'> {
+export interface IconButtonProps extends Omit<ButtonTooltipProps, 'children'> {
     /**
      * 图标
      */

package/build/es/components/IconButton/index.js

@@ -24,10 +24,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import React, { useContext } from 'react';
 import { Tooltip, Button } from 'antd';
 import { noop, isString } from 'lodash-es';
+import classNames from 'classnames';
 import IconFont from '../IconFont';
+import { ConfigContext } from '../ConfigProvider';
 import styled from '@emotion/styled';
 var StyledButton = styled(Button)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 18px;\n  color: var(--color-primary);\n  background-color: transparent;\n  border: none;\n  box-shadow: initial;\n  transition: background-color 0.2s;\n\n  &[disabled], &[aria-disabled='true'] {\n    color: #9da2a6 !important;\n    cursor: not-allowed;\n    background-color: transparent;\n  }\n\n  &:hover, &:active, &:focus {\n    background: #F4F0F5;\n  }\n\n  span {\n    font-size: 18px;\n  }\n"], ["\n  font-size: 18px;\n  color: var(--color-primary);\n  background-color: transparent;\n  border: none;\n  box-shadow: initial;\n  transition: background-color 0.2s;\n\n  &[disabled], &[aria-disabled='true'] {\n    color: #9da2a6 !important;\n    cursor: not-allowed;\n    background-color: transparent;\n  }\n\n  &:hover, &:active, &:focus {\n    background: #F4F0F5;\n  }\n\n  span {\n    font-size: 18px;\n  }\n"])));
 var ButtonTooltip = function (_a) {
@@ -40,7 +42,8 @@ var ButtonTooltip = function (_a) {
     }
 };
 export var IconButton = function (props) {
-    var Icon = props.icon, _a = props.tooltipDisabled, tooltipDisabled = _a === void 0 ? false : _a, title = props.title, _b = props.hide, hide = _b === void 0 ? false : _b, disabledReason = props.disabledReason, _c = props.onClick, onClick = _c === void 0 ? noop : _c, disabled = props.disabled, _d = props.size, size = _d === void 0 ? 'small' : _d, _e = props.style, style = _e === void 0 ? {} : _e, className = props.className, _f = props.loading, loading = _f === void 0 ? false : _f, attrs = __rest(props, ["icon", "tooltipDisabled", "title", "hide", "disabledReason", "onClick", "disabled", "size", "style", "className", "loading"]);
+    var iconButton = useContext(ConfigContext).iconButton;
+    var Icon = props.icon, _a = props.tooltipDisabled, tooltipDisabled = _a === void 0 ? false : _a, title = props.title, _b = props.hide, hide = _b === void 0 ? false : _b, disabledReason = props.disabledReason, _c = props.onClick, onClick = _c === void 0 ? noop : _c, disabled = props.disabled, _d = props.size, size = _d === void 0 ? iconButton.size : _d, _e = props.style, style = _e === void 0 ? {} : _e, className = props.className, _f = props.loading, loading = _f === void 0 ? false : _f, attrs = __rest(props, ["icon", "tooltipDisabled", "title", "hide", "disabledReason", "onClick", "disabled", "size", "style", "className", "loading"]);
     var createIcon = function () {
         if (isString(Icon)) {
             return React.createElement(IconFont, { type: Icon });
@@ -49,11 +52,13 @@ export var IconButton = function (props) {
             return Icon;
         }
     };
+    var IconButtonRender = iconButton.render;
     if (!Icon) {
         console.warn('Icon props not found');
     }
-    return (React.createElement(ButtonTooltip, __assign({ tooltipDisabled: tooltipDisabled, hide: hide, disabled: disabled, disabledReason: disabledReason, title: title }, attrs),
-        React.createElement(StyledButton, { icon: createIcon(), size: size, className: className, disabled: disabled, style: style, loading: loading, onClick: onClick })));
+    return (React.createElement(IconButtonRender, __assign({}, props),
+        React.createElement(ButtonTooltip, __assign({ tooltipDisabled: tooltipDisabled, hide: hide, disabled: disabled, disabledReason: disabledReason, title: title }, attrs),
+            React.createElement(StyledButton, { icon: createIcon(), size: size, className: classNames([iconButton.className, className]), disabled: disabled, style: __assign(__assign({}, iconButton.style), style), loading: loading, onClick: onClick }))));
 };
 export default IconButton;
 var templateObject_1;

package/build/es/components/IconFont/index.d.ts

@@ -12,10 +12,16 @@ interface IconFontCommonProps {
      * 是否使用 symbol 模式
      */
     symbol?: boolean;
+    [attrs: string]: any;
 }
-declare const IconFont: React.ForwardRefExoticComponent<((IconFontCommonProps & React.HTMLAttributes<HTMLElement> & {
+export type IconFontProps = (IconFontCommonProps & React.SVGProps<SVGSVGElement> & {
+    symbol: true;
+}) | (IconFontCommonProps & React.HTMLAttributes<HTMLElement> & {
     symbol?: false;
-}) | Omit<IconFontCommonProps & React.SVGProps<SVGSVGElement> & {
+});
+declare const IconFont: React.ForwardRefExoticComponent<(Omit<IconFontCommonProps & React.SVGProps<SVGSVGElement> & {
     symbol: true;
+}, "ref"> | Omit<IconFontCommonProps & React.HTMLAttributes<HTMLElement> & {
+    symbol?: false;
 }, "ref">) & React.RefAttributes<HTMLElement | SVGSVGElement>>;
 export default IconFont;

package/build/es/components/IconFont/index.js

@@ -20,13 +20,26 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../ConfigProvider';
 var IconFont = forwardRef(function (_a, ref) {
-    var _b = _a.type, type = _b === void 0 ? '' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.symbol, symbol = _d === void 0 ? false : _d, attrs = __rest(_a, ["type", "className", "symbol"]);
+    var _b = _a.type, type = _b === void 0 ? '' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.symbol, symbol = _d === void 0 ? false : _d, style = _a.style, attrs = __rest(_a, ["type", "className", "symbol", "style"]);
+    var iconFont = useContext(ConfigContext).iconFont;
     if (symbol) {
-        return (React.createElement("svg", __assign({ className: "iconfont-symbol ".concat(type, " ").concat(className), "aria-hidden": "true", ref: ref }, attrs),
+        return (React.createElement("svg", __assign({ className: classNames([
+                'iconfont-symbol',
+                iconFont.className || '',
+                type,
+                className,
+            ]), "aria-hidden": "true", ref: ref, style: __assign(__assign({}, iconFont.style), (style || {})) }, attrs),
             React.createElement("use", { xlinkHref: "#".concat(type) })));
     }
-    return (React.createElement("i", __assign({ className: "iconfont ".concat(type, " ").concat(className), ref: ref }, attrs)));
+    return (React.createElement("i", __assign({ className: classNames([
+            'iconfont',
+            iconFont.className || '',
+            type,
+            className,
+        ]), ref: ref, style: __assign(__assign({}, iconFont.style), (style || {})) }, attrs)));
 });
 export default IconFont;

package/build/es/index.d.ts

@@ -4,4 +4,5 @@ export { default as CheckboxValue } from './components/CheckboxValue';
 export { default as SwitchValue } from './components/SwitchValue';
 export { default as IconButton } from './components/IconButton';
 export { default as GlobalLoading, setGlobalLoading } from './components/GlobalLoading';
+export { default as ConfigProvider, ConfigContext } from './components/ConfigProvider';
 export { default as useRequest } from './hooks/useRequest';

package/build/es/index.js

@@ -4,4 +4,5 @@ export { default as CheckboxValue } from './components/CheckboxValue';
 export { default as SwitchValue } from './components/SwitchValue';
 export { default as IconButton } from './components/IconButton';
 export { default as GlobalLoading, setGlobalLoading } from './components/GlobalLoading';
+export { default as ConfigProvider, ConfigContext } from './components/ConfigProvider';
 export { default as useRequest } from './hooks/useRequest';

package/build/lib/components/AntdApp/index.d.ts

@@ -3,9 +3,12 @@ import { type AppProps } from 'antd';
 import { type MessageInstance } from 'antd/es/message/interface';
 import { type NotificationInstance } from 'antd/es/notification/interface';
 import { type ModalStaticFunctions } from 'antd/es/modal/confirm';
+import { type ConfigProviderConfigProps } from './../ConfigProvider';
 declare let message: MessageInstance;
 declare let notification: NotificationInstance;
 declare let modal: Omit<ModalStaticFunctions, 'warn'>;
-declare function Index({ children, ...props }: AppProps): React.JSX.Element;
+declare function Index({ children, config, ...props }: AppProps & {
+    config?: ConfigProviderConfigProps;
+}): React.JSX.Element;
 export { message, notification, modal };
 export default Index;

package/build/lib/components/AntdApp/index.js

@@ -29,6 +29,7 @@ exports.modal = exports.notification = exports.message = void 0;
 var react_1 = __importDefault(require("react"));
 var antd_1 = require("antd");
 var GlobalLoading_1 = __importDefault(require("./../GlobalLoading"));
+var ConfigProvider_1 = __importDefault(require("./../ConfigProvider"));
 var message = antd_1.message;
 exports.message = message;
 var notification = antd_1.notification;
@@ -44,9 +45,10 @@ function InitApp(_a) {
     return children || '';
 }
 function Index(_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (react_1.default.createElement(antd_1.App, __assign({}, props),
-        react_1.default.createElement(GlobalLoading_1.default, null),
-        react_1.default.createElement(InitApp, null, children)));
+    var children = _a.children, config = _a.config, props = __rest(_a, ["children", "config"]);
+    return (react_1.default.createElement(ConfigProvider_1.default, { config: config || {} },
+        react_1.default.createElement(antd_1.App, __assign({}, props),
+            react_1.default.createElement(GlobalLoading_1.default, null),
+            react_1.default.createElement(InitApp, null, children))));
 }
 exports.default = Index;

package/build/lib/components/ConfigProvider/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ConfigContextProps, ConfigProviderConfigProps } from './types';
+export type { ConfigProviderConfigProps, ConfigContextProps } from './types';
+export declare const ConfigContext: React.Context<ConfigContextProps>;
+interface ConfigProviderProps {
+    children: React.ReactNode;
+    config: ConfigProviderConfigProps;
+}
+export default function ConfigProvider({ children, config }: ConfigProviderProps): React.JSX.Element;

package/build/lib/components/ConfigProvider/index.js

@@ -0,0 +1,60 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfigContext = void 0;
+exports.default = ConfigProvider;
+var react_1 = __importDefault(require("react"));
+// 递归合并函数
+function deepMerge(target, source) {
+    var result = __assign({}, target);
+    for (var key in source) {
+        if (source[key] !== undefined) {
+            if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {
+                result[key] = deepMerge(target[key] || {}, source[key]);
+            }
+            else {
+                result[key] = source[key];
+            }
+        }
+    }
+    return result;
+}
+var baseConfig = {
+    iconButton: {
+        size: 'small',
+        render: function (_a) {
+            var children = _a.children, params = __rest(_a, ["children"]);
+            return children;
+        }
+    },
+    iconFont: {}
+};
+exports.ConfigContext = react_1.default.createContext(baseConfig);
+function ConfigProvider(_a) {
+    var children = _a.children, config = _a.config;
+    return (react_1.default.createElement(exports.ConfigContext.Provider, { value: deepMerge(baseConfig, config) }, children));
+}

package/build/lib/components/ConfigProvider/types.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { IconButtonProps } from "../IconButton";
+import { IconFontProps } from "../IconFont";
+type IconButtonConfig = Pick<IconButtonProps, 'size' | 'className' | 'style'> & {
+    render: (props: IconButtonProps & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+};
+type IconFontConfig = Pick<IconFontProps, 'className' | 'style'>;
+export interface ConfigContextProps {
+    iconButton: IconButtonConfig;
+    iconFont: IconFontConfig;
+}
+export type ConfigProviderConfigProps = Partial<ConfigContextProps>;
+export {};

package/build/lib/components/ConfigProvider/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/lib/components/IconButton/index.d.ts

@@ -22,7 +22,7 @@ interface ButtonTooltipProps {
     disabled?: boolean;
     children?: React.ReactNode;
 }
-interface IconButtonProps extends Omit<ButtonTooltipProps, 'children'> {
+export interface IconButtonProps extends Omit<ButtonTooltipProps, 'children'> {
     /**
      * 图标
      */

package/build/lib/components/IconButton/index.js

@@ -14,6 +14,39 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -30,10 +63,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconButton = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var antd_1 = require("antd");
 var lodash_es_1 = require("lodash-es");
+var classnames_1 = __importDefault(require("classnames"));
 var IconFont_1 = __importDefault(require("../IconFont"));
+var ConfigProvider_1 = require("../ConfigProvider");
 var styled_1 = __importDefault(require("@emotion/styled"));
 var StyledButton = (0, styled_1.default)(antd_1.Button)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 18px;\n  color: var(--color-primary);\n  background-color: transparent;\n  border: none;\n  box-shadow: initial;\n  transition: background-color 0.2s;\n\n  &[disabled], &[aria-disabled='true'] {\n    color: #9da2a6 !important;\n    cursor: not-allowed;\n    background-color: transparent;\n  }\n\n  &:hover, &:active, &:focus {\n    background: #F4F0F5;\n  }\n\n  span {\n    font-size: 18px;\n  }\n"], ["\n  font-size: 18px;\n  color: var(--color-primary);\n  background-color: transparent;\n  border: none;\n  box-shadow: initial;\n  transition: background-color 0.2s;\n\n  &[disabled], &[aria-disabled='true'] {\n    color: #9da2a6 !important;\n    cursor: not-allowed;\n    background-color: transparent;\n  }\n\n  &:hover, &:active, &:focus {\n    background: #F4F0F5;\n  }\n\n  span {\n    font-size: 18px;\n  }\n"])));
 var ButtonTooltip = function (_a) {
@@ -46,7 +81,8 @@ var ButtonTooltip = function (_a) {
     }
 };
 var IconButton = function (props) {
-    var Icon = props.icon, _a = props.tooltipDisabled, tooltipDisabled = _a === void 0 ? false : _a, title = props.title, _b = props.hide, hide = _b === void 0 ? false : _b, disabledReason = props.disabledReason, _c = props.onClick, onClick = _c === void 0 ? lodash_es_1.noop : _c, disabled = props.disabled, _d = props.size, size = _d === void 0 ? 'small' : _d, _e = props.style, style = _e === void 0 ? {} : _e, className = props.className, _f = props.loading, loading = _f === void 0 ? false : _f, attrs = __rest(props, ["icon", "tooltipDisabled", "title", "hide", "disabledReason", "onClick", "disabled", "size", "style", "className", "loading"]);
+    var iconButton = (0, react_1.useContext)(ConfigProvider_1.ConfigContext).iconButton;
+    var Icon = props.icon, _a = props.tooltipDisabled, tooltipDisabled = _a === void 0 ? false : _a, title = props.title, _b = props.hide, hide = _b === void 0 ? false : _b, disabledReason = props.disabledReason, _c = props.onClick, onClick = _c === void 0 ? lodash_es_1.noop : _c, disabled = props.disabled, _d = props.size, size = _d === void 0 ? iconButton.size : _d, _e = props.style, style = _e === void 0 ? {} : _e, className = props.className, _f = props.loading, loading = _f === void 0 ? false : _f, attrs = __rest(props, ["icon", "tooltipDisabled", "title", "hide", "disabledReason", "onClick", "disabled", "size", "style", "className", "loading"]);
     var createIcon = function () {
         if ((0, lodash_es_1.isString)(Icon)) {
             return react_1.default.createElement(IconFont_1.default, { type: Icon });
@@ -55,11 +91,13 @@ var IconButton = function (props) {
             return Icon;
         }
     };
+    var IconButtonRender = iconButton.render;
     if (!Icon) {
         console.warn('Icon props not found');
     }
-    return (react_1.default.createElement(ButtonTooltip, __assign({ tooltipDisabled: tooltipDisabled, hide: hide, disabled: disabled, disabledReason: disabledReason, title: title }, attrs),
-        react_1.default.createElement(StyledButton, { icon: createIcon(), size: size, className: className, disabled: disabled, style: style, loading: loading, onClick: onClick })));
+    return (react_1.default.createElement(IconButtonRender, __assign({}, props),
+        react_1.default.createElement(ButtonTooltip, __assign({ tooltipDisabled: tooltipDisabled, hide: hide, disabled: disabled, disabledReason: disabledReason, title: title }, attrs),
+            react_1.default.createElement(StyledButton, { icon: createIcon(), size: size, className: (0, classnames_1.default)([iconButton.className, className]), disabled: disabled, style: __assign(__assign({}, iconButton.style), style), loading: loading, onClick: onClick }))));
 };
 exports.IconButton = IconButton;
 exports.default = exports.IconButton;

package/build/lib/components/IconFont/index.d.ts

@@ -12,10 +12,16 @@ interface IconFontCommonProps {
      * 是否使用 symbol 模式
      */
     symbol?: boolean;
+    [attrs: string]: any;
 }
-declare const IconFont: React.ForwardRefExoticComponent<((IconFontCommonProps & React.HTMLAttributes<HTMLElement> & {
+export type IconFontProps = (IconFontCommonProps & React.SVGProps<SVGSVGElement> & {
+    symbol: true;
+}) | (IconFontCommonProps & React.HTMLAttributes<HTMLElement> & {
     symbol?: false;
-}) | Omit<IconFontCommonProps & React.SVGProps<SVGSVGElement> & {
+});
+declare const IconFont: React.ForwardRefExoticComponent<(Omit<IconFontCommonProps & React.SVGProps<SVGSVGElement> & {
     symbol: true;
+}, "ref"> | Omit<IconFontCommonProps & React.HTMLAttributes<HTMLElement> & {
+    symbol?: false;
 }, "ref">) & React.RefAttributes<HTMLElement | SVGSVGElement>>;
 export default IconFont;

package/build/lib/components/IconFont/index.js

@@ -54,14 +54,30 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ConfigProvider_1 = require("../ConfigProvider");
 var IconFont = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b = _a.type, type = _b === void 0 ? '' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.symbol, symbol = _d === void 0 ? false : _d, attrs = __rest(_a, ["type", "className", "symbol"]);
+    var _b = _a.type, type = _b === void 0 ? '' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.symbol, symbol = _d === void 0 ? false : _d, style = _a.style, attrs = __rest(_a, ["type", "className", "symbol", "style"]);
+    var iconFont = (0, react_1.useContext)(ConfigProvider_1.ConfigContext).iconFont;
     if (symbol) {
-        return (react_1.default.createElement("svg", __assign({ className: "iconfont-symbol ".concat(type, " ").concat(className), "aria-hidden": "true", ref: ref }, attrs),
+        return (react_1.default.createElement("svg", __assign({ className: (0, classnames_1.default)([
+                'iconfont-symbol',
+                iconFont.className || '',
+                type,
+                className,
+            ]), "aria-hidden": "true", ref: ref, style: __assign(__assign({}, iconFont.style), (style || {})) }, attrs),
             react_1.default.createElement("use", { xlinkHref: "#".concat(type) })));
     }
-    return (react_1.default.createElement("i", __assign({ className: "iconfont ".concat(type, " ").concat(className), ref: ref }, attrs)));
+    return (react_1.default.createElement("i", __assign({ className: (0, classnames_1.default)([
+            'iconfont',
+            iconFont.className || '',
+            type,
+            className,
+        ]), ref: ref, style: __assign(__assign({}, iconFont.style), (style || {})) }, attrs)));
 });
 exports.default = IconFont;

package/build/lib/index.d.ts

@@ -11,7 +11,9 @@ import type { Result } from 'ahooks/lib/useRequest/src/types';
 import type { Service } from 'ahooks/lib/useRequest/src/types';
 import { SwitchProps } from 'antd/es/switch';
 
-export declare function App({ children, ...props }: AppProps): React_2.JSX.Element;
+export declare function App({ children, config, ...props }: AppProps & {
+    config?: ConfigProviderConfigProps;
+}): React_2.JSX.Element;
 
 declare interface ButtonTooltipProps {
     /**
@@ -75,10 +77,32 @@ declare interface CheckboxValueProps<T = any, F = any> extends Omit<React_2.Comp
     children?: React_2.ReactNode;
 }
 
+export declare const ConfigContext: React_2.Context<ConfigContextProps>;
+
+declare interface ConfigContextProps {
+    iconButton: IconButtonConfig;
+    iconFont: IconFontConfig;
+}
+
+export declare function ConfigProvider({ children, config }: ConfigProviderProps): React_2.JSX.Element;
+
+declare type ConfigProviderConfigProps = Partial<ConfigContextProps>;
+
+declare interface ConfigProviderProps {
+    children: React_2.ReactNode;
+    config: ConfigProviderConfigProps;
+}
+
 export declare function GlobalLoading(): React_2.JSX.Element;
 
 export declare const IconButton: (props: IconButtonProps) => React_2.JSX.Element;
 
+declare type IconButtonConfig = Pick<IconButtonProps, 'size' | 'className' | 'style'> & {
+    render: (props: IconButtonProps & {
+        children: React_2.ReactNode;
+    }) => React_2.ReactNode;
+};
+
 declare interface IconButtonProps extends Omit<ButtonTooltipProps, 'children'> {
     /**
      * 图标
@@ -110,10 +134,10 @@ declare interface IconButtonProps extends Omit<ButtonTooltipProps, 'children'> {
     [key: string]: any;
 }
 
-export declare const IconFont: React_2.ForwardRefExoticComponent<((IconFontCommonProps & React_2.HTMLAttributes<HTMLElement> & {
-    symbol?: false;
-}) | Omit<IconFontCommonProps & React_2.SVGProps<SVGSVGElement> & {
+export declare const IconFont: React_2.ForwardRefExoticComponent<(Omit<IconFontCommonProps & React_2.SVGProps<SVGSVGElement> & {
     symbol: true;
+}, "ref"> | Omit<IconFontCommonProps & React_2.HTMLAttributes<HTMLElement> & {
+    symbol?: false;
 }, "ref">) & React_2.RefAttributes<HTMLElement | SVGSVGElement>>;
 
 declare interface IconFontCommonProps {
@@ -129,8 +153,17 @@ declare interface IconFontCommonProps {
      * 是否使用 symbol 模式
      */
     symbol?: boolean;
+    [attrs: string]: any;
 }
 
+declare type IconFontConfig = Pick<IconFontProps, 'className' | 'style'>;
+
+declare type IconFontProps = (IconFontCommonProps & React_2.SVGProps<SVGSVGElement> & {
+    symbol: true;
+}) | (IconFontCommonProps & React_2.HTMLAttributes<HTMLElement> & {
+    symbol?: false;
+});
+
 export declare let message: MessageInstance;
 
 export declare let modal: Omit<ModalStaticFunctions, 'warn'>;

package/build/lib/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRequest = exports.setGlobalLoading = exports.GlobalLoading = exports.IconButton = exports.SwitchValue = exports.CheckboxValue = exports.IconFont = exports.modal = exports.notification = exports.message = exports.App = void 0;
+exports.useRequest = exports.ConfigContext = exports.ConfigProvider = exports.setGlobalLoading = exports.GlobalLoading = exports.IconButton = exports.SwitchValue = exports.CheckboxValue = exports.IconFont = exports.modal = exports.notification = exports.message = exports.App = void 0;
 var AntdApp_1 = require("./components/AntdApp");
 Object.defineProperty(exports, "App", { enumerable: true, get: function () { return __importDefault(AntdApp_1).default; } });
 Object.defineProperty(exports, "message", { enumerable: true, get: function () { return AntdApp_1.message; } });
@@ -20,5 +20,8 @@ Object.defineProperty(exports, "IconButton", { enumerable: true, get: function (
 var GlobalLoading_1 = require("./components/GlobalLoading");
 Object.defineProperty(exports, "GlobalLoading", { enumerable: true, get: function () { return __importDefault(GlobalLoading_1).default; } });
 Object.defineProperty(exports, "setGlobalLoading", { enumerable: true, get: function () { return GlobalLoading_1.setGlobalLoading; } });
+var ConfigProvider_1 = require("./components/ConfigProvider");
+Object.defineProperty(exports, "ConfigProvider", { enumerable: true, get: function () { return __importDefault(ConfigProvider_1).default; } });
+Object.defineProperty(exports, "ConfigContext", { enumerable: true, get: function () { return ConfigProvider_1.ConfigContext; } });
 var useRequest_1 = require("./hooks/useRequest");
 Object.defineProperty(exports, "useRequest", { enumerable: true, get: function () { return __importDefault(useRequest_1).default; } });

package/build/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmirror-components",
-  "version": "1.0.25",
+  "version": "1.0.26-alpha.0",
   "type": "module",
   "main": "build/lib/index.js",
   "module": "build/es/index.js",
@@ -19,7 +19,8 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "prepublishOnly": "npm run build",
-    "publish:npm": "npm publish --access public"
+    "publish:npm": "npm publish --access public",
+    "publish:dev": "npm publish --access public --tag dev"
   },
   "peerDependencies": {
     "antd": ">=5.0.0",