@oceanbase/design 0.1.2 → 0.2.1

package/es/_util/genComponentStyleHook.d.ts

@@ -1,18 +1,9 @@
-import React from 'react';
-import type { GenerateStyle } from 'antd/es/theme/internal';
-import type { ProAliasToken } from '@ant-design/pro-components';
-export interface OBToken extends ProAliasToken {
-    /** Wrap component class with `.` prefix */
-    componentCls: string;
-    /** Origin prefix which do not have `.` prefix */
-    prefixCls: string;
-    /** Wrap icon class with `.` prefix */
-    iconCls: string;
-    /** Wrap ant prefixCls class with `.` prefix */
-    antCls: string;
-    zIndexPopup: number;
-}
-export declare function genComponentStyleHook(componentName: string, styleFn: GenerateStyle<OBToken>): (prefixCls: string) => {
-    wrapSSR: (node: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => JSX.Element;
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { ComponentTokenMap } from 'antd/es/theme/interface';
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export declare type ComponentName = keyof ComponentTokenMap;
+export declare function genComponentStyleHook(componentName: ComponentName, styleFn: GenerateStyle<FullToken<ComponentName>>): (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };
+export type { CSSObject, FullToken, GenerateStyle };

package/es/_util/genComponentStyleHook.js

@@ -1,27 +1,22 @@
-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 React from 'react';
-import { useStyle } from '@ant-design/pro-components';
-import ConfigProvider from "../ConfigProvider";
+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; }
+import { genComponentStyleHook as antGenComponentStyleHook } from 'antd/es/theme/internal';
 export function genComponentStyleHook(componentName, styleFn) {
   return function (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,
-        iconCls: ".".concat(iconPrefixCls),
-        antCls: ".".concat(rootPrefixCls)
-      });
-      return [styleFn(mergedToken)];
+    var useStyle = antGenComponentStyleHook("OB-".concat(componentName), function (token) {
+      return [styleFn(token)];
     });
+    var _useStyle = useStyle(prefixCls),
+      _useStyle2 = _slicedToArray(_useStyle, 2),
+      wrapSSR = _useStyle2[0],
+      hashId = _useStyle2[1];
+    return {
+      wrapSSR: wrapSSR,
+      hashId: hashId
+    };
   };
 }

package/es/index.d.ts

@@ -1,52 +1,21 @@
-import { Statistic } from 'antd';
-import type { StatisticProps } from 'antd';
 import 'antd/dist/reset.css';
-import './index.less';
 export * from 'antd';
-export { default as Button } from './Button';
+export { version } from '../package.json';
 export { default as Alert } from './Alert';
-export { default as Tooltip } from './Tooltip';
-export { default as Modal } from './Modal';
-export { message, notification, token } from './StaticFunction';
+export { default as Button } from './Button';
 export { default as Card } from './Card';
+export { default as ConfigProvider } from './ConfigProvider';
 export { default as Descriptions } from './Descriptions';
+export { default as Form } from './Form';
+export { default as Modal } from './Modal';
+export { message, notification, token } from './StaticFunction';
 export { default as Table } from './Table';
-export { default as ConfigProvider } from './ConfigProvider';
 export { default as Tabs } from './Tabs';
-export { default as Form } from './Form';
 export { default as theme } from './theme';
+export { default as Tooltip } from './Tooltip';
 declare const useToken: () => {
-    theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/interface").SeedToken, import("antd/es/theme/interface").MapToken>;
+    theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
     token: import("antd").GlobalToken;
     hashId: string;
 };
 export { useToken };
