@oceanbase/ui 1.0.0-alpha.1 → 1.0.0-alpha.11

package/es/TagSelect/Group.js

@@ -11,9 +11,10 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
+"use client";
 import classNames from 'classnames';
-import { getPrefix } from "../_util";
-import React, { useMemo, useState, useEffect } from 'react';
+import { ConfigProvider } from '@oceanbase/design';
+import React, { useContext, useMemo, useState, useEffect } from 'react';
 import TagSelectContext from "./TagSelectContext";
 import Item from "./Item";
 import useStyle from "./style";
@@ -39,7 +40,9 @@ var Group = function Group(_ref) {
     children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  var prefix = getPrefix('tag-select');
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefix = getPrefixCls('tag-select');
   var _useStyle = useStyle(prefix),
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;

package/es/TagSelect/Item.js

@@ -13,12 +13,13 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
+"use client";
 import RcCheckBox from 'rc-checkbox';
 import classNames from 'classnames';
 import { isBoolean } from 'lodash';
-import React, { useEffect, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
+import { ConfigProvider } from '@oceanbase/design';
 import useStyle from "./style";
-import { getPrefix } from "../_util";
 import TagSelectContext from "./TagSelectContext";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -33,7 +34,9 @@ var Item = function Item(_ref) {
     checked = _useState2[0],
     setChecked = _useState2[1];
   var coverType = _typeof(cover);
-  var prefixCls = getPrefix('tag-select');
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('tag-select');
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;

package/es/TagSelect/index.js

@@ -1,3 +1,4 @@
+"use client";
 import Group from "./Group";
 import Item from "./Item";
 export default {

package/es/TreeSearch/index.js

@@ -4,6 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+"use client";
 import { SearchOutlined } from '@oceanbase/icons';
 import { Divider, Empty, Form, Input, Tree } from '@oceanbase/design';
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';

package/es/Welcome/index.d.ts

@@ -1,6 +1,5 @@
 import type { ButtonProps } from '@oceanbase/design/es/button';
 import React from 'react';
-import './index.less';
 export interface IntroduceItem {
     image: string;
     title: string;

package/es/Welcome/index.js

@@ -7,18 +7,18 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
+"use client";
 import { PlusOutlined } from '@oceanbase/icons';
-import { Button, Card, Col, Row } from '@oceanbase/design';
+import { Button, Card, Col, ConfigProvider, Row } from '@oceanbase/design';
 import classNames from 'classnames';
-import React from 'react';
+import React, { useContext } from 'react';
 import LocaleWrapper from "../locale/LocaleWrapper";
-import { directTo, getPrefix } from "../_util";
-import "./index.less";
+import { directTo } from "../_util";
+import useStyle from "./style";
 import zhCN from "./locale/zh-CN";
 import Step from "./step";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var prefix = getPrefix('welcome');
 var Welcome = function Welcome(_ref) {
   var title = _ref.title,
     description = _ref.description,
@@ -36,25 +36,30 @@ var Welcome = function Welcome(_ref) {
     locale = _ref.locale,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('welcome');
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR;
   var isDefault = stepType === 'default';
   var renderStep = function renderStep(item, index) {
     var DefaultStep = function DefaultStep() {
       return /*#__PURE__*/_jsxs(Col, {
         span: 12,
         "data-testid": "steps",
-        className: "".concat(prefix, "-item"),
+        className: "".concat(prefixCls, "-item"),
         children: [/*#__PURE__*/_jsx("div", {
-          className: "".concat(prefix, "-order-wrapper"),
+          className: "".concat(prefixCls, "-order-wrapper"),
           children: /*#__PURE__*/_jsx("div", {
-            className: "".concat(prefix, "-order"),
+            className: "".concat(prefixCls, "-order"),
             children: index + 1
           })
         }), /*#__PURE__*/_jsxs("span", {
           children: [/*#__PURE__*/_jsx("h3", {
-            className: "".concat(prefix, "-title"),
+            className: "".concat(prefixCls, "-title"),
             children: item.title
           }), /*#__PURE__*/_jsx("p", {
-            className: "".concat(prefix, "-description"),
+            className: "".concat(prefixCls, "-description"),
             children: item.description
           })]
         })]
@@ -73,36 +78,36 @@ var Welcome = function Welcome(_ref) {
     }, StepProps), item.title);
     return StepItem;
   };
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
-    className: "".concat("".concat(prefix, "-container"), " ", className)
+  return wrapSSR( /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+    className: "".concat(prefixCls, "-container ").concat(className || '')
   }, restProps), {}, {
     children: [/*#__PURE__*/_jsxs(Row, {
-      className: "".concat(prefix, "-page-header"),
+      className: "".concat(prefixCls, "-page-header"),
       style: {
         backgroundImage: "url(\"".concat(bgImage, "\")")
       },
       children: [/*#__PURE__*/_jsx(Col, {
         span: 24,
-        className: "".concat(prefix, "-title"),
+        className: "".concat(prefixCls, "-title"),
         children: /*#__PURE__*/_jsx("div", {
           children: title
         })
       }), /*#__PURE__*/_jsx(Col, {
         span: 16,
-        className: "".concat(prefix, "-description"),
+        className: "".concat(prefixCls, "-description"),
         children: /*#__PURE__*/_jsx("p", {
           children: description
         })
       })]
     }), /*#__PURE__*/_jsx(Card, {
       bordered: false,
-      className: "".concat(prefix, "-introduce"),
+      className: "".concat(prefixCls, "-introduce"),
       children: /*#__PURE__*/_jsx(Row, {
         gutter: 78,
         children: introduces.map(function (item) {
           return /*#__PURE__*/_jsxs(Col, {
             span: 8,
-            className: "".concat(prefix, "-item"),
+            className: "".concat(prefixCls, "-item"),
             "data-testid": "introduces",
             children: [/*#__PURE__*/_jsx("img", {
               src: item.image,
@@ -110,10 +115,10 @@ var Welcome = function Welcome(_ref) {
               height: 80
             }), /*#__PURE__*/_jsxs("span", {
               children: [/*#__PURE__*/_jsx("h3", {
-                className: "".concat(prefix, "-title"),
+                className: "".concat(prefixCls, "-title"),
                 children: item.title
               }), /*#__PURE__*/_jsx("p", {
-                className: "".concat(prefix, "-description"),
+                className: "".concat(prefixCls, "-description"),
                 children: item.description
               })]
             })]
@@ -121,10 +126,10 @@ var Welcome = function Welcome(_ref) {
         })
       })
     }), /*#__PURE__*/_jsxs(Row, {
-      className: "".concat(prefix, "-content"),
+      className: "".concat(prefixCls, "-content"),
       children: [/*#__PURE__*/_jsx(Col, {
         span: 14,
-        className: isDefault ? "".concat(prefix, "-left") : "".concat(prefix, "-border-right"),
+        className: isDefault ? "".concat(prefixCls, "-left") : 'borderRight',
         children: /*#__PURE__*/_jsxs(Row, {
           justify: "space-around",
           children: [steps.map(function (item, index) {
@@ -132,7 +137,7 @@ var Welcome = function Welcome(_ref) {
           }), isDefault && /*#__PURE__*/_jsx(Col, {
             span: 24,
             children: /*#__PURE__*/_jsx("div", {
-              className: "".concat(prefix, "-btn-wrapper"),
+              className: "".concat(prefixCls, "-btn-wrapper"),
               children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
                 size: "large",
                 type: "primary",
@@ -146,9 +151,9 @@ var Welcome = function Welcome(_ref) {
         })
       }), /*#__PURE__*/_jsxs(Col, {
         span: 10,
-        className: "".concat(prefix, "-right"),
+        className: "".concat(prefixCls, "-right"),
         children: [/*#__PURE__*/_jsx("h3", {
-          className: "".concat(prefix, "-title"),
+          className: "".concat(prefixCls, "-title"),
           children: locale.helpTitle
         }), helps.map(function (item) {
           return /*#__PURE__*/_jsx(Button, {
@@ -156,14 +161,14 @@ var Welcome = function Welcome(_ref) {
             onClick: function onClick() {
               directTo(item.link);
             },
-            className: classNames(_defineProperty({}, "".concat(prefix, "-more"), !!item.isMore)),
+            className: classNames(_defineProperty({}, "".concat(prefixCls, "-more"), !!item.isMore)),
             "data-testid": "helps",
             children: item.title
           }, item.title);
         })]
       })]
     })]
-  }));
+  })));
 };
 export default LocaleWrapper({
   componentName: 'Welcome',

package/es/Welcome/locale/ja-JP.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    helpTitle: string;
+    defaultOperation: string;
+};
+export default _default;

package/es/Welcome/locale/ja-JP.js

@@ -0,0 +1,4 @@
+export default {
+  helpTitle: 'クイックスタート',
+  defaultOperation: 'デフォルト操作'
+};

package/es/Welcome/step/style/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { OBToken } from '../../../_util/genComponentStyleHook';
+export type WelcomeStepToken = OBToken;
+export declare const genWelcomeStepStyle: GenerateStyle<WelcomeStepToken>;
+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/Welcome/step/style/index.js

@@ -0,0 +1,44 @@
+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); }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { genComponentStyleHook } from "../../../_util/genComponentStyleHook";
+export var genWelcomeStepStyle = function genWelcomeStepStyle(token) {
+  var componentCls = token.componentCls,
+    colorText = token.colorText,
+    colorTextTertiary = token.colorTextTertiary,
+    colorPrimary = token.colorPrimary;
+  return _defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty({
+    display: 'flex',
+    marginBottom: 30,
+    padding: '20px 30px 20px 0',
+    background: token.colorBgContainer,
+    border: '1px solid rgba(0, 0, 0, 0.06)',
+    borderRadius: 2,
+    '&:hover': {
+      boxShadow: '0 4px 16px 0',
+      cursor: 'pointer'
+    },
+    '&:nth-child(even)': {
+      marginRight: 0
+    }
+  }, "".concat(componentCls, "-left"), {
+    padding: '0 20px'
+  }), "".concat(componentCls, "-right"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-title"), {
+    color: colorText,
+    fontSize: 16,
+    lineHeight: 24
+  }), "".concat(componentCls, "-description"), {
+    color: colorTextTertiary
+  })), "".concat(componentCls, "-operations"), {
+    color: colorPrimary,
+    fontSize: 14,
+    lineHeight: 22
+  }));
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('WelcomeStep', function (token) {
+    return [genWelcomeStepStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

package/es/Welcome/step.d.ts

@@ -1,4 +1,3 @@
-import './index.less';
 export interface OperationProps {
     text: string;
     onClick: () => void;

package/es/Welcome/step.js

@@ -1,48 +1,52 @@
-import { Col } from '@oceanbase/design';
-import React from 'react';
+"use client";
+import { Col, ConfigProvider } from '@oceanbase/design';
+import React, { useContext } from 'react';
 import LocaleWrapper from "../locale/LocaleWrapper";
-import { getPrefix } from "../_util";
-import "./index.less";
+import useStyle from "./step/style";
 import zhCN from "./locale/zh-CN";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var prefix = getPrefix('welcome-step');
 var WelcomeStep = function WelcomeStep(props) {
   var title = props.title,
     description = props.description,
     operations = props.operations,
     imgUrl = props.imgUrl,
     locale = props.locale;
-  return /*#__PURE__*/_jsxs(Col, {
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('welcome-step');
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR;
+  return wrapSSR( /*#__PURE__*/_jsxs(Col, {
     span: 11,
-    className: prefix,
+    className: prefixCls,
     children: [/*#__PURE__*/_jsx("div", {
-      className: "".concat(prefix, "-left"),
+      className: "".concat(prefixCls, "-left"),
       children: /*#__PURE__*/_jsx("img", {
         src: imgUrl,
         alt: "",
         width: "60"
       })
     }), /*#__PURE__*/_jsxs("div", {
-      className: "".concat(prefix, "-right"),
+      className: "".concat(prefixCls, "-right"),
       children: [/*#__PURE__*/_jsx("h3", {
-        className: "".concat(prefix, "-title"),
+        className: "".concat(prefixCls, "-title"),
         children: title
       }), /*#__PURE__*/_jsx("p", {
-        className: "".concat(prefix, "-description"),
+        className: "".concat(prefixCls, "-description"),
         children: description
       }), operations && /*#__PURE__*/_jsx("div", {
-        className: "".concat(prefix, "-operations"),
+        className: "".concat(prefixCls, "-operations"),
         children: operations === null || operations === void 0 ? void 0 : operations.map(function (operation, index) {
           return /*#__PURE__*/_jsx("span", {
             onClick: operation.onClick,
-            className: "".concat(prefix, "-operation"),
+            className: "".concat(prefixCls, "-operation"),
             children: operation.text || locale.defaultOperation
           }, index);
         })
       })]
     })]
-  }, title);
+  }, title));
 };
 export default LocaleWrapper({
   componentName: 'WelcomeStep',

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { OBToken } from '../../_util/genComponentStyleHook';
+export type WelcomeToken = OBToken;
+export declare const genWelcomeStyle: GenerateStyle<WelcomeToken>;
+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/Welcome/style/index.js

@@ -0,0 +1,141 @@
+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); }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+export var genWelcomeStyle = function genWelcomeStyle(token) {
+  var componentCls = token.componentCls,
+    antCls = token.antCls,
+    colorBgContainer = token.colorBgContainer,
+    colorText = token.colorText,
+    colorTextSecondary = token.colorTextSecondary,
+    colorTextTertiary = token.colorTextTertiary,
+    colorTextQuaternary = token.colorTextQuaternary,
+    colorPrimary = token.colorPrimary;
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-container"), _defineProperty(_defineProperty(_defineProperty({
+    height: '100%',
+    paddingBottom: '0 !important',
+    backgroundColor: colorBgContainer,
+    '.tech-page-container-content': {
+      padding: '0 !important'
+    }
+  }, "".concat(componentCls, "-page-header"), _defineProperty(_defineProperty({
+    height: 272,
+    paddingTop: 72,
+    paddingLeft: 100,
+    color: colorBgContainer,
+    backgroundRepeat: 'no-repeat',
+    backgroundSize: '100% 100%',
+    p: {
+      textAlign: 'justify'
+    },
+    img: {
+      width: 80
+    }
+  }, "".concat(componentCls, "-title"), {
+    fontSize: 32,
+    fontFamily: 'SFProText-Medium'
+  }), "".concat(componentCls, "-description"), {
+    marginTop: 16,
+    marginBottom: 32,
+    fontFamily: 'SFProText-Regular',
+    opacity: 0.85
+  })), "".concat(componentCls, "-introduce"), _defineProperty(_defineProperty({
+    margin: '0 32px',
+    marginTop: -48,
+    marginBottom: 40
+  }, "".concat(antCls, "-card-body"), {
+    padding: '48px 68px',
+    boxShadow: '0 1px 40px 2px rgba(28, 116, 230, 0.1)'
+  }), "".concat(componentCls, "-item"), {
+    display: 'flex',
+    img: {
+      marginRight: 12
+    },
+    '.title': {
+      color: colorText,
+      fontSize: 16,
+      fontFamily: 'PingFangSC-Medium'
+    },
+    '.description': {
+      marginTop: 4,
+      color: colorTextSecondary,
+      fontFamily: 'SFProText-Regular'
+    }
+  })), "".concat(componentCls, "-content"), _defineProperty(_defineProperty({
+    padding: '0 32px',
+    paddingBottom: 90
+  }, "".concat(componentCls, "-left"), _defineProperty(_defineProperty({
+    padding: '0 36px',
+    borderRight: '1px solid #e8e8e8'
+  }, "".concat(componentCls, "-item"), _defineProperty(_defineProperty(_defineProperty({
+    display: 'flex',
+    padding: '24px 24px'
+  }, "".concat(componentCls, "-order-wrapper"), _defineProperty({}, "".concat(componentCls, "-order"), {
+    width: 24,
+    height: 24,
+    marginRight: 12,
+    color: colorTextQuaternary,
+    textAlign: 'center',
+    border: "1px solid ".concat(colorTextQuaternary),
+    borderRadius: 24
+  })), "".concat(componentCls, "-title"), {
+    marginTop: 0,
+    color: colorText,
+    fontSize: 16
+  }), "".concat(componentCls, "-description"), {
+    marginTop: 8,
+    color: colorTextTertiary
+  })), "".concat(componentCls, "-btn-wrapper"), {
+    marginRight: 24,
+    marginLeft: 60
+  })), "".concat(componentCls, "-right"), _defineProperty(_defineProperty(_defineProperty({
+    padding: '24px 64px'
+  }, "".concat(componentCls, "-title"), {
+    marginBottom: 16,
+    color: colorText,
+    fontSize: 16,
+    fontFamily: 'PingFangSC-Medium'
+  }), "".concat(antCls, "-btn"), {
+    marginRight: 12,
+    marginBottom: 12,
+    background: 'rgba(24, 144, 255, 0.06)',
+    border: 'none'
+  }), "".concat(componentCls, "-more"), {
+    background: 'rgba(0, 0, 0, 0.04)'
+  })))), "".concat(componentCls, "-step"), _defineProperty(_defineProperty(_defineProperty({
+    display: 'flex',
+    marginBottom: 30,
+    padding: '20px 30px 20px 0',
+    background: colorBgContainer,
+    border: '1px solid rgba(0, 0, 0, 0.06)',
+    borderRadius: 2,
+    '&:hover': {
+      boxShadow: '0 4px 16px 0',
+      cursor: 'pointer'
+    },
+    '&:nth-child(even)': {
+      marginRight: 0
+    }
+  }, "".concat(componentCls, "-step-left"), {
+    padding: '0 20px'
+  }), "".concat(componentCls, "-step-right"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-step-title"), {
+    color: colorText,
+    fontSize: 16,
+    lineHeight: 24
+  }), "".concat(componentCls, "-step-description"), {
+    color: colorTextTertiary
+  })), "".concat(componentCls, "-step-operations"), {
+    color: colorPrimary,
+    fontSize: 14,
+    lineHeight: 22
+  })), '.borderRight', {
+    borderRight: '1px solid #e8e8e8'
+  });
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('Welcome', function (token) {
+    return [genWelcomeStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

package/es/_util/genComponentStyleHook.d.ts

@@ -1,7 +1,8 @@
-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 {
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { AliasToken } from '@oceanbase/design/es/theme/interface';
+import type { ProAliasToken } from '@ant-design/pro-components';
+export interface OBToken extends ProAliasToken, AliasToken {
     /** Wrap component class with `.` prefix */
     componentCls: string;
     /** Origin prefix which do not have `.` prefix */

package/es/_util/genComponentStyleHook.js

@@ -4,9 +4,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { useStyle } from '@ant-design/pro-components';
 import React from 'react';
 import { ConfigProvider } from '@oceanbase/design';
+import { useStyle } from '@ant-design/pro-components';
 export function genComponentStyleHook(componentName, styleFn) {
   return function (prefixCls) {
     var _React$useContext = React.useContext(ConfigProvider.ConfigContext),

package/es/_util/index.js

@@ -1,3 +1,4 @@
+"use client";
 /**
  * 获取基于 Umi 框架应用的语言
  * @returns string

package/es/constant/index.js

@@ -1,3 +1,4 @@
+"use client";
 // OB 官网链接
 export var OB_SITE_LINK = 'https://www.oceanbase.com';
 export var LOCALE_LIST = [{

package/es/index.d.ts

@@ -1,4 +1,3 @@
-import './index.less';
 export * from '@ant-design/pro-components';
 export { version } from '../package.json';
 export * from './constant';
@@ -20,8 +19,6 @@ export { default as DocDialog } from './DocDialog';
 export type { DocDialogProps } from './DocDialog';
 export { default as FullscreenBox } from './FullscreenBox';
 export type { FullscreenBoxProps } from './FullscreenBox';
-export { default as GraphToolbar } from './GraphToolbar';
-export type { GraphToolbarProps } from './GraphToolbar';
 export { default as Highlight } from './Highlight';
 export type { HighlightProps } from './Highlight';
 export { default as IconFont } from './IconFont';
@@ -52,8 +49,6 @@ export { default as DateRanger } from './DateRanger';
 export type { DateRangerProps } from './DateRanger';
 export { default as SideTip } from './SideTip';
 export type { SideTipProps } from './SideTip';
-export { default as TaskGraph } from './TaskGraph';
-export type { TaskGraphProps } from './TaskGraph';
 export { default as TreeSearch } from './TreeSearch';
 export type { TreeSearchProps, TreeSearchRef } from './TreeSearch';
 export { default as Welcome } from './Welcome';

package/es/index.js

@@ -1,4 +1,4 @@
-import "./index.less";
+"use client";
 export * from '@ant-design/pro-components';
 export { version } from "../package.json";
 export * from "./constant";
@@ -12,7 +12,6 @@ export { default as ContentWithIcon } from "./ContentWithIcon";
 export { default as Dialog } from "./Dialog";
 export { default as DocDialog } from "./DocDialog";
 export { default as FullscreenBox } from "./FullscreenBox";
-export { default as GraphToolbar } from "./GraphToolbar";
 export { default as Highlight } from "./Highlight";
 export { default as IconFont } from "./IconFont";
 export { default as Login } from "./Login";
@@ -28,7 +27,6 @@ export { default as Password } from "./Password";
 export { default as Ranger } from "./Ranger";
 export { default as DateRanger } from "./DateRanger";
 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/locale/LocaleWrapper.js

@@ -17,6 +17,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+"use client";
 import { ConfigProvider } from '@oceanbase/design';
 import hoistNonReactStatic from 'hoist-non-react-statics';
 import React from 'react';