@oceanbase/ui 0.2.0

package/lib/Boundary/locale/zh-CN.js

@@ -0,0 +1,34 @@
+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);
+
+// src/Boundary/locale/zh-CN.ts
+var zh_CN_exports = {};
+__export(zh_CN_exports, {
+  default: () => zh_CN_default
+});
+module.exports = __toCommonJS(zh_CN_exports);
+var zh_CN_default = {
+  goHome: "返回首页",
+  noPermission: "你没有此页面的访问权限",
+  noPage: "此页面未找到",
+  normal: "正常运行",
+  test: "点击测试崩溃效果",
+  collapse: "页面崩溃了～",
+  incompatible: "浏览器版本不兼容",
+  proposal: "浏览器版本过低，为避免可能存在的安全隐患，建议使用Chrome浏览器的80及以上版本"
+};

package/lib/Boundary/locale/zh-TW.js

@@ -0,0 +1,34 @@
+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);
+
+// src/Boundary/locale/zh-TW.ts
+var zh_TW_exports = {};
+__export(zh_TW_exports, {
+  default: () => zh_TW_default
+});
+module.exports = __toCommonJS(zh_TW_exports);
+var zh_TW_default = {
+  goHome: "返回首頁",
+  noPermission: "你沒有此頁面的存取權限",
+  noPage: "此頁面未找到",
+  normal: "正常運行",
+  test: "點擊測試崩潰效果",
+  collapse: "頁面崩潰了～",
+  incompatible: "流覽器版本不相容",
+  proposal: "流覽器版本過低，為避免可能存在的安全隱患，建議使用Chrome瀏覽器的80及以上版本"
+};

package/lib/Boundary/utils.js

@@ -0,0 +1,46 @@
+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);
+
+// src/Boundary/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  getBrowserNameVersion: () => getBrowserNameVersion
+});
+module.exports = __toCommonJS(utils_exports);
+var getBrowserNameVersion = () => {
+  const ua = navigator.userAgent.toLowerCase();
+  const info = {
+    IE: /msie/.test(ua) && !/opera/.test(ua),
+    //匹配IE浏览器
+    Opera: /opera/.test(ua),
+    //匹配Opera浏览器
+    Safari: /version.*safari/.test(ua),
+    //匹配Safari浏览器
+    Chrome: /chrome/.test(ua),
+    //匹配Chrome浏览器
+    Firefox: /gecko/.test(ua) && !/webkit/.test(ua)
+    //匹配Firefox浏览器
+  };
+  return Object.keys(info).filter((item) => {
+    return info[item];
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getBrowserNameVersion
+});

package/lib/ContentWithQuestion/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.less';
+export interface ContentWithQuestionProps {
+    content?: React.ReactNode;
+    tooltip?: any;
+    prefixIcon?: React.ReactNode | boolean;
+    suffixIcon?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: React.SyntheticEvent) => void;
+}
+declare const ContentWithQuestion: React.FC<ContentWithQuestionProps>;
+export default ContentWithQuestion;

package/lib/ContentWithQuestion/index.js

@@ -0,0 +1,76 @@
+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);
+
+// src/ContentWithQuestion/index.tsx
+var ContentWithQuestion_exports = {};
+__export(ContentWithQuestion_exports, {
+  default: () => ContentWithQuestion_default
+});
+module.exports = __toCommonJS(ContentWithQuestion_exports);
+var import_icons = require("@ant-design/icons");
+var import_design = require("@oceanbase/design");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_util = require("../_util");
+var import_index = require("./index.less");
+var prefix = (0, import_util.getPrefix)("content-with-question");
+var ContentWithQuestion = ({
+  content,
+  tooltip,
+  prefixIcon = null,
+  suffixIcon = /* @__PURE__ */ import_react.default.createElement(import_icons.QuestionCircleOutlined, { className: `${prefix}-help` }),
+  className,
+  children,
+  ...restProps
+}) => {
+  const getIcon = (iconConfig) => {
+    return iconConfig ? /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { ...tooltip }, (0, import_react.isValidElement)(iconConfig) ? iconConfig : /* @__PURE__ */ import_react.default.createElement(import_icons.QuestionCircleOutlined, { className: `${prefix}-help` })) : null;
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: (0, import_classnames.default)({
+        [`${prefix}-item`]: true,
+        [className]: !!className
+      }),
+      ...restProps
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_design.Space, null, getIcon(
+      prefixIcon === true ? /* @__PURE__ */ import_react.default.createElement(
+        import_icons.QuestionCircleOutlined,
+        {
+          className: `${prefix}-help`,
+          style: {
+            marginRight: 4
+          }
+        }
+      ) : prefixIcon
+    ), /* @__PURE__ */ import_react.default.createElement("span", { "data-testid": "content" }, content ?? children), getIcon(suffixIcon))
+  );
+};
+var ContentWithQuestion_default = ContentWithQuestion;

