@uni-sw/u-design 2.0.4

package/es/components/UConfigProvider/changeSkin.d.ts

@@ -0,0 +1,62 @@
+/**
+ * 切换皮肤
+ * @param skin 深浅皮肤
+ */
+export declare const changeSkin: (skin: 'light' | 'dark') => {
+    black: string;
+    white: string;
+    'info-color': string;
+    'info-color-twelve': string;
+    'tip-color': string;
+    'tip-color-twelve': string;
+    'success-color': string;
+    'success-color-twelve': string;
+    'error-color': string;
+    'error-color-twelve': string;
+    'warning-color': string;
+    'warning-color-twelve': string;
+    'second-warning-color': string;
+    'second-warning-color-twelve': string;
+    'text-color': string;
+    'text-color-tooltip': string;
+    'text-color-second': string;
+    'text-color-third': string;
+    'text-color-scroll-hover': string;
+    'text-color-disabled': string;
+    'text-color-scroll': string;
+    'text-color-shadow': string;
+    'text-color-white': string;
+    'second-white': string;
+    'third-white': string;
+    'white-shadow': string;
+    'black-shadow': string;
+    'modal-header-bg': string;
+    'border-color': string;
+    'divider-color': string;
+    'bg-color': string;
+    'disabled-bg-color': string;
+    'second-bg-color': string;
+    'second-bg-color-noopacity': string;
+    'pagination-bg-color': string;
+    'icon-bg-color': string;
+    'icon-bg-hover-color': string;
+    'tooltip-bg-color': string;
+    'lower-level-bg': string;
+    'higher-level-bg': string;
+    'msg-border-color': string;
+    'quick-search-menu-color-hover': string;
+    'menu-card-bg-color': string;
+    'home-bg-color': string;
+    'home-bg-color-new': string;
+    'tooltip-border-color': string;
+    'home-nav-bg-color': string;
+    'mask-bg-color': string;
+    'header-icon-color': string;
+    'header-icon-color-active': string;
+    'header-menu-font-color': string;
+    'header-menu-font-color-active': string;
+    'header-menu-closeIcon-color': string;
+    'header-menu-closeIcon-color-notHover': string;
+    'header-menu-closeIcon-color-hover': string;
+    'table-bg-color-hover': string;
+};

package/es/components/UConfigProvider/changeSkin.js

