@oceanbase/ui 0.2.14 → 0.2.16

package/es/BasicLayout/index.js

@@ -62,9 +62,8 @@ var BasicLayout = function BasicLayout(_ref) {
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('basic-layout', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  var basicLayoutCls = classNames(className, hashId);
+    wrapSSR = _useStyle.wrapSSR;
+  var basicLayoutCls = classNames(className);
   var navigate = useNavigate();
   // 侧边栏导航是否收起
   var _useState = useState(defaultCollapsed),

package/es/BasicLayout/style/index.d.ts

@@ -1,5 +1,9 @@
+/// <reference types="react" />
 import type { FullToken, GenerateStyle } from '@oceanbase/design/es/theme';
 export type BasicLayoutToken = FullToken<any>;
 export declare const genBasicLayoutStyle: GenerateStyle<BasicLayoutToken>;
-declare const _default: (prefixCls: string) => any;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};
 export default _default;

package/es/ContentWithIcon/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface ContentWithIconProps {
+    content?: React.ReactNode;
+    tooltip?: any;
+    prefixIcon?: React.ReactNode | boolean;
+    suffixIcon?: React.ReactNode;
+    className?: string;
+    iconType?: 'question' | 'info' | 'exclamation';
+    color?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: React.SyntheticEvent) => void;
+    tooltipWithLink?: boolean;
+    textHidden?: boolean;
+    popOver?: any;
+    size?: number;
+    infoColor?: string;
+    exclamationColor?: string;
+}
+declare const ContentWithIcon: React.FC<ContentWithIconProps>;
+export default ContentWithIcon;

package/es/ContentWithIcon/index.js

@@ -0,0 +1,110 @@
+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); }
+var _excluded = ["content", "tooltip", "prefixIcon", "suffixIcon", "className", "children", "iconType", "color", "tooltipWithLink", "popOver", "textHidden", "size", "infoColor", "exclamationColor"];
+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); }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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); }
+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; }
+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; }
+import React, { isValidElement } from 'react';
+import { Tooltip, Space, Popover } from 'antd';
+import { ExclamationCircleFilled, InfoCircleFilled, InfoCircleOutlined, QuestionCircleOutlined } from '@ant-design/icons';
+import classNames from 'classnames';
+import { getPrefix } from "../_util";
+import "./index.less";
+var prefix = getPrefix('content-with-question');
+var ContentWithIcon = function ContentWithIcon(_ref) {
+  var _classNames;
+  var content = _ref.content,
+    tooltip = _ref.tooltip,
+    _ref$prefixIcon = _ref.prefixIcon,
+    prefixIcon = _ref$prefixIcon === void 0 ? null : _ref$prefixIcon,
+    suffixIcon = _ref.suffixIcon,
+    className = _ref.className,
+    children = _ref.children,
+    iconType = _ref.iconType,
+    color = _ref.color,
+    _ref$tooltipWithLink = _ref.tooltipWithLink,
+    tooltipWithLink = _ref$tooltipWithLink === void 0 ? false : _ref$tooltipWithLink,
+    popOver = _ref.popOver,
+    _ref$textHidden = _ref.textHidden,
+    textHidden = _ref$textHidden === void 0 ? true : _ref$textHidden,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 14 : _ref$size,
+    infoColor = _ref.infoColor,
+    _ref$exclamationColor = _ref.exclamationColor,
+    exclamationColor = _ref$exclamationColor === void 0 ? '#FAAD14' : _ref$exclamationColor,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var defaultIconType = function defaultIconType() {
+    if (iconType === 'question') {
+      return /*#__PURE__*/React.createElement(QuestionCircleOutlined, {
+        style: {
+          color: color === 'default' ? '#132039' : color,
+          fontSize: size
+        },
+        className: "".concat(prefix, "-help")
+      });
+    }
+    if (iconType === 'info') {
+      if (infoColor) {
+        return /*#__PURE__*/React.createElement(InfoCircleFilled, {
+          style: {
+            color: infoColor,
+            fontSize: size
+          },
+          className: "".concat(prefix, "-help")
+        });
+      } else {
+        return /*#__PURE__*/React.createElement(InfoCircleOutlined, {
+          style: {
+            color: '3333333',
+            fontSize: size
+          },
+          className: "".concat(prefix, "-help")
+        });
+      }
+    }
+    if (iconType === 'exclamation') {
+      return /*#__PURE__*/React.createElement(ExclamationCircleFilled, {
+        style: {
+          color: exclamationColor,
+          fontSize: size
+        },
+        className: "".concat(prefix, "-help")
+      });
+    }
+  };
+
+  // 图标在文字后
+  suffixIcon = suffixIcon !== null && iconType ? defaultIconType() : suffixIcon; // 自定义图标，非内置
+
+  // FIXME: antd 已经废弃 icon type 的用法，该组件也需要做相应处理，后面将会是传入 Icon 的形式而非 type
+  var getIcon = function getIcon(iconConfig) {
+    return iconConfig ? !textHidden && iconType === 'info' ?
+    /*#__PURE__*/
+    // 文本描述直接展示且只在 info 类型下生效
+    React.createElement(Space, {
+      size: 4
+    }, iconConfig, /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: '#5C6B8A'
+      }
+    }, "\u6587\u672C\u793A\u610F\u4E0D\u8D85\u8FC7\u4E8C\u5341\u5B57\u6587\u672C\u793A\u610F\u4E0D\u8D85\u8FC7\u4E8C\u5341\u5B57")) :
+    // 提示文案描述带有链接
+    tooltipWithLink ? /*#__PURE__*/React.createElement(Popover, popOver, /*#__PURE__*/isValidElement(iconConfig) ? iconConfig : defaultIconType()) : /*#__PURE__*/React.createElement(Tooltip, tooltip, /*#__PURE__*/isValidElement(iconConfig) ? iconConfig : defaultIconType()) : null;
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", _extends({
+    className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "-item"), true), _defineProperty(_classNames, className, !!className), _classNames))
+  }, restProps), /*#__PURE__*/React.createElement(Space, {
+    size: 4
+  }, getIcon(
+  //  图标在文字前
+  prefixIcon === true ? defaultIconType() : prefixIcon), /*#__PURE__*/React.createElement("span", {
+    "data-testid": "content",
+    style: {
+      color: color === 'default' ? '#5C6B8A' : color,
+      fontSize: size
+    }
+  }, content !== null && content !== void 0 ? content : children), getIcon(suffixIcon))));
+};
+export default ContentWithIcon;

