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

package/lib/style/global.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import 'antd/dist/reset.css';
+export interface GlobalStyleProps {
+    prefixCls?: string;
+}
+declare const GlobalStyle: React.FC<GlobalStyleProps>;
+export { GlobalStyle };
+export default GlobalStyle;

package/lib/style/global.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.GlobalStyle = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _cssinjs = require("@ant-design/cssinjs");
+var _theme = _interopRequireDefault(require("../theme"));
+var _InterRegular = _interopRequireDefault(require("../fonts/Inter-Regular.woff2"));
+var _InterMedium = _interopRequireDefault(require("../fonts/Inter-Medium.woff2"));
+var _InterSemiBold = _interopRequireDefault(require("../fonts/Inter-SemiBold.woff2"));
+var _Consolas = _interopRequireDefault(require("../fonts/Consolas.woff2"));
+var _HelveticaNeue = _interopRequireDefault(require("../fonts/HelveticaNeue.woff2"));
+require("antd/dist/reset.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
+const genGlobalStyle = (token, prefixCls) => {
+  const antCls = `.${prefixCls}`;
+  const buttonComponentCls = `${antCls}-btn`;
+  const typographyComponentCls = `${antCls}-typography`;
+  const menuComponentCls = `${antCls}-menu`;
+  return [{
+    '@font-face': {
+      fontFamily: 'Inter',
+      fontStyle: 'lighter',
+      fontWeight: 300,
+      // load priority: local font > self-hosting font > remote font
+      src: `local('Inter'), url(${_InterRegular.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*ucHoQ4exBNYAAAAARtAAAAgAemfOAQ/Inter-Regular.woff2') format('woff2')`,
+      fontDisplay: 'swap'
+    }
+  }, {
+    '@font-face': {
+      fontFamily: 'Inter',
+      fontStyle: 'normal',
+      fontWeight: 400,
+      src: `local('Inter'), url(${_InterMedium.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*GboAQ56sQbkAAAAARwAAAAgAemfOAQ/Inter-Medium.woff2') format('woff2')`,
+      fontDisplay: 'swap'
+    }
+  }, {
+    '@font-face': {
+      fontFamily: 'Inter',
+      fontStyle: 'medium',
+      fontWeight: 500,
+      src: `local('Inter'), url(${_InterMedium.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*GboAQ56sQbkAAAAARwAAAAgAemfOAQ/Inter-Medium.woff2') format('woff2')`,
+      fontDisplay: 'swap'
+    }
+  }, {
+    '@font-face': {
+      fontFamily: 'Inter',
+      fontStyle: 'semibold',
+      fontWeight: 600,
+      src: `local('Inter'), url(${_InterSemiBold.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*tcOIT5gLQl4AAAAARwAAAAgAemfOAQ/Inter-SemiBold.woff2') format('woff2')`,
+      fontDisplay: 'swap'
+    }
+  }, {
+    '@font-face': {
+      fontFamily: 'Consolas',
+      src: `local('Consolas'), url(${_Consolas.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*R8bMTqAdGWgAAAAAAAAAAAAADmfOAQ/Consolas.woff2') format('woff2')`,
+      fontDisplay: 'swap'
+    }
+  }, {
+    '@font-face': {
+      fontFamily: 'Helvetica Neue',
+      src: `local('Helvetica Neue'), url(${_HelveticaNeue.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*3EzqR6aYJMkAAAAAAAAAAAAADmfOAQ/HelveticaNeue.woff2') format('woff2')`,
+      fontDisplay: 'swap'
+    }
+  }, {
+    'pre, code, kbd, samp': {
+      fontFamily: token.fontFamilyCode
+    },
+    'input::placeholder': {
+      // affact all placeholder excluding select
+      fontWeight: token.fontWeightWeak
+    },
+    '*': {
+      scrollbarColor: `${token.colorFillSecondary} transparent`
+    },
+    '.rc-virtual-list-scrollbar-thumb': {
+      background: `${token.colorFillSecondary} !important`
+    },
+    // handle font-size: 12px font weight
+    [`[style*='font-size: 12px']`]: {
+      fontWeight: token.fontWeightWeak
+    },
+    // link with href or data-aspm-param^="obcloud_openLink= show underline on hover
+    // except disabled and antd element
+    'a[href], a[data-aspm-param^="obcloud_openLink="]': {
+      [`&:not([disabled]):not([class^="${prefixCls}-"]):hover`]: {
+        textDecoration: 'underline'
+      }
+    },
+    // handle link style in button
+    [`${buttonComponentCls}${buttonComponentCls}-link:not(${buttonComponentCls}-disabled)`]: {
+      '&[href], &[data-aspm-param^="obcloud_openLink="]': {
+        '&:hover': {
+          textDecoration: 'underline'
+        }
+      }
+    },
+    // handle link style in typography
+    [`${typographyComponentCls}:not(${typographyComponentCls}-disabled)`]: {
+      '&[href], &[data-aspm-param^="obcloud_openLink="]': {
+        '&:hover': {
+          textDecoration: 'underline'
+        }
+      }
+    },
+    // handle link style in menu
+    [`${menuComponentCls}`]: {
+      [`${menuComponentCls}-item`]: {
+        [`${menuComponentCls}-title-content`]: {
+          'a:hover': {
+            textDecoration: 'none'
+          }
+        }
+      }
+    }
+  }];
+};
+const GlobalStyle = ({
+  prefixCls = 'ant'
+}) => {
+  const {
+    theme,
+    token
+  } = _theme.default.useToken();
+  const wrapSSR = (0, _cssinjs.useStyleRegister)({
+    theme,
+    token,
+    path: ['global'],
+    hashId: '',
+    // Empty hashId for global styles
+    order: -1000 // Inject before other styles
+  }, () => genGlobalStyle(token, prefixCls));
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}));
+};
+exports.GlobalStyle = GlobalStyle;
+var _default = exports.default = GlobalStyle;