@@ -0,0 +1,197 @@
+import { getThemeAndSkin } from "./theme";
+import { hexTorgb, rgbTorgba } from "./convertColor";
+/**
+ * 浅色皮肤 所需切换的颜色值
+ */
+var lightSkin = function lightSkin() {
+  var _infoColor$tipColor$s = {
+      infoColor: '#1890FF',
+      tipColor: '#01C5FE',
+      successColor: '#52C41A',
+      errorColor: '#FF4D4F',
+      warningColor: '#FF7D00',
+      secondWarningColor: '#FAAD14',
+      black: '#000000',
+      white: '#FFFFFF'
+    },
+    infoColor = _infoColor$tipColor$s.infoColor,
+    tipColor = _infoColor$tipColor$s.tipColor,
+    successColor = _infoColor$tipColor$s.successColor,
+    errorColor = _infoColor$tipColor$s.errorColor,
+    warningColor = _infoColor$tipColor$s.warningColor,
+    secondWarningColor = _infoColor$tipColor$s.secondWarningColor,
+    black = _infoColor$tipColor$s.black,
+    white = _infoColor$tipColor$s.white;
+  var infoColorRgb = hexTorgb(infoColor);
+  var tipColorRgb = hexTorgb(tipColor);
+  var successColorRgb = hexTorgb(successColor);
+  var errorColorRgb = hexTorgb(errorColor);
+  var warningColorRgb = hexTorgb(warningColor);
+  var secondWarningColorRgb = hexTorgb(secondWarningColor);
+  var blackRgb = hexTorgb(black);
+  var whiteRgb = hexTorgb(white);
+  return {
+    'black': black,
+    'white': white,
+    'info-color': infoColor,
+    'info-color-twelve': rgbTorgba(infoColorRgb, 12),
+    'tip-color': tipColor,
+    'tip-color-twelve': rgbTorgba(tipColorRgb, 12),
+    'success-color': successColor,
+    'success-color-twelve': rgbTorgba(successColorRgb, 12),
+    'error-color': errorColor,
+    'error-color-twelve': rgbTorgba(errorColorRgb, 12),
+    'warning-color': warningColor,
+    'warning-color-twelve': rgbTorgba(warningColorRgb, 12),
+    'second-warning-color': secondWarningColor,
+    'second-warning-color-twelve': rgbTorgba(secondWarningColorRgb, 12),
+    'text-color': rgbTorgba(blackRgb, 90),
+    'text-color-tooltip': rgbTorgba(blackRgb, 80),
+    'text-color-second': rgbTorgba(blackRgb, 60),
+    'text-color-third': rgbTorgba(blackRgb, 40),
+    'text-color-scroll-hover': rgbTorgba(blackRgb, 30),
+    'text-color-disabled': rgbTorgba(blackRgb, 25),
+    'text-color-scroll': rgbTorgba(blackRgb, 20),
+    'text-color-shadow': rgbTorgba(blackRgb, 10),
+    'text-color-white': white,
+    'second-white': rgbTorgba(whiteRgb, 90),
+    'third-white': rgbTorgba(whiteRgb, 60),
+    'white-shadow': rgbTorgba(whiteRgb, 10),
+    'black-shadow': rgbTorgba(blackRgb, 40),
+    'modal-header-bg': getThemeAndSkin().primaryColor || '',
+    'border-color': '#CCCCCC',
+    'divider-color': '#E7E7E7',
+    'bg-color': '#f3f3f3',
+    'disabled-bg-color': '#F5F5F5',
+    'second-bg-color': '#FAFAFA',
+    'second-bg-color-noopacity': '#FAFAFA',
+    'pagination-bg-color': white,
+    'icon-bg-color': rgbTorgba(blackRgb, 40),
+    'icon-bg-hover-color': rgbTorgba(blackRgb, 60),
+    'tooltip-bg-color': rgbTorgba(blackRgb, 80),
+    'lower-level-bg': white,
+    'higher-level-bg': white,
+    'msg-border-color': '#f3f3f3',
+    'quick-search-menu-color-hover': 'rgba(255, 255, 255, 0.12)',
+    'menu-card-bg-color': 'rgba(255, 255, 255, 1)',
+    'home-bg-color': '#FAFAFA',
+    'home-bg-color-new': '#f2f5fa',
+    'tooltip-border-color': 'transparent',
+    'home-nav-bg-color': 'rgba(255, 255, 255, 1)',
+    'mask-bg-color': 'rgba(0,0,0,0.40)',
+    'header-icon-color': 'rgba(255, 255, 255, 60%)',
+    'header-icon-color-active': 'rgba(255, 255, 255, 100%)',
+    'header-menu-font-color': 'rgba(255, 255, 255, 80%)',
+    'header-menu-font-color-active': 'rgba(255, 255, 255, 100%)',
+    'header-menu-closeIcon-color': 'rgba(255, 255, 255, 10%)',
+    'header-menu-closeIcon-color-notHover': 'rgba(255, 255, 255, 80%)',
+    'header-menu-closeIcon-color-hover': 'rgba(255, 255, 255, 100%)',
+    'table-bg-color-hover': '#F5F5F5' //表格行移入背景颜色
+  };
+};
+/**
+ * 深色皮肤 所需切换的颜色值
+ */
+var darkSkin = function () {
+  var _infoColor$tipColor$s2 = {
+      infoColor: '#167CDB',
+      tipColor: '#00AACC',
+      successColor: '#47AB17',
+      errorColor: '#E64547',
+      warningColor: '#E67000',
+      secondWarningColor: '#E09B12',
+      black: '#000000',
+      white: '#FFFFFF'
+    },
+    infoColor = _infoColor$tipColor$s2.infoColor,
+    tipColor = _infoColor$tipColor$s2.tipColor,
+    successColor = _infoColor$tipColor$s2.successColor,
+    errorColor = _infoColor$tipColor$s2.errorColor,
+    warningColor = _infoColor$tipColor$s2.warningColor,
+    secondWarningColor = _infoColor$tipColor$s2.secondWarningColor,
+    black = _infoColor$tipColor$s2.black,
+    white = _infoColor$tipColor$s2.white;
+  var infoColorRgb = hexTorgb(infoColor);
+  var tipColorRgb = hexTorgb(tipColor);
+  var successColorRgb = hexTorgb(successColor);
+  var errorColorRgb = hexTorgb(errorColor);
+  var warningColorRgb = hexTorgb(warningColor);
+  var secondWarningColorRgb = hexTorgb(secondWarningColor);
+  var blackRgb = hexTorgb(black);
+  var whiteRgb = hexTorgb(white);
+  return {
+    'black': black,
+    'white': white,
+    'info-color': infoColor,
+    'info-color-twelve': rgbTorgba(infoColorRgb, 12),
+    'tip-color': tipColor,
+    'tip-color-twelve': rgbTorgba(tipColorRgb, 12),
+    'success-color': successColor,
+    'success-color-twelve': rgbTorgba(successColorRgb, 12),
+    'error-color': errorColor,
+    'error-color-twelve': rgbTorgba(errorColorRgb, 12),
+    'warning-color': warningColor,
+    'warning-color-twelve': rgbTorgba(warningColorRgb, 12),
+    'second-warning-color': secondWarningColor,
+    'second-warning-color-twelve': rgbTorgba(secondWarningColorRgb, 12),
+    'text-color': rgbTorgba(whiteRgb, 90),
+    'text-color-tooltip': rgbTorgba(whiteRgb, 80),
+    'text-color-second': rgbTorgba(whiteRgb, 60),
+    'text-color-third': rgbTorgba(whiteRgb, 40),
+    'text-color-scroll-hover': rgbTorgba(whiteRgb, 30),
+    'text-color-disabled': rgbTorgba(whiteRgb, 25),
+    'text-color-scroll': rgbTorgba(whiteRgb, 20),
+    'text-color-shadow': rgbTorgba(blackRgb, 40),
+    'text-color-white': white,
+    'second-white': rgbTorgba(whiteRgb, 90),
+    'third-white': rgbTorgba(whiteRgb, 60),
+    'white-shadow': rgbTorgba(whiteRgb, 10),
+    'black-shadow': rgbTorgba(blackRgb, 40),
+    'modal-header-bg': rgbTorgba(whiteRgb, 4),
+    'border-color': '#5C5C5C',
+    'divider-color': '#383838',
+    'bg-color': rgbTorgba(whiteRgb, 8),
+    'disabled-bg-color': rgbTorgba(whiteRgb, 8),
+    'second-bg-color': rgbTorgba(whiteRgb, 4),
+    'second-bg-color-noopacity': '#2A2D31',
+    'pagination-bg-color': 'transparent',
+    'icon-bg-color': rgbTorgba(blackRgb, 40),
+    'icon-bg-hover-color': rgbTorgba(blackRgb, 60),
+    'tooltip-bg-color': '#212429',
+    'lower-level-bg': '#212429',
+    'higher-level-bg': '#212429',
+    'msg-border-color': '#383838',
+    'quick-search-menu-color-hover': 'rgba(255, 255, 255, 0.12)',
+    'menu-card-bg-color': 'rgba(255, 255, 255, 0.03)',
+    'home-bg-color': 'transparent',
+    'home-bg-color-new': '##1b1d21',
+    'tooltip-border-color': '#383838',
+    'home-nav-bg-color': 'rgba(255, 255, 255, 4%)',
+    'mask-bg-color': 'rgba(255,255,255,0.40)',
+    'header-icon-color': 'rgba(255, 255, 255, 60%)',
+    'header-icon-color-active': 'rgba(255, 255, 255, 100%)',
+    'header-menu-font-color': 'rgba(255, 255, 255, 80%)',
+    'header-menu-font-color-active': 'rgba(255, 255, 255, 100%)',
+    'header-menu-closeIcon-color': 'rgba(255, 255, 255, 10%)',
+    'header-menu-closeIcon-color-notHover': 'rgba(255, 255, 255, 80%)',
+    'header-menu-closeIcon-color-hover': 'rgba(255, 255, 255, 100%)',
+    'table-bg-color-hover': '#32353A' //表格行移入背景颜色
+  };
+}();
+/**
+ * 支持的所有皮肤
+ */
+var allSkinList = {
+  light: lightSkin,
+  dark: darkSkin
+};
+/**
+ * 切换皮肤
+ * @param skin 深浅皮肤
+ */
+export var changeSkin = function changeSkin(skin) {
+  var func = allSkinList[skin];
+  var result = (typeof func === 'function' ? func() : func) || {};
+  console.log('changeSkin ==>', result);
+  return result;
+};

