@oceanbase/design 0.1.2 → 0.2.0

package/es/SideTip/index.less

@@ -1,177 +0,0 @@
-@import '../variable.less';
-
-@prefix: ob-sidetip;
-
-.@{prefix}-container {
-  position: fixed;
-  z-index: 0;
-  font-size: 14px;
-  cursor: pointer;
-  inset-inline-end: 24px;
-  inset-block-end: 24px;
-
-  &.@{prefix}-container-dragged {
-    cursor: grab;
-  }
-
-  &.@{prefix}-container-hide {
-    transition: all 0.3s;
-  }
-
-  @media screen and (max-width: 768px) {
-    display: none;
-  }
-
-  &.@{prefix}-container-hide-not-dragged:hover {
-    inset-inline-end: 0 !important;
-  }
-
-  .@{prefix}-hide {
-    position: absolute;
-    z-index: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 20px;
-    height: 20px;
-    background: rgba(0, 0, 0, 0.15);
-    border-radius: 20px;
-    transform: scale(0);
-    cursor: pointer;
-    opacity: 0;
-    transition: all 0.18s ease-out 0.18s;
-    inset-block-start: 0;
-    inset-inline-end: -22px;
-
-    &:hover {
-      background: rgba(0, 0, 0, 0.35);
-    }
-
-    .@{prefix}-hide-icon {
-      width: 6px;
-      height: 2px;
-      background: #fff;
-      border-radius: 4px;
-    }
-
-    &.@{prefix}-hide-hovered {
-      transform: scale(1);
-      opacity: 1;
-    }
-  }
-
-  .@{prefix}-button {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 56px;
-    height: 56px;
-    background-color: #fff;
-    border-radius: 50%;
-    box-shadow: @boxShadowSecondary;
-    cursor: pointer;
-    transition: background-color 0.2s ease 0.1s, opacity 0.2s ease 0s, transform 0.2s ease 0.1s;
-    user-select: none;
-
-    &.@{prefix}-button-primary {
-      background-color: #1677ff;
-    }
-
-    &.@{prefix}-button-small {
-      width: 40px;
-      height: 40px;
-    }
-
-    &.@{prefix}-button-disabled {
-      background-color: @colorTextQuaternary;
-    }
-
-    &:hover {
-      opacity: 1;
-    }
-
-    .@{prefix}-button-loading {
-      position: absolute;
-      width: 56px;
-      height: 56px;
-      color: #1677ff;
-      font-size: 56px;
-      inset-block-start: 0;
-      inset-inline-end: 0;
-
-      &.@{prefix}-button-loading-primary {
-        color: #fff;
-      }
-
-      &.@{prefix}-button-loading-small {
-        width: 40px;
-        height: 40px;
-        font-size: 40px;
-      }
-    }
-
-    .@{prefix}-button-close {
-      position: absolute;
-      width: 24px;
-      height: 24px;
-      color: @colorTextSecondary;
-      font-size: 24px;
-      transform: translateY(-50%) scale(0.4) rotate(-45deg);
-      opacity: 0;
-      transition: all 0.3s linear;
-      user-select: none;
-      inset-block-start: 50%;
-
-      &.@{prefix}-button-close-primary {
-        color: #fff;
-      }
-
-      &.@{prefix}-button-close-show {
-        transform: translateY(-50%);
-        opacity: 1;
-      }
-
-      &.@{prefix}-button-close-small {
-        width: 16px;
-        height: 16px;
-        font-size: 16px;
-        line-height: 16px;
-      }
-    }
-
-    .@{prefix}-button-icon {
-      position: absolute;
-      width: 24px;
-      height: 24px;
-      color: @colorTextSecondary;
-      font-size: 24px;
-      line-height: 24px;
-      transform: translateY(-50%);
-      opacity: 1;
-      transition: all 0.3s linear;
-      user-select: none;
-      inset-block-start: 50%;
-
-      &.@{prefix}-button-icon-open {
-        transform: translateY(-50%) scale(0.4) rotate(45deg);
-        opacity: 0;
-      }
-
-      &.@{prefix}-button-icon-disabled {
-        color: @colorTextQuaternary;
-      }
-
-      &.@{prefix}-button-icon-primary {
-        color: #fff;
-      }
-
-      &.@{prefix}-button-icon-small {
-        width: 16px;
-        height: 16px;
-        font-size: 16px;
-        line-height: 16px;
-      }
-    }
-  }
-}

package/es/SideTip/locale/en-US.d.ts

@@ -1,2 +0,0 @@
-declare const _default: {};
-export default _default;

package/es/SideTip/locale/en-US.js

@@ -1 +0,0 @@
-export default {};

package/es/SideTip/locale/zh-CN.d.ts