package/lib/ContentWithQuestion/index.less

@@ -0,0 +1,18 @@
+@prefix: ob-content-with-question;
+
+.@{prefix}-item {
+  display: inline-flex;
+  align-items: center;
+
+  .@{prefix}-prefix {
+    margin-right: 8px;
+  }
+
+  .@{prefix}-suffix {
+    margin-left: 8px;
+  }
+
+  .@{prefix}-help {
+    cursor: help;
+  }
+}

package/lib/Dialog/Anchor.js

@@ -0,0 +1,107 @@
+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);
+
+// src/Dialog/Anchor.tsx
+var Anchor_exports = {};
+__export(Anchor_exports, {
+  Anchor: () => Anchor
+});
+module.exports = __toCommonJS(Anchor_exports);
+var import_react = __toESM(require("react"));
+var import_util = require("../_util");
+var import_EventProxy = require("./EventProxy");
+var prefix = (0, import_util.getPrefix)("dialog");
+var Anchor = class extends import_react.default.Component {
+  constructor() {
+    super(...arguments);
+    this.isPointDown = false;
+    this.originBodyStyle = null;
+    this.clientX = 0;
+    this.clientY = 0;
+    this.onDragStart = (event) => {
+      var _a;
+      this.isPointDown = true;
+      const { onStart, dock } = this.props;
+      this.clientX = event.clientX;
+      this.clientY = event.clientY;
+      if (onStart)
+        onStart(event);
+      const cursor = (_a = dock == null ? void 0 : dock.style) == null ? void 0 : _a.cursor;
+      if (cursor) {
+        this.originBodyStyle = document.body.getAttribute("style") || "";
+        const style = `cursor:${cursor} !important; ${this.originBodyStyle}`;
+        document.body.setAttribute("style", style);
+      }
+    };
+    this.onDragMove = (event) => {
+      if (!this.isPointDown)
+        return;
+      const { onMove, dock = {} } = this.props;
+      if (dock.adjust) {
+        const { clientX, clientY } = event;
+        const moveX = clientX - this.clientX;
+        const moveY = clientY - this.clientY;
+        event.moveTop = moveY * (dock.adjust[0] || 0);
+        event.moveBottom = moveY * (dock.adjust[1] || 0);
+        event.moveLeft = moveX * (dock.adjust[2] || 0);
+        event.moveRight = moveX * (dock.adjust[3] || 0);
+      }
+      if (onMove)
+        onMove(event);
+    };
+    this.onDragEnd = (event) => {
+      if (!this.isPointDown)
+        return;
+      this.isPointDown = false;
+      const { onEnd } = this.props;
+      if (onEnd)
+        onEnd(event);
+      if (this.originBodyStyle !== null) {
+        document.body.setAttribute("style", this.originBodyStyle);
+      }
+      this.originBodyStyle = null;
+    };
+  }
+  render() {
+    const { children, style, dock } = this.props;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `${prefix}-anchor`,
+        style: { ...style, ...dock == null ? void 0 : dock.style },
+        onPointerDown: this.onDragStart
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_EventProxy.EventProxy, { onPointerMove: this.onDragMove, onPointerUp: this.onDragEnd }),
+      children
+    );
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Anchor
+});

package/lib/Dialog/Dock.js