package/es/components/UConfigProvider/changeTheme.d.ts

@@ -0,0 +1 @@
+export declare const changeTheme: (primaryColor: string) => any;

package/es/components/UConfigProvider/changeTheme.js

@@ -0,0 +1,83 @@
+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 { getThemeAndSkin } from "./theme";
+import { hexTorgb, rgbTohsv, hsvTorgb, rgbTorgba } from "./convertColor";
+/**
+ * 支持的所有皮肤
+ */
+var allThemeList = {
+  '#588DE8': {
+    'primary-color': '#588DE8',
+    'primary-color-twelve': 'rgba(88, 141, 232, 12%)',
+    'primary-color-third': 'rgba(88, 141, 232, 20%)',
+    'primary-color-hover': '#84B1F5',
+    'primary-color-hover-twelve': 'rgba(132, 177, 245, 12%)',
+    'primary-color-active': '#406BC2',
+    'primary-color-active-twelve': 'rgba(64, 107, 194, 12%)',
+    'primary-color-disabled': 'rgba(88, 141, 232, 30%)',
+    'header-color': '#27529C',
+    'header-color-hover': 'rgba(255, 255, 255, 30%)',
+    'header-color-active': 'rgba(255, 255, 255, 20%)',
+    'third-menu-bg-color': '#1D2B42',
+    'third-menu-bg-color-hover': 'rgba(88,141,232,0.40)',
+    'third-menu-bg-color-active': 'rgba(88,141,232,0.30)' //三级菜单 选中
+  }
+};
+export var changeTheme = function changeTheme(primaryColor) {
+  var cssvar = allThemeList[primaryColor];
+  var primaryRgb = hexTorgb(primaryColor);
+  var modalHeaderBg = 'rgba(255, 255, 255, 0.04)';
+  var thirdMenuBg = '#292D33';
+  var quickSearchBg = 'rgba(54,59,67,0.82)';
+  // 浅色色系下透明，深色色系下为主色16%的透明度
+  var menuCardBgHover = rgbTorgba(primaryRgb, 16);
+  var menuCardBorderHover = primaryColor;
+  if ('dark' !== getThemeAndSkin().skin) {
+    modalHeaderBg = primaryColor;
+    thirdMenuBg = '#1D2B42';
+    quickSearchBg = 'rgba(42,56,79,0.82)';
+    menuCardBgHover = '#FFF';
+    menuCardBorderHover = 'transparent';
+  }
+  if (cssvar) {
+    return Object.assign(Object.assign({}, cssvar), {
+      'modal-header-bg': modalHeaderBg,
+      'quick-search-bg-color': quickSearchBg,
+      'third-menu-bg-color': thirdMenuBg,
+      'menu-card-bg-color-hover': menuCardBgHover,
+      'menu-card-border-color-hover': menuCardBorderHover //页菜单移入边框色
+    });
+  }
+  var _rgbTohsv = rgbTohsv(primaryRgb),
+    _rgbTohsv2 = _slicedToArray(_rgbTohsv, 3),
+    h = _rgbTohsv2[0],
+    s = _rgbTohsv2[1],
+    v = _rgbTohsv2[2];
+  var primaryHoverRgb = hsvTorgb([h, s, v + 10]);
+  var primaryActiveRgb = hsvTorgb([h, s, v - 10]);
+  var headerRgb = hsvTorgb([h, s + 13, v - 30]);
+  return {
+    'primary-color': primaryColor,
+    'primary-color-twelve': rgbTorgba(primaryRgb, 12),
+    'primary-color-third': rgbTorgba(primaryRgb, 20),
+    'primary-color-hover': rgbTorgba(primaryHoverRgb),
+    'primary-color-hover-twelve': rgbTorgba(primaryHoverRgb, 12),
+    'primary-color-active': rgbTorgba(primaryActiveRgb),
+    'primary-color-active-twelve': rgbTorgba(primaryActiveRgb, 12),
+    'primary-color-disabled': rgbTorgba(primaryRgb, 30),
+    'header-color': rgbTorgba(headerRgb),
+    'header-color-hover': 'rgba(255, 255, 255, 30%)',
+    'header-color-active': 'rgba(255, 255, 255, 20%)',
+    'quick-search-bg-color': 'rgba(54,59,67,0.82)',
+    'third-menu-bg-color': '#292D33',
+    'third-menu-bg-color-hover': rgbTorgba(primaryRgb, 40),
+    'third-menu-bg-color-active': rgbTorgba(primaryRgb, 30),
+    'modal-header-bg': modalHeaderBg,
+    'menu-card-bg-color-hover': menuCardBgHover,
+    'menu-card-border-color-hover': menuCardBorderHover //页菜单移入边框色
+  };
+};

