@oceanbase/design 1.0.0-alpha.1 → 1.0.0-alpha.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/design.min.css +1 -1
- package/dist/design.min.js +1 -1
- package/dist/reset.css +2 -1
- package/dist/static/Inter-Medium.ea234620.woff2 +0 -0
- package/dist/static/Inter-Regular.34ba43c9.woff2 +0 -0
- package/dist/static/Inter-SemiBold.95439fb4.woff2 +0 -0
- package/es/_util/genComponentStyleHook.d.ts +21 -4
- package/es/_util/genComponentStyleHook.js +68 -20
- package/es/alert/index.d.ts +2 -2
- package/es/alert/index.js +22 -6
- package/es/alert/style/index.d.ts +2 -5
- package/es/alert/style/index.js +157 -67
- package/es/app/index.d.ts +8 -0
- package/es/app/index.js +43 -1
- package/es/app/style/index.d.ts +6 -0
- package/es/app/style/index.js +9 -0
- package/es/badge/index.js +15 -7
- package/es/badge/style/index.d.ts +2 -5
- package/es/badge/style/index.js +13 -18
- package/es/button/index.js +10 -4
- package/es/button/style/index.d.ts +4 -5
- package/es/button/style/index.js +40 -7
- package/es/card/index.d.ts +11 -0
- package/es/card/index.js +151 -9
- package/es/card/style/index.d.ts +2 -5
- package/es/card/style/index.js +83 -18
- package/es/checkbox/index.js +9 -2
- package/es/checkbox/style/index.d.ts +2 -5
- package/es/checkbox/style/index.js +14 -11
- package/es/config-provider/context.d.ts +11 -0
- package/es/config-provider/context.js +2 -1
- package/es/config-provider/index.d.ts +4 -3
- package/es/config-provider/index.js +92 -40
- package/es/descriptions/index.d.ts +10 -0
- package/es/descriptions/index.js +62 -5
- package/es/descriptions/style/index.d.ts +3 -6
- package/es/descriptions/style/index.js +70 -10
- package/es/drawer/index.js +10 -7
- package/es/drawer/style/index.d.ts +2 -5
- package/es/drawer/style/index.js +44 -17
- package/es/dropdown/dropdown-button.js +26 -6
- package/es/dropdown/style/index.d.ts +6 -0
- package/es/{_util/genStyle.js → dropdown/style/index.js} +14 -11
- package/es/empty/index.js +4 -3
- package/es/empty/style/index.d.ts +2 -5
- package/es/empty/style/index.js +10 -10
- package/es/fonts/Inter-Medium.woff2 +0 -0
- package/es/fonts/Inter-Regular.woff2 +0 -0
- package/es/fonts/Inter-SemiBold.woff2 +0 -0
- package/es/form/FormItem.d.ts +1 -0
- package/es/form/FormItem.js +26 -11
- package/es/form/index.js +9 -2
- package/es/form/style/index.d.ts +2 -5
- package/es/form/style/index.js +19 -8
- package/es/index.d.ts +4 -3
- package/es/index.js +1 -1
- package/es/input/Input.d.ts +2 -0
- package/es/input/Input.js +30 -7
- package/es/input/Password.js +24 -5
- package/es/input/Search.js +24 -5
- package/es/input/TextArea.js +24 -5
- package/es/input/style/index.d.ts +6 -0
- package/es/input/style/index.js +32 -0
- package/es/input-number/index.d.ts +2 -1
- package/es/input-number/index.js +18 -4
- package/es/input-number/style/index.d.ts +6 -0
- package/es/input-number/style/index.js +19 -0
- package/es/locale/en-US.js +4 -1
- package/es/locale/index.d.ts +2 -0
- package/es/locale/ja-JP.d.ts +3 -0
- package/es/locale/ja-JP.js +31 -0
- package/es/locale/zh-CN.js +4 -1
- package/es/locale/zh-TW.js +4 -1
- package/es/modal/Modal.js +29 -8
- package/es/modal/style/index.d.ts +2 -5
- package/es/modal/style/index.js +67 -26
- package/es/radio/index.js +9 -2
- package/es/radio/style/index.d.ts +2 -5
- package/es/radio/style/index.js +16 -10
- package/es/result/index.d.ts +2 -2
- package/es/result/index.js +14 -6
- package/es/result/style/index.d.ts +2 -5
- package/es/result/style/index.js +3 -6
- package/es/segmented/index.d.ts +1 -0
- package/es/segmented/index.js +24 -9
- package/es/segmented/style/index.d.ts +1 -4
- package/es/segmented/style/index.js +4 -6
- package/es/select/index.js +9 -2
- package/es/select/style/index.d.ts +2 -5
- package/es/select/style/index.js +6 -7
- package/es/slider/index.js +9 -2
- package/es/slider/style/index.d.ts +2 -5
- package/es/slider/style/index.js +11 -11
- package/es/space/index.js +9 -2
- package/es/space/style/index.d.ts +2 -5
- package/es/space/style/index.js +3 -6
- package/es/spin/index.js +9 -2
- package/es/spin/style/index.d.ts +2 -5
- package/es/spin/style/index.js +27 -27
- package/es/static-function/index.js +13 -4
- package/es/style/cssVariables.d.ts +25 -0
- package/es/style/cssVariables.js +48 -0
- package/es/style/cssVariablesMeta.d.ts +24 -0
- package/es/style/cssVariablesMeta.js +974 -0
- package/es/style/global.d.ts +8 -0
- package/es/style/global.js +121 -0
- package/es/style/reset.css +2 -1
- package/es/switch/index.js +9 -2
- package/es/switch/style/index.d.ts +2 -5
- package/es/switch/style/index.js +3 -6
- package/es/table/index.d.ts +1 -4
- package/es/table/index.js +67 -34
- package/es/table/style/index.d.ts +2 -5
- package/es/table/style/index.js +58 -36
- package/es/tabs/index.js +9 -2
- package/es/tabs/style/index.d.ts +2 -5
- package/es/tabs/style/index.js +10 -10
- package/es/tag/index.d.ts +1 -0
- package/es/tag/index.js +17 -4
- package/es/tag/style/index.d.ts +3 -8
- package/es/tag/style/index.js +39 -35
- package/es/theme/compact.d.ts +1 -1
- package/es/theme/compact.js +2 -6
- package/es/theme/dark.d.ts +1 -48
- package/es/theme/default.d.ts +48 -2
- package/es/theme/default.js +324 -62
- package/es/theme/index.d.ts +20 -57
- package/es/theme/interface.d.ts +130 -0
- package/es/theme/interface.js +4 -1
- package/es/theme/style/aliyun.less +41 -41
- package/es/theme/style/compact.less +166 -137
- package/es/theme/style/dark.less +58 -58
- package/es/theme/style/default.less +169 -140
- package/es/tooltip/index.js +4 -4
- package/es/tooltip/style/index.d.ts +2 -5
- package/es/tooltip/style/index.js +10 -13
- package/es/tree-select/index.js +9 -2
- package/es/tree-select/style/index.d.ts +2 -5
- package/es/tree-select/style/index.js +3 -6
- package/es/typography/Link.js +9 -2
- package/es/typography/Paragraph.js +9 -2
- package/es/typography/Text.d.ts +1 -0
- package/es/typography/Text.js +12 -4
- package/es/typography/Title.js +9 -2
- package/es/typography/hooks/useClassName.d.ts +1 -1
- package/es/typography/hooks/useClassName.js +2 -2
- package/es/typography/index.d.ts +12 -1
- package/es/typography/index.js +2 -1
- package/es/typography/style/index.d.ts +2 -5
- package/es/typography/style/index.js +36 -28
- package/lib/_util/genComponentStyleHook.d.ts +21 -4
- package/lib/_util/genComponentStyleHook.js +50 -31
- package/lib/alert/index.d.ts +2 -2
- package/lib/alert/index.js +20 -11
- package/lib/alert/style/index.d.ts +2 -5
- package/lib/alert/style/index.js +174 -79
- package/lib/app/index.d.ts +8 -0
- package/lib/app/index.js +36 -1
- package/lib/app/style/index.d.ts +6 -0
- package/lib/{_util/getWeakenBorderColor.js → app/style/index.js} +15 -10
- package/lib/badge/index.js +32 -23
- package/lib/badge/style/index.d.ts +2 -5
- package/lib/badge/style/index.js +14 -16
- package/lib/button/index.js +5 -4
- package/lib/button/style/index.d.ts +4 -5
- package/lib/button/style/index.js +48 -9
- package/lib/card/index.d.ts +11 -0
- package/lib/card/index.js +160 -12
- package/lib/card/style/index.d.ts +2 -5
- package/lib/card/style/index.js +132 -21
- package/lib/checkbox/index.js +4 -3
- package/lib/checkbox/style/index.d.ts +2 -5
- package/lib/checkbox/style/index.js +10 -8
- package/lib/config-provider/DefaultRenderEmpty.js +4 -3
- package/lib/config-provider/context.d.ts +11 -0
- package/lib/config-provider/index.d.ts +4 -3
- package/lib/config-provider/index.js +133 -30
- package/lib/descriptions/hooks/useItems.js +5 -4
- package/lib/descriptions/index.d.ts +10 -0
- package/lib/descriptions/index.js +54 -6
- package/lib/descriptions/style/index.d.ts +3 -6
- package/lib/descriptions/style/index.js +117 -7
- package/lib/drawer/index.js +46 -35
- package/lib/drawer/style/index.d.ts +2 -5
- package/lib/drawer/style/index.js +44 -14
- package/lib/dropdown/dropdown-button.js +26 -3
- package/lib/dropdown/index.js +2 -2
- package/lib/dropdown/style/index.d.ts +6 -0
- package/lib/dropdown/style/index.js +46 -0
- package/lib/empty/colored.js +413 -327
- package/lib/empty/database.js +267 -222
- package/lib/empty/default.js +16 -21
- package/lib/empty/guide.js +201 -184
- package/lib/empty/index.js +25 -20
- package/lib/empty/style/index.d.ts +2 -5
- package/lib/empty/style/index.js +9 -10
- package/lib/fonts/Inter-Medium.woff2 +0 -0
- package/lib/fonts/Inter-Regular.woff2 +0 -0
- package/lib/fonts/Inter-SemiBold.woff2 +0 -0
- package/lib/form/FormItem.d.ts +1 -0
- package/lib/form/FormItem.js +19 -8
- package/lib/form/index.js +8 -5
- package/lib/form/style/index.d.ts +2 -5
- package/lib/form/style/index.js +28 -7
- package/lib/grid/col.js +2 -1
- package/lib/grid/row.js +2 -1
- package/lib/index.d.ts +4 -3
- package/lib/index.js +3 -1
- package/lib/input/Input.d.ts +2 -0
- package/lib/input/Input.js +37 -13
- package/lib/input/Password.js +22 -4
- package/lib/input/Search.js +32 -12
- package/lib/input/TextArea.js +22 -4
- package/lib/input/style/index.d.ts +6 -0
- package/lib/input/style/index.js +74 -0
- package/lib/input-number/index.d.ts +2 -1
- package/lib/input-number/index.js +19 -3
- package/lib/input-number/style/index.d.ts +6 -0
- package/lib/{_util/genStyle.js → input-number/style/index.js} +22 -17
- package/lib/list/index.js +3 -2
- package/lib/locale/en-US.js +3 -0
- package/lib/locale/index.d.ts +2 -0
- package/lib/locale/ja-JP.d.ts +3 -0
- package/lib/locale/ja-JP.js +63 -0
- package/lib/locale/zh-CN.js +3 -0
- package/lib/locale/zh-TW.js +3 -0
- package/lib/lottie/index.js +2 -1
- package/lib/modal/Modal.js +35 -11
- package/lib/modal/Progress.js +9 -5
- package/lib/modal/style/index.d.ts +2 -5
- package/lib/modal/style/index.js +81 -24
- package/lib/radio/index.js +4 -3
- package/lib/radio/style/index.d.ts +2 -5
- package/lib/radio/style/index.js +17 -8
- package/lib/result/403.js +156 -121
- package/lib/result/404.js +328 -267
- package/lib/result/500.js +295 -257
- package/lib/result/Error.js +127 -99
- package/lib/result/Processing.js +246 -213
- package/lib/result/Success.js +233 -169
- package/lib/result/Warning.js +611 -515
- package/lib/result/index.d.ts +2 -2
- package/lib/result/index.js +14 -13
- package/lib/result/style/index.d.ts +2 -5
- package/lib/result/style/index.js +3 -6
- package/lib/segmented/index.d.ts +1 -0
- package/lib/segmented/index.js +17 -6
- package/lib/segmented/style/index.d.ts +1 -4
- package/lib/segmented/style/index.js +4 -6
- package/lib/select/index.js +4 -3
- package/lib/select/style/index.d.ts +2 -5
- package/lib/select/style/index.js +7 -7
- package/lib/slider/index.js +4 -3
- package/lib/slider/style/index.d.ts +2 -5
- package/lib/slider/style/index.js +12 -11
- package/lib/space/index.js +3 -2
- package/lib/space/style/index.d.ts +2 -5
- package/lib/space/style/index.js +3 -6
- package/lib/spin/index.js +7 -6
- package/lib/spin/style/index.d.ts +2 -5
- package/lib/spin/style/index.js +26 -28
- package/lib/static-function/index.js +7 -1
- package/lib/style/cssVariables.d.ts +25 -0
- package/lib/style/cssVariables.js +261 -0
- package/lib/style/cssVariablesMeta.d.ts +24 -0
- package/lib/style/cssVariablesMeta.js +1059 -0
- package/lib/style/global.d.ts +8 -0
- package/lib/style/global.js +176 -0
- package/lib/style/reset.css +2 -1
- package/lib/switch/index.js +4 -3
- package/lib/switch/style/index.d.ts +2 -5
- package/lib/switch/style/index.js +3 -6
- package/lib/table/index.d.ts +1 -4
- package/lib/table/index.js +114 -68
- package/lib/table/style/index.d.ts +2 -5
- package/lib/table/style/index.js +68 -32
- package/lib/tabs/index.js +12 -7
- package/lib/tabs/style/index.d.ts +2 -5
- package/lib/tabs/style/index.js +12 -8
- package/lib/tag/index.d.ts +1 -0
- package/lib/tag/index.js +18 -8
- package/lib/tag/style/index.d.ts +3 -8
- package/lib/tag/style/index.js +45 -36
- package/lib/theme/compact.d.ts +1 -1
- package/lib/theme/compact.js +1 -5
- package/lib/theme/dark.d.ts +1 -48
- package/lib/theme/default.d.ts +48 -2
- package/lib/theme/default.js +403 -61
- package/lib/theme/index.d.ts +20 -57
- package/lib/theme/interface.d.ts +130 -0
- package/lib/theme/style/aliyun.less +41 -41
- package/lib/theme/style/compact.less +166 -137
- package/lib/theme/style/dark.less +58 -58
- package/lib/theme/style/default.less +169 -140
- package/lib/tooltip/MouseTooltip.js +43 -39
- package/lib/tooltip/ReactStickyMouseTooltip.js +5 -4
- package/lib/tooltip/index.js +17 -13
- package/lib/tooltip/style/index.d.ts +2 -5
- package/lib/tooltip/style/index.js +10 -13
- package/lib/tree-select/index.js +4 -3
- package/lib/tree-select/style/index.d.ts +2 -5
- package/lib/tree-select/style/index.js +3 -6
- package/lib/typography/Link.js +7 -6
- package/lib/typography/Paragraph.js +7 -6
- package/lib/typography/Text.d.ts +1 -0
- package/lib/typography/Text.js +9 -8
- package/lib/typography/Title.js +7 -6
- package/lib/typography/hooks/useClassName.d.ts +1 -1
- package/lib/typography/hooks/useClassName.js +3 -2
- package/lib/typography/index.d.ts +12 -1
- package/lib/typography/index.js +6 -5
- package/lib/typography/style/index.d.ts +2 -5
- package/lib/typography/style/index.js +34 -26
- package/package.json +10 -9
- package/dist/static/Inter.f6bcdfb6.woff2 +0 -0
- package/es/_util/genStyle.d.ts +0 -2
- package/es/_util/getWeakenBorderColor.d.ts +0 -1
- package/es/_util/getWeakenBorderColor.js +0 -4
- package/es/fonts/Inter.woff2 +0 -0
- package/es/global.css +0 -48
- package/lib/_util/genStyle.d.ts +0 -2
- package/lib/_util/getWeakenBorderColor.d.ts +0 -1
- package/lib/fonts/Inter.woff2 +0 -0
- package/lib/global.css +0 -48
package/es/tree-select/index.js
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
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); }
|
|
2
2
|
var _excluded = ["locale", "prefixCls", "className"];
|
|
3
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
+
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."); }
|
|
5
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
7
|
+
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; } }
|
|
8
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
3
9
|
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; }
|
|
4
10
|
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; }
|
|
5
11
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -26,9 +32,10 @@ var InternalTreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
26
32
|
var treeSelectLocale = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultLocale.global), contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.global), defaultLocale.TreeSelect), contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.TreeSelect), customLocale);
|
|
27
33
|
var prefixCls = getPrefixCls('tree-select', customizePrefixCls);
|
|
28
34
|
var _useStyle = useStyle(prefixCls),
|
|
29
|
-
|
|
35
|
+
_useStyle2 = _slicedToArray(_useStyle, 1),
|
|
36
|
+
wrapCSSVar = _useStyle2[0];
|
|
30
37
|
var treeSelectCls = classNames(className);
|
|
31
|
-
return
|
|
38
|
+
return wrapCSSVar( /*#__PURE__*/_jsx(AntTreeSelect, _objectSpread({
|
|
32
39
|
ref: ref,
|
|
33
40
|
placeholder: treeSelectLocale.placeholder,
|
|
34
41
|
prefixCls: customizePrefixCls,
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { FullToken, GenerateStyle } from '
|
|
2
|
+
import type { FullToken, GenerateStyle } from '../../theme/interface';
|
|
3
3
|
export type TreeSelectToken = FullToken<'TreeSelect'>;
|
|
4
4
|
export declare const genTreeSelectStyle: GenerateStyle<TreeSelectToken>;
|
|
5
|
-
declare const _default: (prefixCls: string) =>
|
|
6
|
-
wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
7
|
-
hashId: string;
|
|
8
|
-
};
|
|
5
|
+
declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
|
|
9
6
|
export default _default;
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { genStyleHooks } from "../../_util/genComponentStyleHook";
|
|
2
2
|
export var genTreeSelectStyle = function genTreeSelectStyle(token) {
|
|
3
3
|
return {};
|
|
4
4
|
};
|
|
5
|
-
export default (function (
|
|
6
|
-
|
|
7
|
-
return [genTreeSelectStyle(token)];
|
|
8
|
-
});
|
|
9
|
-
return useStyle(prefixCls);
|
|
5
|
+
export default genStyleHooks('TreeSelect', function (token) {
|
|
6
|
+
return [genTreeSelectStyle(token)];
|
|
10
7
|
});
|
package/es/typography/Link.js
CHANGED
|
@@ -5,6 +5,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
5
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
6
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
7
7
|
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); }
|
|
8
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
|
+
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."); }
|
|
10
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
11
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
12
|
+
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; } }
|
|
13
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
8
14
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
9
15
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
10
16
|
import React, { useContext } from 'react';
|
|
@@ -25,9 +31,10 @@ var Link = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
25
31
|
getPrefixCls = _useContext.getPrefixCls;
|
|
26
32
|
var prefixCls = getPrefixCls('typography', customizePrefixCls);
|
|
27
33
|
var _useStyle = useStyle(prefixCls),
|
|
28
|
-
|
|
34
|
+
_useStyle2 = _slicedToArray(_useStyle, 1),
|
|
35
|
+
wrapCSSVar = _useStyle2[0];
|
|
29
36
|
var typographyCls = useClassName(prefixCls, className, editable);
|
|
30
|
-
return
|
|
37
|
+
return wrapCSSVar( /*#__PURE__*/_jsx(AntLink, _objectSpread(_objectSpread({
|
|
31
38
|
ref: ref,
|
|
32
39
|
editable: editable,
|
|
33
40
|
prefixCls: customizePrefixCls,
|
|
@@ -5,6 +5,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
5
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
6
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
7
7
|
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); }
|
|
8
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
|
+
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."); }
|
|
10
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
11
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
12
|
+
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; } }
|
|
13
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
8
14
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
9
15
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
10
16
|
import React, { useContext } from 'react';
|
|
@@ -25,9 +31,10 @@ var Paragraph = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
25
31
|
getPrefixCls = _useContext.getPrefixCls;
|
|
26
32
|
var prefixCls = getPrefixCls('typography', customizePrefixCls);
|
|
27
33
|
var _useStyle = useStyle(prefixCls),
|
|
28
|
-
|
|
34
|
+
_useStyle2 = _slicedToArray(_useStyle, 1),
|
|
35
|
+
wrapCSSVar = _useStyle2[0];
|
|
29
36
|
var typographyCls = useClassName(prefixCls, className, editable);
|
|
30
|
-
return
|
|
37
|
+
return wrapCSSVar( /*#__PURE__*/_jsx(AntParagraph, _objectSpread(_objectSpread({
|
|
31
38
|
ref: ref,
|
|
32
39
|
editable: editable,
|
|
33
40
|
prefixCls: customizePrefixCls,
|
package/es/typography/Text.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import type { TextProps as AntTextProps } from 'antd/es/typography/Text';
|
|
3
3
|
export * from 'antd/es/typography/Text';
|
|
4
4
|
export interface TextProps extends AntTextProps {
|
|
5
|
+
caption?: boolean;
|
|
5
6
|
}
|
|
6
7
|
type CompoundedComponent = React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>> & {
|
|
7
8
|
/** @internal */
|
package/es/typography/Text.js
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
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); }
|
|
2
|
-
var _excluded = ["editable", "prefixCls", "className", "children"];
|
|
2
|
+
var _excluded = ["editable", "caption", "prefixCls", "className", "children"];
|
|
3
3
|
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; }
|
|
4
4
|
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; }
|
|
5
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
6
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
7
7
|
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); }
|
|
8
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
|
+
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."); }
|
|
10
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
11
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
12
|
+
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; } }
|
|
13
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
8
14
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
9
15
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
10
16
|
import React, { useContext } from 'react';
|
|
@@ -17,6 +23,7 @@ var AntText = AntTypography.Text;
|
|
|
17
23
|
export * from 'antd/es/typography/Text';
|
|
18
24
|
var Text = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
19
25
|
var editable = _ref.editable,
|
|
26
|
+
caption = _ref.caption,
|
|
20
27
|
customizePrefixCls = _ref.prefixCls,
|
|
21
28
|
className = _ref.className,
|
|
22
29
|
children = _ref.children,
|
|
@@ -25,9 +32,10 @@ var Text = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
25
32
|
getPrefixCls = _useContext.getPrefixCls;
|
|
26
33
|
var prefixCls = getPrefixCls('typography', customizePrefixCls);
|
|
27
34
|
var _useStyle = useStyle(prefixCls),
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
35
|
+
_useStyle2 = _slicedToArray(_useStyle, 1),
|
|
36
|
+
wrapCSSVar = _useStyle2[0];
|
|
37
|
+
var typographyCls = useClassName(prefixCls, className, editable, caption);
|
|
38
|
+
return wrapCSSVar( /*#__PURE__*/_jsx(AntText, _objectSpread(_objectSpread({
|
|
31
39
|
ref: ref,
|
|
32
40
|
editable: editable,
|
|
33
41
|
prefixCls: customizePrefixCls,
|
package/es/typography/Title.js
CHANGED
|
@@ -5,6 +5,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
5
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
6
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
7
7
|
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); }
|
|
8
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
|
+
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."); }
|
|
10
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
11
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
12
|
+
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; } }
|
|
13
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
8
14
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
9
15
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
10
16
|
import React, { useContext } from 'react';
|
|
@@ -25,9 +31,10 @@ var Title = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
25
31
|
getPrefixCls = _useContext.getPrefixCls;
|
|
26
32
|
var prefixCls = getPrefixCls('typography', customizePrefixCls);
|
|
27
33
|
var _useStyle = useStyle(prefixCls),
|
|
28
|
-
|
|
34
|
+
_useStyle2 = _slicedToArray(_useStyle, 1),
|
|
35
|
+
wrapCSSVar = _useStyle2[0];
|
|
29
36
|
var typographyCls = useClassName(prefixCls, className, editable);
|
|
30
|
-
return
|
|
37
|
+
return wrapCSSVar( /*#__PURE__*/_jsx(AntTitle, _objectSpread(_objectSpread({
|
|
31
38
|
ref: ref,
|
|
32
39
|
editable: editable,
|
|
33
40
|
prefixCls: customizePrefixCls,
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { BlockProps } from 'antd/es/typography/Base';
|
|
2
|
-
declare const useClassName: (prefixCls: string, className: string, editable?: BlockProps['editable']) => string;
|
|
2
|
+
declare const useClassName: (prefixCls: string, className: string, editable?: BlockProps['editable'], caption?: boolean) => string;
|
|
3
3
|
export default useClassName;
|
|
@@ -3,9 +3,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
|
|
|
3
3
|
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); }
|
|
4
4
|
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); }
|
|
5
5
|
import classNames from 'classnames';
|
|
6
|
-
var useClassName = function useClassName(prefixCls, className, editable) {
|
|
6
|
+
var useClassName = function useClassName(prefixCls, className, editable, caption) {
|
|
7
7
|
var _editable$triggerType;
|
|
8
|
-
var typographyCls = classNames(_defineProperty({}, "".concat(prefixCls, "-editable-text"), _typeof(editable) === 'object' && (editable === null || editable === void 0 || (_editable$triggerType = editable.triggerType) === null || _editable$triggerType === void 0 ? void 0 : _editable$triggerType.includes('text'))), className);
|
|
8
|
+
var typographyCls = classNames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-editable-text"), _typeof(editable) === 'object' && (editable === null || editable === void 0 || (_editable$triggerType = editable.triggerType) === null || _editable$triggerType === void 0 ? void 0 : _editable$triggerType.includes('text'))), "".concat(prefixCls, "-caption"), caption), className);
|
|
9
9
|
return typographyCls;
|
|
10
10
|
};
|
|
11
11
|
export default useClassName;
|
package/es/typography/index.d.ts
CHANGED
|
@@ -1,8 +1,19 @@
|
|
|
1
|
-
import { Typography } from 'antd';
|
|
1
|
+
import { Typography as OriginTypography } from 'antd';
|
|
2
|
+
import Text from './Text';
|
|
3
|
+
import Link from './Link';
|
|
4
|
+
import Title from './Title';
|
|
5
|
+
import Paragraph from './Paragraph';
|
|
2
6
|
export * from 'antd/es/typography';
|
|
3
7
|
export * from 'antd/es/typography/Base';
|
|
4
8
|
export * from 'antd/es/typography/Text';
|
|
5
9
|
export * from 'antd/es/typography/Paragraph';
|
|
6
10
|
export * from 'antd/es/typography/Link';
|
|
7
11
|
export * from 'antd/es/typography/Title';
|
|
12
|
+
export type TypographyType = typeof OriginTypography & {
|
|
13
|
+
Text: typeof Text;
|
|
14
|
+
Link: typeof Link;
|
|
15
|
+
Title: typeof Title;
|
|
16
|
+
Paragraph: typeof Paragraph;
|
|
17
|
+
};
|
|
18
|
+
declare const Typography: TypographyType;
|
|
8
19
|
export default Typography;
|
package/es/typography/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Typography } from 'antd';
|
|
1
|
+
import { Typography as OriginTypography } from 'antd';
|
|
2
2
|
import Text from "./Text";
|
|
3
3
|
import Link from "./Link";
|
|
4
4
|
import Title from "./Title";
|
|
@@ -9,6 +9,7 @@ export * from 'antd/es/typography/Text';
|
|
|
9
9
|
export * from 'antd/es/typography/Paragraph';
|
|
10
10
|
export * from 'antd/es/typography/Link';
|
|
11
11
|
export * from 'antd/es/typography/Title';
|
|
12
|
+
var Typography = OriginTypography;
|
|
12
13
|
Typography.Text = Text;
|
|
13
14
|
Typography.Link = Link;
|
|
14
15
|
Typography.Title = Title;
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { FullToken, GenerateStyle } from '
|
|
2
|
+
import type { FullToken, GenerateStyle } from '../../theme/interface';
|
|
3
3
|
export type TypographyToken = FullToken<'Typography'>;
|
|
4
4
|
export declare const genTypographyStyle: GenerateStyle<TypographyToken>;
|
|
5
|
-
declare const _default: (prefixCls: string) =>
|
|
6
|
-
wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
7
|
-
hashId: string;
|
|
8
|
-
};
|
|
5
|
+
declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
|
|
9
6
|
export default _default;
|
|
@@ -2,60 +2,68 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
|
2
2
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
3
3
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
4
4
|
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); }
|
|
5
|
-
import {
|
|
5
|
+
import { unit } from '@ant-design/cssinjs';
|
|
6
|
+
import { genStyleHooks } from "../../_util/genComponentStyleHook";
|
|
6
7
|
export var genTypographyStyle = function genTypographyStyle(token) {
|
|
7
8
|
var componentCls = token.componentCls,
|
|
8
9
|
controlHeight = token.controlHeight,
|
|
9
10
|
fontSize = token.fontSize,
|
|
10
|
-
lineHeight = token.lineHeight
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
lineHeight = token.lineHeight,
|
|
12
|
+
calc = token.calc;
|
|
13
|
+
var marginOffset = calc(controlHeight).sub(calc(fontSize).mul(lineHeight).equal()).div(2).equal();
|
|
14
|
+
var paddingTop = calc(marginOffset).sub(token.lineWidth).equal();
|
|
15
|
+
var paddingInline = calc(token.paddingSM).sub(token.lineWidth).equal();
|
|
16
|
+
var negativeMarginOffset = calc(marginOffset).mul(-1).equal();
|
|
17
|
+
return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({
|
|
13
18
|
lineHeight: 'inherit',
|
|
14
19
|
color: 'inherit',
|
|
15
20
|
fontSize: 'inherit'
|
|
16
21
|
}, "".concat(componentCls, "-edit"), {
|
|
17
22
|
fontSize: token.fontSize
|
|
18
|
-
})), "".concat(componentCls
|
|
23
|
+
})), "".concat(componentCls, "-caption"), {
|
|
24
|
+
fontSize: token.fontSizeSM,
|
|
25
|
+
fontWeight: token.fontWeightWeak
|
|
26
|
+
}), "".concat(componentCls).concat(componentCls, "-editable-text:not(").concat(componentCls, "-edit-content)"), {
|
|
19
27
|
'&:hover': {
|
|
20
28
|
background: token.colorBgContainer,
|
|
21
|
-
border: "".concat(token.lineWidth, "
|
|
29
|
+
border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorder),
|
|
22
30
|
borderRadius: token.borderRadius,
|
|
23
31
|
position: 'relative',
|
|
24
|
-
insetInlineStart:
|
|
25
|
-
padding: "".concat(
|
|
32
|
+
insetInlineStart: calc(token.paddingSM).mul(-1).equal(),
|
|
33
|
+
padding: "".concat(paddingTop, " ").concat(paddingInline)
|
|
26
34
|
},
|
|
27
35
|
'div&:hover': {
|
|
28
36
|
height: token.controlHeight,
|
|
29
|
-
marginTop:
|
|
30
|
-
marginBottom:
|
|
37
|
+
marginTop: negativeMarginOffset,
|
|
38
|
+
marginBottom: calc('1em').sub(marginOffset).equal()
|
|
31
39
|
},
|
|
32
40
|
'span&:hover': {
|
|
33
41
|
display: 'inline-block',
|
|
34
42
|
height: token.controlHeight,
|
|
35
|
-
marginTop:
|
|
36
|
-
marginBottom:
|
|
43
|
+
marginTop: negativeMarginOffset,
|
|
44
|
+
marginBottom: negativeMarginOffset
|
|
37
45
|
},
|
|
38
46
|
'h1&:hover, h2&:hover, h3&:hover, h4&:hover, h5&:hover': {
|
|
39
|
-
marginTop: "".concat(
|
|
40
|
-
marginBottom: "".concat(
|
|
47
|
+
marginTop: "".concat(negativeMarginOffset, " !important"),
|
|
48
|
+
marginBottom: "".concat(negativeMarginOffset, " !important")
|
|
41
49
|
}
|
|
42
50
|
}), "".concat(componentCls).concat(componentCls, "-edit-content"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-div&"), {
|
|
43
|
-
insetInlineStart:
|
|
44
|
-
|
|
45
|
-
|
|
51
|
+
insetInlineStart: calc(token.paddingSM).mul(-1).equal(),
|
|
52
|
+
insetBlockStart: 0,
|
|
53
|
+
marginTop: negativeMarginOffset,
|
|
54
|
+
marginBottom: calc('1em').sub(marginOffset).equal()
|
|
46
55
|
}), "".concat(componentCls, "-span&"), {
|
|
47
|
-
insetInlineStart:
|
|
48
|
-
|
|
49
|
-
|
|
56
|
+
insetInlineStart: calc(token.paddingSM).mul(-1).equal(),
|
|
57
|
+
insetBlockStart: 0,
|
|
58
|
+
marginTop: negativeMarginOffset,
|
|
59
|
+
marginBottom: negativeMarginOffset
|
|
50
60
|
}), "".concat(componentCls, "-h1&, ").concat(componentCls, "-h2&, ").concat(componentCls, "-h3&, ").concat(componentCls, "-h4&, ").concat(componentCls, "-h5&"), {
|
|
51
|
-
insetInlineStart:
|
|
52
|
-
|
|
53
|
-
|
|
61
|
+
insetInlineStart: calc(token.paddingSM).mul(-1).equal(),
|
|
62
|
+
insetBlockStart: 0,
|
|
63
|
+
marginTop: "".concat(negativeMarginOffset, " !important"),
|
|
64
|
+
marginBottom: "".concat(negativeMarginOffset, " !important")
|
|
54
65
|
}));
|
|
55
66
|
};
|
|
56
|
-
export default (function (
|
|
57
|
-
|
|
58
|
-
return [genTypographyStyle(token)];
|
|
59
|
-
});
|
|
60
|
-
return useStyle(prefixCls);
|
|
67
|
+
export default genStyleHooks('Typography', function (token) {
|
|
68
|
+
return [genTypographyStyle(token)];
|
|
61
69
|
});
|
|
@@ -1,11 +1,28 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import type { CSSObject } from '@ant-design/cssinjs';
|
|
3
3
|
import type { ComponentTokenMap } from 'antd/es/theme/interface';
|
|
4
|
-
import type { FullToken, GenerateStyle } from '
|
|
5
|
-
|
|
4
|
+
import type { GlobalToken, FullToken, GenerateStyle } from '../theme/interface';
|
|
5
|
+
export declare const genSelectCommonStyle: (token: FullToken<'Select' | 'TreeSelect' | 'Cascader'>) => CSSObject;
|
|
6
6
|
export type ComponentName = keyof ComponentTokenMap;
|
|
7
|
+
/**
|
|
8
|
+
* Generate style hooks for components, similar to ant-design's genStyleHooks
|
|
9
|
+
* @param componentName - Component name or [componentName, subName] tuple
|
|
10
|
+
* @param styleFn - Style generation function
|
|
11
|
+
* @param getDefaultToken - Optional default token generator
|
|
12
|
+
* @param options - Optional configuration options
|
|
13
|
+
* @returns A hook function that returns [wrapCSSVar, hashId, cssVarCls]
|
|
14
|
+
*/
|
|
15
|
+
export declare function genStyleHooks<C extends ComponentName>(componentName: C | [C, string], styleFn: GenerateStyle<FullToken<C>>, getDefaultToken?: Partial<FullToken<C>> | ((token: GlobalToken) => Partial<FullToken<C>>), options?: {
|
|
16
|
+
resetStyle?: boolean;
|
|
17
|
+
resetFont?: boolean;
|
|
18
|
+
unitless?: Record<string, boolean>;
|
|
19
|
+
order?: number;
|
|
20
|
+
}): (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
|
|
21
|
+
/**
|
|
22
|
+
* @deprecated Use genStyleHooks instead. This function is kept for backward compatibility.
|
|
23
|
+
*/
|
|
7
24
|
export declare function genComponentStyleHook(componentName: ComponentName, styleFn: GenerateStyle<FullToken<ComponentName>>, getDefaultToken?: Partial<FullToken<ComponentName>> | ((token: GlobalToken) => Partial<FullToken<ComponentName>>)): (prefixCls: string) => {
|
|
8
|
-
wrapSSR: (node:
|
|
25
|
+
wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
9
26
|
hashId: string;
|
|
10
27
|
};
|
|
11
28
|
export type { CSSObject, FullToken, GenerateStyle };
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
5
|
var __export = (target, all) => {
|
|
8
6
|
for (var name in all)
|
|
@@ -16,49 +14,70 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
14
|
}
|
|
17
15
|
return to;
|
|
18
16
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
-
mod
|
|
26
|
-
));
|
|
27
17
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
18
|
|
|
29
19
|
// src/_util/genComponentStyleHook.ts
|
|
30
20
|
var genComponentStyleHook_exports = {};
|
|
31
21
|
__export(genComponentStyleHook_exports, {
|
|
32
|
-
genComponentStyleHook: () => genComponentStyleHook
|
|
22
|
+
genComponentStyleHook: () => genComponentStyleHook,
|
|
23
|
+
genSelectCommonStyle: () => genSelectCommonStyle,
|
|
24
|
+
genStyleHooks: () => genStyleHooks
|
|
33
25
|
});
|
|
34
26
|
module.exports = __toCommonJS(genComponentStyleHook_exports);
|
|
35
|
-
var import_internal = require("
|
|
36
|
-
var
|
|
27
|
+
var import_internal = require("../theme/internal");
|
|
28
|
+
var genSelectCommonStyle = (token) => {
|
|
29
|
+
const { antCls } = token;
|
|
30
|
+
const selectComponentCls = `${antCls}-select`;
|
|
31
|
+
return {
|
|
32
|
+
[`${selectComponentCls}${selectComponentCls}-multiple`]: {
|
|
33
|
+
[`${selectComponentCls}-selection-item`]: {
|
|
34
|
+
borderRadius: token.borderRadius
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
function genStyleHooks(componentName, styleFn, getDefaultToken, options) {
|
|
40
|
+
const normalizedComponentName = Array.isArray(componentName) ? componentName[0] : componentName;
|
|
41
|
+
const obComponentName = Array.isArray(componentName) ? [`OB-${normalizedComponentName}`, componentName[1]] : `OB-${normalizedComponentName}`;
|
|
42
|
+
return (0, import_internal.genStyleHooks)(
|
|
43
|
+
obComponentName,
|
|
44
|
+
(token) => {
|
|
45
|
+
const styles = [];
|
|
46
|
+
if (["Select", "TreeSelect", "Cascader"].includes(normalizedComponentName)) {
|
|
47
|
+
styles.push(genSelectCommonStyle(token));
|
|
48
|
+
}
|
|
49
|
+
const componentStyles = styleFn(token);
|
|
50
|
+
if (Array.isArray(componentStyles)) {
|
|
51
|
+
styles.push(...componentStyles);
|
|
52
|
+
} else {
|
|
53
|
+
styles.push(componentStyles);
|
|
54
|
+
}
|
|
55
|
+
return styles;
|
|
56
|
+
},
|
|
57
|
+
getDefaultToken,
|
|
58
|
+
{
|
|
59
|
+
resetStyle: false,
|
|
60
|
+
// antd style order is -999 and -998
|
|
61
|
+
// ref: https://github.com/ant-design/ant-design/blob/master/components/theme/util/genComponentStyleHook.tsx#L175
|
|
62
|
+
// obui style order should behind to cover it
|
|
63
|
+
order: -900,
|
|
64
|
+
...options
|
|
65
|
+
}
|
|
66
|
+
);
|
|
67
|
+
}
|
|
37
68
|
function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
|
|
69
|
+
const useStyle = genStyleHooks(componentName, styleFn, getDefaultToken);
|
|
38
70
|
return (prefixCls) => {
|
|
39
|
-
const
|
|
40
|
-
`OB-${componentName}`,
|
|
41
|
-
(token) => {
|
|
42
|
-
return [styleFn(token)];
|
|
43
|
-
},
|
|
44
|
-
getDefaultToken,
|
|
45
|
-
{
|
|
46
|
-
resetStyle: false,
|
|
47
|
-
// antd style order is -999 and -998
|
|
48
|
-
// ref: https://github.com/ant-design/ant-design/blob/master/components/theme/util/genComponentStyleHook.tsx#L175
|
|
49
|
-
// obui style order should behind to cover it
|
|
50
|
-
order: -900
|
|
51
|
-
}
|
|
52
|
-
);
|
|
53
|
-
const [wrapSSR] = useStyle(prefixCls);
|
|
54
|
-
const { hashId } = import_theme.default.useToken();
|
|
71
|
+
const [wrapCSSVar, hashId] = useStyle(prefixCls);
|
|
55
72
|
return {
|
|
56
|
-
wrapSSR,
|
|
73
|
+
wrapSSR: wrapCSSVar,
|
|
57
74
|
hashId
|
|
58
75
|
};
|
|
59
76
|
};
|
|
60
77
|
}
|
|
61
78
|
// Annotate the CommonJS export names for ESM import in node:
|
|
62
79
|
0 && (module.exports = {
|
|
63
|
-
genComponentStyleHook
|
|
80
|
+
genComponentStyleHook,
|
|
81
|
+
genSelectCommonStyle,
|
|
82
|
+
genStyleHooks
|
|
64
83
|
});
|
package/lib/alert/index.d.ts
CHANGED
|
@@ -3,10 +3,10 @@ import type { AlertProps as AntAlertProps } from 'antd/es/alert';
|
|
|
3
3
|
export * from 'antd/es/alert';
|
|
4
4
|
export interface AlertProps extends AntAlertProps {
|
|
5
5
|
ghost?: boolean;
|
|
6
|
-
|
|
6
|
+
mini?: boolean;
|
|
7
7
|
}
|
|
8
8
|
declare const Alert: {
|
|
9
|
-
({ type, ghost,
|
|
9
|
+
({ type: typeProp, showIcon, closable, ghost, mini, banner, prefixCls: customizePrefixCls, className, ...restProps }: AlertProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
10
10
|
ErrorBoundary: typeof import("antd/es/alert/ErrorBoundary").default;
|
|
11
11
|
displayName: string;
|
|
12
12
|
};
|
package/lib/alert/index.js
CHANGED
|
@@ -33,42 +33,51 @@ __export(alert_exports, {
|
|
|
33
33
|
default: () => alert_default
|
|
34
34
|
});
|
|
35
35
|
module.exports = __toCommonJS(alert_exports);
|
|
36
|
-
var import_react =
|
|
36
|
+
var import_react = require("react");
|
|
37
37
|
var import_antd = require("antd");
|
|
38
38
|
var import_icons = require("@oceanbase/icons");
|
|
39
39
|
var import_classnames = __toESM(require("classnames"));
|
|
40
40
|
var import_config_provider = __toESM(require("../config-provider"));
|
|
41
41
|
var import_style = __toESM(require("./style"));
|
|
42
42
|
__reExport(alert_exports, require("antd/es/alert"), module.exports);
|
|
43
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
43
44
|
var iconMapOutlined = {
|
|
44
|
-
success: /* @__PURE__ */
|
|
45
|
-
info: /* @__PURE__ */
|
|
46
|
-
error: /* @__PURE__ */
|
|
47
|
-
warning: /* @__PURE__ */
|
|
45
|
+
success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleOutlined, {}),
|
|
46
|
+
info: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.InfoCircleOutlined, {}),
|
|
47
|
+
error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseCircleOutlined, {}),
|
|
48
|
+
warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExclamationCircleOutlined, {})
|
|
48
49
|
};
|
|
49
50
|
var Alert = ({
|
|
50
|
-
type,
|
|
51
|
+
type: typeProp,
|
|
52
|
+
showIcon = true,
|
|
53
|
+
closable,
|
|
51
54
|
ghost,
|
|
52
|
-
|
|
55
|
+
mini,
|
|
56
|
+
banner,
|
|
53
57
|
prefixCls: customizePrefixCls,
|
|
54
58
|
className,
|
|
55
59
|
...restProps
|
|
56
60
|
}) => {
|
|
61
|
+
const type = (banner && !typeProp ? "warning" : typeProp) || "info";
|
|
57
62
|
const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
|
|
58
63
|
const prefixCls = getPrefixCls("alert", customizePrefixCls);
|
|
59
|
-
const
|
|
64
|
+
const [wrapCSSVar] = (0, import_style.default)(prefixCls);
|
|
60
65
|
const alertCls = (0, import_classnames.default)(
|
|
61
66
|
{
|
|
67
|
+
[`${prefixCls}-closable`]: closable,
|
|
62
68
|
[`${prefixCls}-ghost`]: ghost,
|
|
63
|
-
[`${prefixCls}-
|
|
69
|
+
[`${prefixCls}-mini`]: mini
|
|
64
70
|
},
|
|
65
71
|
className
|
|
66
72
|
);
|
|
67
|
-
return
|
|
68
|
-
/* @__PURE__ */
|
|
73
|
+
return wrapCSSVar(
|
|
74
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
69
75
|
import_antd.Alert,
|
|
70
76
|
{
|
|
71
77
|
type,
|
|
78
|
+
showIcon,
|
|
79
|
+
closable,
|
|
80
|
+
banner,
|
|
72
81
|
icon: iconMapOutlined[type],
|
|
73
82
|
prefixCls: customizePrefixCls,
|
|
74
83
|
className: alertCls,
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { FullToken, GenerateStyle } from '
|
|
2
|
+
import type { FullToken, GenerateStyle } from '../../theme/interface';
|
|
3
3
|
export type AlertToken = FullToken<'Alert'>;
|
|
4
4
|
export declare const genAlertStyle: GenerateStyle<AlertToken>;
|
|
5
|
-
declare const _default: (prefixCls: string) =>
|
|
6
|
-
wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
7
|
-
hashId: string;
|
|
8
|
-
};
|
|
5
|
+
declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
|
|
9
6
|
export default _default;
|