@chaoswise/ui 3.0.6 → 3.0.8

package/lib/Watermark/index.js

@@ -0,0 +1,2 @@
+import Watermark from '../Antd5/watermark';
+export default Watermark;

package/lib/antd-style/context/ThemeModeContext.js

@@ -0,0 +1,11 @@
+var _matchBrowserPrefers;
+import { createContext } from 'react';
+import { matchBrowserPrefers } from '../utils/matchBrowserPrefers';
+export var ThemeModeContext = /*#__PURE__*/createContext({
+  appearance: 'light',
+  setAppearance: function setAppearance() {},
+  isDarkMode: false,
+  themeMode: 'light',
+  setThemeMode: function setThemeMode() {},
+  browserPrefers: (_matchBrowserPrefers = matchBrowserPrefers('dark')) !== null && _matchBrowserPrefers !== void 0 && _matchBrowserPrefers.matches ? 'dark' : 'light'
+});

package/lib/antd-style/context/index.js

@@ -0,0 +1 @@
+export * from './ThemeModeContext';

package/lib/antd-style/core/CacheManager.js

@@ -0,0 +1,56 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { cache } from '@emotion/css';
+export var CacheManager = /*#__PURE__*/function () {
+  function CacheManager() {
+    _classCallCheck(this, CacheManager);
+    Object.defineProperty(this, "_cacheList", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [cache]
+    });
+  }
+  return _createClass(CacheManager, [{
+    key: "add",
+    value: function add(cache) {
+      var existCache = this.getCache(cache.key);
+      if (existCache) {
+        return existCache;
+      } else {
+        this._cacheList.push(cache);
+        return cache;
+      }
+    }
+  }, {
+    key: "delete",
+    value: function _delete(cache) {
+      this._cacheList = this._cacheList.filter(function (c) {
+        return c.key !== cache.key;
+      });
+    }
+  }, {
+    key: "hasCache",
+    value: function hasCache(cache) {
+      return this._cacheList.some(function (c) {
+        return c.key === cache.key;
+      });
+    }
+  }, {
+    key: "getCache",
+    value: function getCache(key) {
+      return this._cacheList.find(function (c) {
+        return c.key === key;
+      });
+    }
+  }, {
+    key: "getCacheList",
+    value: function getCacheList() {
+      return this._cacheList;
+    }
+  }]);
+}();

package/lib/antd-style/core/createCSS.js

@@ -0,0 +1,42 @@
+import { createHashStyleName, insertStyles } from '../core/insertStyles';
+import { classnames, isReactCssResult, mergeCSS } from '../utils';
+import { serializeStyles } from '@emotion/serialize';
+var createClassNameGenerator = function createClassNameGenerator(cache, options) {
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var serialized = serializeStyles(args, cache.registered, undefined);
+    insertStyles(cache, serialized, false, options);
+    return createHashStyleName(cache.key, serialized.name);
+  };
+};
+var createCX = function createCX(cache, classNameGenerator) {
+  return function () {
+    for (var _len2 = arguments.length, classNames = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      classNames[_key2] = arguments[_key2];
+    }
+    // 由于使用了 reactCss 作为基础样式工具，因此在使用 cx 级联 className 时需要使用特殊处理的 cx
+    // 要将 reactCss 的产出转为 css 产物
+    var className = classNames.map(function (c) {
+      return isReactCssResult(c) ? classNameGenerator(c) : c;
+    });
+    return mergeCSS(cache.registered, classNameGenerator, classnames(className));
+  };
+};
+/**
+ * CSS相关方法生成器 用于序列化的样式转换生成 className
+ * @param cache
+ * @param options
+ */
+export var createCSS = function createCSS(cache, options) {
+  var css = createClassNameGenerator(cache, {
+    hashPriority: options.hashPriority || 'high',
+    label: options.label
+  });
+  var cx = createCX(cache, css);
+  return {
+    css: css,
+    cx: cx
+  };
+};

package/lib/antd-style/core/createEmotion.js

@@ -0,0 +1 @@
+export { default as createEmotion } from '@emotion/css/create-instance';

package/lib/antd-style/core/createSerializeStyles.js