package/lib/style/reset.css

@@ -1 +1,2 @@
-@import '~antd/dist/reset.css';
+/* antd/dist/reset.css is imported in global.tsx */
+/* reserve this file for compatibility with antd */

package/lib/switch/index.js

@@ -1,62 +1,55 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/switch/index.tsx
-var switch_exports = {};
-__export(switch_exports, {
-  default: () => switch_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(switch_exports);
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_config_provider = __toESM(require("../config-provider"));
-var import_style = __toESM(require("./style"));
-__reExport(switch_exports, require("antd/es/switch"), module.exports);
-var InternalSwitch = import_react.default.forwardRef(
-  ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
-    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-    const prefixCls = getPrefixCls("switch", customizePrefixCls);
-    const { wrapSSR } = (0, import_style.default)(prefixCls);
-    const switchCls = (0, import_classnames.default)(className);
-    return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Switch, { ref, prefixCls: customizePrefixCls, className: switchCls, ...restProps })
-    );
-  }
-);
-var Switch = InternalSwitch;
-Switch.__ANT_SWITCH = import_antd.Switch.__ANT_SWITCH;
-if (process.env.NODE_ENV !== "production") {
-  Switch.displayName = import_antd.Switch.displayName;
-}
-var switch_default = Switch;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/switch")
+var _exportNames = {};
+exports.default = void 0;
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _switch = require("antd/es/switch");
+Object.keys(_switch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _switch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _switch[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
+const InternalSwitch = /*#__PURE__*/_react.default.forwardRef(({
+  prefixCls: customizePrefixCls,
+  className,
+  ...restProps
+}, ref) => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('switch', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const switchCls = (0, _classnames.default)(className);
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Switch, {
+    ref: ref,
+    prefixCls: customizePrefixCls,
+    className: switchCls,
+    ...restProps
+  }));
 });