package/{lib/ContentWithQuestion → es/ContentWithIcon}/index.less

@@ -1,4 +1,4 @@
-@prefix: ob-content-with-question;
+@prefix: ob-content-with-icon;
 
 .@{prefix}-item {
   display: inline-flex;
@@ -15,4 +15,8 @@
   .@{prefix}-help {
     cursor: help;
   }
+  .@{prefix}-color {
+    color: red;
+    
+  }
 }

package/es/Highlight/index.d.ts

@@ -29,7 +29,7 @@ export declare const THEME_DARK = "dark";
 export declare const THEME_LIGHT = "light";
 declare const ThemeTypes: ["dark", "light"];
 export type ThemeType = (typeof ThemeTypes)[number];
-declare const supportedLanguages: ("ruby" | "javascript" | "typescript" | "css" | "groovy" | "java" | "python" | "bash" | "json" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "json" | "javascript" | "typescript" | "css" | "groovy" | "java" | "python" | "bash" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/es/Lottie/index.d.ts

@@ -1,7 +1,8 @@
 import type { AnimationConfig, AnimationItem } from 'lottie-web';
 import React from 'react';
 export interface LottieProps extends Omit<AnimationConfig, 'container'> {
-    path: string;
+    path?: string;
+    animationData?: any;
     mode?: 'default' | 'icon';
     loop?: boolean;
     speed?: number;

package/es/PageContainer/index.js

@@ -33,8 +33,7 @@ var PageContainer = function PageContainer(_ref) {
   var rootPrefixCls = getPrefixCls();
   var prefixCls = getPrefixCls('pro-page-container', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
+    wrapSSR = _useStyle.wrapSSR;
   var _ref2 = header || {},
     reload = _ref2.reload,
     subTitle = _ref2.subTitle,
@@ -64,7 +63,7 @@ var PageContainer = function PageContainer(_ref) {
   var noHasHeader = ['title', 'subTitle', 'extra', 'tags', 'footer', 'avatar', 'backIcon', 'breadcrumb'].every(function (item) {
     return !(newHeader !== null && newHeader !== void 0 && newHeader[item]);
   }) && !content && !extraContent && !tabList && !tabBarExtraContent;
-  var pageContainerCls = classNames(_defineProperty({}, "".concat(prefixCls, "-no-page-header"), noHasHeader), className, hashId);
+  var pageContainerCls = classNames(_defineProperty({}, "".concat(prefixCls, "-no-page-header"), noHasHeader), className);
   return wrapSSR( /*#__PURE__*/React.createElement(AntPageContainer, _extends({
     prefixCls: customizePrefixCls,
     className: pageContainerCls,

package/es/PageContainer/style/index.d.ts

@@ -1,5 +1,9 @@
+/// <reference types="react" />
 import type { PageContainerToken } from '@ant-design/pro-layout/es/components/PageContainer/style';
 import type { GenerateStyle } from '@oceanbase/design/es/theme';
 export declare const genPageContainerStyle: GenerateStyle<PageContainerToken>;
-declare const _default: (prefixCls: string) => any;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};
 export default _default;

package/es/TagSelect/Group.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+export type TagSelectValueType = string | number;
+export interface TagSelectOptionType {
+    label: React.ReactNode;
+    value: TagSelectValueType;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+    onChange?: (e: any) => void;
+}
+export interface TagSelectGroupProps {
+    title?: string;
+    children?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    multiple?: boolean;
+    defaultValue?: TagSelectValueType | Array<TagSelectValueType>;
+    value?: TagSelectValueType | Array<TagSelectValueType>;
+    size?: string;
+    options?: Array<TagSelectOptionType | string | number>;
+    onChange?: (value: Array<TagSelectValueType> | TagSelectValueType) => void;
+}
+declare const Group: React.FC<TagSelectGroupProps>;
+export default Group;

package/es/TagSelect/Group.js

@@ -0,0 +1,121 @@
+var _excluded = ["title", "multiple", "defaultValue", "size", "options", "children", "className"];
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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; }
+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; }
+import classNames from 'classnames';
+import { getPrefix } from "../_util";
+import React, { useMemo, useState, useEffect } from 'react';
+import TagSelectContext from "./TagSelectContext";
+import Item from "./Item";
+import useStyle from "./style";
+function toArray(value) {
+  var res = value;
+  if (value === undefined) {
+    res = [];
+  } else if (!Array.isArray(value)) {
+    res = [value];
+  }
+  return res;
+}
+var Group = function Group(_ref) {
+  var title = _ref.title,
+    multiple = _ref.multiple,
+    defaultValue = _ref.defaultValue,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var prefix = getPrefix('tag-select');
+  var _useStyle = useStyle(prefix),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var _useState = useState(toArray(defaultValue || restProps.value)),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var _React$useState = React.useState([]),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    registeredValues = _React$useState2[0],
+    setRegisteredValues = _React$useState2[1];
+  var registerValue = function registerValue(val) {
+    setRegisteredValues(function (prev) {
+      return [].concat(_toConsumableArray(prev), [val]);
+    });
+  };
+  useEffect(function () {
+    if ('value' in restProps) {
+      setValue(toArray(restProps.value));
+    }
+  }, [restProps.value]);
+  var handleValueChange = function handleValueChange(v) {
+    var _restProps$onChange;
+    var registeredValue = value.filter(function (v1) {
+      return registeredValues.includes(v1);
+    });
+    var newValue = _toConsumableArray(registeredValue);
+    var index = newValue.indexOf(v);
+    var checkedValue = index === -1 ? v : undefined;
+    if (multiple) {
+      if (index === -1) {
+        newValue.push(v);
+      } else {
+        newValue.splice(index, 1);
+      }
+    }
+    if (!('value' in restProps)) {
+      setValue(multiple ? newValue : [checkedValue]);
+    }
+    (_restProps$onChange = restProps.onChange) === null || _restProps$onChange === void 0 ? void 0 : _restProps$onChange.call(restProps, multiple ? newValue : checkedValue);
+  };
+  var contextValue = {
+    multiple: multiple,
+    size: size,
+    value: value,
+    disabled: restProps.disabled,
+    onChange: restProps.onChange,
+    registerValue: registerValue,
+    handleValueChange: handleValueChange
+  };
+  var memoOptions = useMemo(function () {
+    return options.map(function (option) {
+      if (typeof option === 'string' || typeof option === 'number') {
+        return {
+          label: option,
+          value: option
+        };
+      }
+      return option;
+    });
+  }, [options]);
+  var childrenNode = options.length ? memoOptions.map(function (option) {
+    return /*#__PURE__*/React.createElement(Item, {
+      key: option.value.toString(),
+      disabled: 'disabled' in option ? option.disabled : restProps.disabled,
+      value: option.value,
+      onChange: option.onChange,
+      style: option.style,
+      checked: value === null || value === void 0 ? void 0 : value.includes(option.value)
+    }, option.label);
+  }) : children;
+  var groupCls = classNames("".concat(prefix, "-container"), hashId, className);
+  return wrapSSR( /*#__PURE__*/React.createElement(TagSelectContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement("div", {
+    className: groupCls
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "-title")
+  }, title), childrenNode)));
+};
+export default Group;

package/es/TagSelect/Item.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { TagSelectValueType } from './Group';
+export interface TagSelectItemProps {
+    children?: React.ReactNode;
+    cover?: React.ReactNode;
+    value?: string | number;
+    defaultChecked?: boolean;
+    checked?: boolean;
+    title?: string;
+    disabled?: boolean;
+    style?: React.CSSProperties;
+    multiple?: boolean;
+    handleChange?: (value: TagSelectValueType) => void;
+    onChange?: (e: any) => void;
+}
+declare const Item: React.FC<TagSelectItemProps>;
+export default Item;

package/es/TagSelect/Item.js

@@ -0,0 +1,84 @@
+var _excluded = ["children", "handleChange", "onChange", "cover"];
+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); }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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); }
+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); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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; }
+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; }
+import RcCheckBox from 'rc-checkbox';
+import classNames from 'classnames';
+import { isBoolean } from 'lodash';
+import React, { useEffect, useState } from 'react';
+import useStyle from "./style";
+import { getPrefix } from "../_util";
+import TagSelectContext from "./TagSelectContext";
+var Item = function Item(_ref) {
+  var _classNames;
+  var children = _ref.children,
+    handleChange = _ref.handleChange,
+    _onChange = _ref.onChange,
+    cover = _ref.cover,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(restProps.defaultChecked),
+    _useState2 = _slicedToArray(_useState, 2),
+    checked = _useState2[0],
+    setChecked = _useState2[1];
+  var coverType = _typeof(cover);
+  var prefixCls = getPrefix('tag-select');
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var tagSelectGroup = React.useContext(TagSelectContext);
+  var wrapperClassName = classNames("".concat(prefixCls, "-wrapper"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-checked"), checked), _defineProperty(_classNames, "multiple", tagSelectGroup.multiple), _defineProperty(_classNames, "".concat(prefixCls, "-").concat(tagSelectGroup.size), tagSelectGroup.size), _defineProperty(_classNames, "".concat(prefixCls, "-disabled"), tagSelectGroup.disabled || restProps.disabled), _defineProperty(_classNames, "".concat(prefixCls, "-img"), coverType === 'string'), _defineProperty(_classNames, "".concat(prefixCls, "-custom"), coverType !== 'string'), _classNames), hashId);
+  useEffect(function () {
+    if (isBoolean(restProps.checked)) {
+      setChecked(restProps.checked);
+    }
+  }, [restProps.checked]);
+  useEffect(function () {
+    var _tagSelectGroup$regis;
+    return (_tagSelectGroup$regis = tagSelectGroup.registerValue) === null || _tagSelectGroup$regis === void 0 ? void 0 : _tagSelectGroup$regis.call(tagSelectGroup, restProps.value);
+  }, [restProps.value]);
+  useEffect(function () {
+    var _tagSelectGroup$value;
+    if ((_tagSelectGroup$value = tagSelectGroup.value) !== null && _tagSelectGroup$value !== void 0 && _tagSelectGroup$value.includes(restProps.value) || restProps.checked || restProps.defaultChecked) {
+      setChecked(true);
+    } else {
+      setChecked(false);
+    }
+  }, [tagSelectGroup.value, restProps.value]);
+  var renderCover = function renderCover() {
+    return coverType === 'string' ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-cover")
+    }, /*#__PURE__*/React.createElement("img", {
+      src: cover,
+      alt: "tagselect"
+    })) : cover;
+  };
+  return wrapSSR( /*#__PURE__*/React.createElement("label", {
+    className: wrapperClassName,
+    style: restProps.style
+  }, /*#__PURE__*/React.createElement(RcCheckBox, _extends({}, restProps, {
+    checked: checked,
+    prefixCls: prefixCls,
+    onChange: function onChange(e) {
+      if (!('checked' in restProps) && !Object.keys(tagSelectGroup).length) {
+        setChecked(e.target.checked);
+      }
+      if (_onChange) {
+        _onChange(e);
+      }
+      if (tagSelectGroup.handleValueChange) {
+        tagSelectGroup.handleValueChange(e.target.value);
+      }
+    }
+  })), cover ? renderCover() : /*#__PURE__*/React.createElement("span", null, children)));
+};
+export default Item;