@@ -0,0 +1,11 @@
+import { serializeStyles } from '@emotion/serialize';
+/**
+ * 提供给 createStyles 方法，用于将用户写入的 css 字符串序列化成特定结构的样式对象
+ * @param args
+ */
+export var serializeCSS = function serializeCSS() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return serializeStyles(args);
+};

package/lib/antd-style/core/index.js

@@ -0,0 +1,5 @@
+export * from './CacheManager';
+export * from './createCSS';
+export * from './createEmotion';
+export { serializeCSS } from './createSerializeStyles';
+export var DEFAULT_CSS_PREFIX_KEY = 'chaoswise-ui';

package/lib/antd-style/core/insertStyles.js

@@ -0,0 +1,35 @@
+import { registerStyles } from '@emotion/utils';
+var isBrowser = typeof document !== 'undefined';
+export var createHashStyleName = function createHashStyleName(cacheKey, hash) {
+  return "".concat(cacheKey, "-").concat(hash);
+};
+/**
+ * 向浏览器插入样式表
+ * @param cache
+ * @param serialized
+ * @param isStringTag
+ * @param options
+ */
+export var insertStyles = function insertStyles(cache, serialized, isStringTag, options) {
+  var hashPriority = options.hashPriority || 'high';
+  registerStyles(cache, serialized, isStringTag);
+  var hashClassName = ".".concat(createHashStyleName(cache.key, serialized.name));
+  var hashSelector = hashPriority === 'low' ? ":where(".concat(hashClassName, ")") : hashClassName;
+  /* c8 ignore start */
+  if (cache.inserted[serialized.name] === undefined) {
+    var stylesForSSR = '';
+    var current = serialized;
+    do {
+      var maybeStyles = cache.insert(serialized === current ? hashSelector : '', current, cache.sheet, true);
+      if (!isBrowser && maybeStyles !== undefined) {
+        stylesForSSR += maybeStyles;
+      }
+      // @ts-ignore
+      current = current.next;
+    } while (current !== undefined);
+    if (!isBrowser && stylesForSSR.length !== 0) {
+      return stylesForSSR;
+    }
+  }
+};
+/* c8 ignore end */

package/lib/antd-style/factories/createEmotionContext.js

@@ -0,0 +1,4 @@
+import { createContext } from 'react';
+export var createEmotionContext = function createEmotionContext(emotion) {
+  return /*#__PURE__*/createContext(emotion);
+};

package/lib/antd-style/factories/createGlobalStyle.js

@@ -0,0 +1,28 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Global } from '@emotion/react';
+import { serializeStyles } from '@emotion/serialize';
+import { memo } from 'react';
+/**
+ * 创建全局样式
+ */
+export var createGlobalStyleFactory = function createGlobalStyleFactory(useTheme) {
+  return function () {
+    for (var _len = arguments.length, styles = new Array(_len), _key = 0; _key < _len; _key++) {
+      styles[_key] = arguments[_key];
+    }
+    return /*#__PURE__*/memo(function (props) {
+      var theme = useTheme();
+      return _jsx(Global, {
+        styles: serializeStyles(styles, undefined, _objectSpread(_objectSpread({}, props), {}, {
+          theme: theme
+        }))
+      });
+    });
+  };
+};

package/lib/antd-style/factories/createStyish.js

@@ -0,0 +1,14 @@
+// FIXME: 需要考虑如何将 createStylish 和 ThemeProvider 中的 customStylish 方法整合在一起，现在是割裂的两个方法
+/**
+ * 业务应用中创建复合通用样式的进阶
+ */
+export var createStylishFactory = function createStylishFactory(createStyles) {
+  return function (cssStyleOrGetCssStyleFn) {
+    var useStyles = createStyles(cssStyleOrGetCssStyleFn);
+    return function (props) {
+      var _useStyles = useStyles(props),
+        styles = _useStyles.styles;
+      return styles;
+    };
+  };
+};

package/lib/antd-style/factories/createStyleProvider/index.js

