@oceanbase/design 0.2.24 → 0.2.26

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.
@@ -10,14 +10,14 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
10
10
  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; }
11
11
  import { Form as AntForm } from 'antd';
12
12
  import React from 'react';
13
- import { getTooltipTypeList } from "../tooltip";
13
+ import { useTooltipTypeList } from "../tooltip/hooks/useTooltipTypeList";
14
14
  import { jsx as _jsx } from "react/jsx-runtime";
15
15
  var AntFormItem = AntForm.Item;
16
16
  var Item = function Item(_ref) {
17
17
  var children = _ref.children,
18
18
  tooltip = _ref.tooltip,
19
19
  restProps = _objectWithoutProperties(_ref, _excluded);
20
- var typeList = getTooltipTypeList();
20
+ var typeList = useTooltipTypeList();
21
21
  // tooltip config
22
22
  if (_typeof(tooltip) === 'object' && ! /*#__PURE__*/React.isValidElement(tooltip)) {
23
23
  var _ref2 = tooltip,
package/es/index.d.ts CHANGED
@@ -11,6 +11,8 @@ export { default as Modal } from './modal';
11
11
  export { message, notification, token } from './static-function';
12
12
  export { default as Table } from './table';
13
13
  export { default as Tabs } from './tabs';
14
+ export { default as Tag } from './tag';
15
+ export { default as Select } from './select';
14
16
  export type { TabsProps } from './tabs';
15
17
  export { default as theme } from './theme';
16
18
  export { default as Tooltip } from './tooltip';
package/es/index.js CHANGED
@@ -13,6 +13,8 @@ export { default as Modal } from "./modal";
13
13
  export { message, notification, token } from "./static-function";
14
14
  export { default as Table } from "./table";
15
15
  export { default as Tabs } from "./tabs";
16
+ export { default as Tag } from "./tag";
17
+ export { default as Select } from "./select";
16
18
  export { default as theme } from "./theme";
17
19
  export { default as Tooltip } from "./tooltip";
18
20
  export { default as Breadcrumb } from "./breadcrumb";
@@ -1 +1,5 @@
1
+ import type { SelectProps as AntSelectProps } from 'antd/es/select';
1
2
  export * from 'antd/es/select';
3
+ export type SelectProps = AntSelectProps;
4
+ declare const Select: any;
5
+ export default Select;
@@ -1 +1,39 @@
1
- export * from 'antd/es/select';
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"];
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
+ 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
+ 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
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
7
+ 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); }
8
+ 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
+ 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
+ import { Select as AntSelect } from 'antd';
11
+ import classNames from 'classnames';
12
+ import React, { useContext } from 'react';
13
+ import ConfigProvider from "../config-provider";
14
+ import useStyle from "./style";
15
+ import { jsx as _jsx } from "react/jsx-runtime";
16
+ var Option = AntSelect.Option,
17
+ OptGroup = AntSelect.OptGroup;
18
+ export * from 'antd/es/select';
19
+ var Select = function Select(_ref) {
20
+ var customizePrefixCls = _ref.prefixCls,
21
+ className = _ref.className,
22
+ restProps = _objectWithoutProperties(_ref, _excluded);
23
+ var _useContext = useContext(ConfigProvider.ConfigContext),
24
+ getPrefixCls = _useContext.getPrefixCls;
25
+ var prefixCls = getPrefixCls('select', customizePrefixCls);
26
+ var _useStyle = useStyle(prefixCls),
27
+ wrapSSR = _useStyle.wrapSSR;
28
+ var selectCls = classNames(className);
29
+ return wrapSSR( /*#__PURE__*/_jsx(AntSelect, _objectSpread({
30
+ prefixCls: customizePrefixCls,
31
+ className: selectCls
32
+ }, restProps)));
33
+ };
34
+ Select.Option = Option;
35
+ Select.OptGroup = OptGroup;
36
+ if (process.env.NODE_ENV !== 'production') {
37
+ Select.displayName = AntSelect.displayName;
38
+ }
39
+ export default Select;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
3
+ export type SelectToken = FullToken<'Select'>;
4
+ export declare const genSelectStyle: GenerateStyle<SelectToken>;
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,17 @@
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
+ 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
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
4
+ 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); }
5
+ import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
6
+ export var genSelectStyle = function genSelectStyle(token) {
7
+ var componentCls = token.componentCls;
8
+ return _defineProperty({}, "".concat(componentCls, "-multiple"), _defineProperty({}, "".concat(componentCls, "-selection-item"), {
9
+ border: "1px solid ".concat(token.colorBorder, "66")
10
+ }));
11
+ };
12
+ export default (function (prefixCls) {
13
+ var useStyle = genComponentStyleHook('Select', function (token) {
14
+ return [genSelectStyle(token)];
15
+ });
16
+ return useStyle(prefixCls);
17
+ });
@@ -2,7 +2,7 @@ import { message as antMessage, Modal as AntModal, notification as antNotificati
2
2
  import type { MessageInstance } from 'antd/es/message/interface';
3
3
  import type { ModalStaticFunctions } from 'antd/es/modal/confirm';
4
4
  import type { NotificationInstance } from 'antd/es/notification/interface';
5
- declare let token: import("antd/lib/theme/internal").AliasToken;
5
+ declare let token: import("antd/lib/theme/interface").AliasToken;
6
6
  declare let message: MessageInstance & {
7
7
  useMessage: typeof antMessage.useMessage;
8
8
  };
package/es/tag/index.d.ts CHANGED
@@ -1 +1,12 @@
1
+ import type { TagProps as AntTagProps } from 'antd/es/tag';
2
+ import React from 'react';
1
3
  export * from 'antd/es/tag';
4
+ export interface TagProps extends AntTagProps {
5
+ ellipsis?: boolean;
6
+ }
7
+ declare const Tag: {
8
+ ({ prefixCls: customizePrefixCls, className, ellipsis, ...restProps }: TagProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
9
+ displayName: string;
10
+ CheckableTag: React.ForwardRefExoticComponent<import("antd/es/tag").CheckableTagProps & React.RefAttributes<HTMLSpanElement>>;
11
+ };
12
+ export default Tag;
package/es/tag/index.js CHANGED
@@ -1 +1,54 @@
1
- export * from 'antd/es/tag';
1
+ var _excluded = ["prefixCls", "className", "ellipsis"];
2
+ 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; }
3
+ 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; }
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
+ 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
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
7
+ 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); }
8
+ 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
+ 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
+ import { Tag as AntTag } from 'antd';
11
+ import { Typography } from "./..";
12
+ import classNames from 'classnames';
13
+ import React, { useContext } from 'react';
14
+ import ConfigProvider from "../config-provider";
15
+ import useStyle from "./style";
16
+ import { jsx as _jsx } from "react/jsx-runtime";
17
+ export * from 'antd/es/tag';
18
+ var CheckableTag = AntTag.CheckableTag;
19
+ var Tag = function Tag(_ref) {
20
+ var _restProps$children, _restProps$children2;
21
+ var customizePrefixCls = _ref.prefixCls,
22
+ className = _ref.className,
23
+ _ref$ellipsis = _ref.ellipsis,
24
+ ellipsis = _ref$ellipsis === void 0 ? true : _ref$ellipsis,
25
+ restProps = _objectWithoutProperties(_ref, _excluded);
26
+ var _useContext = useContext(ConfigProvider.ConfigContext),
27
+ getPrefixCls = _useContext.getPrefixCls;
28
+ var prefixCls = getPrefixCls('tag', customizePrefixCls);
29
+ var _useStyle = useStyle(prefixCls),
30
+ wrapSSR = _useStyle.wrapSSR;
31
+ var tagCls = classNames(_defineProperty({}, "".concat(prefixCls, "-ellipsis"), ellipsis), className);
32
+ var childrenType = (_restProps$children = restProps.children) === null || _restProps$children === void 0 ? void 0 : _restProps$children.type;
33
+ var _ref2 = ((_restProps$children2 = restProps.children) === null || _restProps$children2 === void 0 ? void 0 : _restProps$children2.props) || {},
34
+ defalutEllipsis = _ref2.ellipsis,
35
+ defaultChildren = _ref2.children;
36
+ var ellipsisConfig = _typeof(defalutEllipsis) === 'object' ? defalutEllipsis : {
37
+ tooltip: childrenType !== null && childrenType !== void 0 && childrenType.__ANT_TOOLTIP ? false : defaultChildren || restProps.children
38
+ };
39
+ return ellipsis ? wrapSSR( /*#__PURE__*/_jsx(Typography.Text, {
40
+ ellipsis: _objectSpread({}, ellipsisConfig),
41
+ children: /*#__PURE__*/_jsx(AntTag, _objectSpread({
42
+ prefixCls: customizePrefixCls,
43
+ className: tagCls
44
+ }, restProps))
45
+ })) : /*#__PURE__*/_jsx(AntTag, _objectSpread({
46
+ prefixCls: customizePrefixCls,
47
+ className: tagCls
48
+ }, restProps));
49
+ };
50
+ if (process.env.NODE_ENV !== 'production') {
51
+ Tag.displayName = AntTag.displayName;
52
+ }
53
+ Tag.CheckableTag = CheckableTag;
54
+ export default Tag;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { type FullToken, type GenerateStyle } from 'antd/es/theme/internal';
3
+ export type TagToken = FullToken<'Tag'>;
4
+ export declare const genTagStyle: GenerateStyle<TagToken>;
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,55 @@
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
+ 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
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
4
+ 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); }
5
+ import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
6
+ import { genPresetColor } from 'antd/lib/theme/internal';
7
+ import { TinyColor } from '@ctrl/tinycolor';
8
+ var getTagBorderColor = function getTagBorderColor(color) {
9
+ return new TinyColor(color).setAlpha(0.4).toHex8String();
10
+ };
11
+ var genTagPresetStatusStyle = function genTagPresetStatusStyle(token, status) {
12
+ var borderColorMap = {
13
+ success: token.colorSuccessBorder,
14
+ processing: token.colorInfoBorder,
15
+ error: token.colorErrorBorder,
16
+ warning: token.colorWarningBorder
17
+ };
18
+ return _defineProperty({}, "".concat(token.componentCls).concat(token.componentCls, "-").concat(status), {
19
+ borderColor: getTagBorderColor(borderColorMap[status])
20
+ });
21
+ };
22
+ var genPresetStyle = function genPresetStyle(token) {
23
+ return genPresetColor(token, function (colorKey, _ref2) {
24
+ var textColor = _ref2.textColor,
25
+ lightBorderColor = _ref2.lightBorderColor;
26
+ return _defineProperty({}, "".concat(token.componentCls).concat(token.componentCls, "-").concat(colorKey), {
27
+ color: textColor,
28
+ borderColor: getTagBorderColor(lightBorderColor)
29
+ });
30
+ });
31
+ };
32
+ export var genTagStyle = function genTagStyle(token) {
33
+ var _$concat;
34
+ var componentCls = token.componentCls;
35
+ return _defineProperty({}, "".concat(componentCls), (_$concat = {
36
+ borderColor: getTagBorderColor(token.colorBorder)
37
+ }, _defineProperty(_$concat, "&-ellipsis", {
38
+ maxWidth: '100%',
39
+ textOverflow: 'ellipsis',
40
+ overflow: 'hidden',
41
+ verticalAlign: 'bottom'
42
+ }), _defineProperty(_$concat, "&-checkable", {
43
+ borderColor: 'transparent'
44
+ }), _defineProperty(_$concat, "&-hidden", {
45
+ display: 'none'
46
+ }), _defineProperty(_$concat, "&-borderless", {
47
+ border: 'transparent'
48
+ }), _$concat));
49
+ };
50
+ export default (function (prefixCls) {
51
+ var useStyle = genComponentStyleHook('Tag', function (token) {
52
+ return [genTagStyle(token), genPresetStyle(token), genTagPresetStatusStyle(token, 'success'), genTagPresetStatusStyle(token, 'error'), genTagPresetStatusStyle(token, 'processing'), genTagPresetStatusStyle(token, 'warning')];
53
+ });
54
+ return useStyle(prefixCls);
55
+ });
@@ -17,7 +17,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
17
17
  import { useMouse, useSize } from 'ahooks';
