@oceanbase/design 0.1.2 → 0.2.0

package/lib/Login/index.less

@@ -1,325 +0,0 @@
-@import '../variable.less';
-
-@prefix: ob-login;
-
-.@{prefix}-container {
-  display: flex;
-  justify-content: space-between;
-  min-width: 768px;
-  height: 100vh;
-  min-height: 600px;
-  overflow: auto;
-
-  .@{prefix}-bg {
-    width: 540px;
-    min-width: 400px;
-    height: 100%;
-    background-repeat: no-repeat;
-    background-size: cover;
-
-    .@{prefix}-info {
-      margin: 185px 90px 0 90px;
-      color: #fff;
-      font-weight: 600;
-      font-size: 56px;
-      font-family: PingFangSC;
-
-      .@{prefix}-start {
-        margin-top: 22px;
-        color: #f4f4f4;
-        font-weight: 500;
-        font-size: 32px;
-        letter-spacing: 0;
-      }
-    }
-  }
-  .@{prefix}-card {
-    display: flex;
-    flex: 1;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    min-height: 600px;
-    background-color: #fff;
-
-    .@{prefix}-locale {
-      position: fixed;
-      top: 24px;
-      right: 24px;
-      color: @colorTextTertiary;
-      font-family: PingFangSC-Regular;
-      cursor: pointer;
-    }
-
-    .@{prefix}-board {
-      position: absolute;
-      top: 48px;
-    }
-
-    .@{prefix}-content {
-      margin-top: -60px;
-      .@{prefix}-logo {
-        display: block;
-        height: 68px;
-        margin: 0 auto;
-        margin-bottom: 40px;
-      }
-
-      .@{prefix}-activate-logo,
-      .@{prefix}-reigster-logo {
-        display: block;
-        height: 68px;
-        margin: 0 auto;
-      }
-
-      .@{prefix}-register,
-      .@{prefix}-activate {
-        .@{prefixCls}-form-item-with-help {
-          margin-bottom: 24px;
-        }
-      }
-
-      .@{prefix}-form {
-        width: 100%;
-
-        input::placeholder {
-          font-size: 14px;
-        }
-
-        .@{prefixCls}-form-item {
-          width: 404px;
-          margin-bottom: 24px;
-          padding-bottom: 0;
-        }
-
-        .@{prefixCls}-input-affix-wrapper {
-          width: 404px;
-          height: 40px;
-          border-radius: 8px;
-
-          .@{prefixCls}-input-prefix {
-            .@{iconPrefixCls} {
-              font-size: 20px;
-            }
-          }
-
-          // 覆盖 input:-internal-autofill-selected 自带背景色样式问题
-          .@{prefixCls}-input {
-            box-shadow: inset 0 0 0 1000px white !important;
-          }
-
-          .@{prefixCls}-input:-internal-autofill-selected {
-            box-shadow: inset 0 0 0 1000px white !important;
-          }
-          .@{prefixCls}-input:focus:-internal-autofill-selected {
-            box-shadow: inset 0 0 0 1000px white !important;
-          }
-        }
-
-        .@{prefixCls}-input-affix-wrapper .@{prefixCls}-input:not(:first-child) {
-          padding-left: 8px;
-        }
-
-        .@{prefixCls}-input-affix-wrapper-focused {
-          border-color: @colorPrimary;
-        }
-
-        .@{prefix}-form-focus-input {
-          .@{prefixCls}-input-prefix {
-            .@{iconPrefixCls} {
-              color: @colorPrimary;
-            }
-          }
-        }
-      }
-
-      .@{prefix}-auth-code {
-        display: flex;
-        align-items: start;
-        width: 100%;
-        margin-bottom: 24px;
-        padding-bottom: 0;
-        & > .@{prefixCls}-space-item:first-child {
-          flex: 1;
-        }
-        .@{prefixCls}-form-item {
-          margin-bottom: 0;
-        }
-        .@{prefix}-code-btn {
-          position: relative;
-          height: 38px;
-          border: 1px solid @colorBorder;
-          border-radius: 8px;
-          cursor: pointer;
-          img {
-            height: 38px;
-            border-radius: 8px;
-          }
-          .@{prefix}-code-mask {
-            position: absolute;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            height: 38px;
-            color: #fff;
-            background: rgba(0, 0, 0, 0.5);
-            border-radius: 8px;
-            cursor: pointer;
-            opacity: 0;
-            transition: opacity 0.3s;
-            inset: 0;
-          }
-          &.@{prefix}-error,
-          &:hover {
-            .@{prefix}-code-mask {
-              opacity: 1;
-            }
-          }
-        }
-      }
-      .@{prefix}-submit-btn {
-        width: 404px;
-        height: 40px;
-        border-radius: 8px;
-      }
-
-      .@{prefix}-switch-btn {
-        margin-top: 24px;
-        text-align: center;
-        cursor: pointer;
-      }
-
-      .@{prefix}-watermark-wrapper {
-        position: absolute;
-        bottom: 40px;
-        width: 404px;
-        text-align: center;
-
-        .@{prefix}-watermark {
-          height: 16px;
-        }
-      }
-
-      .@{prefix}-alert {
-        width: 404px;
-        margin-bottom: 24px;
-        border-radius: 8px;
-      }
-    }
-  }
-}
-
-@media (max-width: 2048px) {
-  .@{prefix}-container {
-    .@{prefix}-bg {
-      width: 800px;
-
-      .@{prefix}-info {
-        margin: 185px 48px 0 48px;
-        font-size: 72px;
-        .@{prefix}-start {
-          font-size: 48px;
-        }
-      }
-    }
-  }
-}
-
-@media (max-width: 1800px) {
-  .@{prefix}-container {
-    .@{prefix}-bg {
-      width: 700px;
-
-      .@{prefix}-info {
-        margin: 185px 48px 0 48px;
-        font-size: 64px;
-        .@{prefix}-start {
-          font-size: 40px;
-        }
-      }
-    }
-  }
-}
-
-@media (max-width: 1600px) {
-  .@{prefix}-container {
-    .@{prefix}-bg {
-      width: 600px;
-
-      .@{prefix}-info {
-        margin: 185px 48px 0 48px;
-        font-size: 56px;
-        .@{prefix}-start {
-          font-size: 32px;
-        }
-      }
-    }
-  }
-}
-
-// 设置的登录页最小高度，防止 logo 偏移位置偏移遮住输入框
-@media (max-height: 650px) {
-  .@{prefix}-container {
-    .@{prefix}-watermark-wrapper {
-      position: absolute;
-      top: 600px;
-    }
-  }
-}
-
-@media (max-width: 1200px) {
-  .@{prefix}-container {
-    .@{prefix}-bg {
-      width: 500px;
-
-      .@{prefix}-info {
-        margin: 185px 48px 0 48px;
-        font-size: 48px;
-        .@{prefix}-start {
-          font-size: 28px;
-        }
-      }
-    }
-  }
-}
-
-@media (max-width: 992px) {
-  .@{prefix}-container {
-    .@{prefix}-bg {
-      width: 400px;
-
-      .@{prefix}-info {
-        margin: 185px 32px 0 32px;
-        font-size: 40px;
-        .@{prefix}-start {
-          font-size: 24px;
-        }
-      }
-    }
-  }
-}
-
-@media (max-width: 768px) {
-  .@{prefix}-container {
-    .@{prefix}-bg {
-      width: 250px;
-
-      .@{prefix}-info {
-        margin: 185px 24px 0 24px;
-        font-size: 32px;
-
-        .@{prefix}-start {
-          font-size: 20px;
-        }
-      }
-    }
-  }
-}
-
-.@{prefix}-container-with-board {
-  .@{prefix}-card {
-    .@{prefix}-content {
-      margin-top: 0;
-    }
-  }
-}

