@oceanbase/design 0.1.0

package/lib/IconFont/font/iconfont.css

@@ -0,0 +1,503 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 1229429 */
+  src: url('iconfont.woff2?t=1663828851402') format('woff2'),
+       url('iconfont.woff?t=1663828851402') format('woff'),
+       url('iconfont.ttf?t=1663828851402') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.iconinsert:before {
+  content: "\e667";
+}
+
+.iconlock:before {
+  content: "\e7ce";
+}
+
+.iconhuabanbeifen1:before {
+  content: "\e668";
+}
+
+.iconcompile:before {
+  content: "\e666";
+}
+
+.iconPL:before {
+  content: "\e664";
+}
+
+.iconSQL:before {
+  content: "\e665";
+}
+
+.iconmockdata:before {
+  content: "\e663";
+}
+
+.iconedit:before {
+  content: "\e65e";
+}
+
+.iconrun-all1:before {
+  content: "\e662";
+}
+
+.iconstep-out:before {
+  content: "\e65f";
+}
+
+.iconstep-in:before {
+  content: "\e660";
+}
+
+.iconstep-single:before {
+  content: "\e661";
+}
+
+.iconcancel:before {
+  content: "\e65c";
+}
+
+.iconconfirm:before {
+  content: "\e65d";
+}
+
+.iconrollback:before {
+  content: "\e65b";
+}
+
+.iconupload:before {
+  content: "\e659";
+}
+
+.icondownload:before {
+  content: "\e65a";
+}
+
+.iconexport:before {
+  content: "\e655";
+}
+
+.iconcomment-delete:before {
+  content: "\e650";
+}
+
+.iconcomment-add:before {
+  content: "\e651";
+}
+
+.iconcode:before {
+  content: "\e656";
+}
+
+.iconsave:before {
+  content: "\e657";
+}
+
+.iconsetting:before {
+  content: "\e658";
+}
+
+.iconletter-mix:before {
+  content: "\e654";
+}
+
+.iconletter-upper:before {
+  content: "\e652";
+}
+
+.icona-letter-lower:before {
+  content: "\e653";
+}
+
+.iconformat:before {
+  content: "\e64f";
+}
+
+.iconexplain:before {
+  content: "\e64e";
+}
+
+.iconstop:before {
+  content: "\e64d";
+}
+
+.iconrun:before {
+  content: "\e64b";
+}
+
+.iconrun-current:before {
+  content: "\e64c";
+}
+
+.iconSQLchuangkou:before {
+  content: "\e648";
+}
+
+.iconhuishouzhan:before {
+  content: "\e649";
+}
+
+.iconhuihua:before {
+  content: "\e64a";
+}
+
+.icona-9-tongyici:before {
+  content: "\e647";
+}
+
+.iconbiao:before {
+  content: "\e63d";
+}
+
+.icona-5-chengxubao:before {
+  content: "\e63e";
+}
+
+.icona-4-cunchuguocheng:before {
+  content: "\e63f";
+}
+
+.icona-6-chufaqi:before {
+  content: "\e640";
+}
+
+.icona-7-leixing:before {
+  content: "\e641";
+}
+
+.icona-3-hanshu:before {
+  content: "\e642";
+}
+
+.icona-10-zuoye:before {
+  content: "\e643";
+}
+
+.icona-8-xulie:before {
+  content: "\e644";
+}
+
+.icona-2-shitu:before {
+  content: "\e645";
+}
+
+.icona-11-yonghu:before {
+  content: "\e646";
+}
+
+.iconshijianzhongxin:before {
+  content: "\e63c";
+}
+
+.iconrenwuliucheng:before {
+  content: "\e638";
+}
+
+.iconcaozuojilu:before {
+  content: "\e639";
+}
+
+.iconziyuanquanxian:before {
+  content: "\e63a";
+}
+
+.iconanquanshenji:before {
+  content: "\e63b";
+}
+
+.icona-table:before {
+  content: "\e637";
+}
+
+.icondatabase:before {
+  content: "\e636";
+}
+
+.icona-16px:before {
+  content: "\e635";
+}
+
+.iconfuben:before {
+  content: "\e634";
+}
+
+.icona-SQLqingqiufenxi:before {
+  content: "\e633";
+}
+
+.iconxiazuanfenxi:before {
+  content: "\e632";
+}
+
+.icontiaochu:before {
+  content: "\e7cd";
+}
+
+.iconwifi:before {
+  content: "\e631";
+}
+
+.iconjifang-mianxing:before {
+  content: "\e62f";
+}
+
+.iconjifang-xianxing:before {
+  content: "\e630";
+}
+
+.iconsource:before {
+  content: "\e62e";
+}
+
+.iconkongzhitai:before {
+  content: "\e62d";
+}
+
+.iconlianjie:before {
+  content: "\e7cb";
+}
+
+.iconkeyongqu:before {
+  content: "\e7cc";
+}
+
+.iconjiedian:before {
+  content: "\e7c8";
+}
+
+.iconzuhu:before {
+  content: "\e7c9";
+}
+
+.iconshengyu:before {
+  content: "\e7ca";
+}
+
+.icona-bianzu43:before {
+  content: "\e62c";
+}
+
+.icona-bianzu47:before {
+  content: "\e62b";
+}
+
+.icona-16pxbeifen7:before {
+  content: "\e62a";
+}
+
+.icona-16pxbeifen6:before {
+  content: "\e629";
+}
+
+.iconnewopen:before {
+  content: "\e7c7";
+}
+
+.iconmock:before {
+  content: "\e628";
+}
+
+.icondeletehighlight:before {
+  content: "\e627";
+}
+
+.iconaddhighlight:before {
+  content: "\e626";
+}
+
+.iconmysql:before {
+  content: "\e625";
+}
+
+.iconoracle:before {
+  content: "\e624";
+}
+
+.iconcommand:before {
+  content: "\e623";
+}
+
+.iconsign:before {
+  content: "\e622";
+}
+
+.iconsignfill:before {
+  content: "\e621";
+}
+
+.icontrigger:before {
+  content: "\e620";
+}
+
+.iconsynonym:before {
+  content: "\e61e";
+}
+
+.icontypeobject:before {
+  content: "\e61f";
+}
+
+.iconODC:before {
+  content: "\e615";
+}
+
+.iconWorking:before {
+  content: "\e61c";
+}
+
+.iconMenu:before {
+  content: "\e61d";
+}
+
+.iconRoll-back:before {
+  content: "\e60e";
+}
+
+.iconSubmit:before {
+  content: "\e614";
+}
+
+.iconStepover:before {
+  content: "\e60b";
+}
+
+.iconAutomaticoperation:before {
+  content: "\e601";
+}
+
+.iconAddnotes:before {
+  content: "\e61b";
+}
+
+.iconDeletenotes:before {
+  content: "\e61a";
+}
+
+.iconUndo:before {
+  content: "\e619";
+}
+
+.iconRedo:before {
+  content: "\e618";
+}
+
+.iconFold:before {
+  content: "\e617";
+}
+
+.iconUnfold:before {
+  content: "\e616";
+}
+
+.iconAlowercaseletter:before {
+  content: "\e613";
+}
+
+.iconUppercasing:before {
+  content: "\e612";
+}
+
+.iconCapitalized:before {
+  content: "\e611";
+}
+
+.iconTermination:before {
+  content: "\e610";
+}
+
+.iconRuntonextexception:before {
+  content: "\e60f";
+}
+
+.iconStepout:before {
+  content: "\e60d";
+}
+
+.iconStepin:before {
+  content: "\e60c";
+}
+
+.iconCompile:before {
+  content: "\e60a";
+}
+
+.iconType:before {
+  content: "\e609";
+}
+
+.iconVariable:before {
+  content: "\e608";
+}
+
+.iconParameter:before {
+  content: "\e607";
+}
+
+.iconPackagebody:before {
+  content: "\e606";
+}
+
+.iconPackageheader:before {
+  content: "\e605";
+}
+
+.iconPackage:before {
+  content: "\e604";
+}
+
+.iconConsole-PL:before {
+  content: "\e603";
+}
+
+.icondrag:before {
+  content: "\e602";
+}
+
+.iconView:before {
+  content: "\e917";
+}
+
+.iconField-number:before {
+  content: "\e90d";
+}
+
+.iconField-String:before {
+  content: "\e90e";
+}
+
+.iconFunction:before {
+  content: "\e90f";
+}
+
+.iconField-time:before {
+  content: "\e910";
+}
+
+.iconPartition:before {
+  content: "\e911";
+}
+
+.iconindex:before {
+  content: "\e912";
+}
+
+.iconStoredprocedure:before {
+  content: "\e913";
+}
+
+.iconField-Binary:before {
+  content: "\e914";
+}
+
+.iconConsole-SQL:before {
+  content: "\e915";
+}
+