package/es/components/UConfigProvider/context.d.ts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import type { RequiredMark } from '../UForm/Form';
+import type { Locale } from '../locale-provider';
+import type { RenderEmptyHandler } from './defaultRenderEmpty';
+import type { SizeType } from './SizeContext';
+export type Skin = 'light' | 'dark';
+export interface Theme {
+    skin?: Skin;
+    primaryColor?: string;
+    infoColor?: string;
+    successColor?: string;
+    processingColor?: string;
+    errorColor?: string;
+    warningColor?: string;
+}
+export interface CSPConfig {
+    nonce?: string;
+}
+export type DirectionType = 'ltr' | 'rtl' | undefined;
+export interface ConfigConsumerProps {
+    getTargetContainer?: () => HTMLElement;
+    getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
+    rootPrefixCls?: string;
+    iconPrefixCls?: string;
+    getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
+    renderEmpty?: RenderEmptyHandler;
+    csp?: CSPConfig;
+    autoInsertSpaceInButton?: boolean;
+    input?: {
+        autoComplete?: string;
+    };
+    pagination?: {
+        showSizeChanger?: boolean;
+    };
+    locale?: Locale;
+    pageHeader?: {
+        ghost: boolean;
+    };
+    direction?: DirectionType;
+    space?: {
+        size?: SizeType | number;
+    };
+    virtual?: boolean;
+    dropdownMatchSelectWidth?: boolean;
+    form?: {
+        requiredMark?: RequiredMark;
+        colon?: boolean;
+    };
+}
+interface BasicExportProps {
+    prefixCls?: string;
+}
+interface ConsumerConfig {
+    prefixCls: string;
+}
+/** @deprecated Use hooks instead. This is a legacy function */
+export declare function withConfigConsumer<ExportProps extends BasicExportProps>(config: ConsumerConfig): <ComponentDef>(Component: React.ComponentType<ExportProps>) => React.FC<ExportProps> & ComponentDef;
+export declare const ConfigContext: React.Context<ConfigConsumerProps>;
+export declare const ConfigConsumer: React.Consumer<ConfigConsumerProps>;
+export {};

