@zat-design/sisyphus-react 3.0.13 → 3.0.16-beta.2

package/lib/ProThemeTools/component/PrdTools/index.js

@@ -0,0 +1,202 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../../utils/index");
+var connect = function connect(Component) {
+  var ComponentWrapper = function ComponentWrapper(props) {
+    return /*#__PURE__*/_react.default.createElement(Component, (0, _objectSpread2.default)({}, props));
+  };
+  return ComponentWrapper;
+};
+var NewDrawer = connect(_antd.Drawer);
+var PrdTools = function PrdTools(_ref) {
+  var onReset = _ref.onReset,
+    onClose = _ref.onClose,
+    setState = _ref.setState,
+    visible = _ref.visible,
+    state = _ref.state;
+  var _useState = (0, _react.useState)([{
+      color: '#006AFF',
+      active: true
+    }, {
+      color: '#00BC70',
+      active: false
+    }, {
+      color: '#FF8C16',
+      active: false
+    }, {
+      color: '#A00F20',
+      active: false
+    }]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var themeConfig = localStorage.getItem('themeConfig');
+    var curThemeConfig = themeConfig ? JSON.parse(themeConfig) : {};
+    var _ref2 = curThemeConfig.data || {},
+      _ref2$zauiBrand = _ref2.zauiBrand,
+      zauiBrand = _ref2$zauiBrand === void 0 ? '#006AFF' : _ref2$zauiBrand;
+    if (zauiBrand) {
+      var newArray = active.map(function (activeItem) {
+        activeItem.active = false;
+        return {
+          color: activeItem.color,
+          active: activeItem.color === zauiBrand
+        };
+      });
+      setActive(newArray);
+    }
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(NewDrawer, {
+    className: "pro-theme-prd-tools-drawer",
+    width: 320,
+    title: "\u5168\u5C40\u6837\u5F0F\u81EA\u5B9A\u4E49",
+    placement: "right",
+    onClose: onClose,
+    open: visible,
+    closable: false
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-drawer-close",
+    onClick: onClose
+  }, /*#__PURE__*/_react.default.createElement(_icons.CloseOutlined, {
+    className: "close-icon"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-theme-tools-space"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "\u4E3B\u9898\u8272"), /*#__PURE__*/_react.default.createElement("ul", {
+    className: "pro-theme-color"
+  }, active.map(function (item, index) {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: item.color,
+      className: item.active ? 'active' : '',
+      onClick: function onClick() {
+        var array = active.map(function (activeItem) {
+          activeItem.active = false;
+          return {
+            color: activeItem.color,
+            active: item.color === activeItem.color
+          };
+        });
+        setActive(array);
+        setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+          zauiBrand: item.color
+        }));
+        (0, _index.setThemes)({
+          'zaui-brand': item.color
+        });
+      }
+    }, item.active ? /*#__PURE__*/_react.default.createElement(_icons.CheckOutlined, null) : null);
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-theme-tools-space"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-theme-tools-item"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "\u5E03\u5C40")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-theme-tools-item"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
+    value: state.zauiSize,
+    onChange: function onChange(e) {
+      setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        zauiSize: e.target.value
+      }));
+      (0, _index.setThemes)({
+        'zaui-size': e.target.value
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Button, {
+    value: 0.5
+  }, "\u7D27\u51D1"), /*#__PURE__*/_react.default.createElement(_antd.Radio.Button, {
+    value: 1
+  }, "\u5E38\u89C4"), /*#__PURE__*/_react.default.createElement(_antd.Radio.Button, {
+    value: 1.5
+  }, "\u5BBD\u677E")))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-theme-tools-space pro-theme-tools-form"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-theme-tools-item"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "\u8868\u5355\u6807\u9898")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-theme-tools-item"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
+    value: state.zauiFormAlign,
+    onChange: function onChange(e) {
+      var after = e.target.value === 'left' ? 'inline' : 'none';
+      var before = e.target.value === 'right' ? 'inline' : 'none';
+      // 遍历添加className
+      var formItemLabels = document.querySelectorAll('.ant-form-item-label');
+      // 遍历元素列表，为每个元素添加新的 class
+      formItemLabels.forEach(function (label) {
+        var _label$classList, _label$classList$valu, _label$classList2, _label$classList2$val;
+        if (!label) {
+          return false;
+        }
+        if (e.target.value === 'left' && !((_label$classList = label.classList) === null || _label$classList === void 0 ? void 0 : (_label$classList$valu = _label$classList.value) === null || _label$classList$valu === void 0 ? void 0 : _label$classList$valu.includes('ant-form-item-label-left'))) {
+          label.classList.add('ant-form-item-label-left');
+        }
+        if (e.target.value === 'right' && ((_label$classList2 = label.classList) === null || _label$classList2 === void 0 ? void 0 : (_label$classList2$val = _label$classList2.value) === null || _label$classList2$val === void 0 ? void 0 : _label$classList2$val.includes('ant-form-item-label-left'))) {
+          label.classList.remove('ant-form-item-label-left');
+        }
+      });
+      setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        zauiFormAlign: e.target.value,
+        zauiFormRequiredAfter: after,
+        zauiFormRequiredBefore: before
+      }));
+      (0, _index.setThemes)({
+        'zaui-form-align': e.target.value,
+        'zaui-form-required-after': after,
+        'zaui-form-required-before': before
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Button, {
+    value: "left"
+  }, "\u5DE6\u5BF9\u9F50"), /*#__PURE__*/_react.default.createElement(_antd.Radio.Button, {
+    value: "right"
+  }, "\u53F3\u5BF9\u9F50")))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-theme-tools-box pro-theme-tools-space"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-theme-tools-item"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "\u5927\u5B57\u53F7\u6A21\u5F0F")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-theme-tools-item"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
+    checkedChildren: "\u5F00",
+    unCheckedChildren: "\u5173",
+    checked: state.bigText,
+    onClick: function onClick(value) {
+      setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        zauiBaseFontSize: value ? 2 : 0,
+        bigText: value
+      }));
+      (0, _index.setThemes)({
+        'zaui-base-font-size': value ? '2px' : '0px'
+      });
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    className: "copy-btn",
+    onClick: function onClick() {
+      setActive([{
+        color: '#006AFF',
+        active: true
+      }, {
+        color: '#00BC70',
+        active: false
+      }, {
+        color: '#FF8C16',
+        active: false
+      }, {
+        color: '#A00F20',
+        active: false
+      }]);
+      onReset();
+    }
+  }, "\u91CD\u7F6E"));
+};
+var _default = PrdTools;
+exports.default = _default;