package/es/TagSelect/TagSelectContext.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { TagSelectValueType } from './Group';
+export type TagSelectContextProps = {
+    multiple?: boolean;
+    size?: string;
+    disabled?: boolean;
+    value?: Array<TagSelectValueType>;
+    onChange?: (value: Array<TagSelectValueType> | TagSelectValueType) => void;
+    registerValue?: (val: TagSelectValueType) => void;
+    handleValueChange?: (val: TagSelectValueType) => void;
+};
+declare const TagSelectContext: import("react").Context<TagSelectContextProps>;
+export default TagSelectContext;

package/es/TagSelect/TagSelectContext.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+var TagSelectContext = /*#__PURE__*/createContext({});
+export default TagSelectContext;

package/es/TagSelect/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const _default: {
+    Group: import("react").FC<import("./Group").TagSelectGroupProps>;
+    Item: import("react").FC<import("./Item").TagSelectItemProps>;
+};
+export default _default;

package/es/TagSelect/index.js

@@ -0,0 +1,6 @@
+import Group from "./Group";
+import Item from "./Item";
+export default {
+  Group: Group,
+  Item: Item
+};

package/es/TagSelect/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/lib/theme/internal';
+export type TagSelectToken = FullToken<any>;
+export declare const genTagSelectStyle: GenerateStyle<TagSelectToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};
+export default _default;

