@oceanbase/ui 0.2.19 → 0.2.21

package/lib/FullscreenBox/index.js

@@ -41,85 +41,87 @@ var import_util = require("../_util");
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
 var import_index = require("./index.less");
 var prefix = (0, import_util.getPrefix)("fullscreen-box");
-var FullscreenBox = import_react.default.forwardRef(({ style, header, className, defaultMode, children, onChange }, ref) => {
-  const [innerFullscreen, setInnerFullscreen] = (0, import_react.useState)(false);
-  const containerRef = (0, import_react.useRef)();
-  const fullscreenMode = defaultMode || "viewport";
-  (0, import_react.useEffect)(() => {
-    import_screenfull.default.on("change", handleFullscreenChange);
-    return () => {
-      import_screenfull.default.off("change", handleFullscreenChange);
+var FullscreenBox = import_react.default.forwardRef(
+  ({ style, header, className, defaultMode, children, onChange }, ref) => {
+    const [innerFullscreen, setInnerFullscreen] = (0, import_react.useState)(false);
+    const containerRef = (0, import_react.useRef)();
+    const fullscreenMode = defaultMode || "viewport";
+    (0, import_react.useEffect)(() => {
+      import_screenfull.default.on("change", handleFullscreenChange);
+      return () => {
+        import_screenfull.default.off("change", handleFullscreenChange);
+      };
+    }, []);
+    const handleFullscreenChange = () => {
+      const { isFullscreen } = import_screenfull.default;
+      setInnerFullscreen(() => {
+        return isFullscreen;
+      });
+      emitChange(isFullscreen);
     };
-  }, []);
-  const handleFullscreenChange = () => {
-    const { isFullscreen } = import_screenfull.default;
-    setInnerFullscreen(() => {
-      return isFullscreen;
-    });
-    emitChange(isFullscreen);
-  };
-  const toggleFullscreen = () => {
-    changeFullscreen(!innerFullscreen);
-  };
-  const changeFullscreen = (fullscreen) => {
-    if (!containerRef.current) {
-      return Promise.reject(new Error("Container element is not ready."));
-    }
-    let p;
-    if (fullscreenMode === "browser") {
-      const sf = import_screenfull.default;
-      if (fullscreen) {
-        p = sf.request(containerRef.current);
-      } else {
-        p = sf.exit();
+    const toggleFullscreen = () => {
+      changeFullscreen(!innerFullscreen);
+    };
+    const changeFullscreen = (fullscreen) => {
+      if (!containerRef.current) {
+        return Promise.reject(new Error("Container element is not ready."));
       }
-      return p.then(() => sf.isFullscreen);
-    }
-    setInnerFullscreen(fullscreen);
-    emitChange(fullscreen);
-    return Promise.resolve(fullscreen);
-  };
-  const emitChange = (fullscreen) => {
-    if (onChange) {
-      onChange(fullscreen);
+      let p;
+      if (fullscreenMode === "browser") {
+        const sf = import_screenfull.default;
+        if (fullscreen) {
+          p = sf.request(containerRef.current);
+        } else {
+          p = sf.exit();
+        }
+        return p.then(() => sf.isFullscreen);
+      }
+      setInnerFullscreen(fullscreen);
+      emitChange(fullscreen);
+      return Promise.resolve(fullscreen);
+    };
+    const emitChange = (fullscreen) => {
+      if (onChange) {
+        onChange(fullscreen);
+      }
+    };
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      changeFullscreen: (fullscreen) => {
+        changeFullscreen(fullscreen);
+      }
+    }));
+    const icon = innerFullscreen ? /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenExitOutlined, { className: `${prefix}-header-icon`, onClick: toggleFullscreen }) : /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenOutlined, { className: `${prefix}-header-icon`, onClick: toggleFullscreen });
+    if (innerFullscreen) {
+      document.body.classList.add(`${prefix}-body-overflow-hidden`);
+    } else {
+      document.body.classList.remove(`${prefix}-body-overflow-hidden`);
     }
-  };
-  (0, import_react.useImperativeHandle)(ref, () => ({
-    changeFullscreen: (fullscreen) => {
-      changeFullscreen(fullscreen);
+    const isComplexHeader = header && (header.title || header.extra);
+    const isStringHeader = typeof header === "string";
+    let headerContent;
+    if (header === false) {
+      headerContent = null;
+    } else if (import_react.default.isValidElement(header)) {
+      headerContent = header;
+    } else {
+      const title = isStringHeader ? header : isComplexHeader && header.title;
+      const extra = isComplexHeader && header.extra;
+      headerContent = /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-header`, "data-testid": "header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-header-left` }, icon, title && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-header-title ` }, title)), isComplexHeader && extra && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-header-extra` }, extra));
     }
-  }));
-  const icon = innerFullscreen ? /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenExitOutlined, { className: `${prefix}-header-icon`, onClick: toggleFullscreen }) : /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenOutlined, { className: `${prefix}-header-icon`, onClick: toggleFullscreen });
-  if (innerFullscreen) {
-    document.body.classList.add(`${prefix}-body-overflow-hidden`);
-  } else {
-    document.body.classList.remove(`${prefix}-body-overflow-hidden`);
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        ref: containerRef,
+        style,
+        className: (0, import_classnames.default)(prefix, className, {
+          [`${prefix}-fullscreen`]: innerFullscreen
+        })
+      },
+      headerContent,
+      children
+    );
   }