@@ -1,2 +0,0 @@
-declare const _default: {};
-export default _default;

package/es/SideTip/locale/zh-CN.js

@@ -1 +0,0 @@
-export default {};

package/es/SideTip/locale/zh-TW.d.ts

@@ -1,2 +0,0 @@
-declare const _default: {};
-export default _default;

package/es/SideTip/locale/zh-TW.js

@@ -1 +0,0 @@
-export default {};

package/es/SideTip/utils.d.ts

@@ -1,8 +0,0 @@
-export declare const getScrollOffsets: (dom?: HTMLElement) => {
-    x: number;
-    y: number;
-};
-export declare const getClientHeight: (dom?: HTMLElement) => number;
-export declare const getClientWidth: (dom?: HTMLElement) => number;
-export declare const getScrollBarSize: (fresh?: boolean, dom?: HTMLElement) => any;
-export declare const isFixedElem: (element: any) => boolean;

package/es/SideTip/utils.js

@@ -1,80 +0,0 @@
-export var getScrollOffsets = function getScrollOffsets(dom) {
-  if (window.pageXOffset != null) {
-    return {
-      x: window.pageXOffset,
-      y: window.pageYOffset
-    };
-  }
-  if (dom) {
-    return {
-      x: dom.scrollLeft,
-      y: dom.scrollTop
-    };
-  }
-
-  // For IE (or any browser) in Standards mode
-  var _window = window,
-    document = _window.document;
-  if (document.compatMode === 'CSS1Compat') {
-    return {
-      x: document.documentElement.scrollLeft,
-      y: document.documentElement.scrollTop
-    };
-  }
-  return {
-    x: document.body.scrollLeft,
-    y: document.body.scrollTop
-  };
-};
-export var getClientHeight = function getClientHeight(dom) {
-  if (dom) {
-    return dom.clientHeight;
-  }
-  return window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
-};
-export var getClientWidth = function getClientWidth(dom) {
-  if (dom) {
-    return dom.clientWidth;
-  }
-  if (window.innerWidth) {
-    return window.innerWidth;
-  }
-  return document.body.clientWidth;
-};
-var cached;
-export var getScrollBarSize = function getScrollBarSize(fresh) {
-  var dom = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
-  if (window.innerWidth > dom.offsetWidth) {
-    if (fresh || cached === undefined) {
-      var inner = document.createElement('div');
-      inner.style.width = '100%';
-      inner.style.height = '200px';
-      var outer = document.createElement('div');
-      var outerStyle = outer.style;
-      outerStyle.position = 'absolute';
-      outerStyle.top = '0';
-      outerStyle.left = '0';
-      outerStyle.pointerEvents = 'none';
-      outerStyle.visibility = 'hidden';
-      outerStyle.width = '200px';
-      outerStyle.height = '150px';
-      outerStyle.overflow = 'hidden';
-      outer.appendChild(inner);
-      dom.appendChild(outer);
-      var widthContained = inner.offsetWidth;
-      outer.style.overflow = 'scroll';
-      var widthScroll = inner.offsetWidth;
-      if (widthContained === widthScroll) {
-        widthScroll = outer.clientWidth;
-      }
-      dom.removeChild(outer);
-      cached = widthContained - widthScroll;
-    }
-    return cached;
-  }
-  return 0;
-};
-export var isFixedElem = function isFixedElem(element) {
-  var style = element && window.getComputedStyle(element);
-  return style && style.position === 'fixed';
-};

package/es/StaticFunction/index.d.ts

@@ -1,10 +0,0 @@
-import type { MessageInstance } from 'antd/es/message/interface';
-import type { NotificationInstance } from 'antd/es/notification/interface';
-import type { ModalStaticFunctions } from 'antd/es/modal/confirm';
-declare let token: import("antd/lib/theme/internal").AliasToken;
-declare let message: MessageInstance;
-declare let notification: NotificationInstance;
-declare let modal: Omit<ModalStaticFunctions, 'warn'>;
-declare const _default: () => any;
-export default _default;
-export { token, message, notification, modal };

package/es/Table/index.d.ts

@@ -1,17 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { TableProps as AntTableProps } from 'antd';
-import type { ColumnsType } from 'antd/es/table';
-export interface TableProps<T> extends AntTableProps<T> {
-    locales?: object;
-    columns?: ColumnsType<T>;
-    hiddenCancelBtn?: boolean;
-    cancelText?: ReactNode;
-    collapseText?: ReactNode;
-    openText?: ReactNode;
-    toolOptionsRender?: (selectedRowKeys: any, selectedRows: any) => ReactNode[];
-    toolAlertRender?: false | ((selectedRowKeys: any, selectedRows: any) => ReactNode);
-    toolSelectedContent?: (selectedRowKeys: any, selectedRows: any) => ReactNode;
-}
-declare const _default: React.ForwardRefExoticComponent<TableProps<unknown> & React.RefAttributes<React.ComponentType<TableProps<unknown>>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<TableProps<unknown>>, {}>;
-export default _default;

