@oceanbase/design 0.1.1 → 0.2.0

package/lib/NavMenu/index.js

@@ -1,102 +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/NavMenu/index.tsx
-var NavMenu_exports = {};
-__export(NavMenu_exports, {
-  default: () => NavMenu_default
-});
-module.exports = __toCommonJS(NavMenu_exports);
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var import_path_to_regexp = require("path-to-regexp");
-var import_lodash = require("lodash");
-var import_util = require("../_util");
-var import_history = __toESM(require("../_util/history"));
-var import_index = require("./index.less");
-var prefix = (0, import_util.getPrefix)("menu");
-var NavMenu_default = (props) => {
-  const { menuList, className, style } = props;
-  const [selectedKeys, setSelectedKeys] = (0, import_react.useState)(["0"]);
-  const [menus, setMenus] = (0, import_react.useState)([]);
-  const location = window.location;
-  const preProcess = (0, import_react.useCallback)(
-    (list) => {
-      const { pathname } = location;
-      for (let i = 0; i < list.length; i++) {
-        const { link, openNewTab, href, key, children } = list[i];
-        if (openNewTab || href)
-          return false;
-        const linkList = (0, import_lodash.isArray)(link) ? link : [link];
-        const match = linkList.some((lk) => (0, import_path_to_regexp.pathToRegexp)(lk).test(pathname));
-        if (match) {
-          setSelectedKeys([key]);
-          setMenus(list);
-          return;
-        }
-        if (!!(children == null ? void 0 : children.length)) {
-          preProcess(children);
-        }
-      }
-    },
-    [location]
-  );
-  (0, import_react.useEffect)(() => {
-    preProcess(menuList);
-  }, [menuList, preProcess]);
-  const onMenuItemSelect = (0, import_react.useCallback)(
-    (payload) => {
-      const { selectedKeys: newSelectedKeys } = payload;
-      if (menus.some((i) => i.key === newSelectedKeys[0] && i.openNewTab))
-        return;
-      setSelectedKeys(newSelectedKeys);
-    },
-    [setSelectedKeys, menus]
-  );
-  const onMenuClick = (0, import_react.useCallback)(
-    (link) => {
-      const linkList = (0, import_lodash.isArray)(link) ? link : [link];
-      import_history.default.push(linkList[0]);
-    },
-    [import_history.default]
-  );
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-container ${className}`, style }, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Menu,
-    {
-      style: { height: "100%", borderRight: 0 },
-      defaultSelectedKeys: ["0"],
-      selectedKeys,
-      onSelect: onMenuItemSelect,
-      mode: "inline",
-      theme: "light"
-    },
-    menus.map((config) => {
-      return /* @__PURE__ */ import_react.default.createElement(import_antd.Menu.Item, { key: config.key, disabled: config.disabled ?? false }, config.openNewTab ? /* @__PURE__ */ import_react.default.createElement("a", { id: config.id, href: config.link, target: "_blank", rel: "noreferrer" }, config.title) : /* @__PURE__ */ import_react.default.createElement("a", { id: config.id, onClick: () => onMenuClick(config.link) }, config.title));
-    })
-  ));
-};

package/lib/NavMenu/index.less

@@ -1,50 +0,0 @@
-@import '../variable.less';
-
-@prefix: ob-menu;
-
-.@{prefix}-container {
-  margin-top: 21px;
-  background-color: transparent;
-  user-select: none;
-
-  ul {
-    background-color: transparent;
-
-    li {
-      padding-right: 0 !important;
-
-      .@{prefixCls}-menu-title-content {
-        padding: 0 20px;
-        border-radius: 10px;
-        transition: 0.6s;
-
-        &:hover {
-          background-color: #e4e8f5;
-        }
-      }
-    }
-
-    .@{prefixCls}-menu-item:not(.@{prefixCls}-menu-item-selected):hover {
-      background-color: transparent !important;
-    }
-
-    .@{prefixCls}-menu-item-selected {
-      background-color: transparent !important;
-
-      .@{prefixCls}-menu-title-content {
-        background-color: #d7e2fc;
-
-        a {
-          color: transparent;
-          font-family: SourceSansPro-Semibold, SourceSansPro-Regular;
-          background: linear-gradient(-45deg, #002bff 0%, #0080ff 100%);
-          background-clip: text;
-        }
-      }
-
-      &::after {
-        display: none;
-      }
-    }
-  }
-}

package/lib/PageContainer/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import type { IconComponentProps } from '@ant-design/icons/es/components/Icon';
-import type { PageContainerProps as AntPageContainerProps, PageHeaderProps as AntPageHeaderProps } from '@ant-design/pro-components';
-import './index.less';
-export declare type ReloadType = boolean | IconComponentProps | React.ReactNode;
-export interface PageContainerLocale {
-    reload?: string;
-}
-export declare type PageHeaderProps = AntPageHeaderProps & {
-    reload?: ReloadType;
-};
-export interface PageContainerProps extends AntPageContainerProps {
-    header?: PageHeaderProps;
-    locale?: PageContainerLocale;
-}
-declare const _default: any;
-export default _default;

package/lib/PageContainer/index.js

@@ -1,69 +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/PageContainer/index.tsx
-var PageContainer_exports = {};
-__export(PageContainer_exports, {
-  default: () => PageContainer_default
-});
-module.exports = __toCommonJS(PageContainer_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_icons = require("@ant-design/icons");
-var import_pro_components = require("@ant-design/pro-components");
-var import_lodash = require("lodash");
-var import_classnames = __toESM(require("classnames"));
-var import_itemRender = __toESM(require("../_util/itemRender"));
-var import_ConfigProvider = require("../ConfigProvider");
-var import_Tooltip = __toESM(require("../Tooltip"));
-var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
-var import_zh_CN = __toESM(require("./locale/zh-CN"));
-var import_index = require("./index.less");
-var PageContainer = ({ header, locale, className, ...restProps }) => {
-  const rootPrefixCls = (0, import_ConfigProvider.globalConfig)().getRootPrefixCls();
-  const { reload, subTitle, breadcrumb } = header || {};
-  const reloadProps = (0, import_lodash.isObject)(reload) && !import_react.default.isValidElement(reload) ? reload : {};
-  const reloadCls = (0, import_classnames.default)(
-    `${rootPrefixCls}-page-header-heading-reload`,
-    reloadProps.className
-  );
-  const newSubTitle = /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 12 }, reload && /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: locale.reload }, (0, import_lodash.isObject)(reload) && import_react.default.isValidElement(reload) ? reload : /* @__PURE__ */ import_react.default.createElement(import_icons.SyncOutlined, { ...reloadProps, className: reloadCls })), subTitle);
-  const newHeader = header && {
-    ...header,
-    subTitle: newSubTitle,
-    breadcrumb: {
-      itemRender: import_itemRender.default,
-      ...breadcrumb
-    }
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_pro_components.PageContainer, { header: newHeader, ...restProps });
-};
-var PageContainer_default = (0, import_LocaleWrapper.default)({
-  componentName: "PageContainer",
-  defaultLocale: import_zh_CN.default
-})(PageContainer);

package/lib/PageContainer/index.less

@@ -1,72 +0,0 @@
-@import '../variable.less';
-
-.@{prefixCls}-pro-page-container {
-  min-height: calc(100vh - 48px);
-  .@{prefixCls}-pro-grid-content {
-    // pro-components 的实现是 min-height: 100%，但实际上还有 Header 部分，高度不能单纯的设置为父元素的 100%，否则底部会出现多余的白色空间
-    min-height: auto;
-  }
-
-  .@{prefixCls}-page-header {
-    .@{prefixCls}-page-header-breadcrumb {
-      margin-bottom: 6px;
-    }
-    .@{prefixCls}-page-header-heading-title {
-      font-size: 24px;
-    }
-    .@{prefixCls}-page-header-heading-reload {
-      cursor: pointer;
-    }
-    .@{prefixCls}-page-header-heading-extra {
-      height: 40px;
-      line-height: 40px;
-      margin-block: 0;
-      // 页容器右上角的组件高度为 40px，包括 Button、Radio.Button 等
-      .@{prefixCls}-btn:not(.@{prefixCls}-input-search-button) {
-        min-width: 40px;
-        height: 40px;
-      }
-      .@{prefixCls}-radio-button-wrapper {
-        height: 40px;
-        line-height: 40px;
-      }
-      .@{prefixCls}-input-wrapper {
-        line-height: 40px;
-      }
-    }
-    .@{prefixCls}-page-header-footer {
-      margin-block-start: 0;
-    }
-  }
-
-  // 减小内容区左右两侧间距
-  .@{prefixCls}-pro-page-container-warp-page-header {
-    padding-inline: 24px;
-    padding-block: 16px;
-  }
-  .@{prefixCls}-pro-page-container-children-content {
-    padding-inline: 24px !important;
-    padding-block-start: 0 !important;
-    padding-block-end: 24px !important;
-  }
-}
-
-.@{prefixCls}-pro-page-container-with-footer {
-  padding-bottom: 64px;
-}
-
-.@{prefixCls}-pro-footer-bar {
-  background-color: @colorBgBase;
-  border-radius: ~'@{borderRadius}px';
-  box-shadow: @boxShadowSecondary;
-  border-block-start: none;
-  // 底部操作栏的组件高度为 40px，包括 Button、Radio.Button 等
-  .@{prefixCls}-btn:not(.@{prefixCls}-input-search-button) {
-    min-width: 68px;
-    height: 40px;
-  }
-  .@{prefixCls}-radio-button-wrapper {
-    height: 40px;
-    line-height: 40px;
-  }
-}

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

@@ -1,4 +0,0 @@
-declare const _default: {
-    reload: string;
-};
-export default _default;

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

@@ -1,27 +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/PageContainer/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 = {
-  reload: "Reload"
-};

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

@@ -1,4 +0,0 @@
-declare const _default: {
-    reload: string;
-};
-export default _default;

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

@@ -1,27 +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/PageContainer/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 = {
-  reload: "刷新"
-};

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

@@ -1,4 +0,0 @@
-declare const _default: {
-    reload: string;
-};
-export default _default;

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

@@ -1,27 +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/PageContainer/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 = {
-  reload: "重新加載"
-};

package/lib/Password/Content.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface Validator {
-    validate: (value?: string) => boolean;
-    message: string;
-    optional?: boolean;
-}
-declare const Content: React.FC<{
-    rules: Validator[];
-    fieldError: string[];
-    isValidating: boolean;
-    value?: string;
-    isTouched: boolean;
-}>;
-export default Content;

package/lib/Password/Content.js

@@ -1,106 +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/Password/Content.tsx
-var Content_exports = {};
-__export(Content_exports, {
-  default: () => Content_default
-});
-module.exports = __toCommonJS(Content_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_icons = require("@ant-design/icons");
-var import_StaticFunction = require("../StaticFunction");
-var Content = ({ rules, fieldError, isValidating, value, isTouched }) => {
-  const statusIconMap = {
-    error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleFilled, { style: { color: import_StaticFunction.token.colorError } }),
-    success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleFilled, { style: { color: import_StaticFunction.token.colorSuccess } }),
-    wait: /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          width: 14,
-          height: 22
-        }
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          style: {
-            width: 6,
-            height: 6,
-            backgroundColor: import_StaticFunction.token.colorTextTertiary,
-            borderRadius: 4
-          }
-        }
-      )
-    )
-  };
-  const isRequireFail = rules.filter((rule) => !rule.optional).filter((rule) => fieldError.includes(rule.message)).length > 0;
-  const percent = Math.max(
-    0,
-    Math.min(100, (rules.length - fieldError.length) / rules.length * 100)
-  );
-  let strokeColor = "";
-  if (isRequireFail) {
-    strokeColor = import_StaticFunction.token.colorError;
-    if (percent > 50 && percent < 100 && percent !== 100) {
-      strokeColor = import_StaticFunction.token.colorWarning;
-    }
-  } else {
-    strokeColor = import_StaticFunction.token.colorSuccess;
-  }
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Progress,
-    {
-      percent: value ? percent : 0,
-      strokeColor,
-      showInfo: false,
-      size: "small"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement("ul", { style: { margin: 0, marginTop: "10px", listStyle: "none", padding: "0" } }, rules == null ? void 0 : rules.map((rule, index) => {
-    const isError = fieldError.includes(rule.message);
-    let status = "wait";
-    if (isError) {
-      status = rule.optional ? "wait" : "error";
-    } else {
-      status = "success";
-    }
-    if (!value) {
-      status = "error";
-    }
-    if (!isTouched) {
-      status = "wait";
-    }
-    return /* @__PURE__ */ import_react.default.createElement("li", { key: index }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { align: "start" }, isValidating ? /* @__PURE__ */ import_react.default.createElement(import_icons.LoadingOutlined, null) : statusIconMap[status], /* @__PURE__ */ import_react.default.createElement("span", { style: { color: import_StaticFunction.token.colorTextSecondary } }, rule.message)));
-  })));
-};
-var Content_default = Content;

package/lib/Password/index.d.ts

@@ -1,25 +0,0 @@
-import type { PasswordProps as AntdPasswordProps } from 'antd/es/input';
-import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
-import type { Validator } from './Content';
-export interface PasswordLocale {
-    lengthRuleMessage: string;
-    charRuleMessage: string;
-    strengthRuleMessage: string;
-    placeholder: string;
-    generatePlaceholder: string;
-    randomlyGenerate: string;
-    pleaseKeepYourPasswordIn: string;
-    copySuccessfully: string;
-    copyPassword: string;
-    andKeepItProperly: string;
-}
-export interface PasswordProps extends LocaleWrapperProps, Omit<AntdPasswordProps, 'onChange'> {
-    value?: string;
-    onChange?: (value?: string) => void;
-    rules?: Validator[];
-    onValidate?: (passed: boolean) => void;
-    generatePasswordRegex?: RegExp;
-    locale?: PasswordLocale;
-}
-declare const _default: any;
-export default _default;