package/lib/Login/locale/en-US.d.ts

@@ -1,27 +0,0 @@
-declare const _default: {
-    usernamePlaceholder: string;
-    usernameMessage: string;
-    passwordPlaceholder: string;
-    passwordMessage: string;
-    loginText: string;
-    isLoadingWarn: string;
-    usernameLabel: string;
-    switchLoginLabel: string;
-    switchRegisterLabel: string;
-    userExistMessage: string;
-    usernameFormatMessage: string;
-    samePasswordMessage: string;
-    usernameHelp: string;
-    usernameLengthMessage: string;
-    passwordLabel: string;
-    passwordHelp: string;
-    confirmPwdLabel: string;
-    confirmPwdMessage: string;
-    registerBtn: string;
-    registerTitle: string;
-    activeTitle: string;
-    activeTitleDescrition: string;
-    activeSubmitBtn: string;
-    activeBackBtn: string;
-};
-export default _default;

package/lib/Login/locale/en-US.js

@@ -1,50 +0,0 @@
-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/Login/locale/en-US.ts
-var en_US_exports = {};
-__export(en_US_exports, {
-  default: () => en_US_default
-});
-module.exports = __toCommonJS(en_US_exports);
-var en_US_default = {
-  usernamePlaceholder: "Please input username",
-  usernameMessage: "Username is required",
-  passwordPlaceholder: "Please input password",
-  passwordMessage: "Password is required",
-  loginText: "Login",
-  isLoadingWarn: "In progress",
-  usernameLabel: "Username",
-  switchLoginLabel: "Already have an account",
-  switchRegisterLabel: "Register",
-  userExistMessage: "Username already exists",
-  usernameFormatMessage: "Incorrect username format",
-  samePasswordMessage: "The two passwords are inconsistent",
-  usernameHelp: "Support English, numbers, underscores and special characters (._+@#$%), length 4~48 characters",
-  usernameLengthMessage: "User name supports 4~48 characters in length",
-  passwordLabel: "Password",
-  passwordHelp: "Contain at least 2 digits, 2 uppercase letters, 2 lowercase letters and 2 special characters (._+@#$%), with a length of 8~32 characters",
-  confirmPwdLabel: "Confirm password",
-  confirmPwdMessage: "Please enter the password again",
-  registerBtn: "Sign up",
-  registerTitle: "Sign up",
-  activeTitle: "Set password to activate account",
-  activeTitleDescrition: "For account security, you need to set a password to activate the account",
-  activeSubmitBtn: "Activation",
-  activeBackBtn: "Go back to the previous step"
-};