18
18
  import React, { useRef, useState } from 'react';
19
19
  import ReactStickyMouseTooltip from 'react-sticky-mouse-tooltip';
20
- import { token } from "../static-function";
20
+ import theme from "../theme";
21
21
  import { jsx as _jsx } from "react/jsx-runtime";
22
22
  import { Fragment as _Fragment } from "react/jsx-runtime";
23
23
  import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -37,6 +37,8 @@ var MouseTooltip = function MouseTooltip(_ref) {
37
37
  _ref$mouseLeaveDelay = _ref.mouseLeaveDelay,
38
38
  mouseLeaveDelay = _ref$mouseLeaveDelay === void 0 ? 0.1 : _ref$mouseLeaveDelay,
39
39
  restProps = _objectWithoutProperties(_ref, _excluded);
40
+ var _theme$useToken = theme.useToken(),
41
+ token = _theme$useToken.token;
40
42
  var _useState = useState(false),
41
43
  _useState2 = _slicedToArray(_useState, 2),
42
44
  visible = _useState2[0],
@@ -0,0 +1,5 @@
1
+ export declare const useTooltipTypeList: () => {
2
+ type: string;
3
+ color: string;
4
+ backgroundColor: string;
5
+ }[];
@@ -0,0 +1,26 @@
1
+ import theme from "../../theme";
2
+ export var useTooltipTypeList = function useTooltipTypeList() {
3
+ var _theme$useToken = theme.useToken(),
4
+ token = _theme$useToken.token;
5
+ return [{
6
+ type: 'light',
7
+ color: token.colorText,
8
+ backgroundColor: token.colorBgElevated
9
+ }, {
10
+ type: 'success',
11
+ color: token.colorSuccess,
12
+ backgroundColor: token.colorSuccessBg
13
+ }, {
14
+ type: 'info',
15
+ color: token.colorInfo,
16
+ backgroundColor: token.colorInfoBg
17
+ }, {
18
+ type: 'warning',
19
+ color: token.colorWarning,
20
+ backgroundColor: token.colorWarningBg
21
+ }, {
22
+ type: 'error',
23
+ color: token.colorError,
24
+ backgroundColor: token.colorErrorBg
25
+ }];
26
+ };
@@ -8,11 +8,6 @@ export interface TooltipProps extends AntTooltipPropsWithTitle {
8
8
  closeIcon?: boolean | React.ReactNode;
9
9
  onClose?: (e: React.MouseEvent<HTMLElement>) => void;
10
10
  }
11
- export declare const getTooltipTypeList: () => {
12
- type: string;
13
- color: string;
14
- backgroundColor: string;
15
- }[];
16
11
  type CompoundedComponent = React.FC<TooltipProps> & {
17
12
  /** @internal */
18
13
  __ANT_TOOLTIP: boolean;
@@ -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 = ["children", "type", "color", "overlayInnerStyle", "mouseFollow", "closeIcon", "onClose", "title", "className", "open"];
2
+ var _excluded = ["children", "title", "type", "color", "mouseFollow", "closeIcon", "onClose", "open", "defaultOpen", "onOpenChange", "visible", "defaultVisible", "onVisibleChange", "overlayInnerStyle", "className"];
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; }
@@ -14,53 +14,36 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
14
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; }
15
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; }
16
16
  import { Tooltip as AntTooltip, Space } from 'antd';