-export * from './constant';
-export * from './interface';
-export * from '@ant-design/pro-components';
-export { default as Login } from './Login';
-export { default as BasicLayout } from './BasicLayout';
-export { default as PageContainer } from './PageContainer';
-export { default as Welcome } from './Welcome';
-export { default as TaskGraph } from './TaskGraph';
-export { default as GraphToolbar } from './GraphToolbar';
-export { default as Ranger } from './Ranger';
-export { default as TreeSearch } from './TreeSearch';
-export { default as Password } from './Password';
-export { default as ContentWithQuestion } from './ContentWithQuestion';
-export { default as Action } from './Action';
-export { default as Boundary } from './Boundary';
-export { default as Dialog } from './Dialog';
-export { default as DocDialog } from './DocDialog';
-export { default as IconFont } from './IconFont';
-export { default as Lottie } from './Lottie';
-export { default as SideTip } from './SideTip';
-export { default as Highlight } from './Highlight';
-export { default as FullscreenBox } from './FullscreenBox';
-export { default as BatchOperationBar } from './BatchOperationBar';
-export { default as BackgroundTaskManager, BackgroundTaskManagerConstants, } from './BackgroundTaskManager';
-export { default as NavMenu } from './NavMenu';
-export type { ITaskMgrPreset, BackgroundTaskManagerRef, ITaskMgrQueue, TaskMgrID, } from './BackgroundTaskManager';
-export { Statistic };
-export type { StatisticProps };
-export { version } from '../package.json';

package/es/index.js

@@ -1,53 +1,26 @@
-import { theme, Statistic } from 'antd';
+import { theme } from 'antd';
+
 // 引入 antd/dist/reset.css，以重置基本样式，保证原生元素遵从 antd 规范样式
 // ref: https://ant-design.antgroup.com/docs/react/migration-v5-cn#%E6%8A%80%E6%9C%AF%E8%B0%83%E6%95%B4
 import 'antd/dist/reset.css';
-import "./index.less";
 
 // 基础组件
+// 业务组件
 export * from 'antd';
-export { default as Button } from "./Button";
+export { version } from "../package.json";
 export { default as Alert } from "./Alert";
-export { default as Tooltip } from "./Tooltip";
-export { default as Modal } from "./Modal";
-export { message, notification, token } from "./StaticFunction";
+export { default as Button } from "./Button";
 export { default as Card } from "./Card";
+export { default as ConfigProvider } from "./ConfigProvider";
 export { default as Descriptions } from "./Descriptions";
+export { default as Form } from "./Form";
+export { default as Modal } from "./Modal";
+export { message, notification, token } from "./StaticFunction";
 export { default as Table } from "./Table";
-export { default as ConfigProvider } from "./ConfigProvider";
 export { default as Tabs } from "./Tabs";
-export { default as Form } from "./Form";
 export { default as theme } from "./theme";
+export { default as Tooltip } from "./Tooltip";
 var useToken = theme.useToken;
-// 直接导出 useToken，方便上层使用
-export { useToken };
-export * from "./constant";
-export * from "./interface";
 
-// 业务组件
-export * from '@ant-design/pro-components';
-export { default as Login } from "./Login";
-export { default as BasicLayout } from "./BasicLayout";
-export { default as PageContainer } from "./PageContainer";
-export { default as Welcome } from "./Welcome";
-export { default as TaskGraph } from "./TaskGraph";
-export { default as GraphToolbar } from "./GraphToolbar";
-export { default as Ranger } from "./Ranger";
-export { default as TreeSearch } from "./TreeSearch";
-export { default as Password } from "./Password";
-export { default as ContentWithQuestion } from "./ContentWithQuestion";
-export { default as Action } from "./Action";
-export { default as Boundary } from "./Boundary";
-export { default as Dialog } from "./Dialog";
-export { default as DocDialog } from "./DocDialog";
-export { default as IconFont } from "./IconFont";
-export { default as Lottie } from "./Lottie";
-export { default as SideTip } from "./SideTip";
-export { default as Highlight } from "./Highlight";
-export { default as FullscreenBox } from "./FullscreenBox";
-export { default as BatchOperationBar } from "./BatchOperationBar";
-export { default as BackgroundTaskManager, BackgroundTaskManagerConstants } from "./BackgroundTaskManager";
-export { default as NavMenu } from "./NavMenu";
-// 由于 pro-components 导出了和 antd 同名的组件和类型，因此需要手动覆盖下
-export { Statistic };
-export { version } from "../package.json";
+// 直接导出 useToken，方便上层使用
+export { useToken };

package/es/locale/en-US.d.ts

