@oceanbase/design 0.2.16 → 0.2.17
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/badge/IconBadge.d.ts +10 -0
- package/es/badge/IconBadge.js +37 -0
- package/es/badge/index.d.ts +11 -0
- package/es/badge/index.js +41 -1
- package/es/badge/style/index.d.ts +9 -0
- package/es/badge/style/index.js +33 -0
- package/es/badge/style/waiting.png +0 -0
- package/es/config-provider/index.d.ts +0 -1
- package/es/config-provider/index.js +2 -1
- package/es/index.d.ts +1 -0
- package/es/index.js +1 -0
- package/lib/badge/IconBadge.d.ts +10 -0
- package/lib/badge/IconBadge.js +53 -0
- package/lib/badge/index.d.ts +11 -0
- package/lib/badge/index.js +63 -1
- package/lib/badge/style/index.d.ts +9 -0
- package/lib/badge/style/index.js +69 -0
- package/lib/badge/style/waiting.png +0 -0
- package/lib/config-provider/index.d.ts +0 -1
- package/lib/config-provider/index.js +0 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.js +3 -0
- package/package.json +6 -7
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface IconBadgeProps {
|
|
3
|
+
prefixCls: any;
|
|
4
|
+
className?: string;
|
|
5
|
+
status?: string;
|
|
6
|
+
text?: React.ReactNode;
|
|
7
|
+
icon?: boolean | React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
declare const IconBadge: ({ icon, status, text, className, ...restProps }: IconBadgeProps) => React.JSX.Element;
|
|
10
|
+
export default IconBadge;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
var _excluded = ["icon", "status", "text", "className"];
|
|
2
|
+
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; }
|
|
3
|
+
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; }
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Space } from 'antd';
|
|
6
|
+
import { CloseCircleFilled, CheckCircleFilled, Loading3QuartersOutlined, StopFilled, ClockCircleFilled } from '@ant-design/icons';
|
|
7
|
+
// @ts-ignore
|
|
8
|
+
// import waitingIcon from './style/waiting.png';
|
|
9
|
+
var IconBadge = function IconBadge(_ref) {
|
|
10
|
+
var icon = _ref.icon,
|
|
11
|
+
status = _ref.status,
|
|
12
|
+
text = _ref.text,
|
|
13
|
+
className = _ref.className,
|
|
14
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
15
|
+
var classNameIcon = "".concat(className, "-status-icon ").concat(className, "-status-").concat(status);
|
|
16
|
+
var statusTextNode = !text ? /*#__PURE__*/React.createElement(React.Fragment, null) : /*#__PURE__*/React.createElement("span", {
|
|
17
|
+
className: "".concat(className, "-status-text")
|
|
18
|
+
}, text);
|
|
19
|
+
var iconMap = {
|
|
20
|
+
default: /*#__PURE__*/React.createElement(StopFilled, null),
|
|
21
|
+
processing: /*#__PURE__*/React.createElement(Loading3QuartersOutlined, {
|
|
22
|
+
style: {
|
|
23
|
+
display: 'inline-block',
|
|
24
|
+
animation: 'loadingCircle 1s infinite linear'
|
|
25
|
+
}
|
|
26
|
+
}),
|
|
27
|
+
success: /*#__PURE__*/React.createElement(CheckCircleFilled, null),
|
|
28
|
+
error: /*#__PURE__*/React.createElement(CloseCircleFilled, null),
|
|
29
|
+
warning: /*#__PURE__*/React.createElement(ClockCircleFilled, null)
|
|
30
|
+
};
|
|
31
|
+
return /*#__PURE__*/React.createElement(Space, {
|
|
32
|
+
className: "".concat(className)
|
|
33
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
34
|
+
className: classNameIcon
|
|
35
|
+
}, /*#__PURE__*/React.isValidElement(icon) ? icon : iconMap === null || iconMap === void 0 ? void 0 : iconMap[status]), statusTextNode);
|
|
36
|
+
};
|
|
37
|
+
export default IconBadge;
|
package/es/badge/index.d.ts
CHANGED
|
@@ -1 +1,12 @@
|
|
|
1
|
+
import type { BadgeProps as AntBadgeProps } from 'antd/es/badge';
|
|
2
|
+
import React from 'react';
|
|
1
3
|
export * from 'antd/es/badge';
|
|
4
|
+
export interface BadgeProps extends AntBadgeProps {
|
|
5
|
+
icon?: boolean | React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
declare const Badge: {
|
|
8
|
+
({ prefixCls: customizePrefixCls, className, icon, ...restProps }: BadgeProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
9
|
+
displayName: string;
|
|
10
|
+
Icon: ({ icon, status, text, className, ...restProps }: import("./IconBadge").IconBadgeProps) => React.JSX.Element;
|
|
11
|
+
};
|
|
12
|
+
export default Badge;
|
package/es/badge/index.js
CHANGED
|
@@ -1 +1,41 @@
|
|
|
1
|
-
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
var _excluded = ["prefixCls", "className", "icon"];
|
|
3
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
+
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; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
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
|
+
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; }
|
|
8
|
+
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; }
|
|
9
|
+
import { Badge as AntBadge } from 'antd';
|
|
10
|
+
import classNames from 'classnames';
|
|
11
|
+
import React, { useContext } from 'react';
|
|
12
|
+
import ConfigProvider from "../config-provider";
|
|
13
|
+
import IconBadge from "./IconBadge";
|
|
14
|
+
import useStyle from "./style";
|
|
15
|
+
export * from 'antd/es/badge';
|
|
16
|
+
var Badge = function Badge(_ref) {
|
|
17
|
+
var customizePrefixCls = _ref.prefixCls,
|
|
18
|
+
className = _ref.className,
|
|
19
|
+
icon = _ref.icon,
|
|
20
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
21
|
+
var _useContext = useContext(ConfigProvider.ConfigContext),
|
|
22
|
+
getPrefixCls = _useContext.getPrefixCls,
|
|
23
|
+
badge = _useContext.badge;
|
|
24
|
+
var prefixCls = getPrefixCls('badge', customizePrefixCls);
|
|
25
|
+
var _useStyle = useStyle(prefixCls),
|
|
26
|
+
wrapSSR = _useStyle.wrapSSR;
|
|
27
|
+
var badgeCls = classNames(_defineProperty({}, "".concat(prefixCls), true), className);
|
|
28
|
+
return wrapSSR( /*#__PURE__*/React.createElement(React.Fragment, null, icon ? /*#__PURE__*/React.createElement(IconBadge, _extends({
|
|
29
|
+
prefixCls: customizePrefixCls,
|
|
30
|
+
className: badgeCls,
|
|
31
|
+
icon: icon
|
|
32
|
+
}, restProps)) : /*#__PURE__*/React.createElement(AntBadge, _extends({
|
|
33
|
+
prefixCls: customizePrefixCls,
|
|
34
|
+
className: badgeCls
|
|
35
|
+
}, restProps))));
|
|
36
|
+
};
|
|
37
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
38
|
+
Badge.displayName = AntBadge.displayName;
|
|
39
|
+
}
|
|
40
|
+
Badge.Icon = IconBadge;
|
|
41
|
+
export default Badge;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
|
|
3
|
+
export type BadgeToken = FullToken<'Badge'>;
|
|
4
|
+
export declare const genBadgeStyle: GenerateStyle<BadgeToken>;
|
|
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
|
+
};
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
+
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; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
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
|
+
import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
|
|
8
|
+
export var genBadgeStyle = function genBadgeStyle(token) {
|
|
9
|
+
var _$concat;
|
|
10
|
+
var componentCls = token.componentCls;
|
|
11
|
+
return _defineProperty({}, "".concat(componentCls), (_$concat = {}, _defineProperty(_$concat, "".concat(componentCls, "-status-dot"), {
|
|
12
|
+
width: 8,
|
|
13
|
+
height: 8
|
|
14
|
+
}), _defineProperty(_$concat, "".concat(componentCls, "-status-icon"), {
|
|
15
|
+
color: token.colorSuccess
|
|
16
|
+
}), _defineProperty(_$concat, "".concat(componentCls, "-status-success"), {
|
|
17
|
+
color: token.colorSuccess
|
|
18
|
+
}), _defineProperty(_$concat, "".concat(componentCls, "-status-processing"), {
|
|
19
|
+
color: token.colorPrimary
|
|
20
|
+
}), _defineProperty(_$concat, "".concat(componentCls, "-status-default"), {
|
|
21
|
+
color: token.colorTextPlaceholder
|
|
22
|
+
}), _defineProperty(_$concat, "".concat(componentCls, "-status-error"), {
|
|
23
|
+
color: token.colorError
|
|
24
|
+
}), _defineProperty(_$concat, "".concat(componentCls, "-status-warning"), {
|
|
25
|
+
color: token.colorWarning
|
|
26
|
+
}), _$concat));
|
|
27
|
+
};
|
|
28
|
+
export default (function (prefixCls) {
|
|
29
|
+
var useStyle = genComponentStyleHook('Badge', function (token) {
|
|
30
|
+
return [genBadgeStyle(_objectSpread({}, token))];
|
|
31
|
+
});
|
|
32
|
+
return useStyle(prefixCls);
|
|
33
|
+
});
|
|
Binary file
|
|
@@ -26,7 +26,6 @@ declare const ConfigProvider: {
|
|
|
26
26
|
({ children, theme, navigate, spin, ...restProps }: ConfigProviderProps): React.JSX.Element;
|
|
27
27
|
ConfigContext: React.Context<ConfigConsumerProps>;
|
|
28
28
|
ExtendedConfigContext: React.Context<ExtendedConfigConsumerProps>;
|
|
29
|
-
SizeContext: React.Context<import("antd/es/button").ButtonSize>;
|
|
30
29
|
config: ({ prefixCls, iconPrefixCls, theme, }: Pick<AntConfigProviderProps, "prefixCls" | "iconPrefixCls"> & {
|
|
31
30
|
theme?: AntThemeConfig | import("antd/es/config-provider/context").Theme;
|
|
32
31
|
}) => void;
|
|
@@ -50,7 +50,8 @@ var ConfigProvider = function ConfigProvider(_ref) {
|
|
|
50
50
|
};
|
|
51
51
|
ConfigProvider.ConfigContext = AntConfigProvider.ConfigContext;
|
|
52
52
|
ConfigProvider.ExtendedConfigContext = ExtendedConfigContext;
|
|
53
|
-
|
|
53
|
+
// “SizeContext”已弃用。ts(6385)
|
|
54
|
+
// ConfigProvider.SizeContext = AntConfigProvider.SizeContext;
|
|
54
55
|
ConfigProvider.config = AntConfigProvider.config;
|
|
55
56
|
ConfigProvider.useConfig = AntConfigProvider.useConfig;
|
|
56
57
|
if (process.env.NODE_ENV !== 'production') {
|
package/es/index.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ export { default as theme } from './theme';
|
|
|
15
15
|
export { default as Tooltip } from './tooltip';
|
|
16
16
|
export { default as Breadcrumb } from './breadcrumb';
|
|
17
17
|
export { default as Spin } from './spin';
|
|
18
|
+
export { default as Badge } from './badge';
|
|
18
19
|
declare const useToken: () => {
|
|
19
20
|
theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/interface/seeds").SeedToken, import("antd/es/theme/interface").MapToken>;
|
|
20
21
|
token: import("antd").GlobalToken;
|
package/es/index.js
CHANGED
|
@@ -19,6 +19,7 @@ export { default as theme } from "./theme";
|
|
|
19
19
|
export { default as Tooltip } from "./tooltip";
|
|
20
20
|
export { default as Breadcrumb } from "./breadcrumb";
|
|
21
21
|
export { default as Spin } from "./spin";
|
|
22
|
+
export { default as Badge } from "./badge";
|
|
22
23
|
var useToken = theme.useToken;
|
|
23
24
|
|
|
24
25
|
// 直接导出 useToken,方便上层使用
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface IconBadgeProps {
|
|
3
|
+
prefixCls: any;
|
|
4
|
+
className?: string;
|
|
5
|
+
status?: string;
|
|
6
|
+
text?: React.ReactNode;
|
|
7
|
+
icon?: boolean | React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
declare const IconBadge: ({ icon, status, text, className, ...restProps }: IconBadgeProps) => React.JSX.Element;
|
|
10
|
+
export default IconBadge;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
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
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/badge/IconBadge.tsx
|
|
30
|
+
var IconBadge_exports = {};
|
|
31
|
+
__export(IconBadge_exports, {
|
|
32
|
+
default: () => IconBadge_default
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(IconBadge_exports);
|
|
35
|
+
var import_react = __toESM(require("react"));
|
|
36
|
+
var import_antd = require("antd");
|
|
37
|
+
var import_icons = require("@ant-design/icons");
|
|
38
|
+
var IconBadge = ({ icon, status, text, className, ...restProps }) => {
|
|
39
|
+
const classNameIcon = `${className}-status-icon ${className}-status-${status}`;
|
|
40
|
+
const statusTextNode = !text ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null) : /* @__PURE__ */ import_react.default.createElement("span", { className: `${className}-status-text` }, text);
|
|
41
|
+
const iconMap = {
|
|
42
|
+
default: /* @__PURE__ */ import_react.default.createElement(import_icons.StopFilled, null),
|
|
43
|
+
processing: /* @__PURE__ */ import_react.default.createElement(import_icons.Loading3QuartersOutlined, { style: {
|
|
44
|
+
display: "inline-block",
|
|
45
|
+
animation: "loadingCircle 1s infinite linear"
|
|
46
|
+
} }),
|
|
47
|
+
success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleFilled, null),
|
|
48
|
+
error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleFilled, null),
|
|
49
|
+
warning: /* @__PURE__ */ import_react.default.createElement(import_icons.ClockCircleFilled, null)
|
|
50
|
+
};
|
|
51
|
+
return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: `${className}` }, /* @__PURE__ */ import_react.default.createElement("span", { className: classNameIcon }, import_react.default.isValidElement(icon) ? icon : iconMap == null ? void 0 : iconMap[status]), statusTextNode);
|
|
52
|
+
};
|
|
53
|
+
var IconBadge_default = IconBadge;
|
package/lib/badge/index.d.ts
CHANGED
|
@@ -1 +1,12 @@
|
|
|
1
|
+
import type { BadgeProps as AntBadgeProps } from 'antd/es/badge';
|
|
2
|
+
import React from 'react';
|
|
1
3
|
export * from 'antd/es/badge';
|
|
4
|
+
export interface BadgeProps extends AntBadgeProps {
|
|
5
|
+
icon?: boolean | React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
declare const Badge: {
|
|
8
|
+
({ prefixCls: customizePrefixCls, className, icon, ...restProps }: BadgeProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
9
|
+
displayName: string;
|
|
10
|
+
Icon: ({ icon, status, text, className, ...restProps }: import("./IconBadge").IconBadgeProps) => React.JSX.Element;
|
|
11
|
+
};
|
|
12
|
+
export default Badge;
|
package/lib/badge/index.js
CHANGED
|
@@ -1,7 +1,13 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
1
2
|
var __defProp = Object.defineProperty;
|
|
2
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
4
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
5
11
|
var __copyProps = (to, from, except, desc) => {
|
|
6
12
|
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
13
|
for (let key of __getOwnPropNames(from))
|
|
@@ -11,12 +17,68 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
11
17
|
return to;
|
|
12
18
|
};
|
|
13
19
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
14
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
15
29
|
|
|
16
|
-
// src/badge/index.
|
|
30
|
+
// src/badge/index.tsx
|
|
17
31
|
var badge_exports = {};
|
|
32
|
+
__export(badge_exports, {
|
|
33
|
+
default: () => badge_default
|
|
34
|
+
});
|
|
18
35
|
module.exports = __toCommonJS(badge_exports);
|
|
36
|
+
var import_antd = require("antd");
|
|
37
|
+
var import_classnames = __toESM(require("classnames"));
|
|
38
|
+
var import_react = __toESM(require("react"));
|
|
39
|
+
var import_config_provider = __toESM(require("../config-provider"));
|
|
40
|
+
var import_IconBadge = __toESM(require("./IconBadge"));
|
|
41
|
+
var import_style = __toESM(require("./style"));
|
|
19
42
|
__reExport(badge_exports, require("antd/es/badge"), module.exports);
|
|
43
|
+
var Badge = ({
|
|
44
|
+
prefixCls: customizePrefixCls,
|
|
45
|
+
className,
|
|
46
|
+
icon,
|
|
47
|
+
...restProps
|
|
48
|
+
}) => {
|
|
49
|
+
const { getPrefixCls, badge } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
|
|
50
|
+
const prefixCls = getPrefixCls("badge", customizePrefixCls);
|
|
51
|
+
const { wrapSSR } = (0, import_style.default)(prefixCls);
|
|
52
|
+
const badgeCls = (0, import_classnames.default)(
|
|
53
|
+
{
|
|
54
|
+
[`${prefixCls}`]: true
|
|
55
|
+
},
|
|
56
|
+
className
|
|
57
|
+
);
|
|
58
|
+
return wrapSSR(
|
|
59
|
+
/* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, icon ? /* @__PURE__ */ import_react.default.createElement(
|
|
60
|
+
import_IconBadge.default,
|
|
61
|
+
{
|
|
62
|
+
prefixCls: customizePrefixCls,
|
|
63
|
+
className: badgeCls,
|
|
64
|
+
icon,
|
|
65
|
+
...restProps
|
|
66
|
+
}
|
|
67
|
+
) : /* @__PURE__ */ import_react.default.createElement(
|
|
68
|
+
import_antd.Badge,
|
|
69
|
+
{
|
|
70
|
+
prefixCls: customizePrefixCls,
|
|
71
|
+
className: badgeCls,
|
|
72
|
+
...restProps
|
|
73
|
+
}
|
|
74
|
+
))
|
|
75
|
+
);
|
|
76
|
+
};
|
|
77
|
+
if (process.env.NODE_ENV !== "production") {
|
|
78
|
+
Badge.displayName = import_antd.Badge.displayName;
|
|
79
|
+
}
|
|
80
|
+
Badge.Icon = import_IconBadge.default;
|
|
81
|
+
var badge_default = Badge;
|
|
20
82
|
// Annotate the CommonJS export names for ESM import in node:
|
|
21
83
|
0 && (module.exports = {
|
|
22
84
|
...require("antd/es/badge")
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
|
|
3
|
+
export type BadgeToken = FullToken<'Badge'>;
|
|
4
|
+
export declare const genBadgeStyle: GenerateStyle<BadgeToken>;
|
|
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
|
+
};
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
+
};
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
|
|
19
|
+
// src/badge/style/index.ts
|
|
20
|
+
var style_exports = {};
|
|
21
|
+
__export(style_exports, {
|
|
22
|
+
default: () => style_default,
|
|
23
|
+
genBadgeStyle: () => genBadgeStyle
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(style_exports);
|
|
26
|
+
var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
|
|
27
|
+
var genBadgeStyle = (token) => {
|
|
28
|
+
const { componentCls } = token;
|
|
29
|
+
return {
|
|
30
|
+
[`${componentCls}`]: {
|
|
31
|
+
[`${componentCls}-status-dot`]: {
|
|
32
|
+
width: 8,
|
|
33
|
+
height: 8
|
|
34
|
+
},
|
|
35
|
+
[`${componentCls}-status-icon`]: {
|
|
36
|
+
color: token.colorSuccess
|
|
37
|
+
},
|
|
38
|
+
[`${componentCls}-status-success`]: {
|
|
39
|
+
color: token.colorSuccess
|
|
40
|
+
},
|
|
41
|
+
[`${componentCls}-status-processing`]: {
|
|
42
|
+
color: token.colorPrimary
|
|
43
|
+
},
|
|
44
|
+
[`${componentCls}-status-default`]: {
|
|
45
|
+
color: token.colorTextPlaceholder
|
|
46
|
+
},
|
|
47
|
+
[`${componentCls}-status-error`]: {
|
|
48
|
+
color: token.colorError
|
|
49
|
+
},
|
|
50
|
+
[`${componentCls}-status-warning`]: {
|
|
51
|
+
color: token.colorWarning
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
var style_default = (prefixCls) => {
|
|
57
|
+
const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Badge", (token) => {
|
|
58
|
+
return [
|
|
59
|
+
genBadgeStyle({
|
|
60
|
+
...token
|
|
61
|
+
})
|
|
62
|
+
];
|
|
63
|
+
});
|
|
64
|
+
return useStyle(prefixCls);
|
|
65
|
+
};
|
|
66
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
67
|
+
0 && (module.exports = {
|
|
68
|
+
genBadgeStyle
|
|
69
|
+
});
|
|
Binary file
|
|
@@ -26,7 +26,6 @@ declare const ConfigProvider: {
|
|
|
26
26
|
({ children, theme, navigate, spin, ...restProps }: ConfigProviderProps): React.JSX.Element;
|
|
27
27
|
ConfigContext: React.Context<ConfigConsumerProps>;
|
|
28
28
|
ExtendedConfigContext: React.Context<ExtendedConfigConsumerProps>;
|
|
29
|
-
SizeContext: React.Context<import("antd/es/button").ButtonSize>;
|
|
30
29
|
config: ({ prefixCls, iconPrefixCls, theme, }: Pick<AntConfigProviderProps, "prefixCls" | "iconPrefixCls"> & {
|
|
31
30
|
theme?: AntThemeConfig | import("antd/es/config-provider/context").Theme;
|
|
32
31
|
}) => void;
|
|
@@ -87,7 +87,6 @@ var ConfigProvider = ({ children, theme, navigate, spin, ...restProps }) => {
|
|
|
87
87
|
};
|
|
88
88
|
ConfigProvider.ConfigContext = import_antd.ConfigProvider.ConfigContext;
|
|
89
89
|
ConfigProvider.ExtendedConfigContext = ExtendedConfigContext;
|
|
90
|
-
ConfigProvider.SizeContext = import_antd.ConfigProvider.SizeContext;
|
|
91
90
|
ConfigProvider.config = import_antd.ConfigProvider.config;
|
|
92
91
|
ConfigProvider.useConfig = import_antd.ConfigProvider.useConfig;
|
|
93
92
|
if (process.env.NODE_ENV !== "production") {
|
package/lib/index.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ export { default as theme } from './theme';
|
|
|
15
15
|
export { default as Tooltip } from './tooltip';
|
|
16
16
|
export { default as Breadcrumb } from './breadcrumb';
|
|
17
17
|
export { default as Spin } from './spin';
|
|
18
|
+
export { default as Badge } from './badge';
|
|
18
19
|
declare const useToken: () => {
|
|
19
20
|
theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/interface/seeds").SeedToken, import("antd/es/theme/interface").MapToken>;
|
|
20
21
|
token: import("antd").GlobalToken;
|
package/lib/index.js
CHANGED
|
@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
31
31
|
var src_exports = {};
|
|
32
32
|
__export(src_exports, {
|
|
33
33
|
Alert: () => import_alert.default,
|
|
34
|
+
Badge: () => import_badge.default,
|
|
34
35
|
Breadcrumb: () => import_breadcrumb.default,
|
|
35
36
|
Button: () => import_button.default,
|
|
36
37
|
Card: () => import_card.default,
|
|
@@ -68,10 +69,12 @@ var import_theme = __toESM(require("./theme"));
|
|
|
68
69
|
var import_tooltip = __toESM(require("./tooltip"));
|
|
69
70
|
var import_breadcrumb = __toESM(require("./breadcrumb"));
|
|
70
71
|
var import_spin = __toESM(require("./spin"));
|
|
72
|
+
var import_badge = __toESM(require("./badge"));
|
|
71
73
|
var { useToken } = import_antd.theme;
|
|
72
74
|
// Annotate the CommonJS export names for ESM import in node:
|
|
73
75
|
0 && (module.exports = {
|
|
74
76
|
Alert,
|
|
77
|
+
Badge,
|
|
75
78
|
Breadcrumb,
|
|
76
79
|
Button,
|
|
77
80
|
Card,
|
package/package.json
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oceanbase/design",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.17",
|
|
4
4
|
"description": "The Design System of OceanBase",
|
|
5
5
|
"keywords": [
|
|
6
|
-
"
|
|
7
|
-
"database",
|
|
6
|
+
"oceanbase",
|
|
8
7
|
"design",
|
|
9
8
|
"ui",
|
|
10
9
|
"react",
|
|
@@ -37,8 +36,8 @@
|
|
|
37
36
|
},
|
|
38
37
|
"dependencies": {
|
|
39
38
|
"@ant-design/cssinjs": "^1.17.0",
|
|
40
|
-
"@oceanbase/icons": "^0.2.
|
|
41
|
-
"@oceanbase/util": "^0.2.
|
|
39
|
+
"@oceanbase/icons": "^0.2.6",
|
|
40
|
+
"@oceanbase/util": "^0.2.8",
|
|
42
41
|
"ahooks": "^2.10.14",
|
|
43
42
|
"antd": "^5.9.0",
|
|
44
43
|
"classnames": "^2.3.2",
|
|
@@ -49,12 +48,12 @@
|
|
|
49
48
|
},
|
|
50
49
|
"devDependencies": {
|
|
51
50
|
"@babel/cli": "^7.22.15",
|
|
52
|
-
"@babel/preset-env": "^7.22.
|
|
51
|
+
"@babel/preset-env": "^7.22.20",
|
|
53
52
|
"antd-token-previewer": "^1.1.0"
|
|
54
53
|
},
|
|
55
54
|
"peerDependencies": {
|
|
56
55
|
"react": "^16.9.0",
|
|
57
56
|
"react-dom": "^16.9.0"
|
|
58
57
|
},
|
|
59
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "6f801e95ba5ddc345f6d2c462bcf2af1abc74c84"
|
|
60
59
|
}
|