@oceanbase/ui 0.2.37 → 0.2.38
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/ui.min.css +1 -1
- package/dist/ui.min.js +1 -1
- package/es/FooterToolbar/index.js +4 -21
- package/es/FooterToolbar/style/index.d.ts +1 -0
- package/es/FooterToolbar/style/index.js +82 -6
- package/es/Highlight/index.d.ts +1 -1
- package/es/PageContainer/index.js +3 -38
- package/es/Ranger/index.less +2 -2
- package/lib/FooterToolbar/index.js +1 -14
- package/lib/FooterToolbar/style/index.d.ts +1 -0
- package/lib/FooterToolbar/style/index.js +120 -6
- package/lib/Highlight/index.d.ts +1 -1
- package/lib/PageContainer/index.js +1 -28
- package/lib/Ranger/index.less +2 -2
- package/package.json +3 -3
|
@@ -1,5 +1,5 @@
|
|
|
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 = ["portalDom", "prefixCls"
|
|
2
|
+
var _excluded = ["portalDom", "prefixCls"];
|
|
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; }
|
|
@@ -9,39 +9,22 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
9
9
|
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
10
|
import React, { useContext } from 'react';
|
|
11
11
|
import { FooterToolbar as AntFooterToolbar } from '@ant-design/pro-components';
|
|
12
|
-
import { ConfigProvider
|
|
12
|
+
import { ConfigProvider } from '@oceanbase/design';
|
|
13
13
|
import useStyle from "./style";
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
15
|
var FooterToolbar = function FooterToolbar(_ref) {
|
|
16
16
|
var _ref$portalDom = _ref.portalDom,
|
|
17
17
|
portalDom = _ref$portalDom === void 0 ? false : _ref$portalDom,
|
|
18
18
|
customizePrefixCls = _ref.prefixCls,
|
|
19
|
-
children = _ref.children,
|
|
20
19
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
21
20
|
var _useContext = useContext(ConfigProvider.ConfigContext),
|
|
22
21
|
getPrefixCls = _useContext.getPrefixCls;
|
|
23
22
|
var prefixCls = getPrefixCls('pro-footer-bar', customizePrefixCls);
|
|
24
23
|
var _useStyle = useStyle(prefixCls),
|
|
25
24
|
wrapSSR = _useStyle.wrapSSR;
|
|
26
|
-
|
|
27
|
-
token = _theme$useToken.token;
|
|
28
|
-
return wrapSSR( /*#__PURE__*/_jsx(AntFooterToolbar, _objectSpread(_objectSpread({
|
|
25
|
+
return wrapSSR( /*#__PURE__*/_jsx(AntFooterToolbar, _objectSpread({
|
|
29
26
|
portalDom: portalDom,
|
|
30
27
|
prefixCls: customizePrefixCls
|
|
31
|
-
}, restProps)
|
|
32
|
-
children: /*#__PURE__*/_jsx(ConfigProvider
|
|
33
|
-
// large size component
|
|
34
|
-
, {
|
|
35
|
-
componentSize: "large"
|
|
36
|
-
// middle font size
|
|
37
|
-
,
|
|
38
|
-
theme: {
|
|
39
|
-
token: {
|
|
40
|
-
fontSizeLG: token.fontSize
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
children: children
|
|
44
|
-
})
|
|
45
|
-
})));
|
|
28
|
+
}, restProps)));
|
|
46
29
|
};
|
|
47
30
|
export default FooterToolbar;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import type { CSSObject } from '@ant-design/cssinjs';
|
|
3
3
|
import type { FooterToolBarToken } from '@ant-design/pro-layout/es/components/FooterToolbar/style';
|
|
4
4
|
import type { FullToken, GenerateStyle } from '@oceanbase/design/es/theme';
|
|
5
|
+
export declare const genCompactStyle: (componentCls: string, subComponentCls?: string) => CSSObject;
|
|
5
6
|
export declare const genOperationStyle: (token: FullToken<any>) => CSSObject;
|
|
6
7
|
export declare const genFooterToolbarStyle: GenerateStyle<FooterToolBarToken>;
|
|
7
8
|
declare const _default: (prefixCls: string) => {
|
|
@@ -5,15 +5,91 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
5
5
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
6
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
7
|
import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
|
|
8
|
-
export var
|
|
8
|
+
export var genCompactStyle = function genCompactStyle(componentCls) {
|
|
9
9
|
var _ref;
|
|
10
|
+
var subComponentCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
11
|
+
return _ref = {}, _defineProperty(_ref, "&".concat(componentCls, "-compact-item:not(").concat(componentCls, "-compact-last-item)").concat(componentCls, "-compact-first-item ").concat(subComponentCls), {
|
|
12
|
+
borderStartEndRadius: 0,
|
|
13
|
+
borderEndEndRadius: 0
|
|
14
|
+
}), _defineProperty(_ref, "&".concat(componentCls, "-compact-item:not(").concat(componentCls, "-compact-first-item):not(").concat(componentCls, "-compact-last-item) ").concat(subComponentCls), {
|
|
15
|
+
borderRadius: 0
|
|
16
|
+
}), _defineProperty(_ref, "&".concat(componentCls, "-compact-item:not(").concat(componentCls, "-compact-first-item)").concat(componentCls, "-compact-last-item ").concat(subComponentCls), {
|
|
17
|
+
borderStartStartRadius: 0,
|
|
18
|
+
borderEndStartRadius: 0
|
|
19
|
+
}), _ref;
|
|
20
|
+
};
|
|
21
|
+
export var genOperationStyle = function genOperationStyle(token) {
|
|
22
|
+
var _$concat, _objectSpread2, _$concat3, _$concat4, _ref2;
|
|
10
23
|
var antCls = token.antCls,
|
|
24
|
+
iconCls = token.iconCls,
|
|
25
|
+
fontSize = token.fontSize,
|
|
26
|
+
lineWidth = token.lineWidth,
|
|
27
|
+
borderRadiusLG = token.borderRadiusLG,
|
|
28
|
+
controlHeight = token.controlHeight,
|
|
29
|
+
controlHeightSM = token.controlHeightSM,
|
|
11
30
|
controlHeightLG = token.controlHeightLG;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
|
|
31
|
+
var height = controlHeightLG;
|
|
32
|
+
var lineHeight = "".concat(controlHeightLG, "px");
|
|
33
|
+
return _ref2 = {}, _defineProperty(_ref2, "".concat(antCls, "-btn"), _objectSpread({
|
|
34
|
+
// limit min width for icon button
|
|
35
|
+
minWidth: controlHeightLG,
|
|
36
|
+
height: height,
|
|
37
|
+
fontSize: fontSize,
|
|
38
|
+
borderRadius: borderRadiusLG
|
|
39
|
+
}, genCompactStyle("".concat(antCls, "-btn")))), _defineProperty(_ref2, "".concat(antCls, "-radio-group"), _defineProperty({}, "".concat(antCls, "-radio-button-wrapper"), (_$concat = {
|
|
40
|
+
height: height,
|
|
41
|
+
lineHeight: "".concat(height - lineWidth * 2, "px"),
|
|
42
|
+
fontSize: fontSize
|
|
43
|
+
}, _defineProperty(_$concat, "&:first-child", {
|
|
44
|
+
borderStartStartRadius: borderRadiusLG,
|
|
45
|
+
borderEndStartRadius: borderRadiusLG
|
|
46
|
+
}), _defineProperty(_$concat, "&:last-child", {
|
|
47
|
+
borderStartEndRadius: borderRadiusLG,
|
|
48
|
+
borderEndEndRadius: borderRadiusLG
|
|
49
|
+
}), _$concat))), _defineProperty(_ref2, "".concat(antCls, "-select"), _objectSpread(_objectSpread({
|
|
50
|
+
height: height,
|
|
51
|
+
fontSize: fontSize
|
|
52
|
+
}, genCompactStyle("".concat(antCls, "-select"), "".concat(antCls, "-select-selector"))), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, "".concat(antCls, "-select-selector"), {
|
|
53
|
+
borderRadius: borderRadiusLG
|
|
54
|
+
}), _defineProperty(_objectSpread2, "".concat(antCls, "-select-selection-item"), {
|
|
55
|
+
fontSize: fontSize
|
|
56
|
+
}), _objectSpread2))), _defineProperty(_ref2, "".concat(antCls, "-input-wrapper"), (_$concat3 = {
|
|
57
|
+
fontSize: fontSize
|
|
58
|
+
}, _defineProperty(_$concat3, "".concat(iconCls), {
|
|
59
|
+
fontSize: fontSize
|
|
60
|
+
}), _defineProperty(_$concat3, "".concat(antCls, "-input-affix-wrapper"), {
|
|
61
|
+
borderStartEndRadius: 0,
|
|
62
|
+
borderEndEndRadius: 0
|
|
63
|
+
}), _$concat3)), _defineProperty(_ref2, "".concat(antCls, "-input-affix-wrapper"), (_$concat4 = {
|
|
64
|
+
height: height,
|
|
65
|
+
borderRadius: borderRadiusLG
|
|
66
|
+
}, _defineProperty(_$concat4, "&:not(".concat(antCls, "-input-affix-wrapper-lg)"), {
|
|
67
|
+
lineHeight: "".concat(controlHeight - lineWidth * 2, "px")
|
|
68
|
+
}), _defineProperty(_$concat4, "".concat(antCls, "-input"), {
|
|
69
|
+
height: "".concat(controlHeight - lineWidth * 2, "px")
|
|
70
|
+
}), _defineProperty(_$concat4, "".concat(antCls, "-input-lg"), {
|
|
71
|
+
height: controlHeightSM
|
|
72
|
+
}), _defineProperty(_$concat4, "".concat(antCls, "-input-sm"), {
|
|
73
|
+
height: "".concat(controlHeightLG - lineWidth * 2, "px")
|
|
74
|
+
}), _$concat4)), _defineProperty(_ref2, "".concat(antCls, "-input"), _objectSpread({
|
|
75
|
+
height: height,
|
|
76
|
+
fontSize: fontSize,
|
|
77
|
+
borderRadius: borderRadiusLG
|
|
78
|
+
}, genCompactStyle("".concat(antCls, "-input")))), _defineProperty(_ref2, "".concat(antCls, "-input-search-button"), {
|
|
79
|
+
height: height,
|
|
80
|
+
lineHeight: lineHeight,
|
|
81
|
+
borderStartEndRadius: borderRadiusLG,
|
|
82
|
+
borderEndEndRadius: borderRadiusLG
|
|
83
|
+
}), _defineProperty(_ref2, "".concat(antCls, "-input-group-addon"), {
|
|
84
|
+
fontSize: fontSize,
|
|
85
|
+
borderStartEndRadius: borderRadiusLG,
|
|
86
|
+
borderEndEndRadius: borderRadiusLG
|
|
87
|
+
}), _defineProperty(_ref2, "".concat(antCls, "-picker"), _objectSpread(_objectSpread({
|
|
88
|
+
height: height,
|
|
89
|
+
borderRadius: borderRadiusLG
|
|
90
|
+
}, genCompactStyle("".concat(antCls, "-picker"))), {}, _defineProperty({}, "".concat(antCls, "-picker-input>input"), {
|
|
91
|
+
fontSize: fontSize
|
|
92
|
+
}))), _ref2;
|
|
17
93
|
};
|
|
18
94
|
export var genFooterToolbarStyle = function genFooterToolbarStyle(token) {
|
|
19
95
|
var componentCls = token.componentCls,
|
package/es/Highlight/index.d.ts
CHANGED
|
@@ -29,7 +29,7 @@ export declare const THEME_DARK = "dark";
|
|
|
29
29
|
export declare const THEME_LIGHT = "light";
|
|
30
30
|
declare const ThemeTypes: ["dark", "light"];
|
|
31
31
|
export type ThemeType = (typeof ThemeTypes)[number];
|
|
32
|
-
declare const supportedLanguages: ("ruby" | "css" | "
|
|
32
|
+
declare const supportedLanguages: ("ruby" | "css" | "java" | "json" | "bash" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
|
|
33
33
|
export type LanguageType = (typeof supportedLanguages)[number] | 'html';
|
|
34
34
|
export interface HighlightProps extends LocaleWrapperProps {
|
|
35
35
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
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 = ["prefixCls", "className", "header", "content", "extraContent", "tabList", "tabBarExtraContent", "
|
|
2
|
+
var _excluded = ["prefixCls", "className", "header", "content", "extraContent", "tabList", "tabBarExtraContent", "footerToolBarProps", "locale"];
|
|
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; }
|
|
@@ -12,7 +12,7 @@ import { PageContainer as AntPageContainer } from '@ant-design/pro-components';
|
|
|
12
12
|
import classNames from 'classnames';
|
|
13
13
|
import { isObject } from 'lodash';
|
|
14
14
|
import React, { useContext } from 'react';
|
|
15
|
-
import { ConfigProvider, Space, Tooltip
|
|
15
|
+
import { ConfigProvider, Space, Tooltip } from '@oceanbase/design';
|
|
16
16
|
import LocaleWrapper from "../locale/LocaleWrapper";
|
|
17
17
|
import ItemRender from "./ItemRender";
|
|
18
18
|
import zhCN from "./locale/zh-CN";
|
|
@@ -27,7 +27,6 @@ var PageContainer = function PageContainer(_ref) {
|
|
|
27
27
|
extraContent = _ref.extraContent,
|
|
28
28
|
tabList = _ref.tabList,
|
|
29
29
|
tabBarExtraContent = _ref.tabBarExtraContent,
|
|
30
|
-
footer = _ref.footer,
|
|
31
30
|
footerToolBarProps = _ref.footerToolBarProps,
|
|
32
31
|
locale = _ref.locale,
|
|
33
32
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -37,13 +36,10 @@ var PageContainer = function PageContainer(_ref) {
|
|
|
37
36
|
var prefixCls = getPrefixCls('pro-page-container', customizePrefixCls);
|
|
38
37
|
var _useStyle = useStyle(prefixCls),
|
|
39
38
|
wrapSSR = _useStyle.wrapSSR;
|
|
40
|
-
var _theme$useToken = theme.useToken(),
|
|
41
|
-
token = _theme$useToken.token;
|
|
42
39
|
var _ref2 = header || {},
|
|
43
40
|
reload = _ref2.reload,
|
|
44
41
|
subTitle = _ref2.subTitle,
|
|
45
|
-
breadcrumb = _ref2.breadcrumb
|
|
46
|
-
extra = _ref2.extra;
|
|
42
|
+
breadcrumb = _ref2.breadcrumb;
|
|
47
43
|
var reloadProps = isObject(reload) && ! /*#__PURE__*/React.isValidElement(reload) ? reload : {};
|
|
48
44
|
var reloadCls = classNames("".concat(rootPrefixCls, "-page-header-heading-reload"), reloadProps.className);
|
|
49
45
|
var newSubTitle = (reload || subTitle) && /*#__PURE__*/_jsxs(Space, {
|
|
@@ -55,23 +51,7 @@ var PageContainer = function PageContainer(_ref) {
|
|
|
55
51
|
}))
|
|
56
52
|
}), subTitle]
|
|
57
53
|
});
|
|
58
|
-
var newExtra = React.Children.map(extra, function (item) {
|
|
59
|
-
return /*#__PURE__*/_jsx(ConfigProvider
|
|
60
|
-
// large size component
|
|
61
|
-
, {
|
|
62
|
-
componentSize: "large"
|
|
63
|
-
// middle font size
|
|
64
|
-
,
|
|
65
|
-
theme: {
|
|
66
|
-
token: {
|
|
67
|
-
fontSizeLG: token.fontSize
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
children: item
|
|
71
|
-
});
|
|
72
|
-
});
|
|
73
54
|
var newHeader = header && _objectSpread(_objectSpread({}, header), {}, {
|
|
74
|
-
extra: newExtra,
|
|
75
55
|
subTitle: newSubTitle,
|
|
76
56
|
breadcrumb: breadcrumb && _objectSpread({
|
|
77
57
|
itemRender: function itemRender(route, params, routes, paths) {
|
|
@@ -96,21 +76,6 @@ var PageContainer = function PageContainer(_ref) {
|
|
|
96
76
|
extraContent: extraContent,
|
|
97
77
|
tabList: tabList,
|
|
98
78
|
tabBarExtraContent: tabBarExtraContent,
|
|
99
|
-
footer: React.Children.map(footer, function (item) {
|
|
100
|
-
return /*#__PURE__*/_jsx(ConfigProvider
|
|
101
|
-
// large size component
|
|
102
|
-
, {
|
|
103
|
-
componentSize: "large"
|
|
104
|
-
// middle font size
|
|
105
|
-
,
|
|
106
|
-
theme: {
|
|
107
|
-
token: {
|
|
108
|
-
fontSizeLG: token.fontSize
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
children: item
|
|
112
|
-
});
|
|
113
|
-
}),
|
|
114
79
|
footerToolBarProps: _objectSpread({
|
|
115
80
|
// render footer under parent instead of body by default
|
|
116
81
|
portalDom: false
|
package/es/Ranger/index.less
CHANGED
|
@@ -40,26 +40,13 @@ var FooterToolbar = ({
|
|
|
40
40
|
// render footer under parent instead of body by default
|
|
41
41
|
portalDom = false,
|
|
42
42
|
prefixCls: customizePrefixCls,
|
|
43
|
-
children,
|
|
44
43
|
...restProps
|
|
45
44
|
}) => {
|
|
46
45
|
const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
|
|
47
46
|
const prefixCls = getPrefixCls("pro-footer-bar", customizePrefixCls);
|
|
48
47
|
const { wrapSSR } = (0, import_style.default)(prefixCls);
|
|
49
|
-
const { token } = import_design.theme.useToken();
|
|
50
48
|
return wrapSSR(
|
|
51
|
-
/* @__PURE__ */ import_react.default.createElement(import_pro_components.FooterToolbar, { portalDom, prefixCls: customizePrefixCls, ...restProps }
|
|
52
|
-
import_design.ConfigProvider,
|
|
53
|
-
{
|
|
54
|
-
componentSize: "large",
|
|
55
|
-
theme: {
|
|
56
|
-
token: {
|
|
57
|
-
fontSizeLG: token.fontSize
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
children
|
|
62
|
-
))
|
|
49
|
+
/* @__PURE__ */ import_react.default.createElement(import_pro_components.FooterToolbar, { portalDom, prefixCls: customizePrefixCls, ...restProps })
|
|
63
50
|
);
|
|
64
51
|
};
|
|
65
52
|
var FooterToolbar_default = FooterToolbar;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import type { CSSObject } from '@ant-design/cssinjs';
|
|
3
3
|
import type { FooterToolBarToken } from '@ant-design/pro-layout/es/components/FooterToolbar/style';
|
|
4
4
|
import type { FullToken, GenerateStyle } from '@oceanbase/design/es/theme';
|
|
5
|
+
export declare const genCompactStyle: (componentCls: string, subComponentCls?: string) => CSSObject;
|
|
5
6
|
export declare const genOperationStyle: (token: FullToken<any>) => CSSObject;
|
|
6
7
|
export declare const genFooterToolbarStyle: GenerateStyle<FooterToolBarToken>;
|
|
7
8
|
declare const _default: (prefixCls: string) => {
|
|
@@ -20,21 +20,134 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
20
20
|
var style_exports = {};
|
|
21
21
|
__export(style_exports, {
|
|
22
22
|
default: () => style_default,
|
|
23
|
+
genCompactStyle: () => genCompactStyle,
|
|
23
24
|
genFooterToolbarStyle: () => genFooterToolbarStyle,
|
|
24
25
|
genOperationStyle: () => genOperationStyle
|
|
25
26
|
});
|
|
26
27
|
module.exports = __toCommonJS(style_exports);
|
|
27
28
|
var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
|
|
29
|
+
var genCompactStyle = (componentCls, subComponentCls = "") => {
|
|
30
|
+
return {
|
|
31
|
+
[`&${componentCls}-compact-item:not(${componentCls}-compact-last-item)${componentCls}-compact-first-item ${subComponentCls}`]: {
|
|
32
|
+
borderStartEndRadius: 0,
|
|
33
|
+
borderEndEndRadius: 0
|
|
34
|
+
},
|
|
35
|
+
[`&${componentCls}-compact-item:not(${componentCls}-compact-first-item):not(${componentCls}-compact-last-item) ${subComponentCls}`]: {
|
|
36
|
+
borderRadius: 0
|
|
37
|
+
},
|
|
38
|
+
[`&${componentCls}-compact-item:not(${componentCls}-compact-first-item)${componentCls}-compact-last-item ${subComponentCls}`]: {
|
|
39
|
+
borderStartStartRadius: 0,
|
|
40
|
+
borderEndStartRadius: 0
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
};
|
|
28
44
|
var genOperationStyle = (token) => {
|
|
29
|
-
const {
|
|
45
|
+
const {
|
|
46
|
+
antCls,
|
|
47
|
+
iconCls,
|
|
48
|
+
fontSize,
|
|
49
|
+
lineWidth,
|
|
50
|
+
borderRadiusLG,
|
|
51
|
+
controlHeight,
|
|
52
|
+
controlHeightSM,
|
|
53
|
+
controlHeightLG
|
|
54
|
+
} = token;
|
|
55
|
+
const height = controlHeightLG;
|
|
56
|
+
const lineHeight = `${controlHeightLG}px`;
|
|
30
57
|
return {
|
|
31
|
-
//
|
|
58
|
+
// Button
|
|
32
59
|
[`${antCls}-btn`]: {
|
|
33
|
-
|
|
60
|
+
// limit min width for icon button
|
|
61
|
+
minWidth: controlHeightLG,
|
|
62
|
+
height,
|
|
63
|
+
fontSize,
|
|
64
|
+
borderRadius: borderRadiusLG,
|
|
65
|
+
// Button in Space.Compact
|
|
66
|
+
...genCompactStyle(`${antCls}-btn`)
|
|
67
|
+
},
|
|
68
|
+
// Radio.Button
|
|
69
|
+
[`${antCls}-radio-group`]: {
|
|
70
|
+
[`${antCls}-radio-button-wrapper`]: {
|
|
71
|
+
height,
|
|
72
|
+
lineHeight: `${height - lineWidth * 2}px`,
|
|
73
|
+
fontSize,
|
|
74
|
+
[`&:first-child`]: {
|
|
75
|
+
borderStartStartRadius: borderRadiusLG,
|
|
76
|
+
borderEndStartRadius: borderRadiusLG
|
|
77
|
+
},
|
|
78
|
+
[`&:last-child`]: {
|
|
79
|
+
borderStartEndRadius: borderRadiusLG,
|
|
80
|
+
borderEndEndRadius: borderRadiusLG
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
// Select
|
|
85
|
+
[`${antCls}-select`]: {
|
|
86
|
+
height,
|
|
87
|
+
fontSize,
|
|
88
|
+
// Select in Space.Compact
|
|
89
|
+
...genCompactStyle(`${antCls}-select`, `${antCls}-select-selector`),
|
|
90
|
+
[`${antCls}-select-selector`]: {
|
|
91
|
+
borderRadius: borderRadiusLG
|
|
92
|
+
},
|
|
93
|
+
[`${antCls}-select-selection-item`]: {
|
|
94
|
+
fontSize
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
// Input
|
|
98
|
+
[`${antCls}-input-wrapper`]: {
|
|
99
|
+
fontSize,
|
|
100
|
+
[`${iconCls}`]: {
|
|
101
|
+
fontSize
|
|
102
|
+
},
|
|
103
|
+
[`${antCls}-input-affix-wrapper`]: {
|
|
104
|
+
borderStartEndRadius: 0,
|
|
105
|
+
borderEndEndRadius: 0
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
[`${antCls}-input-affix-wrapper`]: {
|
|
109
|
+
height,
|
|
110
|
+
borderRadius: borderRadiusLG,
|
|
111
|
+
[`&:not(${antCls}-input-affix-wrapper-lg)`]: {
|
|
112
|
+
lineHeight: `${controlHeight - lineWidth * 2}px`
|
|
113
|
+
},
|
|
114
|
+
// avoid to conflict with `${antCls}-input-affix-wrapper` height
|
|
115
|
+
[`${antCls}-input`]: {
|
|
116
|
+
height: `${controlHeight - lineWidth * 2}px`
|
|
117
|
+
},
|
|
118
|
+
[`${antCls}-input-lg`]: {
|
|
119
|
+
height: controlHeightSM
|
|
120
|
+
},
|
|
121
|
+
[`${antCls}-input-sm`]: {
|
|
122
|
+
height: `${controlHeightLG - lineWidth * 2}px`
|
|
123
|
+
}
|
|
124
|
+
},
|
|
125
|
+
[`${antCls}-input`]: {
|
|
126
|
+
height,
|
|
127
|
+
fontSize,
|
|
128
|
+
borderRadius: borderRadiusLG,
|
|
129
|
+
// Input in Space.Compact
|
|
130
|
+
...genCompactStyle(`${antCls}-input`)
|
|
131
|
+
},
|
|
132
|
+
[`${antCls}-input-search-button`]: {
|
|
133
|
+
height,
|
|
134
|
+
lineHeight,
|
|
135
|
+
borderStartEndRadius: borderRadiusLG,
|
|
136
|
+
borderEndEndRadius: borderRadiusLG
|
|
137
|
+
},
|
|
138
|
+
[`${antCls}-input-group-addon`]: {
|
|
139
|
+
fontSize,
|
|
140
|
+
borderStartEndRadius: borderRadiusLG,
|
|
141
|
+
borderEndEndRadius: borderRadiusLG
|
|
34
142
|
},
|
|
35
|
-
// set large DatePicker, TimePicker and RangePicker
|
|
36
|
-
[`${antCls}-picker
|
|
37
|
-
height
|
|
143
|
+
// set large DatePicker, TimePicker and RangePicker style
|
|
144
|
+
[`${antCls}-picker`]: {
|
|
145
|
+
height,
|
|
146
|
+
borderRadius: borderRadiusLG,
|
|
147
|
+
...genCompactStyle(`${antCls}-picker`),
|
|
148
|
+
[`${antCls}-picker-input>input`]: {
|
|
149
|
+
fontSize
|
|
150
|
+
}
|
|
38
151
|
}
|
|
39
152
|
};
|
|
40
153
|
};
|
|
@@ -59,6 +172,7 @@ var style_default = (prefixCls) => {
|
|
|
59
172
|
};
|
|
60
173
|
// Annotate the CommonJS export names for ESM import in node:
|
|
61
174
|
0 && (module.exports = {
|
|
175
|
+
genCompactStyle,
|
|
62
176
|
genFooterToolbarStyle,
|
|
63
177
|
genOperationStyle
|
|
64
178
|
});
|
package/lib/Highlight/index.d.ts
CHANGED
|
@@ -29,7 +29,7 @@ export declare const THEME_DARK = "dark";
|
|
|
29
29
|
export declare const THEME_LIGHT = "light";
|
|
30
30
|
declare const ThemeTypes: ["dark", "light"];
|
|
31
31
|
export type ThemeType = (typeof ThemeTypes)[number];
|
|
32
|
-
declare const supportedLanguages: ("ruby" | "css" | "
|
|
32
|
+
declare const supportedLanguages: ("ruby" | "css" | "java" | "json" | "bash" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
|
|
33
33
|
export type LanguageType = (typeof supportedLanguages)[number] | 'html';
|
|
34
34
|
export interface HighlightProps extends LocaleWrapperProps {
|
|
35
35
|
/**
|
|
@@ -50,7 +50,6 @@ var PageContainer = ({
|
|
|
50
50
|
extraContent,
|
|
51
51
|
tabList,
|
|
52
52
|
tabBarExtraContent,
|
|
53
|
-
footer,
|
|
54
53
|
footerToolBarProps,
|
|
55
54
|
locale,
|
|
56
55
|
...restProps
|
|
@@ -59,29 +58,15 @@ var PageContainer = ({
|
|
|
59
58
|
const rootPrefixCls = getPrefixCls();
|
|
60
59
|
const prefixCls = getPrefixCls("pro-page-container", customizePrefixCls);
|
|
61
60
|
const { wrapSSR } = (0, import_style.default)(prefixCls);
|
|
62
|
-
const {
|
|
63
|
-
const { reload, subTitle, breadcrumb, extra } = header || {};
|
|
61
|
+
const { reload, subTitle, breadcrumb } = header || {};
|
|
64
62
|
const reloadProps = (0, import_lodash.isObject)(reload) && !import_react.default.isValidElement(reload) ? reload : {};
|
|
65
63
|
const reloadCls = (0, import_classnames.default)(
|
|
66
64
|
`${rootPrefixCls}-page-header-heading-reload`,
|
|
67
65
|
reloadProps.className
|
|
68
66
|
);
|
|
69
67
|
const newSubTitle = (reload || subTitle) && /* @__PURE__ */ import_react.default.createElement(import_design.Space, { size: 12 }, reload && /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { title: locale.reload }, (0, import_lodash.isObject)(reload) && import_react.default.isValidElement(reload) ? reload : /* @__PURE__ */ import_react.default.createElement(import_icons.SyncOutlined, { ...reloadProps, className: reloadCls })), subTitle);
|
|
70
|
-
const newExtra = import_react.default.Children.map(extra, (item) => /* @__PURE__ */ import_react.default.createElement(
|
|
71
|
-
import_design.ConfigProvider,
|
|
72
|
-
{
|
|
73
|
-
componentSize: "large",
|
|
74
|
-
theme: {
|
|
75
|
-
token: {
|
|
76
|
-
fontSizeLG: token.fontSize
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
},
|
|
80
|
-
item
|
|
81
|
-
));
|
|
82
68
|
const newHeader = header && {
|
|
83
69
|
...header,
|
|
84
|
-
extra: newExtra,
|
|
85
70
|
subTitle: newSubTitle,
|
|
86
71
|
breadcrumb: breadcrumb && {
|
|
87
72
|
itemRender: (route, params, routes, paths) => /* @__PURE__ */ import_react.default.createElement(import_ItemRender.default, { route, params, routes, paths }),
|
|
@@ -108,18 +93,6 @@ var PageContainer = ({
|
|
|
108
93
|
extraContent,
|
|
109
94
|
tabList,
|
|
110
95
|
tabBarExtraContent,
|
|
111
|
-
footer: import_react.default.Children.map(footer, (item) => /* @__PURE__ */ import_react.default.createElement(
|
|
112
|
-
import_design.ConfigProvider,
|
|
113
|
-
{
|
|
114
|
-
componentSize: "large",
|
|
115
|
-
theme: {
|
|
116
|
-
token: {
|
|
117
|
-
fontSizeLG: token.fontSize
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
},
|
|
121
|
-
item
|
|
122
|
-
)),
|
|
123
96
|
footerToolBarProps: {
|
|
124
97
|
// render footer under parent instead of body by default
|
|
125
98
|
portalDom: false,
|
package/lib/Ranger/index.less
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oceanbase/ui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.38",
|
|
4
4
|
"description": "The UI library based on OceanBase Design",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"oceanbase",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@ant-design/cssinjs": "^1.17.2",
|
|
38
38
|
"@ant-design/pro-components": "^2.6.43",
|
|
39
39
|
"@ant-design/pro-layout": "^7.17.16",
|
|
40
|
-
"@oceanbase/design": "^0.2.
|
|
40
|
+
"@oceanbase/design": "^0.2.37",
|
|
41
41
|
"@oceanbase/icons": "^0.2.10",
|
|
42
42
|
"@oceanbase/util": "^0.2.13",
|
|
43
43
|
"ahooks": "^2.10.14",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"react": ">=16.9.0",
|
|
66
66
|
"react-dom": ">=16.9.0"
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "70d1c902db4f5380a0f4f0a167c6367190ed0711"
|
|
69
69
|
}
|