package/lib/ProThemeTools/component/PrdTools/style/index.less

@@ -0,0 +1,164 @@
+.pro-theme-prd-tools-drawer {
+  .ant-drawer-header {
+    border-bottom: none;
+  }
+
+  .ant-drawer-title {
+    font-size: var(--zaui-font-size-xl, 18px);
+  }
+
+  .ant-drawer-body {
+    padding: 0 32px 32px;
+  }
+
+  .ant-space-vertical {
+    gap: var(--zaui-space-size-sm, 8px) !important;
+  }
+
+  p {
+    padding-left : 12px;
+    position     : relative;
+    margin-bottom: var(--zaui-space-size-md, 16px);
+    font-size    : var(--zaui-font-size, 14px);
+
+    &:before {
+      content      : '';
+      position     : absolute;
+      left         : 0;
+      top          : 4px;
+      width        : 4px;
+      height       : 14px;
+      background   : var(--zaui-brand, #006aff);
+      border-radius: 1px;
+    }
+  }
+
+  .pro-theme-color {
+    display: flex;
+
+    li {
+      width          : 38px;
+      height         : 38px;
+      border-radius  : 50%;
+      background     : #fff;
+      display        : flex;
+      justify-content: center;
+      align-items    : center;
+      border         : 6px solid #fff;
+      color          : #fff;
+      margin-right   : 34px;
+
+      span {
+        font-size     : 14px;
+        vertical-align: -7px;
+      }
+
+      &:nth-child(1) {
+        background: #006aff;
+
+        &.active,
+        &:hover {
+          border-color: #d6e7ff;
+        }
+      }
+
+      &:nth-child(2) {
+        background: #00bc70;
+
+        &.active,
+        &:hover {
+          border-color: #e0f5e8;
+        }
+      }
+
+      &:nth-child(3) {
+        background: #ff8c16;
+
+        &.active,
+        &:hover {
+          border-color: #ffecdd;
+        }
+      }
+
+      &:nth-child(4) {
+        margin-right: 0;
+        background  : #a00f20;
+
+        &.active,
+        &:hover {
+          border-color: #f2dbdb;
+        }
+      }
+    }
+  }
+
+  .anticon-question-circle {
+    color: var(--zaui-brand, #006aff);
+  }
+
+  .copy-btn {
+    position: absolute;
+    width   : calc(100% - 64px);
+    bottom  : 20px;
+    left    : 32px;
+    z-index : 10;
+  }
+
+  .pro-theme-tools-box {
+    display        : flex;
+    justify-content: space-between;
+    flex-wrap      : wrap;
+  }
+
+  .pro-theme-tools-space {
+    margin-bottom: 24px;
+  }
+
+  .ant-radio-button-wrapper {
+    padding: 0 28px;
+  }
+
+  .pro-theme-tools-form {
+    .ant-radio-button-wrapper {
+      padding: 0 42px;
+    }
+  }
+
+  .pro-drawer-close {
+    position       : absolute;
+    top            : 6px;
+    left           : -37px;
+    display        : flex;
+    align-items    : center;
+    justify-content: center;
+    width          : 32px;
+    height         : 38px;
+    color          : #fff;
+    cursor         : pointer;
+
+    .close-icon {
+      position : relative;
+      left     : 4px;
+      z-index  : 1;
+      color    : #343434;
+      font-size: 16px;
+      transform: translateZ(100px);
+
+      &:hover {
+        color: var(--zaui-brand, #006aff);
+      }
+    }
+  }
+
+  .pro-drawer-close::after {
+    position        : absolute;
+    top             : 0;
+    right           : 0;
+    bottom          : 0;
+    left            : 0;
+    background-color: #fff;
+    border-radius   : 4px 0px 0px 4px;
+    transform       : perspective(0.15em) rotateY(-2deg);
+    content         : '';
+  }
+}

package/lib/ProThemeTools/component/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="typings" />
+export { default as PrdTools } from './PrdTools';

package/lib/ProThemeTools/component/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PrdTools", {
+  enumerable: true,
+  get: function get() {
+    return _PrdTools.default;
+  }
+});
+var _PrdTools = _interopRequireDefault(require("./PrdTools"));

package/lib/ProThemeTools/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { ProThemeToolsProps } from './propsType';
+declare const ProThemeTools: {
+    ({ size, className, cacheTime, color, mode, theme, ...props }: ProThemeToolsProps): React.JSX.Element;
+    defaultProps: {
+        size: number;
+        mode: string;
+        color: string;
+        theme: boolean;
+        cacheTime: boolean;
+    };
+    setThemes: (themes: import("./utils/index").ThemesProps, themeMapping?: import("./utils/index").ThemesProps) => boolean;
+};
+export default ProThemeTools;

package/lib/ProThemeTools/index.js

@@ -0,0 +1,185 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _classnames2 = _interopRequireDefault(require("classnames"));
+var _index = require("./utils/index");
+var _component = require("./component");
+var _excluded = ["size", "className", "cacheTime", "color", "mode", "theme"];
+/* eslint-disable prefer-const */
+var defaultCacheTime = 1; // 配置保存时间为一天
+var ProThemeTools = function ProThemeTools(_ref) {
+  var size = _ref.size,
+    className = _ref.className,
+    cacheTime = _ref.cacheTime,
+    color = _ref.color,
+    mode = _ref.mode,
+    theme = _ref.theme,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = (0, _react.useState)({
+      zauiBrand: '#006AFF',
+      zauiText: '#343434',
+      zauiFontSize: 14,
+      zauiFormAlign: 'left',
+      zauiFormRequiredBefore: 'none',
+      zauiFormRequiredAfter: 'inline',
+      zauiSize: 1,
+      zauiHeightCard: 32,
+      zauiHeightBorder: 12,
+      bigText: false,
+      zauiBaseFontSize: 0
+    }),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    state = _useState4[0],
+    setState = _useState4[1];
+  var zauiBrand = state.zauiBrand;
+  var showDrawer = function showDrawer() {
+    setVisible(true);
+  };
+  var onClose = function onClose() {
+    setVisible(false);
+  };
+  // 重置
+  var onReset = function onReset() {
+    setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+      zauiBrand: '#006AFF',
+      zauiText: '#343434',
+      zauiFormAlign: 'left',
+      zauiFormRequiredBefore: 'none',
+      zauiFormRequiredAfter: 'inline',
+      zauiFontSize: 14,
+      zauiSize: 1,
+      zauiHeightCard: 32,
+      zauiHeightBorder: 16,
+      zauiBaseFontSize: 0,
+      bigText: false
+    }));
+    (0, _index.setThemes)({
+      'zaui-brand': '#006AFF',
+      'zaui-text': '#343434',
+      'zaui-form-align': 'left',
+      'zaui-form-required-after': 'inline',
+      'zaui-form-required-before': 'none',
+      'zaui-size': 1,
+      'zaui-height-card': '32px',
+      'zaui-font-size': '14px',
+      'zaui-height-border': '16px',
+      'zaui-base-font-size': 0
+    });
+  };
+  // 复制
+  var onCopy = function onCopy() {
+    var data = JSON.stringify(Object.fromEntries(Object.entries(state).map(function (item) {
+      return ["@".concat((0, _index.getKebabCase)(item === null || item === void 0 ? void 0 : item[0])), item === null || item === void 0 ? void 0 : item[1]];
+    })));
+    var input = document.createElement('input');
+    document.body.appendChild(input);
+    input.setAttribute('value', data);
+    input.select();
+    if (document.execCommand('copy')) {
+      document.execCommand('copy');
+      _antd.message.success('复制成功！');
+    }
+    document.body.removeChild(input);
+  };
+  // 首次从缓存中读取主题配置
+  (0, _react.useEffect)(function () {
+    var themeConfig = localStorage.getItem('themeConfig');
+    var curThemeConfig = themeConfig ? JSON.parse(themeConfig) : {};
+    var startTime = curThemeConfig === null || curThemeConfig === void 0 ? void 0 : curThemeConfig.startTime;
+    // 默认时间间隔
+    var duration = (typeof cacheTime === 'number' ? cacheTime : defaultCacheTime) * 86400000;
+    if (cacheTime && startTime && new Date().getTime() - startTime < duration) {
+      var _localThemeConfig;
+      var localThemeConfig;
+      localThemeConfig = curThemeConfig.data;
+      var cssVariables = Object.fromEntries(Object.entries(localThemeConfig).map(function (item) {
+        return ["".concat((0, _index.getKebabCase)(item === null || item === void 0 ? void 0 : item[0])), ['zauiSize'].includes(item === null || item === void 0 ? void 0 : item[0]) || typeof (item === null || item === void 0 ? void 0 : item[1]) !== 'number' ? item === null || item === void 0 ? void 0 : item[1] : "".concat(item === null || item === void 0 ? void 0 : item[1], "px") // zauiSize取数字
+        ];
+      }));
+
+      setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), localThemeConfig));
+      (0, _index.setThemes)(cssVariables);
+      // antd4以下版本不支持主题色的动态配置
+      if (!_antd.ConfigProvider.config) {
+        return;
+      }
+      _antd.ConfigProvider.config({
+        theme: {
+          primaryColor: (_localThemeConfig = localThemeConfig) === null || _localThemeConfig === void 0 ? void 0 : _localThemeConfig.zauiBrand
+        }
+      });
+    }
+  }, []);
+  // 主题色动态切换
+  (0, _react.useEffect)(function () {
+    if (visible && zauiBrand) {
+      // antd4以下版本不支持主题色的动态配置
+      if (!_antd.ConfigProvider.config) {
+        return;
+      }
+      _antd.ConfigProvider.config({
+        theme: {
+          primaryColor: zauiBrand
+        }
+      });
+    }
+  }, [zauiBrand]);
+  // 主题配置缓存
+  (0, _react.useEffect)(function () {
+    if (cacheTime) {
+      var newThemeConfig = {
+        startTime: new Date().getTime(),
+        data: (0, _objectSpread2.default)({}, state)
+      };
+      localStorage.setItem('themeConfig', JSON.stringify(newThemeConfig));
+    }
+  }, [state, cacheTime]);
+  var cls = (0, _classnames2.default)((0, _defineProperty2.default)({
+    'pro-theme-tools': true,
+    'pro-theme-tools-follow': theme
+  }, className, className));
+  return /*#__PURE__*/_react.default.createElement("div", (0, _objectSpread2.default)({
+    className: cls
+  }, props), /*#__PURE__*/_react.default.createElement(_icons.SettingOutlined, {
+    style: {
+      fontSize: "".concat(size, "px"),
+      color: color
+    },
+    onClick: function onClick() {
+      showDrawer();
+    }
+  }), /*#__PURE__*/_react.default.createElement(_component.PrdTools, {
+    onReset: onReset,
+    onClose: onClose,
+    onCopy: onCopy,
+    setState: setState,
+    visible: visible,
+    state: state
+  }));
+};
+ProThemeTools.defaultProps = {
+  size: 24,
+  mode: 'prd',
+  color: '#343434',
+  theme: false,
+  cacheTime: false
+};
+ProThemeTools.setThemes = _index.setThemes;
+var _default = ProThemeTools;
+exports.default = _default;