package/lib/Login/locale/zh-CN.d.ts

@@ -1,28 +0,0 @@
-declare const _default: {
-    usernamePlaceholder: string;
-    usernameMessage: string;
-    passwordPlaceholder: string;
-    passwordMessage: string;
-    loginText: string;
-    otherLoginText: string;
-    isLoadingWarn: string;
-    usernameLabel: string;
-    switchLoginLabel: string;
-    switchRegisterLabel: string;
-    userExistMessage: string;
-    usernameFormatMessage: string;
-    samePasswordMessage: string;
-    usernameHelp: string;
-    usernameLengthMessage: string;
-    passwordLabel: string;
-    passwordHelp: string;
-    confirmPwdLabel: string;
-    confirmPwdMessage: string;
-    registerBtn: string;
-    registerTitle: string;
-    activeTitle: string;
-    activeTitleDescrition: string;
-    activeSubmitBtn: string;
-    activeBackBtn: string;
-};
-export default _default;

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

@@ -1,51 +0,0 @@
-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/Login/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 = {
-  usernamePlaceholder: "请输入账号",
-  usernameMessage: "请输入账号",
-  passwordPlaceholder: "请输入密码",
-  passwordMessage: "请输入密码",
-  loginText: "登录",
-  otherLoginText: "第三方登录",
-  isLoadingWarn: "正在执行中",
-  usernameLabel: "用户名",
-  switchLoginLabel: "登录已有账号",
-  switchRegisterLabel: "注册账号",
-  userExistMessage: "用户名已存在",
-  usernameFormatMessage: "用户名格式不符合要求",
-  samePasswordMessage: "确认密码不一致",
-  usernameHelp: "支持英文、数字、下划线和特殊字符 (._+@#$%)，长度 4~48 位字符",
-  usernameLengthMessage: "用户名长度 4~48 位字符",
-  passwordLabel: "密码",
-  passwordHelp: "至少包含 2 位数字、2 位大写字母、2 位小写字母和 2 位特殊字符 (._+@#$%)，长度 8~32 位字符",
-  confirmPwdLabel: "确认密码",
-  confirmPwdMessage: "请再次输入密码",
-  registerBtn: "立即注册",
-  registerTitle: "注册账号",
-  activeTitle: "设置密码激活账号",
-  activeTitleDescrition: "为了账号安全，需要设置密码激活账号",
-  activeSubmitBtn: "激活",
-  activeBackBtn: "返回上一步"
-};

package/lib/Login/locale/zh-TW.d.ts

@@ -1,27 +0,0 @@
-declare const _default: {
-    usernamePlaceholder: string;
-    usernameMessage: string;
-    passwordPlaceholder: string;
-    passwordMessage: string;
-    loginText: string;
-    isLoadingWarn: string;
-    usernameLabel: string;
-    switchLoginLabel: string;
-    switchRegisterLabel: string;
-    userExistMessage: string;
-    usernameFormatMessage: string;
-    samePasswordMessage: string;
-    usernameHelp: string;
-    usernameLengthMessage: string;
-    passwordLabel: string;
-    passwordHelp: string;
-    confirmPwdLabel: string;
-    confirmPwdMessage: string;
-    registerBtn: string;
-    registerTitle: string;
-    activeTitle: string;
-    activeTitleDescrition: string;
-    activeSubmitBtn: string;
-    activeBackBtn: string;
-};
-export default _default;

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