@@ -0,0 +1,69 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "prefix", "speedy", "getStyleManager", "container", "nonce", "insertionPoint", "stylisPlugins", "linters"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createEmotion } from '../../core/createEmotion';
+import { StyleProvider as AntdStyleProvider } from '@ant-design/cssinjs';
+import { memo, useContext, useEffect, useMemo } from 'react';
+export var createStyleProvider = function createStyleProvider(EmotionContext) {
+  return /*#__PURE__*/memo(function (_ref) {
+    var children = _ref.children,
+      outerPrefix = _ref.prefix,
+      outSpeedy = _ref.speedy,
+      getStyleManager = _ref.getStyleManager,
+      outerContainer = _ref.container,
+      nonce = _ref.nonce,
+      insertionPoint = _ref.insertionPoint,
+      stylisPlugins = _ref.stylisPlugins,
+      linters = _ref.linters,
+      antdStyleProviderProps = _objectWithoutProperties(_ref, _excluded);
+    var defaultEmotion = useContext(EmotionContext);
+    var prefix = outerPrefix !== null && outerPrefix !== void 0 ? outerPrefix : defaultEmotion.sheet.key;
+    var container = outerContainer !== null && outerContainer !== void 0 ? outerContainer : defaultEmotion.sheet.container;
+    var speedy = outSpeedy !== null && outSpeedy !== void 0 ? outSpeedy : defaultEmotion.sheet.isSpeedy;
+    var emotion = useMemo(function () {
+      var defaultSpeedy = process.env.NODE_ENV === 'development';
+      var instance = createEmotion({
+        speedy: speedy !== null && speedy !== void 0 ? speedy : defaultSpeedy,
+        key: prefix,
+        container: container,
+        nonce: nonce,
+        insertionPoint: insertionPoint,
+        stylisPlugins: stylisPlugins
+      });
+      if (typeof global !== 'undefined') {
+        var cacheManager = global.__ANTD_STYLE_CACHE_MANAGER_FOR_SSR__;
+        if (cacheManager) {
+          // add 方法有幂等
+          instance.cache = cacheManager.add(instance.cache);
+        }
+      }
+      return instance;
+    }, [prefix, speedy, container, nonce, insertionPoint, stylisPlugins]);
+    useEffect(function () {
+      getStyleManager === null || getStyleManager === void 0 || getStyleManager(emotion);
+    }, [emotion]);
+    var content = _jsx(EmotionContext.Provider, {
+      value: emotion,
+      children: children
+    });
+    if (Boolean(Object.keys(antdStyleProviderProps).length) || container) {
+      return (
+        // @ts-ignore
+        _jsx(AntdStyleProvider, _objectSpread(_objectSpread({
+          linters: linters,
+          container: container
+        }, antdStyleProviderProps), {}, {
+          children: content
+        }))
+      );
+    }
+    return content;
+  });
+};

package/lib/antd-style/factories/createStyledThemeProvider.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 创建一个 styled api 的 ThemeProvider
+ *  如果用户有设定 ThemeProvider，就使用用户的，否则使用 ThemeContext.Provider
+ * @param styledConfig
+ */
+export var createStyledThemeProvider = function createStyledThemeProvider(styledConfig) {
+  if (styledConfig.ThemeProvider) return styledConfig.ThemeProvider;
+  var ThemeContext = styledConfig.ThemeContext;
+  return function (props) {
+    return _jsx(ThemeContext.Provider, {
+      value: props.theme,
+      children: props.children
+    });
+  };
+};

package/lib/antd-style/factories/createStyles/index.js