17
- import React, { useContext, useMemo, useState } from 'react';
17
+ import React, { useContext, useEffect, useState } from 'react';
18
18
  import { CloseOutlined } from '@oceanbase/icons';
19
+ import classNames from 'classnames';
19
20
  import { isNil } from 'lodash';
20
- import { token } from "../static-function";
21
21
  import MouseTooltip from "./MouseTooltip";
22
22
  import ConfigProvider from "../config-provider";
23
23
  import useStyle from "./style";
24
- import classNames from 'classnames';
24
+ import { useTooltipTypeList } from "./hooks/useTooltipTypeList";
25
25
  import { jsx as _jsx } from "react/jsx-runtime";
26
26
  import { jsxs as _jsxs } from "react/jsx-runtime";
27
27
  export * from 'antd/es/tooltip';
28
- export var getTooltipTypeList = function getTooltipTypeList() {
29
- return [{
30
- type: 'light',
31
- color: token.colorText,
32
- backgroundColor: token.colorBgElevated
33
- }, {
34
- type: 'success',
35
- color: token.colorSuccess,
36
- backgroundColor: token.colorSuccessBg
37
- }, {
38
- type: 'info',
39
- color: token.colorInfo,
40
- backgroundColor: token.colorInfoBg
41
- }, {
42
- type: 'warning',
43
- color: token.colorWarning,
44
- backgroundColor: token.colorWarningBg
45
- }, {
46
- type: 'error',
47
- color: token.colorError,
48
- backgroundColor: token.colorErrorBg
49
- }];
50
- };
51
28
  var Tooltip = function Tooltip(_ref) {
29
+ var _ref2, _ref3, _ref4;
52
30
  var children = _ref.children,
31
+ title = _ref.title,
53
32
  _ref$type = _ref.type,
54
33
  type = _ref$type === void 0 ? 'default' : _ref$type,
55
34
  color = _ref.color,
56
- overlayInnerStyle = _ref.overlayInnerStyle,
57
35
  mouseFollow = _ref.mouseFollow,
58
36
  _ref$closeIcon = _ref.closeIcon,
59
37
  closeIcon = _ref$closeIcon === void 0 ? false : _ref$closeIcon,
60
38
  onClose = _ref.onClose,
61
- title = _ref.title,
39
+ open = _ref.open,
40
+ defaultOpen = _ref.defaultOpen,
41
+ _onOpenChange = _ref.onOpenChange,
42
+ visible = _ref.visible,
43
+ defaultVisible = _ref.defaultVisible,
44
+ onVisibleChange = _ref.onVisibleChange,
45
+ overlayInnerStyle = _ref.overlayInnerStyle,
62
46
  className = _ref.className,
63
- propOpen = _ref.open,
64
47
  restProps = _objectWithoutProperties(_ref, _excluded);
65
48
  var _useContext = useContext(ConfigProvider.ConfigContext),
66
49
  getPrefixCls = _useContext.getPrefixCls;
@@ -70,11 +53,18 @@ var Tooltip = function Tooltip(_ref) {
70
53
  wrapSSR = _useStyle.wrapSSR,
71
54
  hashId = _useStyle.hashId;
72
55
  var tooltipCls = classNames(className, hashId);
73
- var _useState = useState(undefined),
56
+ var _useState = useState((_ref2 = (_ref3 = open !== null && open !== void 0 ? open : visible) !== null && _ref3 !== void 0 ? _ref3 : defaultOpen) !== null && _ref2 !== void 0 ? _ref2 : defaultVisible),
74
57
  _useState2 = _slicedToArray(_useState, 2),
75
58
  innerOpen = _useState2[0],
76
59
  setInnerOpen = _useState2[1];
77
- var open = isNil(propOpen) ? innerOpen : propOpen;
60
+ var newOpen = (_ref4 = open !== null && open !== void 0 ? open : visible) !== null && _ref4 !== void 0 ? _ref4 : innerOpen;
61
+ useEffect(function () {
62
+ if (!isNil(open)) {
63
+ setInnerOpen(open);
64
+ } else if (!isNil(visible)) {
65
+ setInnerOpen(visible);
66
+ }
67
+ }, [open, visible]);
78
68
  var handleCloseClick = function handleCloseClick(e) {
79
69
  e.stopPropagation();
80
70
  onClose === null || onClose === void 0 || onClose(e);
@@ -83,26 +73,20 @@ var Tooltip = function Tooltip(_ref) {
83
73
  }
84
74
  setInnerOpen(false);
85
75
  };
86
- var hasCloseIcon = !!closeIcon;
87
- var CloseIconNode = useMemo(function () {
88
- if (!hasCloseIcon) {
89
- return null;
90
- }
91
- return closeIcon === true ? /*#__PURE__*/_jsx(CloseOutlined, {
92
- className: "".concat(prefixCls, "-close-icon"),
93
- onClick: handleCloseClick
94
- }) : /*#__PURE__*/_jsx("span", {
95
- className: "".concat(prefixCls, "-close-icon"),
96
- onClick: handleCloseClick,
97
- children: closeIcon
98
- });
99
- }, [closeIcon]);
76
+ var closeIconNode = closeIcon ? closeIcon === true ? /*#__PURE__*/_jsx(CloseOutlined, {
77
+ className: "".concat(prefixCls, "-close-icon"),
78
+ onClick: handleCloseClick
79
+ }) : /*#__PURE__*/_jsx("span", {
80
+ className: "".concat(prefixCls, "-close-icon"),
81
+ onClick: handleCloseClick,
82
+ children: closeIcon
83
+ }) : null;
100
84
  var titleNode = typeof title === 'function' ? title() : title;
101
- var titleWithCloseIcon = /*#__PURE__*/_jsxs(Space, {
85
+ var newTitle = closeIcon ? /*#__PURE__*/_jsxs(Space, {
102
86
  className: "".concat(prefixCls, "-close-icon-wrap"),
103
- children: [titleNode, CloseIconNode]
104
- });
105
- var typeList = getTooltipTypeList();
87
+ children: [titleNode, closeIconNode]
88
+ }) : titleNode;
89
+ var typeList = useTooltipTypeList();
106
90
  var typeItem = typeList.find(function (item) {
107
91
  return item.type === type;
108
92
  });
@@ -116,11 +100,14 @@ var Tooltip = function Tooltip(_ref) {
116
100
  }, restProps), {}, {
117
101
  children: children
118
102
  })) : /*#__PURE__*/_jsx(AntTooltip, _objectSpread(_objectSpread({
119
- title: hasCloseIcon ? titleWithCloseIcon : title,
103
+ title: newTitle,
120
104
  color: color || (typeItem === null || typeItem === void 0 ? void 0 : typeItem.backgroundColor),
121
- open: open,
122
- onOpenChange: function onOpenChange(newOpen) {
123
- setInnerOpen(newOpen);
105
+ open: newOpen,
106
+ defaultOpen: defaultOpen,
107
+ onOpenChange: function onOpenChange(value) {
108
+ setInnerOpen(value);
109
+ onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(value);
110
+ _onOpenChange === null || _onOpenChange === void 0 || _onOpenChange(value);
124
111
  },
125
112
  overlayInnerStyle: _objectSpread({
126
113
  color: typeItem === null || typeItem === void 0 ? void 0 : typeItem.color
@@ -34,10 +34,10 @@ __export(FormItem_exports, {
34
34
  module.exports = __toCommonJS(FormItem_exports);
35
35
  var import_antd = require("antd");
36
36
  var import_react = __toESM(require("react"));
37
- var import_tooltip = require("../tooltip");
37
+ var import_useTooltipTypeList = require("../tooltip/hooks/useTooltipTypeList");
38
38
  var AntFormItem = import_antd.Form.Item;
39
39
  var Item = ({ children, tooltip, ...restProps }) => {
40
- const typeList = (0, import_tooltip.getTooltipTypeList)();
40
+ const typeList = (0, import_useTooltipTypeList.useTooltipTypeList)();
41
41
  if (typeof tooltip === "object" && !import_react.default.isValidElement(tooltip)) {
42
42
  const { icon, type, overlayInnerStyle, ...restTooltipProps } = tooltip;
43
43
  const typeItem = typeList.find((item) => item.type === type);
package/lib/index.d.ts CHANGED
@@ -11,6 +11,8 @@ export { default as Modal } from './modal';
11
11
  export { message, notification, token } from './static-function';
12
12
  export { default as Table } from './table';
13
13
  export { default as Tabs } from './tabs';
14
+ export { default as Tag } from './tag';
15
+ export { default as Select } from './select';
14
16
  export type { TabsProps } from './tabs';
15
17
  export { default as theme } from './theme';
16
18
  export { default as Tooltip } from './tooltip';
package/lib/index.js CHANGED
@@ -39,9 +39,11 @@ __export(src_exports, {
39
39
  Descriptions: () => import_descriptions.default,
40
40
  Form: () => import_form.default,
41
41
  Modal: () => import_modal.default,
42
+ Select: () => import_select.default,
42
43
  Spin: () => import_spin.default,
43
44
  Table: () => import_table.default,
44
45
  Tabs: () => import_tabs.default,
46
+ Tag: () => import_tag.default,
45
47
  Tooltip: () => import_tooltip.default,
46
48
  message: () => import_static_function.message,
47
49
  notification: () => import_static_function.notification,
@@ -64,6 +66,8 @@ var import_modal = __toESM(require("./modal"));
64
66
  var import_static_function = require("./static-function");
65
67
  var import_table = __toESM(require("./table"));
66
68
  var import_tabs = __toESM(require("./tabs"));
69
+ var import_tag = __toESM(require("./tag"));
70
+ var import_select = __toESM(require("./select"));
67
71
  var import_theme = __toESM(require("./theme"));
68
72
  var import_tooltip = __toESM(require("./tooltip"));
69
73
  var import_breadcrumb = __toESM(require("./breadcrumb"));
@@ -82,9 +86,11 @@ var { useToken } = import_theme2.default;
82
86
  Descriptions,
83
87
  Form,
84
88
  Modal,
89
+ Select,
85
90
  Spin,
86
91
  Table,
87
92
  Tabs,
93
+ Tag,
88
94
  Tooltip,
89
95
  message,
90
96
  notification,
@@ -1 +1,5 @@
1
+ import type { SelectProps as AntSelectProps } from 'antd/es/select';
1
2
  export * from 'antd/es/select';
3
+ export type SelectProps = AntSelectProps;
4
+ declare const Select: any;
5
+ export default Select;
@@ -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,42 @@ 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/select/index.ts
30
+ // src/select/index.tsx
17
31
  var select_exports = {};
32
+ __export(select_exports, {
33
+ default: () => select_default
34
+ });
18
35
  module.exports = __toCommonJS(select_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_style = __toESM(require("./style"));
19
41
  __reExport(select_exports, require("antd/es/select"), module.exports);
42
+ var { Option, OptGroup } = import_antd.Select;
43
+ var Select = ({ prefixCls: customizePrefixCls, className, ...restProps }) => {
44
+ const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
45
+ const prefixCls = getPrefixCls("select", customizePrefixCls);
46
+ const { wrapSSR } = (0, import_style.default)(prefixCls);
47
+ const selectCls = (0, import_classnames.default)(className);
48
+ return wrapSSR(/* @__PURE__ */ import_react.default.createElement(import_antd.Select, { prefixCls: customizePrefixCls, className: selectCls, ...restProps }));
49
+ };
50
+ Select.Option = Option;
51
+ Select.OptGroup = OptGroup;
52
+ if (process.env.NODE_ENV !== "production") {
53
+ Select.displayName = import_antd.Select.displayName;
54
+ }
55
+ var select_default = Select;
20
56
  // Annotate the CommonJS export names for ESM import in node:
21
57
  0 && (module.exports = {
22
58
  ...require("antd/es/select")
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
3
+ export type SelectToken = FullToken<'Select'>;
4
+ export declare const genSelectStyle: GenerateStyle<SelectToken>;
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;