package/es/components/UConfigProvider/context.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { CUSTOM_PREFIX } from "../../globalVarious";
+var defaultGetPrefixCls = function defaultGetPrefixCls(suffixCls, customizePrefixCls) {
+  if (customizePrefixCls) return customizePrefixCls;
+  return suffixCls ? "".concat(CUSTOM_PREFIX, "-base-").concat(suffixCls) : "".concat(CUSTOM_PREFIX, "-base");
+};
+/** @deprecated Use hooks instead. This is a legacy function */
+export function withConfigConsumer(config) {
+  return function withConfigConsumerFunc(Component) {
+    // Wrap with ConfigConsumer. Since we need compatible with react 15, be care when using ref methods
+    var SFC = function SFC(props) {
+      return /*#__PURE__*/React.createElement(ConfigConsumer, null, function (configProps) {
+        var basicPrefixCls = config.prefixCls;
+        var getPrefixCls = configProps.getPrefixCls;
+        var customizePrefixCls = props.prefixCls;
+        var prefixCls = getPrefixCls(basicPrefixCls, customizePrefixCls);
+        return /*#__PURE__*/React.createElement(Component, Object.assign({}, configProps, props, {
+          prefixCls: prefixCls
+        }));
+      });
+    };
+    var cons = Component.constructor;
+    var name = cons && cons.displayName || Component.name || 'Component';
+    if (process.env.NODE_ENV !== 'production') {
+      SFC.displayName = "withConfigConsumer(".concat(name, ")");
+    }
+    return SFC;
+  };
+}
+// zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will case circular dependency.
+export var ConfigContext = /*#__PURE__*/React.createContext({
+  // We provide a default function for Context without provider
+  getPrefixCls: defaultGetPrefixCls
+});
+export var ConfigConsumer = ConfigContext.Consumer;

