@oceanbase/ui 0.2.0

package/es/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/es/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/es/IconFont/index.js

@@ -0,0 +1,26 @@
+var _excluded = ["type", "className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { createFromIconfontCN } from '@ant-design/icons';
+import React from 'react';
+import "./font/iconfont.css";
+var CustomIcon = 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 = function IconFont(props) {
+  var type = props.type,
+    className = props.className,
+    restProps = _objectWithoutProperties(props, _excluded);
+  // TODO: 后续建议统一使用 iconfont.cn 上的图标，这里先兼容两种用法
+  return iconfontList.includes(type) ? /*#__PURE__*/React.createElement(CustomIcon, _extends({
+    type: type,
+    className: className
+  }, restProps)) : /*#__PURE__*/React.createElement("i", _extends({
+    className: "iconfont ".concat(type, " ").concat(className)
+  }, restProps));
+};
+export default IconFont;

package/es/LocaleDropdown/index.d.ts

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

package/es/LocaleDropdown/index.js

@@ -0,0 +1,47 @@
+var _excluded = ["locales", "showLabel"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { GlobalOutlined } from '@ant-design/icons';
+import { findByValue } from '@oceanbase/util';
+import { Dropdown, Menu, Space } from '@oceanbase/design';
+import React from 'react';
+import { LOCALE_LIST } from "../constant";
+import { getLocale, getPrefix, setLocale } from "../_util";
+var prefix = getPrefix('layout-header');
+var LocaleDropdown = function LocaleDropdown(_ref) {
+  var locales = _ref.locales,
+    showLabel = _ref.showLabel,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  // 语言切换菜单
+  var localeMenu = /*#__PURE__*/React.createElement(Menu, {
+    onClick: function onClick(_ref2) {
+      var key = _ref2.key;
+      setLocale(key);
+    }
+  }, LOCALE_LIST.filter(function (item) {
+    return !locales || locales.includes(item.value);
+  }).map(function (item) {
+    return /*#__PURE__*/React.createElement(Menu.Item, {
+      key: item.value
+    }, item.label);
+  }));
+  return /*#__PURE__*/React.createElement(Dropdown, _extends({
+    overlay: localeMenu
+  }, restProps), showLabel ? /*#__PURE__*/React.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
+    }
+  }, findByValue(LOCALE_LIST, getLocale()).minLabel) : /*#__PURE__*/React.createElement(Space, {
+    className: "".concat(prefix, "-extra-item")
+  }, /*#__PURE__*/React.createElement(GlobalOutlined, null), findByValue(LOCALE_LIST, getLocale()).shortLabel));
+};
+export default LocaleDropdown;

package/es/Login/ActivateForm.d.ts

@@ -0,0 +1,19 @@
+import type { FormProps } from 'antd/es/form';
+import React from 'react';
+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;