-  const isComplexHeader = header && (header.title || header.extra);
-  const isStringHeader = typeof header === "string";
-  let headerContent;
-  if (header === false) {
-    headerContent = null;
-  } else if (import_react.default.isValidElement(header)) {
-    headerContent = header;
-  } else {
-    const title = isStringHeader ? header : isComplexHeader && header.title;
-    const extra = isComplexHeader && header.extra;
-    headerContent = /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-header`, "data-testid": "header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-header-left` }, icon, title && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-header-title ` }, title)), isComplexHeader && extra && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-header-extra` }, extra));
-  }
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      ref: containerRef,
-      style,
-      className: (0, import_classnames.default)(prefix, className, {
-        [`${prefix}-fullscreen`]: innerFullscreen
-      })
-    },
-    headerContent,
-    children
-  );
-});
+);
 var FullscreenBox_default = (0, import_LocaleWrapper.default)({
   componentName: "FullscreenBox",
   defaultLocale: import_zh_CN.default

package/lib/Highlight/DiffView/DiffCells.d.ts

@@ -12,6 +12,6 @@ export interface DiffCellsProps {
     lock?: boolean;
     rowOffset?: number;
     onMouseDown?: React.MouseEventHandler;
-    hashId: string;
+    hashId?: string;
 }
-export default function DiffCells({ diffPrefixCls, data, emptyText, width, lock, rowOffset, onMouseDown, hashId, }: DiffCellsProps): React.JSX.Element;
+export default function DiffCells({ diffPrefixCls, data, emptyText, width, lock, rowOffset, onMouseDown, hashId, }: DiffCellsProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/lib/Highlight/DiffView/index.js

@@ -38,7 +38,7 @@ var import_core = __toESM(require("highlight.js/lib/core"));
 var import_warning = __toESM(require("rc-util/lib/warning"));
 var import_react = __toESM(require("react"));
 var import__ = require("..");
-var import_util = require("../..//_util");
+var import_util = require("../../_util");
 var import_useKeyDownCopyEvent = require("../useKeyDownCopyEvent");
 var import_DiffCells = __toESM(require("./DiffCells"));
 var import__2 = require("../index.less");

package/lib/Highlight/HighlightCell.d.ts

@@ -15,4 +15,4 @@ export interface HighlightCellProps {
     lineNumber?: boolean;
     hashId?: string;
 }
-export default function HighlightCell({ prefixCls, theme, data, emptyText, width, lock, lineNumber, onMouseDown, hashId, }: HighlightCellProps): React.JSX.Element;
+export default function HighlightCell({ prefixCls, theme, data, emptyText, width, lock, lineNumber, onMouseDown, hashId, }: HighlightCellProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/lib/Highlight/JsonView.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { HighlightProps } from '.';
 import './index.less';
 export interface JsonViewProps extends HighlightProps {
     json: object;
 }
-declare const _default: ({ json, theme, style, className, height, onCopyChange, copyable, }: JsonViewProps) => import("react").JSX.Element;
+declare const _default: ({ json, theme, style, className, height, onCopyChange, copyable, }: JsonViewProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default _default;

package/lib/Highlight/JsonView.js

@@ -33,7 +33,7 @@ __export(JsonView_exports, {
 });
 module.exports = __toCommonJS(JsonView_exports);
 var import_classnames = __toESM(require("classnames"));
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var import_react_json_view = __toESM(require("react-json-view"));
 var import_util = require("../_util");
 var import__ = require(".");
@@ -53,7 +53,7 @@ var JsonView_default = ({
   const isDarkTheme = theme === import__.THEME_DARK;
   const codeRef = (0, import_react.useRef)();
   (0, import_useKeyDownCopyEvent.useKeyDownCopyEvent)(codeRef);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       style,
@@ -68,7 +68,7 @@ var JsonView_default = ({
         className
       )
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ import_react.default.createElement(
       import_react_json_view.default,
       {
         enableClipboard: copyable && onCopyChange,

package/lib/Highlight/index.d.ts

@@ -29,7 +29,7 @@ export declare const THEME_DARK = "dark";
 export declare const THEME_LIGHT = "light";
 declare const ThemeTypes: ["dark", "light"];
 export type ThemeType = (typeof ThemeTypes)[number];
-declare const supportedLanguages: ("ruby" | "javascript" | "typescript" | "css" | "groovy" | "java" | "python" | "bash" | "json" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "css" | "javascript" | "typescript" | "groovy" | "java" | "python" | "bash" | "json" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/lib/IconFont/index.d.ts

@@ -5,5 +5,5 @@ interface IconFontProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const IconFont: (props: IconFontProps) => React.JSX.Element;
+declare const IconFont: (props: IconFontProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default IconFont;

package/lib/NavMenu/index.d.ts

@@ -3,7 +3,7 @@ import './index.less';
 export interface IMenu {
     key: string;
     title: string;
-    link: string;
+    link: string | string[];
     disabled?: boolean;
     openNewTab?: boolean;
     href?: boolean;
@@ -15,5 +15,5 @@ interface MenuProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const _default: (props: MenuProps) => React.JSX.Element;
+declare const _default: (props: MenuProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default _default;

package/lib/PageContainer/ItemRender.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 declare const _default: ({ route, params, routes, paths }: {
     route: any;
     params: any;
     routes: any;
     paths: any;
-}) => React.JSX.Element;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default _default;

package/lib/Ranger/QuickPicker.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import type { RangeValue } from './Ranger';
 import type { RangeOption } from './typing';
@@ -14,5 +13,5 @@ interface IProps extends LocaleWrapperProps {
     isMoment?: boolean;
     size?: 'small' | 'large' | 'middle';
 }
-declare const _default: (props: IProps) => React.JSX.Element;
+declare const _default: (props: IProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default _default;

package/lib/SideTip/Dragger.d.ts

@@ -40,6 +40,6 @@ declare class Draggable extends React.Component<DraggableProps, DraggableState>
     handleMouseDown: (e: any) => void;
     handleMouseMove: (e: any) => void;
     handleMouseUp: (e: any) => void;
-    render(): React.JSX.Element;
+    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 }
 export default Draggable;

package/lib/SideTip/IconLoading.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const iconLoading: (props: any) => React.JSX.Element;
+declare const iconLoading: (props: any) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default iconLoading;

package/lib/SideTip/index.less

@@ -71,7 +71,10 @@
     border-radius: 50%;
     box-shadow: @boxShadowSecondary;
     cursor: pointer;
-    transition: background-color 0.2s ease 0.1s, opacity 0.2s ease 0s, transform 0.2s ease 0.1s;
+    transition:
+      background-color 0.2s ease 0.1s,
+      opacity 0.2s ease 0s,
+      transform 0.2s ease 0.1s;
     user-select: none;
 
     &.@{prefix}-button-primary {

package/lib/TagSelect/Group.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export type TagSelectValueType = string | number;
+export type TagSelectValueType = string | number | readonly string[];
 export interface TagSelectOptionType {
     label: React.ReactNode;
     value: TagSelectValueType;

package/lib/TagSelect/Group.js

@@ -59,7 +59,9 @@ var Group = ({
 }) => {
   const prefix = (0, import_util.getPrefix)("tag-select");
   const { wrapSSR, hashId } = (0, import_style.default)(prefix);
-  const [value, setValue] = (0, import_react.useState)(toArray(defaultValue || restProps.value));
+  const [value, setValue] = (0, import_react.useState)(
+    toArray(defaultValue || restProps.value)
+  );
   const [registeredValues, setRegisteredValues] = import_react.default.useState([]);
   const registerValue = (val) => {
     setRegisteredValues((prev) => [...prev, val]);
@@ -116,11 +118,7 @@ var Group = ({
     },
     option.label
   )) : children;
-  const groupCls = (0, import_classnames.default)(
-    `${prefix}-container`,
-    hashId,
-    className
-  );
+  const groupCls = (0, import_classnames.default)(`${prefix}-container`, hashId, className);
   return wrapSSR(
     /* @__PURE__ */ import_react.default.createElement(import_TagSelectContext.default.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement("div", { className: groupCls }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-title` }, title), childrenNode))
   );

package/lib/TagSelect/Item.d.ts

@@ -3,7 +3,7 @@ import type { TagSelectValueType } from './Group';
 export interface TagSelectItemProps {
     children?: React.ReactNode;
     cover?: React.ReactNode;
-    value?: string | number;
+    value?: TagSelectValueType;
     defaultChecked?: boolean;
     checked?: boolean;
     title?: string;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/lib/theme/internal';
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
 export type TagSelectToken = FullToken<any>;
 export declare const genTagSelectStyle: GenerateStyle<TagSelectToken>;
 declare const _default: (prefixCls: string) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.2.19",
+  "version": "0.2.21",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -35,13 +35,14 @@
   },
   "dependencies": {
     "@ant-design/cssinjs": "^1.17.0",
-    "@ant-design/pro-components": "^2.6.16",
-    "@oceanbase/design": "^0.2.18",
-    "@oceanbase/icons": "^0.2.6",
-    "@oceanbase/util": "^0.2.8",
+    "@ant-design/pro-components": "^2.6.28",
+    "@ant-design/pro-layout": "^7.17.4",
+    "@oceanbase/design": "^0.2.20",
+    "@oceanbase/icons": "^0.2.7",
+    "@oceanbase/util": "^0.2.9",
     "ahooks": "^2.10.14",
     "classnames": "^2.3.2",
-    "dayjs": "^1.11.9",
+    "dayjs": "^1.11.10",
     "diff": "^5.1.0",
     "highlight.js": "^11.8.0",
     "highlightjs-solidity": "^2.0.6",
@@ -62,8 +63,8 @@
   },
   "peerDependencies": {
     "@antv/g6": "3.4.10",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0"
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
   },
-  "gitHead": "489ec76ca21b3a0448dae92fc001f2b03a4bf053"
+  "gitHead": "f1b50fbb012ad65a936b94c23bd64bed3256c1b3"
 }