package/lib/IconFont/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './font/iconfont.css';
+interface IconFontProps {
+    type: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const IconFont: (props: IconFontProps) => React.JSX.Element;
+export default IconFont;

package/lib/IconFont/index.js

@@ -0,0 +1,84 @@
+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/IconFont/index.tsx
+var IconFont_exports = {};
+__export(IconFont_exports, {
+  default: () => IconFont_default
+});
+module.exports = __toCommonJS(IconFont_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@ant-design/icons");
+var import_iconfont = require("./font/iconfont.css");
+var CustomIcon = (0, import_icons.createFromIconfontCN)({
+  // OceanBase 图标库地址: https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3786261
+  // 在 iconfont.cn 上生成
+  scriptUrl: "//at.alicdn.com/t/a/font_3786261_ifhixq9j5c.js"
+});
+var iconfontList = [
+  "backup",
+  "backup-colored",
+  "cluster",
+  "cluster-colored",
+  "data-source",
+  "data-source-colored",
+  "docs",
+  "diagnosis",
+  "diagnosis-colored",
+  "host",
+  "host-colored",
+  "log",
+  "log-colored",
+  "migration",
+  "migration-colored",
+  "monitor",
+  "monitor-colored",
+  "notification",
+  "obproxy",
+  "obproxy-colored",
+  "package",
+  "package-colored",
+  "overview",
+  "overview-colored",
+  "property",
+  "property-colored",
+  "tenant",
+  "tenant-colored",
+  "sync",
+  "sync-colored",
+  "system",
+  "system-colored",
+  "user"
+];
+var IconFont = (props) => {
+  const { type, className, ...restProps } = props;
+  return iconfontList.includes(type) ? /* @__PURE__ */ import_react.default.createElement(CustomIcon, { type, className, ...restProps }) : /* @__PURE__ */ import_react.default.createElement("i", { className: `iconfont ${type} ${className}`, ...restProps });
+};
+var IconFont_default = IconFont;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/LocaleDropdown/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DropdownProps } from 'antd/es/dropdown';
+import type { Locale } from '../interface';
+export interface LocaleDropdownProps extends DropdownProps {
+    locales?: Locale[];
+    showLabel?: boolean;
+}
+declare const LocaleDropdown: React.FC<LocaleDropdownProps>;
+export default LocaleDropdown;

package/lib/LocaleDropdown/index.js

@@ -0,0 +1,72 @@
+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/LocaleDropdown/index.tsx
+var LocaleDropdown_exports = {};
+__export(LocaleDropdown_exports, {
+  default: () => LocaleDropdown_default
+});
+module.exports = __toCommonJS(LocaleDropdown_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_util = require("@oceanbase/util");
+var import_constant = require("../constant");
+var import_util2 = require("../_util");
+var prefix = (0, import_util2.getPrefix)("layout-header");
+var LocaleDropdown = ({ locales, showLabel, ...restProps }) => {
+  const localeMenu = /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Menu,
+    {
+      onClick: ({ key }) => {
+        (0, import_util2.setLocale)(key);
+      }
+    },
+    import_constant.LOCALE_LIST.filter((item) => !locales || locales.includes(item.value)).map((item) => /* @__PURE__ */ import_react.default.createElement(import_antd.Menu.Item, { key: item.value }, item.label))
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { overlay: localeMenu, ...restProps }, showLabel ? /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      style: {
+        display: "inline-block",
+        width: 28,
+        height: 28,
+        fontSize: 12,
+        fontWeight: 500,
+        lineHeight: "28px",
+        textAlign: "center",
+        border: "0.88px solid #ced4e1",
+        borderRadius: 14
+      }
+    },
+    (0, import_util.findByValue)(import_constant.LOCALE_LIST, (0, import_util2.getLocale)()).minLabel
+  ) : /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: `${prefix}-extra-item` }, /* @__PURE__ */ import_react.default.createElement(import_icons.GlobalOutlined, null), (0, import_util.findByValue)(import_constant.LOCALE_LIST, (0, import_util2.getLocale)()).shortLabel));
+};
+var LocaleDropdown_default = LocaleDropdown;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Login/ActivateForm.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { FormProps } from 'antd/es/form';
+import type { LoginLocale } from './index';
+import './index.less';
+export interface IActivateFormProps extends FormProps {
+    locale?: LoginLocale;
+    /**
+     * 用户自定义密码规则
+     */
+    passwordRule?: {
+        pattern: RegExp;
+        message: string;
+    };
+    loading?: boolean;
+    errorMessage?: React.ReactNode | string;
+    goBack?: () => void;
+}
+declare const Activate: React.FC<IActivateFormProps>;
+export default Activate;