@@ -0,0 +1,114 @@
+var _excluded = ["stylish", "appearance", "isDarkMode", "prefixCls"],
+  _excluded2 = ["prefixCls"];
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import { useContext, useMemo } from 'react';
+import { createCSS, serializeCSS } from '../../core';
+import { isReactCssResult } from '../../utils';
+import { convertResponsiveStyleToString, useMediaQueryMap } from './response';
+/**
+ * 创建样式基础写法
+ */
+export var createStylesFactory = function createStylesFactory(_ref) {
+  var hashPriority = _ref.hashPriority,
+    useTheme = _ref.useTheme,
+    EmotionContext = _ref.EmotionContext;
+  return function (styleOrGetStyle, options) {
+    // 从该字段可以获得当前文件的文件名
+    var styleFileName = options === null || options === void 0 ? void 0 : options.__BABEL_FILE_NAME__;
+    // 判断是否使用 babel 插件，如果有在用 babel 插件，则有一个特殊的内部字段
+    var usingBabel = !!styleFileName;
+    // 返回 useStyles 方法，作为 hooks 使用
+    return function (props) {
+      var theme = useTheme();
+      var _useContext = useContext(EmotionContext),
+        cache = _useContext.cache;
+      // 由于 toClassName 方法依赖了用户给 createStyle 传递的 hashPriority，所以需要在这里重新生成 cx 和 toClassName 方法
+      var _createCSS = createCSS(cache, {
+          hashPriority: (options === null || options === void 0 ? void 0 : options.hashPriority) || hashPriority,
+          label: options === null || options === void 0 ? void 0 : options.label
+        }),
+        cx = _createCSS.cx,
+        toClassName = _createCSS.css;
+      var responsiveMap = useMediaQueryMap();
+      var styles = useMemo(function () {
+        var tempStyles;
+        // 函数场景
+        if (styleOrGetStyle instanceof Function) {
+          var stylish = theme.stylish,
+            appearance = theme.appearance,
+            isDarkMode = theme.isDarkMode,
+            prefixCls = theme.prefixCls,
+            token = _objectWithoutProperties(theme, _excluded);
+          // 创建响应式断点选择器的工具函数
+          // @ts-ignore
+          var responsive = function responsive(styles) {
+            return convertResponsiveStyleToString(styles, responsiveMap);
+          };
+          // 并赋予其相应的断点工具
+          Object.assign(responsive, responsiveMap);
+          tempStyles = styleOrGetStyle({
+            token: token,
+            stylish: stylish,
+            appearance: appearance,
+            isDarkMode: isDarkMode,
+            prefixCls: prefixCls,
+            // 工具函数们
+            cx: cx,
+            css: serializeCSS,
+            responsive: responsive
+          }, props);
+        }
+        // 没有函数时直接就是 object 或者 string
+        else {
+          tempStyles = styleOrGetStyle;
+        }
+        if (_typeof(tempStyles) === 'object') {
+          // 判断是否是用 reactCSS 生成的
+          if (isReactCssResult(tempStyles)) {
+            // 如果是用 reactCss 生成的话，需要用 className 的 css 做一层转换
+            tempStyles = toClassName(tempStyles);
+          } else {
+            // 不是的话就是直接是 复合的 css object
+            tempStyles = Object.fromEntries(Object.entries(tempStyles).map(function (_ref2) {
+              var _ref3 = _slicedToArray(_ref2, 2),
+                key = _ref3[0],
+                value = _ref3[1];
+              // 这里做两道转换：
+              // 1. 如果是用 babel 插件，则将样式的 label 设置为当前文件名 + key
+              // 2. 如果是 SerializedStyles ，将其用 cx 包一下转换成 className
+              var label = usingBabel ? "".concat(styleFileName, "-").concat(key) : undefined;
+              // 这里有可能是 { a : css` color:red ` } 也可能是 { b: { color:"blue" } } 这样的写法
+              if (_typeof(value) === 'object') {
+                if (usingBabel) {
+                  return [key, toClassName(value, "label:".concat(label))];
+                }
+                return [key, toClassName(value)];
+              }
+              // 这里只可能是 { c: cx(css`color:red`) } , 或者 d: 'abcd'  这样的写法
+              return [key, value];
+            }));
+          }
+        }
+        return tempStyles;
+      }, [props, theme]);
+      return useMemo(function () {
+        var prefixCls = theme.prefixCls,
+          res = _objectWithoutProperties(theme, _excluded2);
+        return {
+          styles: styles,
+          cx: cx,
+          theme: res,
+          prefixCls: prefixCls
+        };
+      }, [styles, theme]);
+    };
+  };
+};

package/lib/antd-style/factories/createStyles/response.js

