@oceanbase/design 1.0.0-alpha.7 → 1.0.0-alpha.8
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.js +1 -1
- package/es/config-provider/index.js +10 -10
- package/es/form/FormItem.d.ts +1 -1
- package/es/form/FormItem.js +7 -9
- package/es/form/style/index.js +9 -9
- package/es/style/global.js +4 -4
- package/lib/config-provider/index.js +12 -4
- package/lib/form/FormItem.d.ts +1 -1
- package/lib/form/FormItem.js +5 -6
- package/lib/form/style/index.js +13 -11
- package/lib/style/global.js +4 -4
- package/package.json +2 -2
|
@@ -23,7 +23,7 @@ import { merge } from 'lodash';
|
|
|
23
23
|
import App from "../app";
|
|
24
24
|
import StaticFunction from "../static-function";
|
|
25
25
|
import themeConfig from "../theme";
|
|
26
|
-
import defaultTheme, { fontFamilyEn, fontWeightEn, fontWeightStrongEn } from "../theme/default";
|
|
26
|
+
import defaultTheme, { fontFamilyEn, fontWeightWeakEn, fontWeightEn, fontWeightStrongEn } from "../theme/default";
|
|
27
27
|
import darkTheme from "../theme/dark";
|
|
28
28
|
import compactTheme from "../theme/compact";
|
|
29
29
|
import DefaultRenderEmpty from "./DefaultRenderEmpty";
|
|
@@ -44,7 +44,7 @@ var getLocaleTokenValue = function getLocaleTokenValue(mergedThemeToken, locale,
|
|
|
44
44
|
return tokenValue !== mergedThemeToken[tokenKey] ? _defineProperty({}, tokenKey, tokenValue) : ['en', 'en-gb'].includes(locale.locale) ? _defineProperty({}, tokenKey, tokenValueEn) : {};
|
|
45
45
|
};
|
|
46
46
|
var ConfigProvider = function ConfigProvider(_ref3) {
|
|
47
|
-
var _mergedTheme$token, _mergedTheme$token2, _mergedTheme$token3, _parentContext$pagina;
|
|
47
|
+
var _mergedTheme$token, _mergedTheme$token2, _mergedTheme$token3, _mergedTheme$token4, _parentContext$pagina;
|
|
48
48
|
var children = _ref3.children,
|
|
49
49
|
theme = _ref3.theme,
|
|
50
50
|
locale = _ref3.locale,
|
|
@@ -87,9 +87,9 @@ var ConfigProvider = function ConfigProvider(_ref3) {
|
|
|
87
87
|
var _themeConfig$useToken = themeConfig.useToken(),
|
|
88
88
|
token = _themeConfig$useToken.token;
|
|
89
89
|
var fontFamily = ((_mergedTheme$token = mergedTheme.token) === null || _mergedTheme$token === void 0 ? void 0 : _mergedTheme$token.fontFamily) || token.fontFamily;
|
|
90
|
-
|
|
91
|
-
var fontWeight = ((_mergedTheme$
|
|
92
|
-
var fontWeightStrong = ((_mergedTheme$
|
|
90
|
+
var fontWeightWeak = ((_mergedTheme$token2 = mergedTheme.token) === null || _mergedTheme$token2 === void 0 ? void 0 : _mergedTheme$token2.fontWeightWeak) || token.fontWeightWeak;
|
|
91
|
+
var fontWeight = ((_mergedTheme$token3 = mergedTheme.token) === null || _mergedTheme$token3 === void 0 ? void 0 : _mergedTheme$token3.fontWeight) || token.fontWeight;
|
|
92
|
+
var fontWeightStrong = ((_mergedTheme$token4 = mergedTheme.token) === null || _mergedTheme$token4 === void 0 ? void 0 : _mergedTheme$token4.fontWeightStrong) || token.fontWeightStrong;
|
|
93
93
|
|
|
94
94
|
// inherit from parent StyleProvider
|
|
95
95
|
var parentStyleContext = React.useContext(StyleContext);
|
|
@@ -100,12 +100,12 @@ var ConfigProvider = function ConfigProvider(_ref3) {
|
|
|
100
100
|
card: merge({}, parentContext.card, card),
|
|
101
101
|
collapse: merge({}, {
|
|
102
102
|
expandIcon: function expandIcon(_ref8) {
|
|
103
|
-
var _mergedTheme$
|
|
103
|
+
var _mergedTheme$token5, _mergedTheme$token6;
|
|
104
104
|
var isActive = _ref8.isActive;
|
|
105
105
|
return /*#__PURE__*/_jsx(CaretRightOutlined, {
|
|
106
106
|
rotate: isActive ? 90 : 0,
|
|
107
107
|
style: {
|
|
108
|
-
color: ((_mergedTheme$
|
|
108
|
+
color: ((_mergedTheme$token5 = mergedTheme.token) === null || _mergedTheme$token5 === void 0 ? void 0 : _mergedTheme$token5.colorIcon) || ((_mergedTheme$token6 = mergedTheme.token) === null || _mergedTheme$token6 === void 0 ? void 0 : _mergedTheme$token6.colorTextSecondary)
|
|
109
109
|
}
|
|
110
110
|
});
|
|
111
111
|
}
|
|
@@ -117,7 +117,7 @@ var ConfigProvider = function ConfigProvider(_ref3) {
|
|
|
117
117
|
table: merge({}, {
|
|
118
118
|
expandable: {
|
|
119
119
|
expandIcon: function expandIcon(_ref9) {
|
|
120
|
-
var _mergedTheme$
|
|
120
|
+
var _mergedTheme$token7, _mergedTheme$token8;
|
|
121
121
|
var expandable = _ref9.expandable,
|
|
122
122
|
expanded = _ref9.expanded,
|
|
123
123
|
onExpand = _ref9.onExpand,
|
|
@@ -129,7 +129,7 @@ var ConfigProvider = function ConfigProvider(_ref3) {
|
|
|
129
129
|
style: {
|
|
130
130
|
transition: "transform 0.2s",
|
|
131
131
|
transform: expanded ? 'rotate(90deg)' : undefined,
|
|
132
|
-
color: ((_mergedTheme$
|
|
132
|
+
color: ((_mergedTheme$token7 = mergedTheme.token) === null || _mergedTheme$token7 === void 0 ? void 0 : _mergedTheme$token7.colorIcon) || ((_mergedTheme$token8 = mergedTheme.token) === null || _mergedTheme$token8 === void 0 ? void 0 : _mergedTheme$token8.colorTextSecondary)
|
|
133
133
|
}
|
|
134
134
|
});
|
|
135
135
|
}
|
|
@@ -137,7 +137,7 @@ var ConfigProvider = function ConfigProvider(_ref3) {
|
|
|
137
137
|
}, parentContext.table, table),
|
|
138
138
|
tabs: merge({}, parentContext.tabs, tabs),
|
|
139
139
|
theme: merge({}, mergedTheme, {
|
|
140
|
-
token: _objectSpread(_objectSpread(_objectSpread({}, getLocaleTokenValue(mergedTheme.token || {}, mergedLocale, 'fontFamily', fontFamily, fontFamilyEn)), getLocaleTokenValue(mergedTheme.token || {}, mergedLocale, 'fontWeight', fontWeight, fontWeightEn)), getLocaleTokenValue(mergedTheme.token || {}, mergedLocale, 'fontWeightStrong', fontWeightStrong, fontWeightStrongEn))
|
|
140
|
+
token: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getLocaleTokenValue(mergedTheme.token || {}, mergedLocale, 'fontFamily', fontFamily, fontFamilyEn)), getLocaleTokenValue(mergedTheme.token || {}, mergedLocale, 'fontWeightWeak', fontWeightWeak, fontWeightWeakEn)), getLocaleTokenValue(mergedTheme.token || {}, mergedLocale, 'fontWeight', fontWeight, fontWeightEn)), getLocaleTokenValue(mergedTheme.token || {}, mergedLocale, 'fontWeightStrong', fontWeightStrong, fontWeightStrongEn))
|
|
141
141
|
}),
|
|
142
142
|
renderEmpty: parentContext.renderEmpty || function (componentName) {
|
|
143
143
|
return /*#__PURE__*/_jsx(DefaultRenderEmpty, {
|
package/es/form/FormItem.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
|
|
|
4
4
|
import type { TooltipProps } from '../tooltip';
|
|
5
5
|
declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
|
|
6
6
|
useStatus: () => {
|
|
7
|
-
status?: "" | "
|
|
7
|
+
status?: "" | "warning" | "error" | "success" | "validating";
|
|
8
8
|
errors: React.ReactNode[];
|
|
9
9
|
warnings: React.ReactNode[];
|
|
10
10
|
};
|
package/es/form/FormItem.js
CHANGED
|
@@ -17,7 +17,6 @@ import ConfigProvider from "../config-provider";
|
|
|
17
17
|
import { useTooltipTypeList } from "../tooltip/hooks/useTooltipTypeList";
|
|
18
18
|
import useStyle from "./style";
|
|
19
19
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
20
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
21
20
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
21
|
var AntFormItem = AntForm.Item;
|
|
23
22
|
export * from 'antd/es/form/FormItem';
|
|
@@ -67,13 +66,14 @@ var FormItem = function FormItem(_ref) {
|
|
|
67
66
|
className: "".concat(prefixCls, "-item-description"),
|
|
68
67
|
children: description
|
|
69
68
|
}) : null;
|
|
69
|
+
var actionContent = action && (layout === 'vertical' || vertical) ? /*#__PURE__*/_jsx("span", {
|
|
70
|
+
className: "".concat(prefixCls, "-item-action"),
|
|
71
|
+
children: action
|
|
72
|
+
}) : null;
|
|
70
73
|
return wrapSSR( /*#__PURE__*/_jsx(AntFormItem, _objectSpread(_objectSpread({
|
|
71
74
|
layout: layout,
|
|
72
|
-
label:
|
|
73
|
-
children: [label,
|
|
74
|
-
className: "".concat(prefixCls, "-item-action"),
|
|
75
|
-
children: action
|
|
76
|
-
})]
|
|
75
|
+
label: actionContent || descriptionContent ? /*#__PURE__*/_jsxs("div", {
|
|
76
|
+
children: [label, actionContent, descriptionContent]
|
|
77
77
|
}) : label,
|
|
78
78
|
tooltip: tooltip
|
|
79
79
|
// auto set required for Switch children to hide optional mark
|
|
@@ -83,9 +83,7 @@ var FormItem = function FormItem(_ref) {
|
|
|
83
83
|
prefixCls: customizePrefixCls,
|
|
84
84
|
className: formItemCls
|
|
85
85
|
}, restProps), {}, {
|
|
86
|
-
children:
|
|
87
|
-
children: [descriptionContent, children]
|
|
88
|
-
})
|
|
86
|
+
children: children
|
|
89
87
|
})));
|
|
90
88
|
};
|
|
91
89
|
FormItem.useStatus = AntFormItem.useStatus;
|
package/es/form/style/index.js
CHANGED
|
@@ -11,20 +11,20 @@ export var genFormStyle = function genFormStyle(token) {
|
|
|
11
11
|
fontSize: token.fontSizeSM
|
|
12
12
|
}), "".concat(componentCls, "-item-explain + ").concat(componentCls, "-item-extra"), {
|
|
13
13
|
paddingTop: 0
|
|
14
|
-
})), "".concat(componentCls).concat(componentCls, "-vertical"), _defineProperty(
|
|
15
|
-
width: '100%'
|
|
16
|
-
}, "".concat(componentCls, "-item-action"), {
|
|
17
|
-
position: 'absolute',
|
|
18
|
-
right: 0
|
|
19
|
-
}))), "".concat(componentCls, "-item-has-description"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-item-control-input"), {
|
|
14
|
+
})), "".concat(componentCls).concat(componentCls, "-vertical"), _defineProperty({}, "".concat(componentCls, "-item:not(").concat(componentCls, "-item-horizontal)"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-item-control-input"), {
|
|
20
15
|
minHeight: 'auto'
|
|
21
16
|
}), "".concat(componentCls, "-item-label"), {
|
|
22
|
-
paddingBottom: token.paddingXXS
|
|
17
|
+
paddingBottom: calc(token.paddingXXS).add(2).equal()
|
|
23
18
|
}), "".concat(componentCls, "-item-description"), {
|
|
24
|
-
|
|
19
|
+
paddingTop: token.paddingXXS,
|
|
25
20
|
fontSize: token.fontSizeSM,
|
|
26
21
|
color: token.colorTextDescription
|
|
27
|
-
}))
|
|
22
|
+
}), "".concat(componentCls, "-item-label > label"), _defineProperty({
|
|
23
|
+
width: '100%'
|
|
24
|
+
}, "".concat(componentCls, "-item-action"), {
|
|
25
|
+
position: 'absolute',
|
|
26
|
+
right: 0
|
|
27
|
+
}))));
|
|
28
28
|
};
|
|
29
29
|
export default (function (prefixCls) {
|
|
30
30
|
var useStyle = genComponentStyleHook('Form', function (token) {
|
package/es/style/global.js
CHANGED
|
@@ -24,7 +24,7 @@ var genGlobalStyle = function genGlobalStyle(token, prefixCls) {
|
|
|
24
24
|
fontStyle: 'lighter',
|
|
25
25
|
fontWeight: 300,
|
|
26
26
|
// load priority: local font > self-hosting font > remote font
|
|
27
|
-
src: "local('Inter'), url(".concat(interRegular, ") format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*
|
|
27
|
+
src: "local('Inter'), url(".concat(interRegular, ") format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*ucHoQ4exBNYAAAAARtAAAAgAemfOAQ/Inter-Regular.woff2') format('woff2')"),
|
|
28
28
|
fontDisplay: 'swap'
|
|
29
29
|
}
|
|
30
30
|
}, {
|
|
@@ -32,7 +32,7 @@ var genGlobalStyle = function genGlobalStyle(token, prefixCls) {
|
|
|
32
32
|
fontFamily: 'Inter',
|
|
33
33
|
fontStyle: 'normal',
|
|
34
34
|
fontWeight: 400,
|
|
35
|
-
src: "local('Inter'), url(".concat(interMedium, ") format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*
|
|
35
|
+
src: "local('Inter'), url(".concat(interMedium, ") format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*GboAQ56sQbkAAAAARwAAAAgAemfOAQ/Inter-Medium.woff2') format('woff2')"),
|
|
36
36
|
fontDisplay: 'swap'
|
|
37
37
|
}
|
|
38
38
|
}, {
|
|
@@ -40,7 +40,7 @@ var genGlobalStyle = function genGlobalStyle(token, prefixCls) {
|
|
|
40
40
|
fontFamily: 'Inter',
|
|
41
41
|
fontStyle: 'medium',
|
|
42
42
|
fontWeight: 500,
|
|
43
|
-
src: "local('Inter'), url(".concat(interMedium, ") format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*
|
|
43
|
+
src: "local('Inter'), url(".concat(interMedium, ") format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*GboAQ56sQbkAAAAARwAAAAgAemfOAQ/Inter-Medium.woff2') format('woff2')"),
|
|
44
44
|
fontDisplay: 'swap'
|
|
45
45
|
}
|
|
46
46
|
}, {
|
|
@@ -48,7 +48,7 @@ var genGlobalStyle = function genGlobalStyle(token, prefixCls) {
|
|
|
48
48
|
fontFamily: 'Inter',
|
|
49
49
|
fontStyle: 'semibold',
|
|
50
50
|
fontWeight: 600,
|
|
51
|
-
src: "local('Inter'), url(".concat(interSemibold, ") format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*
|
|
51
|
+
src: "local('Inter'), url(".concat(interSemibold, ") format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*tcOIT5gLQl4AAAAARwAAAAgAemfOAQ/Inter-SemiBold.woff2') format('woff2')"),
|
|
52
52
|
fontDisplay: 'swap'
|
|
53
53
|
}
|
|
54
54
|
}, {
|
|
@@ -78,7 +78,7 @@ var ConfigProvider = ({
|
|
|
78
78
|
appProps,
|
|
79
79
|
...restProps
|
|
80
80
|
}) => {
|
|
81
|
-
var _a, _b, _c, _d;
|
|
81
|
+
var _a, _b, _c, _d, _e;
|
|
82
82
|
const parentContext = import_react.default.useContext(import_antd.ConfigProvider.ConfigContext);
|
|
83
83
|
const parentExtendedContext = import_react.default.useContext(ExtendedConfigContext);
|
|
84
84
|
const { isAliyun, isDark, isCompact } = (0, import_lodash.merge)({}, parentContext.theme, theme);
|
|
@@ -122,8 +122,9 @@ var ConfigProvider = ({
|
|
|
122
122
|
);
|
|
123
123
|
const { token } = import_theme.default.useToken();
|
|
124
124
|
const fontFamily = ((_a = mergedTheme.token) == null ? void 0 : _a.fontFamily) || token.fontFamily;
|
|
125
|
-
const
|
|
126
|
-
const
|
|
125
|
+
const fontWeightWeak = ((_b = mergedTheme.token) == null ? void 0 : _b.fontWeightWeak) || token.fontWeightWeak;
|
|
126
|
+
const fontWeight = ((_c = mergedTheme.token) == null ? void 0 : _c.fontWeight) || token.fontWeight;
|
|
127
|
+
const fontWeightStrong = ((_d = mergedTheme.token) == null ? void 0 : _d.fontWeightStrong) || token.fontWeightStrong;
|
|
127
128
|
const parentStyleContext = import_react.default.useContext(import_StyleContext.default);
|
|
128
129
|
const mergedStyleProviderProps = (0, import_lodash.merge)({}, parentStyleContext, styleProviderProps);
|
|
129
130
|
const mergedLocale = (0, import_lodash.merge)({}, parentContext.locale, locale);
|
|
@@ -193,6 +194,13 @@ var ConfigProvider = ({
|
|
|
193
194
|
fontFamily,
|
|
194
195
|
import_default.fontFamilyEn
|
|
195
196
|
),
|
|
197
|
+
...getLocaleTokenValue(
|
|
198
|
+
mergedTheme.token || {},
|
|
199
|
+
mergedLocale,
|
|
200
|
+
"fontWeightWeak",
|
|
201
|
+
fontWeightWeak,
|
|
202
|
+
import_default.fontWeightWeakEn
|
|
203
|
+
),
|
|
196
204
|
...getLocaleTokenValue(
|
|
197
205
|
mergedTheme.token || {},
|
|
198
206
|
mergedLocale,
|
|
@@ -216,7 +224,7 @@ var ConfigProvider = ({
|
|
|
216
224
|
{
|
|
217
225
|
value: {
|
|
218
226
|
navigate: navigate === void 0 ? parentExtendedContext.navigate : navigate,
|
|
219
|
-
hideOnSinglePage: ((
|
|
227
|
+
hideOnSinglePage: ((_e = parentContext.pagination) == null ? void 0 : _e.showSizeChanger) ? false : hideOnSinglePage !== void 0 ? hideOnSinglePage : parentExtendedContext.hideOnSinglePage,
|
|
220
228
|
// inject static function to outermost ConfigProvider only
|
|
221
229
|
injectStaticFunction: false
|
|
222
230
|
},
|
package/lib/form/FormItem.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
|
|
|
4
4
|
import type { TooltipProps } from '../tooltip';
|
|
5
5
|
declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
|
|
6
6
|
useStatus: () => {
|
|
7
|
-
status?: "" | "
|
|
7
|
+
status?: "" | "warning" | "error" | "success" | "validating";
|
|
8
8
|
errors: React.ReactNode[];
|
|
9
9
|
warnings: React.ReactNode[];
|
|
10
10
|
};
|
package/lib/form/FormItem.js
CHANGED
|
@@ -85,24 +85,23 @@ var FormItem = ({
|
|
|
85
85
|
}
|
|
86
86
|
const isVertical = layout === "vertical" || vertical;
|
|
87
87
|
const descriptionContent = description && isVertical ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-item-description`, children: description }) : null;
|
|
88
|
+
const actionContent = action && (layout === "vertical" || vertical) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-item-action`, children: action }) : null;
|
|
88
89
|
return wrapSSR(
|
|
89
90
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
90
91
|
AntFormItem,
|
|
91
92
|
{
|
|
92
93
|
layout,
|
|
93
|
-
label:
|
|
94
|
+
label: actionContent || descriptionContent ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
|
|
94
95
|
label,
|
|
95
|
-
|
|
96
|
+
actionContent,
|
|
97
|
+
descriptionContent
|
|
96
98
|
] }) : label,
|
|
97
99
|
tooltip,
|
|
98
100
|
required: (0, import_lodash.isPlainObject)(children) && ((_a = children.type) == null ? void 0 : _a.__ANT_SWITCH) ? true : void 0,
|
|
99
101
|
prefixCls: customizePrefixCls,
|
|
100
102
|
className: formItemCls,
|
|
101
103
|
...restProps,
|
|
102
|
-
children
|
|
103
|
-
descriptionContent,
|
|
104
|
-
children
|
|
105
|
-
] })
|
|
104
|
+
children
|
|
106
105
|
}
|
|
107
106
|
)
|
|
108
107
|
);
|
package/lib/form/style/index.js
CHANGED
|
@@ -28,6 +28,7 @@ var genFormStyle = (token) => {
|
|
|
28
28
|
const { componentCls, calc } = token;
|
|
29
29
|
return {
|
|
30
30
|
[componentCls]: {
|
|
31
|
+
// extra style
|
|
31
32
|
[`${componentCls}-item-explain, ${componentCls}-item-extra`]: {
|
|
32
33
|
paddingTop: token.paddingXXS,
|
|
33
34
|
fontSize: token.fontSizeSM
|
|
@@ -36,27 +37,28 @@ var genFormStyle = (token) => {
|
|
|
36
37
|
paddingTop: 0
|
|
37
38
|
}
|
|
38
39
|
},
|
|
40
|
+
// vertical layout style
|
|
39
41
|
[`${componentCls}${componentCls}-vertical`]: {
|
|
40
42
|
[`${componentCls}-item:not(${componentCls}-item-horizontal)`]: {
|
|
41
|
-
|
|
42
|
-
width: "100%",
|
|
43
|
-
[`${componentCls}-item-action`]: {
|
|
44
|
-
position: "absolute",
|
|
45
|
-
right: 0
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
[`${componentCls}-item-has-description`]: {
|
|
43
|
+
// description style
|
|
50
44
|
[`${componentCls}-item-control-input`]: {
|
|
51
45
|
minHeight: "auto"
|
|
52
46
|
},
|
|
53
47
|
[`${componentCls}-item-label`]: {
|
|
54
|
-
paddingBottom: token.paddingXXS
|
|
48
|
+
paddingBottom: calc(token.paddingXXS).add(2).equal()
|
|
55
49
|
},
|
|
56
50
|
[`${componentCls}-item-description`]: {
|
|
57
|
-
|
|
51
|
+
paddingTop: token.paddingXXS,
|
|
58
52
|
fontSize: token.fontSizeSM,
|
|
59
53
|
color: token.colorTextDescription
|
|
54
|
+
},
|
|
55
|
+
// action style
|
|
56
|
+
[`${componentCls}-item-label > label`]: {
|
|
57
|
+
width: "100%",
|
|
58
|
+
[`${componentCls}-item-action`]: {
|
|
59
|
+
position: "absolute",
|
|
60
|
+
right: 0
|
|
61
|
+
}
|
|
60
62
|
}
|
|
61
63
|
}
|
|
62
64
|
}
|
package/lib/style/global.js
CHANGED
|
@@ -54,7 +54,7 @@ var genGlobalStyle = (token, prefixCls) => {
|
|
|
54
54
|
fontStyle: "lighter",
|
|
55
55
|
fontWeight: 300,
|
|
56
56
|
// load priority: local font > self-hosting font > remote font
|
|
57
|
-
src: `local('Inter'), url(${import_Inter_Regular.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*
|
|
57
|
+
src: `local('Inter'), url(${import_Inter_Regular.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*ucHoQ4exBNYAAAAARtAAAAgAemfOAQ/Inter-Regular.woff2') format('woff2')`,
|
|
58
58
|
fontDisplay: "swap"
|
|
59
59
|
}
|
|
60
60
|
},
|
|
@@ -63,7 +63,7 @@ var genGlobalStyle = (token, prefixCls) => {
|
|
|
63
63
|
fontFamily: "Inter",
|
|
64
64
|
fontStyle: "normal",
|
|
65
65
|
fontWeight: 400,
|
|
66
|
-
src: `local('Inter'), url(${import_Inter_Medium.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*
|
|
66
|
+
src: `local('Inter'), url(${import_Inter_Medium.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*GboAQ56sQbkAAAAARwAAAAgAemfOAQ/Inter-Medium.woff2') format('woff2')`,
|
|
67
67
|
fontDisplay: "swap"
|
|
68
68
|
}
|
|
69
69
|
},
|
|
@@ -72,7 +72,7 @@ var genGlobalStyle = (token, prefixCls) => {
|
|
|
72
72
|
fontFamily: "Inter",
|
|
73
73
|
fontStyle: "medium",
|
|
74
74
|
fontWeight: 500,
|
|
75
|
-
src: `local('Inter'), url(${import_Inter_Medium.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*
|
|
75
|
+
src: `local('Inter'), url(${import_Inter_Medium.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*GboAQ56sQbkAAAAARwAAAAgAemfOAQ/Inter-Medium.woff2') format('woff2')`,
|
|
76
76
|
fontDisplay: "swap"
|
|
77
77
|
}
|
|
78
78
|
},
|
|
@@ -81,7 +81,7 @@ var genGlobalStyle = (token, prefixCls) => {
|
|
|
81
81
|
fontFamily: "Inter",
|
|
82
82
|
fontStyle: "semibold",
|
|
83
83
|
fontWeight: 600,
|
|
84
|
-
src: `local('Inter'), url(${import_Inter_SemiBold.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*
|
|
84
|
+
src: `local('Inter'), url(${import_Inter_SemiBold.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*tcOIT5gLQl4AAAAARwAAAAgAemfOAQ/Inter-SemiBold.woff2') format('woff2')`,
|
|
85
85
|
fontDisplay: "swap"
|
|
86
86
|
}
|
|
87
87
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oceanbase/design",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.8",
|
|
4
4
|
"description": "The Design System of OceanBase",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"oceanbase",
|
|
@@ -66,5 +66,5 @@
|
|
|
66
66
|
"react": ">=16.9.0",
|
|
67
67
|
"react-dom": ">=16.9.0"
|
|
68
68
|
},
|
|
69
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "bf92d8043456556eac797dbd6197288c5695504d"
|
|
70
70
|
}
|