+const Switch = InternalSwitch;
+
+// @ts-ignore
+Switch.__ANT_SWITCH = _antd.Switch.__ANT_SWITCH;
+if (process.env.NODE_ENV !== 'production') {
+  Switch.displayName = _antd.Switch.displayName;
+}
+var _default = exports.default = Switch;

package/lib/switch/style/index.d.ts

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type SwitchToken = FullToken<'Switch'>;
 export declare const genSwitchStyle: GenerateStyle<SwitchToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/lib/switch/style/index.js

@@ -1,44 +1,21 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/switch/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genSwitchStyle: () => genSwitchStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genSwitchStyle = (token) => {
-  const { componentCls } = token;
+exports.genSwitchStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genSwitchStyle = token => {
+  const {
+    componentCls
+  } = token;
   return {
     [`${componentCls}:not(${componentCls}-checked):not(${componentCls}-disabled):not(${componentCls}-loading)`]: {
       background: token.colorTextTertiary
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Switch", (token) => {
-    return [genSwitchStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genSwitchStyle
-});
+exports.genSwitchStyle = genSwitchStyle;
+var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Switch', token => {
+  return [genSwitchStyle(token)];
+});

package/lib/table/hooks/useDefaultPagination.js

@@ -1,57 +1,29 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/table/hooks/useDefaultPagination.ts
-var useDefaultPagination_exports = {};
-__export(useDefaultPagination_exports, {
-  default: () => useDefaultPagination_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(useDefaultPagination_exports);
-var import_react = require("react");
-var import_config_provider = __toESM(require("../../config-provider"));
-var import_en_US = __toESM(require("../../locale/en-US"));
-var useDefaultPagination_default = (pagination) => {
-  const { locale: contextLocale, pagination: contextPagination } = (0, import_react.useContext)(
-    import_config_provider.default.ConfigContext
-  );
+exports.default = void 0;
+var _react = require("react");
+var _configProvider = _interopRequireDefault(require("../../config-provider"));
+var _enUS = _interopRequireDefault(require("../../locale/en-US"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = pagination => {
+  const {
+    locale: contextLocale,
+    pagination: contextPagination
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
   const paginationLocale = {
-    ...import_en_US.default.Pagination,
-    ...contextLocale == null ? void 0 : contextLocale.Pagination
+    ..._enUS.default.Pagination,
+    ...contextLocale?.Pagination
   };
   return pagination === false ? pagination : {
     defaultPageSize: 10,
     showSizeChanger: true,
-    pageSizeOptions: ["10", "20", "50", "100"],
-    showTotal: (total) => {
-      var _a;
-      return (_a = paginationLocale.total) == null ? void 0 : _a.replaceAll("${total}", total == null ? void 0 : total.toString());
-    },
+    pageSizeOptions: ['10', '20', '50', '100'],
+    showTotal: total => paginationLocale.total?.replaceAll('${total}', total?.toString()),
     ...contextPagination,
     ...pagination
   };
 };
+exports.default = _default;

package/lib/table/index.d.ts

@@ -41,10 +41,7 @@ declare const _default: (<RecordType extends AnyObject = AnyObject>(props: Table
     Column: <RecordType extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType>) => null;
     ColumnGroup: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_1>) => null;
     Summary: typeof Summary;
-    useStyle: (prefixCls: string) => {
-        wrapSSR: (node: ReactNode) => ReactElement<any, string | React.JSXElementConstructor<any>>;
-        hashId: string;
-    };
+    useStyle: (prefixCls: string, rootCls?: string) => readonly [(node: ReactElement<any, string | React.JSXElementConstructor<any>>) => ReactElement<any, string | React.JSXElementConstructor<any>>, string, string];
     useDefaultPagination: (pagination?: false | import("antd").TablePaginationConfig) => false | import("antd").TablePaginationConfig;
 };
 export default _default;