@oceanbase/ui 1.0.0-alpha.2 → 1.0.0-alpha.20

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

@@ -1,5 +1,10 @@
 declare const _default: {
     helpDocument: string;
     openHelpCenter: string;
+    closeDialog: string;
+    minimize: string;
+    restoreWindow: string;
+    maximize: string;
+    exitFullscreen: string;
 };
 export default _default;

package/es/Dialog/locale/en-US.js

@@ -1,4 +1,9 @@
 export default {
   helpDocument: 'Documentation',
-  openHelpCenter: 'Document Center'
+  openHelpCenter: 'Document Center',
+  closeDialog: 'Close dialog',
+  minimize: 'Minimize',
+  restoreWindow: 'Restore window',
+  maximize: 'Maximize',
+  exitFullscreen: 'Exit fullscreen'
 };

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

@@ -0,0 +1,10 @@
+declare const _default: {
+    helpDocument: string;
+    openHelpCenter: string;
+    closeDialog: string;
+    minimize: string;
+    restoreWindow: string;
+    maximize: string;
+    exitFullscreen: string;
+};
+export default _default;

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

@@ -0,0 +1,9 @@
+export default {
+  helpDocument: 'ヘルプ',
+  openHelpCenter: 'ドキュメントセンターで開く',
+  closeDialog: 'ダイアログを閉じる',
+  minimize: '最小化',
+  restoreWindow: 'ウィンドウを復元',
+  maximize: '最大化',
+  exitFullscreen: '全画面を終了'
+};

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

@@ -1,5 +1,10 @@
 declare const _default: {
     helpDocument: string;
     openHelpCenter: string;
+    closeDialog: string;
+    minimize: string;
+    restoreWindow: string;
+    maximize: string;
+    exitFullscreen: string;
 };
 export default _default;

package/es/Dialog/locale/zh-CN.js

@@ -1,4 +1,9 @@
 export default {
   helpDocument: '帮助文档',
-  openHelpCenter: '文档中心打开'
+  openHelpCenter: '打开文档中心',
+  closeDialog: '关闭对话框',
+  minimize: '最小化',
+  restoreWindow: '还原窗口',
+  maximize: '最大化',
+  exitFullscreen: '退出全屏'
 };

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

@@ -1,5 +1,10 @@
 declare const _default: {
     helpDocument: string;
     openHelpCenter: string;
+    closeDialog: string;
+    minimize: string;
+    restoreWindow: string;
+    maximize: string;
+    exitFullscreen: string;
 };
 export default _default;

package/es/Dialog/locale/zh-TW.js

@@ -1,4 +1,9 @@
 export default {
   helpDocument: '幫助文檔',
-  openHelpCenter: '文檔中心打開'
+  openHelpCenter: '打開文檔中心',
+  closeDialog: '關閉對話框',
+  minimize: '最小化',
+  restoreWindow: '還原視窗',
+  maximize: '最大化',
+  exitFullscreen: '結束全螢幕'
 };

package/es/Dialog/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 DialogToken = OBToken;
+export declare const genDialogStyle: GenerateStyle<DialogToken>;
+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/Dialog/style/index.js