package/lib/ProThemeTools/propsType.d.ts

@@ -0,0 +1,30 @@
+export interface DevToolsPropsType {
+    onReset: () => void;
+    onClose: () => void;
+    onCopy?: () => void;
+    setState: any;
+    visible: boolean;
+    state: LocalThemeConfigPropsType;
+}
+export interface ProThemeToolsProps {
+    size?: number;
+    color?: string;
+    mode?: 'dev' | 'prd';
+    cacheTime?: number | boolean;
+    /** 是否跟随主题色 */
+    theme?: boolean;
+    [key: string]: any;
+}
+export interface LocalThemeConfigPropsType {
+    zauiBrand?: string;
+    zauiText?: string;
+    zauiFontSize?: number;
+    zauiFormAlign?: string;
+    zauiFormRequiredAfter?: string;
+    zauiFormRequiredBefore?: string;
+    zauiSize?: number;
+    zauiHeightCard?: number;
+    zauiHeightBorder?: number;
+    bigText?: boolean;
+    zauiBaseFontSize?: number;
+}

package/lib/ProThemeTools/propsType.js

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

package/lib/ProThemeTools/style/index.less

@@ -0,0 +1,55 @@
+@import '../component/PrdTools/style/index.less';
+
+.pro-theme-tools {
+  display: flex;
+
+  &.pro-theme-tools-follow {
+    svg {
+      color: var(--zaui-brand, #006aff);
+    }
+  }
+
+  .anticon {
+    color: var(--zaui-brand, #006aff);
+
+    svg {
+      font-size: 24px;
+    }
+  }
+}
+
+.pro-theme-tools-drawer {
+  .ant-drawer-body {
+    padding: 32px;
+  }
+
+  .ant-space-vertical {
+    gap: var(--zaui-space-size-sm, 8px) !important;
+  }
+
+  .anticon-question-circle {
+    color: var(--zaui-brand, #006aff);
+  }
+
+  .copy-btn {
+    position: absolute;
+    width   : calc(100% - 64px);
+    bottom  : 20px;
+    left    : 32px;
+    z-index : 10;
+  }
+
+  .pro-theme-tools-box {
+    display        : flex;
+    justify-content: space-between;
+    flex-wrap      : wrap;
+  }
+
+  .pro-theme-tools-space {
+    margin-bottom: var(--zaui-space-size-md, 16px);
+  }
+
+  .ant-radio-button-wrapper {
+    padding: 0 12px;
+  }
+}

package/lib/ProThemeTools/utils/index.d.ts

@@ -0,0 +1,14 @@
+export interface ThemesProps {
+    [key: string]: any;
+}
+/**
+ * 取主题配置的mapping值, 返回antd可用的主题配置
+ * @param themes
+ * @param themeMapping
+ */
+export declare const replaceObject: (themes: ThemesProps, themeMapping: ThemesProps) => ThemesProps;
+/**
+ * 设置主题变量
+ */
+export declare const setThemes: (themes: ThemesProps, themeMapping?: ThemesProps) => boolean;
+export declare const getKebabCase: (str: string) => string;