@@ -1,3 +1,3 @@
-import type { Locale } from './index';
+import type { Locale } from '.';
 declare const _default: Locale;
 export default _default;

package/es/locale/en-US.js

@@ -4,38 +4,15 @@ 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 BasicLayout from "../BasicLayout/locale/en-US";
-import PageContainer from "../PageContainer/locale/en-US";
-import Login from "../Login/locale/en-US";
-import Welcome from "../Welcome/locale/en-US";
-import GraphToolbar from "../GraphToolbar/locale/en-US";
-import TaskGraph from "../TaskGraph/locale/en-US";
-import Ranger from "../Ranger/locale/en-US";
-import Password from "../Password/locale/en-US";
-import Boundary from "../Boundary/locale/en-US";
-import Dialog from "../Dialog/locale/en-US";
-import DocDialog from "../DocDialog/locale/en-US";
-import BatchOperationBar from "../BatchOperationBar/locale/en-US";
-import Table from "../Table/locale/en-US";
-import SideTip from "../SideTip/locale/en-US";
-import FullscreenBox from "../FullscreenBox/locale/en-US";
-export default _objectSpread(_objectSpread({}, antdEnUS), {}, {
-  // 基础组件
-  Table: _objectSpread(_objectSpread({}, antdEnUS.Table), Table),
-  // 业务组件
-  BasicLayout: BasicLayout,
-  PageContainer: PageContainer,
-  Login: Login,
-  Welcome: Welcome,
-  GraphToolbar: GraphToolbar,
-  TaskGraph: TaskGraph,
-  Ranger: Ranger,
-  Password: Password,
-  Boundary: Boundary,
-  Dialog: Dialog,
-  SideTip: SideTip,
-  DocDialog: DocDialog,
-  FullscreenBox: FullscreenBox,
-  BatchOperationBar: BatchOperationBar
+import enUS from 'antd/es/locale/en_US';
+export default _objectSpread(_objectSpread({}, enUS), {}, {
+  Table: _objectSpread(_objectSpread({}, enUS.Table), {}, {
+    batchOperationBar: {
+      selected: 'Selected',
+      object: 'Objects',
+      cancel: 'Cancel',
+      collapse: 'Collapse',
+      open: 'Open'
+    }
+  })
 });

package/es/locale/index.d.ts

@@ -1,4 +1,5 @@
 import type { Locale as AntLocale } from 'antd/es/locale';
+import type { TableLocale } from '../Table';
 export interface Locale extends AntLocale {
-    [key: string]: any;
+    Table?: TableLocale;
 }

package/es/locale/zh-CN.d.ts

@@ -1,3 +1,3 @@
-import type { Locale } from './index';
+import type { Locale } from '.';
 declare const _default: Locale;
 export default _default;

package/es/locale/zh-CN.js

@@ -4,40 +4,15 @@ 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 antdZhCN from 'antd/es/locale/zh_CN';
-import BasicLayout from "../BasicLayout/locale/zh-CN";
-import PageContainer from "../PageContainer/locale/zh-CN";
-import Login from "../Login/locale/zh-CN";
-import Welcome from "../Welcome/locale/zh-CN";
-import GraphToolbar from "../GraphToolbar/locale/zh-CN";
-import TaskGraph from "../TaskGraph/locale/zh-CN";
-import Ranger from "../Ranger/locale/zh-CN";
-import Password from "../Password/locale/zh-CN";
-import Boundary from "../Password/locale/zh-CN";
-import Dialog from "../Dialog/locale/zh-CN";
-import DocDialog from "../DocDialog/locale/zh-CN";
-import BatchOperationBar from "../BatchOperationBar/locale/zh-CN";
-import Table from "../Table/locale/zh-CN";
-import SideTip from "../SideTip/locale/zh-CN";
-import Highlight from "../Highlight/locale/zh-CN";
-import FullscreenBox from "../FullscreenBox/locale/zh-CN";
-export default _objectSpread(_objectSpread({}, antdZhCN), {}, {
-  // 基础组件
-  Table: _objectSpread(_objectSpread({}, antdZhCN.Table), Table),
-  // 业务组件
-  BasicLayout: BasicLayout,
-  PageContainer: PageContainer,
-  Login: Login,
-  Welcome: Welcome,
-  GraphToolbar: GraphToolbar,
-  TaskGraph: TaskGraph,
-  Ranger: Ranger,
-  Password: Password,
-  Boundary: Boundary,
-  Dialog: Dialog,
-  SideTip: SideTip,
-  DocDialog: DocDialog,
-  Highlight: Highlight,
-  FullscreenBox: FullscreenBox,
-  BatchOperationBar: BatchOperationBar
+import zhCN from 'antd/es/locale/zh_CN';
+export default _objectSpread(_objectSpread({}, zhCN), {}, {
+  Table: _objectSpread(_objectSpread({}, zhCN.Table), {}, {
+    batchOperationBar: {
+      selected: '已选',
+      object: '个对象',
+      cancel: '取消',
+      collapse: '收起',
+      open: '展开'
+    }
+  })
 });

package/es/locale/zh-TW.d.ts

@@ -1,3 +1,3 @@
-import type { Locale } from './index';
+import type { Locale } from '.';
 declare const _default: Locale;
 export default _default;

package/es/locale/zh-TW.js

@@ -4,34 +4,15 @@ 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 antdZhTW from 'antd/es/locale/zh_TW';
-import BasicLayout from "../BasicLayout/locale/zh-TW";
-import PageContainer from "../PageContainer/locale/zh-TW";
-import Login from "../Login/locale/zh-TW";
-import Welcome from "../Welcome/locale/zh-TW";
-import GraphToolbar from "../GraphToolbar/locale/zh-TW";
-import TaskGraph from "../TaskGraph/locale/zh-TW";
-import Ranger from "../Ranger/locale/zh-TW";
-import Password from "../Password/locale/zh-TW";
-import Boundary from "../Password/locale/zh-TW";
-import Dialog from "../Dialog/locale/zh-TW";
-import DocDialog from "../DocDialog/locale/zh-TW";
-import BatchOperationBar from "../BatchOperationBar/locale/zh-TW";
-import Table from "../Table/locale/zh-TW";
-export default _objectSpread(_objectSpread({}, antdZhTW), {}, {
-  // 基础组件
-  Table: _objectSpread(_objectSpread({}, antdZhTW.Table), Table),
-  // 业务组件
-  BasicLayout: BasicLayout,
-  PageContainer: PageContainer,
-  Login: Login,
-  Welcome: Welcome,
-  GraphToolbar: GraphToolbar,
-  TaskGraph: TaskGraph,
-  Ranger: Ranger,
-  Password: Password,
-  Boundary: Boundary,
-  Dialog: Dialog,
-  DocDialog: DocDialog,
-  BatchOperationBar: BatchOperationBar
+import zhTW from 'antd/es/locale/zh_TW';
+export default _objectSpread(_objectSpread({}, zhTW), {}, {
+  Table: _objectSpread(_objectSpread({}, zhTW.Table), {}, {
+    batchOperationBar: {
+      selected: '已選',
+      object: '個對象',
+      cancel: '取消',
+      collapse: '收起',
+      open: '展開'
+    }
+  })
 });

package/es/theme/index.d.ts

@@ -167,16 +167,17 @@ declare const _default: {
         };
     };
     defaultConfig: {
-        token: import("antd/es/theme/interface").SeedToken;
+        token: import("antd/es/theme/internal").SeedToken;
         hashed: boolean;
     };
     useToken: () => {
-        theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/interface").SeedToken, import("antd/es/theme/interface").MapToken>;
+        theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
         token: import("antd").GlobalToken;
         hashId: string;
     };
     defaultAlgorithm: typeof import("antd/es/theme/themes/default").default;
-    darkAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/interface").SeedToken, import("antd/es/theme/interface").MapToken>;
-    compactAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/interface").SeedToken, import("antd/es/theme/interface").MapToken>;
+    darkAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
+    compactAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
+    getDesignToken: (config?: import("antd").ThemeConfig) => import("antd/es/theme/internal").AliasToken;
 };
 export default _default;