@@ -0,0 +1,112 @@
+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);
+
+// src/Dialog/Dock.ts
+var Dock_exports = {};
+__export(Dock_exports, {
+  Dock: () => Dock
+});
+module.exports = __toCommonJS(Dock_exports);
+var Dock = ((size) => {
+  return {
+    top: {
+      adjust: [1, -1, 0, 0],
+      style: {
+        top: -size / 2,
+        height: size,
+        left: 0,
+        right: 0,
+        cursor: "ns-resize"
+      }
+    },
+    bottom: {
+      adjust: [0, 1, 0, 0],
+      style: {
+        bottom: -size / 2,
+        height: size,
+        left: 0,
+        right: 0,
+        cursor: "ns-resize"
+      }
+    },
+    left: {
+      adjust: [0, 0, 1, -1],
+      style: {
+        left: -size / 2,
+        width: size,
+        top: 0,
+        bottom: 0,
+        cursor: "ew-resize"
+      }
+    },
+    right: {
+      adjust: [0, 0, 0, 1],
+      style: {
+        right: -size / 2,
+        width: size,
+        top: 0,
+        bottom: 0,
+        cursor: "ew-resize"
+      }
+    },
+    topLeft: {
+      adjust: [1, -1, 1, -1],
+      style: {
+        top: -size / 2,
+        left: -size / 2,
+        width: size,
+        height: size,
+        cursor: "nwse-resize"
+      }
+    },
+    topRight: {
+      adjust: [1, -1, 0, 1],
+      style: {
+        top: -size / 2,
+        right: -size / 2,
+        width: size,
+        height: size,
+        cursor: "nesw-resize"
+      }
+    },
+    bottomLeft: {
+      adjust: [0, 1, 1, -1],
+      style: {
+        bottom: -size / 2,
+        left: -size / 2,
+        width: size,
+        height: size,
+        cursor: "nesw-resize"
+      }
+    },
+    bottomRight: {
+      adjust: [0, 1, 0, 1],
+      style: {
+        bottom: -size / 2,
+        right: -size / 2,
+        width: size,
+        height: size,
+        cursor: "nwse-resize"
+      }
+    }
+  };
+})(8);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Dock
+});

package/lib/Dialog/EventProxy.js

@@ -0,0 +1,59 @@
+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);
+
+// src/Dialog/EventProxy.tsx
+var EventProxy_exports = {};
+__export(EventProxy_exports, {
+  EventProxy: () => EventProxy
+});
+module.exports = __toCommonJS(EventProxy_exports);
+var import_lodash = require("lodash");
+var import_react = require("react");
+var EventProxy = (props) => {
+  const handlers = (0, import_react.useMemo)(() => {
+    return Object.entries(props).reduce((list, [name, handler]) => {
+      let transName = name;
+      if (!(0, import_lodash.isFunction)(handler) || !name.startsWith("on"))
+        return list;
+      if (name === "onDoubleClick")
+        transName = "onDblClick";
+      return [...list, [transName.slice(2).toLowerCase(), handler]];
+    }, []);
+  }, [props]);
+  const bind = (0, import_react.useCallback)(() => {
+    handlers.forEach(([name, handler]) => {
+      document.addEventListener(name, handler);
+    });
+  }, [handlers]);
+  const unbind = (0, import_react.useCallback)(() => {
+    handlers.forEach(([name, handler]) => {
+      document.removeEventListener(name, handler);
+    });
+  }, [handlers]);
+  (0, import_react.useEffect)(() => {
+    bind();
+    return () => {
+      unbind();
+    };
+  }, [bind, unbind]);
+  return /* @__PURE__ */ React.createElement("div", { id: "event-proxy" });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EventProxy
+});

package/lib/Dialog/index.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
+import './index.less';
+export interface IDialogLocale {
+    helpDocument: string;
+    openHelpCenter: string;
+}
+export interface IDialogExtLink {
+    text?: string;
+    link: string;
+}
+export interface IDialogProps extends LocaleWrapperProps {
+    className?: string;
+    visible?: boolean;
+    children?: React.ReactNode;
+    min?: [number, number];
+    max?: [number, number];
+    width?: number;
+    height?: number;
+    left?: number;
+    top?: number;
+    title?: string;
+    onClose?: () => void;
+    clientWidth: number;
+    clientHeight: number;
+    resizable?: boolean;
+    draggable?: boolean;
+    enableMaximization?: boolean;
+    locale?: IDialogLocale;
+    extLink?: IDialogExtLink;
+    setRootWidth?: (newWidth: string) => void;
+    isEmbed?: boolean;
+}
+declare const _default: any;
+export default _default;