@@ -1,50 +0,0 @@
-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/Login/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 = {
-  usernamePlaceholder: "請輸入用戶名",
-  usernameMessage: "用戶名不能為空",
-  passwordPlaceholder: "請輸入密碼",
-  passwordMessage: "密碼不能為空",
-  loginText: "登錄",
-  isLoadingWarn: "正在執行中",
-  usernameLabel: "用戶名",
-  switchLoginLabel: "登錄已有帳號",
-  switchRegisterLabel: "註冊帳號",
-  userExistMessage: "用戶名已存在",
-  usernameFormatMessage: "用戶名格式不符合要求",
-  samePasswordMessage: "確認密碼不一致",
-  usernameHelp: "支持英文、數字、下劃線和特殊字符（._+@#$%），長度 4~48 位字符",
-  usernameLengthMessage: "用戶名長度 4~48 位字符",
-  passwordLabel: "密碼",
-  passwordHelp: "至少包含 2 位字符、2 位大寫字母、2 位小寫字母和 2 位特殊字符（._+@#$%），長度 8~32 位字符",
-  confirmPwdLabel: "確認密碼",
-  confirmPwdMessage: "請再次輸入密碼",
-  registerBtn: "立即注册",
-  registerTitle: "註冊帳號",
-  activeTitle: "設置密碼激活帳號",
-  activeTitleDescrition: "為了帳號安全，需要設置密碼激活帳號",
-  activeSubmitBtn: "激活",
-  activeBackBtn: "返回上一步"
-};

package/lib/Lottie/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { AnimationConfig } from 'lottie-web';
-interface LottieProps extends Omit<AnimationConfig, 'container'> {
-    path: string;
-    speed?: number;
-    mode?: 'normal' | 'icon';
-    style?: React.CSSProperties;
-}
-declare const Lottie: React.FC<LottieProps>;
-export default Lottie;

package/lib/Lottie/index.js

@@ -1,62 +0,0 @@
-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/Lottie/index.tsx
-var Lottie_exports = {};
-__export(Lottie_exports, {
-  default: () => Lottie_default
-});
-module.exports = __toCommonJS(Lottie_exports);
-var import_react = __toESM(require("react"));
-var import_lottie_web = __toESM(require("lottie-web"));
-var import_classnames = __toESM(require("classnames"));
-var Lottie = ({ mode, speed = 1, style, ...restProps }) => {
-  const ref = (0, import_react.useRef)();
-  (0, import_react.useEffect)(() => {
-    const animation = import_lottie_web.default.loadAnimation({
-      container: ref.current,
-      renderer: "svg",
-      loop: false,
-      autoplay: true,
-      ...restProps
-    });
-    animation.setSpeed(speed);
-  }, []);
-  return /* @__PURE__ */ import_react.default.createElement(
-    "span",
-    {
-      ref,
-      className: (0, import_classnames.default)("ob-lottie", {
-        // 图标展示模式，则追加 anticon 类名，这样可共享相关样式
-        ["anticon"]: mode === "icon"
-      }),
-      style
-    }
-  );
-};
-var Lottie_default = Lottie;

package/lib/Modal/index.d.ts

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-import type { ModalProps as AntModalProps } from 'antd/es/modal';
-export declare type ModalProps = AntModalProps;
-declare const Modal: {
-    ({ prefixCls: customizePrefixCls, className, ...restProps }: ModalProps): JSX.Element;
-    info(props: any): {
-        destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-    };
-    success(props: any): {
-        destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-    };
-    error(props: any): {
-        destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-    };
-    warning(props: any): {
-        destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-    };
-    confirm(props: any): {
-        destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-    };
-    useModal: typeof import("antd/es/modal/useModal").default;
-    destroyAll: () => void;
-    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
-    displayName: string;
-};
-export default Modal;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
-export declare type ModalToken = FullToken<'Modal'>;
-export declare const genModalStyle: GenerateStyle<ModalToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => JSX.Element;
-    hashId: string;
-};
-export default _default;

package/lib/NavMenu/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface IMenu {
-    key: string;
-    title: string;
-    link: string;
-    disabled?: boolean;
-    openNewTab?: boolean;
-    href?: boolean;
-    id?: string;
-    children?: IMenu[];
-}
-interface MenuProps {
-    menuList: IMenu[];
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const _default: (props: MenuProps) => React.JSX.Element;
-export default _default;