@@ -0,0 +1,43 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { serializeCSS } from '../../core';
+import { useAntdToken } from '../../hooks';
+import { isReactCssResult } from '../../utils';
+import { convertBreakpointToResponsive } from '../../utils/responsive';
+import { useMemo } from 'react';
+export var useMediaQueryMap = function useMediaQueryMap() {
+  var token = useAntdToken();
+  var breakpoints = {
+    xs: "@media (max-width: ".concat(token.screenXSMax, "px)"),
+    sm: "@media (max-width: ".concat(token.screenSMMax, "px)"),
+    md: "@media (max-width: ".concat(token.screenMDMax, "px)"),
+    lg: "@media (max-width: ".concat(token.screenLGMax, "px)"),
+    xl: "@media (max-width: ".concat(token.screenXLMax, "px)"),
+    xxl: "@media (min-width: ".concat(token.screenXXLMin, "px)")
+  };
+  return useMemo(function () {
+    return convertBreakpointToResponsive(breakpoints);
+  }, [token]);
+};
+/**
+ * 将响应式对象转换为字符串
+ * @param obj
+ * @param map
+ */
+export var convertResponsiveStyleToString = function convertResponsiveStyleToString(obj, map) {
+  return Object.entries(obj).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    var str = value;
+    if (!isReactCssResult(value)) {
+      str = serializeCSS(value);
+    }
+    // @ts-ignore
+    return map[key] ? "".concat(map[key], " {").concat(str.styles, "}") : '';
+  }).join('');
+};

package/lib/antd-style/factories/createStyles/types.js

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

package/lib/antd-style/factories/createThemeProvider/AntdProvider.js

@@ -0,0 +1,78 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "theme", "prefixCls", "getStaticInstance", "staticInstanceConfig"];
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { ConfigProvider, message, Modal, notification, theme } from '../../../Antd5';
+import { memo, useEffect, useMemo } from 'react';
+import { useThemeMode } from '../../hooks';
+var AntdProvider = /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children,
+    themeProp = _ref.theme,
+    prefixCls = _ref.prefixCls,
+    getStaticInstance = _ref.getStaticInstance,
+    staticInstanceConfig = _ref.staticInstanceConfig,
+    resConfigProviderOption = _objectWithoutProperties(_ref, _excluded);
+  var _useThemeMode = useThemeMode(),
+    appearance = _useThemeMode.appearance,
+    isDarkMode = _useThemeMode.isDarkMode;
+  var _message$useMessage = message.useMessage(staticInstanceConfig === null || staticInstanceConfig === void 0 ? void 0 : staticInstanceConfig.message),
+    _message$useMessage2 = _slicedToArray(_message$useMessage, 2),
+    messageInstance = _message$useMessage2[0],
+    messageContextHolder = _message$useMessage2[1];
+  var _notification$useNoti = notification.useNotification(staticInstanceConfig === null || staticInstanceConfig === void 0 ? void 0 : staticInstanceConfig.notification),
+    _notification$useNoti2 = _slicedToArray(_notification$useNoti, 2),
+    notificationInstance = _notification$useNoti2[0],
+    notificationContextHolder = _notification$useNoti2[1];
+  var _Modal$useModal = Modal.useModal(),
+    _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2),
+    modalInstance = _Modal$useModal2[0],
+    modalContextHolder = _Modal$useModal2[1];
+  useEffect(function () {
+    getStaticInstance === null || getStaticInstance === void 0 || getStaticInstance({
+      message: messageInstance,
+      modal: modalInstance,
+      notification: notificationInstance
+    });
+  }, []);
+  // 获取 antd 主题
+  var antdTheme = useMemo(function () {
+    var baseAlgorithm = isDarkMode ? theme.darkAlgorithm : theme.defaultAlgorithm;
+    var antdTheme = themeProp;
+    if (typeof themeProp === 'function') {
+      antdTheme = themeProp(appearance);
+    }
+    if (!antdTheme) {
+      return {
+        algorithm: baseAlgorithm
+      };
+    }
+    // 如果有 themeProp 说明是外部传入的 theme，需要对算法做一个合并处理，因此先把 themeProp 的算法规整为一个数组
+    var algoProp = !antdTheme.algorithm ? [] : antdTheme.algorithm instanceof Array ? antdTheme.algorithm : [antdTheme.algorithm];
+    return _objectSpread(_objectSpread({}, antdTheme), {}, {
+      algorithm: !antdTheme.algorithm ? baseAlgorithm : [baseAlgorithm].concat(_toConsumableArray(algoProp))
+    });
+  }, [themeProp, isDarkMode]);
+  return _jsxs(ConfigProvider, _objectSpread(_objectSpread({
+    prefixCls: prefixCls,
+    theme: antdTheme
+  }, resConfigProviderOption), {}, {
+    children: [messageContextHolder, notificationContextHolder, modalContextHolder, children]
+  }));
+});
+export default AntdProvider;