@oceanbase/ui 0.2.13 → 0.2.15

package/es/Password/index.d.ts

@@ -1,4 +1,4 @@
-import type { PasswordProps as AntdPasswordProps } from 'antd/es/input';
+import type { PasswordProps as InputPasswordProps } from '@oceanbase/design/es/input';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import type { Validator } from './Content';
 export interface PasswordLocale {
@@ -13,7 +13,7 @@ export interface PasswordLocale {
     copyPassword: string;
     andKeepItProperly: string;
 }
-export interface PasswordProps extends LocaleWrapperProps, Omit<AntdPasswordProps, 'onChange'> {
+export interface PasswordProps extends LocaleWrapperProps, Omit<InputPasswordProps, 'onChange'> {
     value?: string;
     onChange?: (value?: string) => void;
     rules?: Validator[];

package/es/Ranger/QuickPicker.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import type { RangeValue } from './Ranger';
 import type { RangeOption } from './typing';
-export declare type QuickType = 'select' | 'dropdown';
+export type QuickType = 'select' | 'dropdown';
 interface IProps extends LocaleWrapperProps {
     selects: RangeOption[];
     type?: QuickType;
@@ -12,6 +12,7 @@ interface IProps extends LocaleWrapperProps {
     name?: string;
     defaultName?: string;
     isMoment?: boolean;
+    size?: 'small' | 'large' | 'middle';
 }
 declare const _default: (props: IProps) => React.JSX.Element;
 export default _default;

package/es/Ranger/Ranger.d.ts

@@ -1,9 +1,9 @@
 import type { Dayjs } from 'dayjs';
 import type { Moment } from 'moment';
 import './index.less';
-export declare type RangeName = 'customize' | string;
-export declare type RangeValue = [Moment, Moment] | [Dayjs, Dayjs];
-export declare type RangeDateValue = {
+export type RangeName = 'customize' | string;
+export type RangeValue = [Moment, Moment] | [Dayjs, Dayjs];
+export type RangeDateValue = {
     name: RangeName;
     range: RangeValue;
 };

package/es/Ranger/index.d.ts

@@ -1,33 +1,2 @@
-import QuickPicker from './QuickPicker';
-import InternalRanger from './Ranger';
-import type { RangeOption } from './typing';
-declare type InternalRangerType = typeof InternalRanger;
-interface RangerType extends InternalRangerType {
-    NEAR_1_MINUTES: RangeOption;
-    NEAR_5_MINUTES: RangeOption;
-    NEAR_10_MINUTES: RangeOption;
-    NEAR_20_MINUTES: RangeOption;
-    NEAR_30_MINUTES: RangeOption;
-    NEAR_1_HOURS: RangeOption;
-    NEAR_2_HOURS: RangeOption;
-    NEAR_3_HOURS: RangeOption;
-    NEAR_6_HOURS: RangeOption;
-    TODAY: RangeOption;
-    YESTERDAY: RangeOption;
-    TOMORROW: RangeOption;
-    THIS_WEEK: RangeOption;
-    LAST_WEEK: RangeOption;
-    NEXT_WEEK: RangeOption;
-    THIS_MONTH: RangeOption;
-    LAST_MONTH: RangeOption;
-    NEXT_MONTH: RangeOption;
-    THIS_QUARTER: RangeOption;
-    LAST_QUARTER: RangeOption;
-    NEXT_QUARTER: RangeOption;
-    THIS_YEAR: RangeOption;
-    LAST_YEAR: RangeOption;
-    NEXT_YEAR: RangeOption;
-    QuickPicker: typeof QuickPicker;
-}
-declare const Ranger: RangerType;
+declare const Ranger: any;
 export default Ranger;

package/es/SideTip/index.d.ts

@@ -1,10 +1,10 @@
-import type { BadgeProps } from 'antd/es/badge/index';
-import type { TooltipPropsWithTitle } from 'antd/es/tooltip/index';
+import type { BadgeProps } from '@oceanbase/design/es/badge/index';
+import type { TooltipPropsWithTitle } from '@oceanbase/design/es/tooltip/index';
 import React from 'react';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import './index.less';
-export declare type SideTipType = 'primary' | 'default';
-export declare type SideTipSize = 'small' | 'default';
+export type SideTipType = 'primary' | 'default';
+export type SideTipSize = 'small' | 'default';
 export interface Position {
     /**
      * @title 距离右侧

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/TreeSearch/index.d.ts

@@ -1,4 +1,4 @@
-import type { DataNode } from 'antd/es/tree';
+import type { DataNode } from '@oceanbase/design/es/tree';
 import React from 'react';
 export interface Node {
     originTitle?: string;

package/es/Welcome/index.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonProps } from 'antd/es/button';
+import type { ButtonProps } from '@oceanbase/design/es/button';
 import React from 'react';
 import './index.less';
 export interface IntroduceItem {
@@ -19,7 +19,7 @@ export interface WelcomeLocale {
     helpTitle: string;
     defaultOperation: string;
 }
-export declare type StepType = 'default' | 'card';
+export type StepType = 'default' | 'card';
 export interface WelcomeProps {
     title: string;
     description: string;

package/es/_util/genComponentStyleHook.d.ts

@@ -1,5 +1,6 @@
 import type { ProAliasToken } from '@ant-design/pro-components';
-import type { GenerateStyle } from 'antd/es/theme/internal';
+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;
+};

package/es/_util/genComponentStyleHook.js

@@ -9,12 +9,12 @@ import React from 'react';
 import { ConfigProvider } from '@oceanbase/design';
 export function genComponentStyleHook(componentName, styleFn) {
   return function (prefixCls) {
+    var _React$useContext = React.useContext(ConfigProvider.ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls,
+      iconPrefixCls = _React$useContext.iconPrefixCls;
+    var rootPrefixCls = getPrefixCls();
+    var componentCls = ".".concat(prefixCls);
     return useStyle(componentName, function (token) {
-      var _React$useContext = React.useContext(ConfigProvider.ConfigContext),
-        getPrefixCls = _React$useContext.getPrefixCls,
-        iconPrefixCls = _React$useContext.iconPrefixCls;
-      var rootPrefixCls = getPrefixCls();
-      var componentCls = ".".concat(prefixCls);
       var mergedToken = _objectSpread(_objectSpread({}, token), {}, {
         componentCls: componentCls,
         prefixCls: prefixCls,

package/es/_util/useNavigate.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("packages/design/es/config-provider").NavigateFunction;
+export default _default;

package/es/_util/useNavigate.js

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import { ConfigProvider } from '@oceanbase/design';
+export default (function () {
+  var _useContext = useContext(ConfigProvider.ExtendedConfigContext),
+    navigate = _useContext.navigate;
+  return navigate;
+});

package/es/index.d.ts

@@ -8,7 +8,7 @@ export { default as BasicLayout } from './BasicLayout';
 export { default as BatchOperationBar } from './BatchOperationBar';
 export { default as Boundary } from './Boundary';
 export * from './constant';
-export { default as ContentWithQuestion } from './ContentWithQuestion';
+export { default as ContentWithIcon } from './ContentWithIcon';
 export { default as Dialog } from './Dialog';
 export { default as DocDialog } from './DocDialog';
 export { default as FullscreenBox } from './FullscreenBox';
@@ -26,3 +26,4 @@ export { default as SideTip } from './SideTip';
 export { default as TaskGraph } from './TaskGraph';
 export { default as TreeSearch } from './TreeSearch';
 export { default as Welcome } from './Welcome';
+export { default as TagSelect } from './TagSelect';

package/es/index.js

@@ -7,7 +7,7 @@ export { default as BasicLayout } from "./BasicLayout";
 export { default as BatchOperationBar } from "./BatchOperationBar";
 export { default as Boundary } from "./Boundary";
 export * from "./constant";
-export { default as ContentWithQuestion } from "./ContentWithQuestion";
+export { default as ContentWithIcon } from "./ContentWithIcon";
 export { default as Dialog } from "./Dialog";
 export { default as DocDialog } from "./DocDialog";
 export { default as FullscreenBox } from "./FullscreenBox";
@@ -24,4 +24,5 @@ export { default as Ranger } from "./Ranger";
 export { default as SideTip } from "./SideTip";
 export { default as TaskGraph } from "./TaskGraph";
 export { default as TreeSearch } from "./TreeSearch";
-export { default as Welcome } from "./Welcome";
+export { default as Welcome } from "./Welcome";
+export { default as TagSelect } from "./TagSelect";

package/es/interface.d.ts

@@ -1 +1 @@
-export declare type Locale = 'zh-TW' | 'zh-CN' | 'en-US';
+export type Locale = 'zh-TW' | 'zh-CN' | 'en-US';

package/es/locale/en-US.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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 antdEnUS from 'antd/es/locale/en_US';
+import enUS from '@oceanbase/design/es/locale/en-US';
 import BasicLayout from "../BasicLayout/locale/en-US";
 import BatchOperationBar from "../BatchOperationBar/locale/en-US";
 import Boundary from "../Boundary/locale/en-US";
@@ -19,7 +19,7 @@ import Ranger from "../Ranger/locale/en-US";
 import SideTip from "../SideTip/locale/en-US";
 import TaskGraph from "../TaskGraph/locale/en-US";
 import Welcome from "../Welcome/locale/en-US";
-export default _objectSpread(_objectSpread({}, antdEnUS), {}, {
+export default _objectSpread(_objectSpread({}, enUS), {}, {
   // 业务组件
   BasicLayout: BasicLayout,
   PageContainer: PageContainer,

package/es/locale/index.d.ts

@@ -1,4 +1,4 @@
-import type { Locale as AntLocale } from 'antd/es/locale';
-export interface Locale extends AntLocale {
+import type { Locale as DesignLocale } from '@oceanbase/design/es/locale';
+export interface Locale extends DesignLocale {
     [key: string]: any;
 }