package/es/components/UConfigProvider/convertColor.d.ts

@@ -0,0 +1,4 @@
+export declare const hexTorgb: (str: any) => number[];
+export declare const rgbTohsv: (arr: any) => number[];
+export declare const hsvTorgb: (arr: any) => number[];
+export declare const rgbTorgba: (arr: number[], a?: number) => string;

package/es/components/UConfigProvider/convertColor.js

@@ -0,0 +1,106 @@
+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; }
+export var hexTorgb = function hexTorgb(str) {
+  var color = str.slice(1);
+  var rgb = [parseInt("0x" + color.slice(0, 2)), parseInt("0x" + color.slice(2, 4)), parseInt("0x" + color.slice(4, 6))];
+  return rgb;
+};
+export var rgbTohsv = function rgbTohsv(arr) {
+  arr = JSON.parse(JSON.stringify(arr));
+  var h = 0,
+    s = 0,
+    v = 0;
+  var r = arr[0],
+    g = arr[1],
+    b = arr[2];
+  arr.sort(function (a, b) {
+    return a - b;
+  });
+  var max = arr[2];
+  var min = arr[0];
+  v = max / 255;
+  if (max === 0) {
+    s = 0;
+  } else {
+    s = 1 - min / max;
+  }
+  if (max === min) {
+    h = 0;
+  } else if (max === r && g >= b) {
+    h = 60 * ((g - b) / (max - min)) + 0;
+  } else if (max === r && g < b) {
+    h = 60 * ((g - b) / (max - min)) + 360;
+  } else if (max === g) {
+    h = 60 * ((b - r) / (max - min)) + 120;
+  } else if (max === b) {
+    h = 60 * ((r - g) / (max - min)) + 240;
+  }
+  return [h, s * 100, v * 100];
+};
+export var hsvTorgb = function hsvTorgb(arr) {
+  var h = arr[0],
+    s = arr[1],
+    v = arr[2];
+  s = s / 100;
+  v = v / 100;
+  var r = 0,
+    g = 0,
+    b = 0;
+  var i = parseInt(String(h / 60 % 6));
+  var f = h / 60 - i;
+  var p = v * (1 - s);
+  var q = v * (1 - f * s);
+  var t = v * (1 - (1 - f) * s);
+  switch (i) {
+    case 0:
+      r = v;
+      g = t;
+      b = p;
+      break;
+    case 1:
+      r = q;
+      g = v;
+      b = p;
+      break;
+    case 2:
+      r = p;
+      g = v;
+      b = t;
+      break;
+    case 3:
+      r = p;
+      g = q;
+      b = v;
+      break;
+    case 4:
+      r = t;
+      g = p;
+      b = v;
+      break;
+    case 5:
+      r = v;
+      g = p;
+      b = q;
+      break;
+    default:
+      break;
+  }
+  r = Math.round(r * 255.0);
+  g = Math.round(g * 255.0);
+  b = Math.round(b * 255.0);
+  return [r, g, b];
+};
+export var rgbTorgba = function rgbTorgba(arr, a) {
+  var _arr = _slicedToArray(arr, 3),
+    r = _arr[0],
+    g = _arr[1],
+    b = _arr[2];
+  if (!a) {
+    return "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")");
+  }
+  return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, "%)");
+};

package/es/components/UConfigProvider/cssVariables.d.ts

@@ -0,0 +1,3 @@
+import type { Theme } from './context';
+export declare function getStyle(globalPrefixCls: string, theme: Theme): string;
+export declare function registerTheme(globalPrefixCls: string, theme: Theme): void;

package/es/components/UConfigProvider/cssVariables.js