@@ -0,0 +1,116 @@
+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 genDialogStyle = function genDialogStyle(token) {
+  var componentCls = token.componentCls,
+    boxShadowSecondary = token.boxShadowSecondary;
+  var header = 52;
+  var footer = 40;
+  var radius = 1;
+  var borderColor = '#dde4ed';
+  var fontColor = '#38465c';
+  return _defineProperty(_defineProperty({}, "".concat(componentCls, "-container-embed"), {
+    border: "1px solid ".concat(borderColor, " !important"),
+    borderRadius: "".concat(radius, "px !important"),
+    boxShadow: 'none !important'
+  }), "".concat(componentCls, "-container"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    position: 'fixed',
+    zIndex: 999,
+    boxSizing: 'content-box',
+    color: '#eee',
+    backgroundColor: 'rgba(65, 74, 77, 1)',
+    borderRadius: token.borderRadiusLG,
+    boxShadow: boxShadowSecondary,
+    transition: 'visibility 0.2s ease-in-out, opacity 0.2s linear'
+  }, "".concat(componentCls, "-header"), _defineProperty(_defineProperty(_defineProperty({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    height: header,
+    padding: "0 25px",
+    lineHeight: header,
+    backgroundColor: '#fff',
+    borderRadius: radius,
+    cursor: 'grab',
+    userSelect: 'none'
+  }, "".concat(componentCls, "-title"), {
+    display: 'inline-block',
+    width: '60%',
+    overflow: 'hidden',
+    color: fontColor,
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+    wordBreak: 'keep-all'
+  }), '&:active', {
+    cursor: 'grabbing'
+  }), "".concat(componentCls, "-controls"), _defineProperty({
+    display: 'flex',
+    alignItems: 'center',
+    height: '100%',
+    textAlign: 'center'
+  }, "".concat(componentCls, "-item"), _defineProperty(_defineProperty({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    minWidth: 24,
+    minHeight: 24,
+    width: 24,
+    marginLeft: 16,
+    color: fontColor,
+    fontSize: 15,
+    lineHeight: 1,
+    textAlign: 'center',
+    cursor: 'pointer',
+    transitionDuration: '0.3s',
+    border: 'none',
+    background: 'transparent',
+    padding: 0,
+    font: 'inherit',
+    verticalAlign: 'middle'
+  }, "".concat(componentCls, "-item-link"), {
+    paddingTop: 2,
+    color: fontColor
+  }), "".concat(componentCls, "-item-link-text"), {
+    position: 'absolute',
+    width: 1,
+    height: 1,
+    padding: 0,
+    margin: -1,
+    overflow: 'hidden',
+    clip: 'rect(0, 0, 0, 0)',
+    whiteSpace: 'nowrap',
+    border: 0
+  })))), "".concat(componentCls, "-main"), _defineProperty(_defineProperty({
+    position: 'relative',
+    height: "calc(100% - ".concat(header, "px)"),
+    padding: '0 8px 8px 8px',
+    overflow: 'hidden',
+    backgroundColor: '#fff',
+    borderTop: "1px solid ".concat(borderColor)
+  }, "".concat(componentCls, "-mask"), {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    zIndex: 9,
+    width: '100%',
+    height: '100%'
+  }), "iframe", {
+    width: '100%',
+    height: '100%',
+    border: 'none'
+  })), "".concat(componentCls, "-anchor"), {
+    position: 'absolute',
+    zIndex: 9,
+    userSelect: 'none'
+  }), '&:focus', {
+    outline: 'transparent'
+  }));
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('Dialog', function (token) {
+    return [genDialogStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

package/es/DocDialog/index.js

@@ -1,3 +1,4 @@
+"use client";
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -36,33 +37,51 @@ var DocDialogComp = function DocDialogComp(props) {
     _props$embedConfig = props.embedConfig,
     embedConfig = _props$embedConfig === void 0 ? {} : _props$embedConfig,
     _props$normalConfig = props.normalConfig,
-    normalConfig = _props$normalConfig === void 0 ? {} : _props$normalConfig;
-  var _useState = useState(document.body.clientHeight),
+    normalConfig = _props$normalConfig === void 0 ? {} : _props$normalConfig,
+    locale = props.locale;
+  // Avoid SSR issue: only read document/window on client (e.g. Next.js)
+  var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     clientHeight = _useState2[0],
     setClientHeight = _useState2[1];
-  var _useState3 = useState(document.body.clientWidth),
+  var _useState3 = useState(0),
     _useState4 = _slicedToArray(_useState3, 2),
     clientWidth = _useState4[0],
     setClientWidth = _useState4[1];
-  var location = window.location;
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    location = _useState6[0],
+    setLocation = _useState6[1];
+  useEffect(function () {
+    if (typeof window !== 'undefined') {
+      setClientHeight(window.document.body.clientHeight);
+      setClientWidth(window.document.body.clientWidth);
+      setLocation({
+        pathname: window.location.pathname
+      });
+    }
+  }, []);
   var currentLink = useMemo(function () {
-    var _link$;
-    var pathname = location.pathname;
+    var _location$pathname, _link$;
+    var pathname = (_location$pathname = location === null || location === void 0 ? void 0 : location.pathname) !== null && _location$pathname !== void 0 ? _location$pathname : '';
     var link = Object.entries(docUrls).find(function (set) {
       return pathname.indexOf(set[0]) > -1;
     });
     return (_link$ = link === null || link === void 0 ? void 0 : link[1]) !== null && _link$ !== void 0 ? _link$ : fallbackUrl;
   }, [location, docUrls, fallbackUrl]);
   var handleResize = debounce(function () {
-    setClientWidth(document.body.clientWidth);
-    setClientHeight(document.body.clientHeight);
+    if (typeof window !== 'undefined') {
+      setClientWidth(window.document.body.clientWidth);
+      setClientHeight(window.document.body.clientHeight);
+    }
   }, 300);
   useEffect(function () {
+    if (typeof window === 'undefined') return;
     window.addEventListener('resize', handleResize);
     return function () {
       window.removeEventListener('resize', handleResize);
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- register resize listener once on mount
   }, []);
   var DialogProps = useMemo(function () {
     var maxDialogHeight = clientHeight - defautTop;
@@ -108,7 +127,8 @@ var DocDialogComp = function DocDialogComp(props) {
   return /*#__PURE__*/_jsx("div", {
     children: /*#__PURE__*/_jsx(Dialog, _objectSpread(_objectSpread({}, DialogProps), {}, {
       children: /*#__PURE__*/_jsx("iframe", {
-        src: currentLink
+        src: currentLink,
+        title: title || (locale === null || locale === void 0 ? void 0 : locale.docIframeTitle)
       })
     }))
   });

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

@@ -1,2 +1,4 @@
-declare const _default: {};
+declare const _default: {
+    docIframeTitle: string;
+};
 export default _default;

package/es/DocDialog/locale/en-US.js

@@ -1 +1,3 @@
-export default {};
+export default {
+  docIframeTitle: 'Help documentation'
+};

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

@@ -0,0 +1,4 @@
+declare const _default: {
+    docIframeTitle: string;
+};
+export default _default;

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

@@ -0,0 +1,3 @@
+export default {
+  docIframeTitle: 'ヘルプドキュメント'
+};

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

@@ -1,2 +1,4 @@
-declare const _default: {};
+declare const _default: {
+    docIframeTitle: string;
+};
 export default _default;

package/es/DocDialog/locale/zh-CN.js

@@ -1 +1,3 @@
-export default {};
+export default {
+  docIframeTitle: '帮助文档'
+};

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

@@ -1,2 +1,4 @@
-declare const _default: {};
+declare const _default: {
+    docIframeTitle: string;
+};
 export default _default;

package/es/DocDialog/locale/zh-TW.js

@@ -1 +1,3 @@
-export default {};
+export default {
+  docIframeTitle: '說明文件'
+};

package/es/FooterToolbar/index.d.ts

@@ -1,5 +1,8 @@
-import React from 'react';
 import type { FooterToolbarProps as AntFooterToolbarProps } from '@ant-design/pro-layout/es/components/FooterToolbar';
-export type FooterToolbarProps = AntFooterToolbarProps;
-declare const FooterToolbar: React.FC<FooterToolbarProps>;
-export default FooterToolbar;
+import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
+export interface FooterToolbarProps extends AntFooterToolbarProps, LocaleWrapperProps {
+    /** 覆盖 locale 中的 toolbar 可访问名称 */
+    toolbarAriaLabel?: string;
+}
+declare const _default: any;
+export default _default;

package/es/FooterToolbar/index.js

@@ -1,5 +1,7 @@
+"use client";
 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); }
-var _excluded = ["portalDom", "prefixCls"];
+var _excluded = ["portalDom", "prefixCls", "toolbarAriaLabel", "locale"],
+  _excluded2 = ["theme"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -10,21 +12,36 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useContext } from 'react';
 import { FooterToolbar as AntFooterToolbar } from '@ant-design/pro-components';
 import { ConfigProvider } from '@oceanbase/design';
+import LocaleWrapper from "../locale/LocaleWrapper";
 import useStyle from "./style";
+import zhCN from "./locale/zh-CN";
 import { jsx as _jsx } from "react/jsx-runtime";
-var FooterToolbar = function FooterToolbar(_ref) {
-  var _ref$portalDom = _ref.portalDom,
-    portalDom = _ref$portalDom === void 0 ? false : _ref$portalDom,
-    customizePrefixCls = _ref.prefixCls,
-    restProps = _objectWithoutProperties(_ref, _excluded);
+var FooterToolbar = function FooterToolbar(props) {
+  var _props$portalDom = props.portalDom,
+    portalDom = _props$portalDom === void 0 ? false : _props$portalDom,
+    customizePrefixCls = props.prefixCls,
+    toolbarAriaLabel = props.toolbarAriaLabel,
+    locale = props.locale,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _ref = rest,
+    _injectedTheme = _ref.theme,
+    restProps = _objectWithoutProperties(_ref, _excluded2);
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('pro-footer-bar', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
-  return wrapSSR( /*#__PURE__*/_jsx(AntFooterToolbar, _objectSpread({
-    portalDom: portalDom,
-    prefixCls: customizePrefixCls
-  }, restProps)));
+  var label = toolbarAriaLabel !== null && toolbarAriaLabel !== void 0 ? toolbarAriaLabel : locale === null || locale === void 0 ? void 0 : locale.toolbarLabel;
+  return wrapSSR( /*#__PURE__*/_jsx("div", {
+    role: "toolbar",
+    "aria-label": label,
+    children: /*#__PURE__*/_jsx(AntFooterToolbar, _objectSpread({
+      portalDom: portalDom,
+      prefixCls: customizePrefixCls
+    }, restProps))
+  }));
 };
-export default FooterToolbar;
+export default LocaleWrapper({
+  componentName: 'FooterToolbar',
+  defaultLocale: zhCN
+})(FooterToolbar);

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

@@ -0,0 +1,4 @@
+declare const _default: {
+    toolbarLabel: string;
+};
+export default _default;

package/es/FooterToolbar/locale/en-US.js

@@ -0,0 +1,3 @@
+export default {
+  toolbarLabel: 'Footer actions'
+};

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

@@ -0,0 +1,4 @@
+declare const _default: {
+    toolbarLabel: string;
+};
+export default _default;

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

@@ -0,0 +1,3 @@
+export default {
+  toolbarLabel: 'フッター操作'
+};

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

@@ -0,0 +1,4 @@
+declare const _default: {
+    toolbarLabel: string;
+};
+export default _default;

package/es/FooterToolbar/locale/zh-CN.js

@@ -0,0 +1,3 @@
+export default {
+  toolbarLabel: '底部操作栏'
+};

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

@@ -0,0 +1,4 @@
+declare const _default: {
+    toolbarLabel: string;
+};
+export default _default;

package/es/FooterToolbar/locale/zh-TW.js

@@ -0,0 +1,3 @@
+export default {
+  toolbarLabel: '底部操作列'
+};

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

@@ -1,8 +1,6 @@
 /// <reference types="react" />
-import type { CSSObject } from '@ant-design/cssinjs';
 import type { FooterToolBarToken } from '@ant-design/pro-layout/es/components/FooterToolbar/style';
 import type { GenerateStyle } from '@oceanbase/design/es/theme';
-export declare const genCompactStyle: (componentCls: string, subComponentCls?: string) => CSSObject;
 export declare const genFooterToolbarStyle: GenerateStyle<FooterToolBarToken>;
 declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;

package/es/FooterToolbar/style/index.js

@@ -3,29 +3,20 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 genCompactStyle = function genCompactStyle(componentCls) {
-  var subComponentCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return _defineProperty(_defineProperty(_defineProperty({}, "&".concat(componentCls, "-compact-item:not(").concat(componentCls, "-compact-last-item)").concat(componentCls, "-compact-first-item ").concat(subComponentCls), {
-    borderStartEndRadius: 0,
-    borderEndEndRadius: 0
-  }), "&".concat(componentCls, "-compact-item:not(").concat(componentCls, "-compact-first-item):not(").concat(componentCls, "-compact-last-item) ").concat(subComponentCls), {
-    borderRadius: 0
-  }), "&".concat(componentCls, "-compact-item:not(").concat(componentCls, "-compact-first-item)").concat(componentCls, "-compact-last-item ").concat(subComponentCls), {
-    borderStartStartRadius: 0,
-    borderEndStartRadius: 0
-  });
-};
 export var genFooterToolbarStyle = function genFooterToolbarStyle(token) {
   var componentCls = token.componentCls,
-    colorBgBase = token.colorBgBase,
-    borderRadius = token.borderRadius,
-    boxShadowSecondary = token.boxShadowSecondary,
-    controlHeightLG = token.controlHeightLG;
-  return _defineProperty({}, "".concat(componentCls), {
+    colorBgBase = token.colorBgBase;
+  return _defineProperty({}, "div".concat(componentCls), {
+    flexDirection: 'row-reverse',
+    lineHeight: 'initial',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    gap: token.padding,
+    paddingBlock: token.padding,
+    paddingInline: token.paddingXL,
     width: '100%',
     backgroundColor: colorBgBase,
-    borderRadius: borderRadius,
-    boxShadow: boxShadowSecondary,
+    boxShadow: '0px -1px 2px 0px #1320391A',
     borderBlockStart: 'none'
   });
 };

package/es/FullscreenBox/index.d.ts

@@ -1,7 +1,6 @@
 import type { ReactNode } from 'react';
 import React from 'react';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
-import './index.less';
 export type FullscreenModeType = 'viewport' | 'browser';
 export interface FullscreenBoxRef {
     changeFullscreen: (fullscreen: boolean) => void;