package/es/TagSelect/style/index.js

@@ -0,0 +1,98 @@
+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); }
+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; }
+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; }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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); }
+import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+var genSizeStyle = function genSizeStyle(height, fontSize) {
+  return {
+    paddingTop: "".concat(height, "px"),
+    paddingBottom: "".concat(height, "px"),
+    fontSize: fontSize
+  };
+};
+var genColoredStyle = function genColoredStyle(borderColor, backgroundColor, color) {
+  return {
+    borderColor: borderColor,
+    backgroundColor: backgroundColor,
+    color: color
+  };
+};
+var genMultipleStyle = function genMultipleStyle(color, token) {
+  return {
+    position: 'absolute',
+    top: '1px',
+    right: '1px',
+    borderTop: "12px solid ".concat(color),
+    borderLeft: "12px solid transparent",
+    borderTopRightRadius: token.borderRadiusSM
+  };
+};
+var genImgCoverStyle = function genImgCoverStyle(width, height) {
+  return {
+    width: width,
+    height: height
+  };
+};
+export var genTagSelectStyle = function genTagSelectStyle(token) {
+  var _$concat, _ref;
+  var componentCls = token.componentCls;
+  return _ref = {}, _defineProperty(_ref, "".concat(componentCls, "-title"), {
+    fontSize: token.fontSize,
+    color: token.colorText,
+    margin: "".concat(token.marginXXS, "px 0")
+  }), _defineProperty(_ref, "".concat(componentCls, "-wrapper"), (_$concat = {
+    position: 'relative',
+    display: 'inline-block',
+    fontSize: token.fontSize,
+    color: token.colorTextLabel,
+    background: token.colorWhite,
+    border: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorBorder),
+    borderRadius: token.borderRadius,
+    marginRight: token.marginXS,
+    padding: "".concat(token.paddingXXS, "px ").concat(token.paddingContentHorizontal, "px"),
+    cursor: 'pointer'
+  }, _defineProperty(_$concat, "".concat(componentCls, "-input"), {
+    width: 0,
+    height: 0,
+    opacity: 0,
+    pointerEvents: 'none'
+  }), _defineProperty(_$concat, '&:last-child', {
+    margin: 0
+  }), _defineProperty(_$concat, "&:has(".concat(componentCls, "-cover)"), _objectSpread({
+    padding: 0
+  }, genImgCoverStyle('76px', '40px'))), _$concat)), _defineProperty(_ref, "".concat(componentCls, "-cover"), {
+    display: 'inline-block',
+    width: '100%',
+    height: '100%',
+    img: {
+      height: 'calc(100% - 2px)',
+      width: 'calc(100% - 2px)',
+      borderRadius: token.borderRadius,
+      marginLeft: '1px',
+      marginTop: '1px'
+    }
+  }), _defineProperty(_ref, "".concat(componentCls, "-large").concat(componentCls, "-img"), _objectSpread(_objectSpread({}, genImgCoverStyle('228px', '120px')), {}, {
+    marginRight: '16px'
+  })), _defineProperty(_ref, "".concat(componentCls, "-small").concat(componentCls, "-img"), genImgCoverStyle('76px', '32px')), _defineProperty(_ref, "".concat(componentCls, "-large"), genSizeStyle(token.paddingContentVerticalSM, token.fontSize)), _defineProperty(_ref, "".concat(componentCls, "-small"), genSizeStyle(0, token.fontSize)), _defineProperty(_ref, "".concat(componentCls, "-wrapper:not(").concat(componentCls, "-disabled):hover"), {
+    color: token.colorPrimaryTextHover
+  }), _defineProperty(_ref, "".concat(componentCls, "-checked"), genColoredStyle(token.blue, token.colorPrimaryBg, token.colorPrimaryText)), _defineProperty(_ref, "".concat(componentCls, "-wrapper").concat(componentCls, "-checked:not(").concat(componentCls, "-disabled):focus-within"), {
+    boxShadow: "0 1px 3px 0px #000",
+    borderColor: "".concat(token.colorPrimary)
+  }), _defineProperty(_ref, "".concat(componentCls, "-checked:not(").concat(componentCls, "-disabled)"), {
+    '&:hover': _objectSpread(_objectSpread({}, genColoredStyle(token.colorInfoBorder, '#EBF1FF', token.colorInfoTextHover)), {}, _defineProperty({}, "".concat(componentCls, "-inner"), {
+      borderTopColor: "".concat(token.colorPrimaryTextHover, " !important")
+    }))
+  }), _defineProperty(_ref, "".concat(componentCls, "-disabled:not(").concat(componentCls, "-checked)"), _objectSpread(_objectSpread({}, genColoredStyle(token.colorBorder, '#F6F8FE', '#CDD5E3')), {}, {
+    cursor: 'not-allowed'
+  })), _defineProperty(_ref, "".concat(componentCls, "-disabled").concat(componentCls, "-checked"), _objectSpread({
+    cursor: 'not-allowed'
+  }, genColoredStyle(token.colorBorder, '#E2E8F3', token.colorTextTertiary))), _defineProperty(_ref, "".concat(componentCls, "-checked").concat(componentCls, "-disabled.multiple"), _defineProperty({}, "".concat(componentCls, "-inner"), genMultipleStyle('#CDD5E3', token))), _defineProperty(_ref, "".concat(componentCls, "-checked:not(").concat(componentCls, "-disabled).multiple"), _defineProperty({}, "".concat(componentCls, "-inner"), genMultipleStyle(token.colorPrimary, token))), _ref;
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('TagSelect', function (token) {
+    return [genTagSelectStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

package/es/_util/genComponentStyleHook.d.ts

@@ -1,5 +1,6 @@
 import type { ProAliasToken } from '@ant-design/pro-components';
 import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import React from 'react';
 export interface OBToken extends ProAliasToken {
     /** Wrap component class with `.` prefix */
     componentCls: string;
@@ -11,4 +12,7 @@ export interface OBToken extends ProAliasToken {
     antCls: string;
     zIndexPopup: number;
 }
-export declare function genComponentStyleHook(componentName: string, styleFn: GenerateStyle<OBToken>): (prefixCls: string) => any;
+export declare function genComponentStyleHook(componentName: string, styleFn: GenerateStyle<OBToken>): (prefixCls: string) => {
+    wrapSSR: (node: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => React.JSX.Element;
+    hashId: string;
+};