@@ -0,0 +1,72 @@
+/* eslint-disable import/prefer-default-export, prefer-destructuring */
+import { generate } from '@ant-design/colors';
+import { TinyColor } from '@ctrl/tinycolor';
+import canUseDom from 'rc-util/lib/Dom/canUseDom';
+import { updateCSS } from 'rc-util/lib/Dom/dynamicCSS';
+import warning from "../_util/warning";
+import { changeTheme } from "./changeTheme";
+import { changeSkin } from "./changeSkin";
+var dynamicStyleMark = "-ud-".concat(Date.now(), "-").concat(Math.random());
+/**
+ * 已经通过registerTheme设置的css变量
+ * 确保theme更新任何一个之后  之前更新的也保持下来
+ * 例如： 切换完skin皮肤后，再切换primaryColor主题  二者都生效
+ */
+var SET_ROOT_CSS_VAR_INFOS = {};
+export function getStyle(globalPrefixCls, theme) {
+  var variables = Object.assign({}, SET_ROOT_CSS_VAR_INFOS);
+  var formatColor = function formatColor(color, updater) {
+    var clone = color.clone();
+    clone = (updater === null || updater === void 0 ? void 0 : updater(clone)) || clone;
+    return clone.toRgbString();
+  };
+  var fillColor = function fillColor(colorVal, type) {
+    var baseColor = new TinyColor(colorVal);
+    var colorPalettes = generate(baseColor.toRgbString());
+    variables["".concat(type, "-color")] = formatColor(baseColor);
+    variables["".concat(type, "-color-disabled")] = colorPalettes[1];
+    variables["".concat(type, "-color-hover")] = colorPalettes[4];
+    variables["".concat(type, "-color-active")] = colorPalettes[6];
+    variables["".concat(type, "-color-outline")] = baseColor.clone().setAlpha(0.2).toRgbString();
+    variables["".concat(type, "-color-deprecated-bg")] = colorPalettes[0];
+    variables["".concat(type, "-color-deprecated-border")] = colorPalettes[2];
+  };
+  // ================ light | dark ================
+  if (theme.skin) {
+    variables = Object.assign(Object.assign({}, variables), changeSkin(theme.skin));
+  }
+  // ================ Primary Color ================
+  if (theme.primaryColor) {
+    variables = Object.assign(Object.assign({}, variables), changeTheme(theme.primaryColor));
+  }
+  // ================ Success Color ================
+  if (theme.successColor) {
+    fillColor(theme.successColor, 'success');
+  }
+  // ================ Warning Color ================
+  if (theme.warningColor) {
+    fillColor(theme.warningColor, 'warning');
+  }
+  // ================= Error Color =================
+  if (theme.errorColor) {
+    fillColor(theme.errorColor, 'error');
+  }
+  // ================= Info Color ==================
+  if (theme.infoColor) {
+    fillColor(theme.infoColor, 'info');
+  }
+  SET_ROOT_CSS_VAR_INFOS = Object.assign(Object.assign({}, SET_ROOT_CSS_VAR_INFOS), variables);
+  // Convert to css variables
+  var cssList = Object.keys(variables).map(function (key) {
+    return "--".concat(globalPrefixCls, "-").concat(key, ": ").concat(variables[key], ";");
+  });
+  return "\n  :root {\n    ".concat(cssList.join('\n'), "\n  }\n  ").trim();
+}
+export function registerTheme(globalPrefixCls, theme) {
+  var style = getStyle(globalPrefixCls, theme);
+  if (canUseDom()) {
+    updateCSS(style, "".concat(dynamicStyleMark, "-dynamic-theme"));
+  } else {
+    warning(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.');
+  }
+}

package/es/components/UConfigProvider/defaultRenderEmpty.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const defaultRenderEmpty: (componentName?: string) => React.ReactNode;
+export type RenderEmptyHandler = typeof defaultRenderEmpty;
+export default defaultRenderEmpty;

package/es/components/UConfigProvider/defaultRenderEmpty.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { ConfigConsumer } from ".";
+import Empty from "../UEmpty";
+var defaultRenderEmpty = function defaultRenderEmpty(componentName) {
+  return /*#__PURE__*/React.createElement(ConfigConsumer, null, function (_ref) {
+    var getPrefixCls = _ref.getPrefixCls;
+    var prefix = getPrefixCls('empty');
+    switch (componentName) {
+      case 'Table':
+      case 'List':
+        return /*#__PURE__*/React.createElement(Empty, {
+          image: Empty.PRESENTED_IMAGE_DEFAULT
+        });
+      case 'Select':
+      case 'TreeSelect':
+      case 'Cascader':
+      case 'Transfer':
+      case 'Mentions':
+        return /*#__PURE__*/React.createElement(Empty, {
+          image: Empty.PRESENTED_IMAGE_SIMPLE,
+          className: "".concat(prefix, "-small")
+        });
+      /* istanbul ignore next */
+      default:
+        // Should never hit if we take all the component into consider.
+        return /*#__PURE__*/React.createElement(Empty, null);
+    }
+  });
+};
+export default defaultRenderEmpty;