package/es/Table/locale/en-US.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    selected: string;
-    object: string;
-    cancel: string;
-    collapse: string;
-    open: string;
-};
-export default _default;

package/es/Table/locale/en-US.js

@@ -1,7 +0,0 @@
-export default {
-  selected: 'Selected',
-  object: 'Objects',
-  cancel: 'Cancel',
-  collapse: 'Collapse',
-  open: 'Open'
-};

package/es/Table/locale/zh-CN.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    selected: string;
-    object: string;
-    cancel: string;
-    collapse: string;
-    open: string;
-};
-export default _default;

package/es/Table/locale/zh-CN.js

@@ -1,7 +0,0 @@
-export default {
-  selected: '已选',
-  object: '个对象',
-  cancel: '取消',
-  collapse: '收起',
-  open: '展开'
-};

package/es/Table/locale/zh-TW.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    selected: string;
-    object: string;
-    cancel: string;
-    collapse: string;
-    open: string;
-};
-export default _default;

package/es/Table/locale/zh-TW.js

@@ -1,7 +0,0 @@
-export default {
-  selected: '已選',
-  object: '個對象',
-  cancel: '取消',
-  collapse: '收起',
-  open: '展開'
-};

package/es/Table/style/index.d.ts

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

package/es/Tabs/TabPane.d.ts

@@ -1,7 +0,0 @@
-import type React from 'react';
-import type { TabPaneProps as AntTabPaneProps } from 'antd/es/tabs/TabPane';
-export interface TabPaneProps extends AntTabPaneProps {
-    tag?: React.ReactNode;
-}
-declare const _default: React.FC<AntTabPaneProps>;
-export default _default;

package/es/Tabs/hooks/useInkBar.d.ts

@@ -1,12 +0,0 @@
-import type { MutableRefObject } from 'react';
-import type { TabsPosition, TabsType } from 'antd/es/tabs';
-import type { SizeType } from 'antd/es/config-provider/SizeContext';
-declare const _default: ({ prefixCls, activeKey, size, type, tabPosition, containerRef, }: {
-    prefixCls: string;
-    activeKey: string;
-    size: SizeType;
-    type: TabsType;
-    tabPosition: TabsPosition;
-    containerRef: MutableRefObject<HTMLDivElement>;
-}) => void;
-export default _default;

package/es/Tabs/hooks/useLegacyItems.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import type { Tab } from 'rc-tabs/lib/interface';
-import type { TabsProps } from '..';
-export default function useLegacyItems(items?: TabsProps['items'], children?: React.ReactNode, prefixCls?: string): Tab[];

package/es/Tabs/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import type { TabsProps as AntTabsProps, TabsPosition as AntTabsPosition } from 'antd/es/tabs';
-import type { Tab as AntTab } from 'rc-tabs/es/interface';
-export type { TabPaneProps } from './TabPane';
-export interface Tab extends AntTab {
-    tag?: React.ReactNode;
-}
-export interface TabsProps extends AntTabsProps {
-    items?: Tab[];
-}
-export declare type TabsPosition = AntTabsPosition;
-declare const Tabs: {
-    ({ children, items, defaultActiveKey, activeKey: activeKeyProp, onChange, size, type, tabPosition, prefixCls: customizePrefixCls, className, ...restProps }: TabsProps): JSX.Element;
-    TabPane: React.FC<import("antd").TabPaneProps>;
-    displayName: string;
-};
-export default Tabs;

package/es/Tabs/style/index.d.ts

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

package/es/TaskGraph/Graph.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import type { GraphData } from '@antv/g6/lib/types';
-import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
-import './graph.less';
-export interface TaskGraphLocale {
-    successful: string;
-    running: string;
-    failed: string;
-    pending: string;
-    taskId: string;
-    log: string;
-    parameter: string;
-    stop: string;
-    retry: string;
-    skip: string;
-}
-export interface TaskGraphProps extends LocaleWrapperProps {
-    data: GraphData;
-    onMenuClick: (key: string, subTask: any, onSuccess: () => void) => void;
-    onLogAdd: (subTask: any) => void;
-    assetsPath?: string;
-    locale?: TaskGraphLocale;
-}
-declare const _default: React.ForwardRefExoticComponent<TaskGraphProps & React.RefAttributes<React.ComponentType<TaskGraphProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<TaskGraphProps>, {}>;
-export default _default;