@aloudata/aloudata-design 0.1.0-beta1 → 0.2.0-beta.11

package/es/Table/react-table-config.d.ts

@@ -0,0 +1,122 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+import {
+  UseColumnOrderInstanceProps,
+  UseColumnOrderState,
+  UseExpandedHooks,
+  UseExpandedInstanceProps,
+  UseExpandedOptions,
+  UseExpandedRowProps,
+  UseExpandedState,
+  UseFiltersColumnOptions,
+  UseFiltersColumnProps,
+  UseFiltersInstanceProps,
+  UseFiltersOptions,
+  UseFiltersState,
+  UseGlobalFiltersColumnOptions,
+  UseGlobalFiltersInstanceProps,
+  UseGlobalFiltersOptions,
+  UseGlobalFiltersState,
+  UseGroupByCellProps,
+  UseGroupByColumnOptions,
+  UseGroupByColumnProps,
+  UseGroupByHooks,
+  UseGroupByInstanceProps,
+  UseGroupByOptions,
+  UseGroupByRowProps,
+  UseGroupByState,
+  UsePaginationInstanceProps,
+  UsePaginationOptions,
+  UsePaginationState,
+  UseResizeColumnsColumnOptions,
+  UseResizeColumnsColumnProps,
+  UseResizeColumnsOptions,
+  UseResizeColumnsState,
+  UseRowSelectHooks,
+  UseRowSelectInstanceProps,
+  UseRowSelectOptions,
+  UseRowSelectRowProps,
+  UseRowSelectState,
+  UseRowStateCellProps,
+  UseRowStateInstanceProps,
+  UseRowStateOptions,
+  UseRowStateRowProps,
+  UseRowStateState,
+  UseSortByColumnOptions,
+  UseSortByColumnProps,
+  UseSortByHooks,
+  UseSortByInstanceProps,
+  UseSortByOptions,
+  UseSortByState
+} from 'react-table';
+
+declare module 'react-table' {
+  // take this file as-is, or comment out the sections that don't apply to your plugin configuration
+
+  export interface TableOptions<D extends Record<string, unknown>>
+    extends UseExpandedOptions<D>,
+    UseFiltersOptions<D>,
+    UseGlobalFiltersOptions<D>,
+    UseGroupByOptions<D>,
+    UsePaginationOptions<D>,
+    UseResizeColumnsOptions<D>,
+    UseRowSelectOptions<D>,
+    UseRowStateOptions<D>,
+    UseSortByOptions<D>,
+    // note that having Record here allows you to add anything to the options, this matches the spirit of the
+    // underlying js library, but might be cleaner if it's replaced by a more specific type that matches your
+    // feature set, this is a safe default.
+    Record<string, unknown> {}
+
+  export interface Hooks<D extends Record<string, unknown> = Record<string, unknown>>
+    extends UseExpandedHooks<D>,
+    UseGroupByHooks<D>,
+    UseRowSelectHooks<D>,
+    UseSortByHooks<D> {}
+
+  export interface TableInstance<D extends Record<string, unknown> = Record<string, unknown>>
+    extends UseColumnOrderInstanceProps<D>,
+    UseExpandedInstanceProps<D>,
+    UseFiltersInstanceProps<D>,
+    UseGlobalFiltersInstanceProps<D>,
+    UseGroupByInstanceProps<D>,
+    UsePaginationInstanceProps<D>,
+    UseRowSelectInstanceProps<D>,
+    UseRowStateInstanceProps<D>,
+    UseSortByInstanceProps<D> {}
+
+  export interface TableState<D extends Record<string, unknown> = Record<string, unknown>>
+    extends UseColumnOrderState<D>,
+    UseExpandedState<D>,
+    UseFiltersState<D>,
+    UseGlobalFiltersState<D>,
+    UseGroupByState<D>,
+    UsePaginationState<D>,
+    UseResizeColumnsState<D>,
+    UseRowSelectState<D>,
+    UseRowStateState<D>,
+    UseSortByState<D> {}
+
+  export interface ColumnInterface<D extends Record<string, unknown> = Record<string, unknown>>
+    extends UseFiltersColumnOptions<D>,
+    UseGlobalFiltersColumnOptions<D>,
+    UseGroupByColumnOptions<D>,
+    UseResizeColumnsColumnOptions<D>,
+    UseSortByColumnOptions<D> {}
+
+  export interface ColumnInstance<D extends Record<string, unknown> = Record<string, unknown>>
+    extends UseFiltersColumnProps<D>,
+    UseGroupByColumnProps<D>,
+    UseResizeColumnsColumnProps<D>,
+    UseSortByColumnProps<D> {}
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  export interface Cell<D extends Record<string, unknown> = Record<string, unknown>, V = unknown>
+    extends UseGroupByCellProps<D>,
+    UseRowStateCellProps<D> {}
+
+  export interface Row<D extends Record<string, unknown> = Record<string, unknown>>
+    extends UseExpandedRowProps<D>,
+    UseGroupByRowProps<D>,
+    UseRowSelectRowProps<D>,
+    UseRowStateRowProps<D> {}
+}

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

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Table/style/index.js

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Table/style/index.less

@@ -0,0 +1,175 @@
+@import '../../style/index.less';
+
+@ald-prefix: ant;
+@ald-iconfont-css-prefix: anticon;
+@table-row-height: 40px;
+
+.ant-block-table {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  user-select: none;
+
+  &-table-wrap {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+  }
+
+  &-cell {
+    flex-grow: 1;
+    height: @table-row-height;
+    padding: 0 12px;
+    overflow: hidden;
+    color: @NL0;
+    line-height: @table-row-height;
+    white-space: nowrap;
+    text-align: left;
+    text-overflow: ellipsis;
+    border-bottom: 1px solid @NL95;
+  }
+
+  &-row {
+    max-width: 100%;
+  }
+
+  &-thead {
+    .ant-block-table-cell {
+      position: relative;
+      color: @NL50;
+
+      &-sorting {
+        color: @B40;
+      }
+      // border: 1px solid red;
+
+      .ant-block-table-bar {
+        position: absolute;
+        top: 50%;
+        right: 0;
+        z-index: 1;
+        display: inline-block;
+        width: 1px;
+        height: 12px;
+        background: blue;
+        background-color: @NL95;
+        transform: translateY(-50%);
+        touch-action: none;
+      }
+
+      &:last-child {
+        .ant-block-table-bar {
+          display: none;
+        }
+      }
+    }
+  }
+
+  &-tbody {
+    flex: 1;
+    overflow: hidden;
+
+    .ant-empty {
+      padding-top: 80px;
+    }
+
+    .ant-block-table-row {
+      &:hover {
+        background-color: @NL97;
+      }
+
+      &-selected {
+        background-color: @BBG97;
+
+        &:hover {
+          background-color: @BBG97;
+        }
+      }
+
+      &:last-of-type {
+        .ant-block-table-cell {
+          border-bottom: 1px solid transparent;
+        }
+      }
+    }
+  }
+
+  &-loading {
+    color: @NL80;
+    line-height: @table-row-height;
+    text-align: center;
+  }
+
+  &-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 24px;
+    padding: 0 10px;
+
+    &-left {
+      color: @NL0;
+      font-weight: 500;
+      font-size: 14px;
+    }
+
+    &-right {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      height: 28px;
+      color: @NL0;
+      font-size: 14px;
+    }
+  }
+
+  &-list {
+    overflow: overlay !important;
+
+    &::-webkit-scrollbar-thumb {
+      background: @NL90;
+      background-clip: padding-box;
+      border: 3px solid transparent;
+      border-radius: 6px;
+    }
+
+    &::-webkit-scrollbar {
+      width: 12px;
+      height: 12px;
+      min-height: 12px;
+      background-color: transparent;
+    }
+  }
+
+  &-sortIcon {
+    margin-top: -2px;
+    margin-left: 4px;
+  }
+
+  &-column-resizable {
+    overflow: overlay;
+
+    .ant-block-table-thead,
+    .ant-block-table-tbody {
+      .ant-block-table-row {
+        .ant-block-table {
+          &-cell {
+            flex: none;
+          }
+
+          &-thead {
+            &::-webkit-scrollbar {
+              display: none;
+            }
+          }
+
+          &-tbody {
+            overflow: initial;
+          }
+        }
+      }
+    }
+  }
+}

package/es/Tabs/TabPane.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export interface ITabPaneProps {
+    /**
+     * @description 被隐藏时是否渲染 DOM 结构
+     * @default false
+     */
+    forceRender?: boolean;
+    /**
+     * @description 对应 activeKey
+     * @default -
+     */
+    key?: string;
+    /**
+     * @description 选项卡头显示的内容
+     * @default -
+     */
+    tab: ReactNode;
+    className?: string;
+    children?: ReactNode;
+}
+export default function TabPane(props: ITabPaneProps): JSX.Element;

package/es/Tabs/TabPane.js

@@ -0,0 +1,12 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React from 'react';
+import AntdTabs from 'antd/lib/tabs';
+var AntdTabPane = AntdTabs.TabPane;
+export default function TabPane(props) {
+  return /*#__PURE__*/React.createElement(AntdTabPane, _objectSpread({}, props));
+}

package/es/Tabs/index.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+export declare type TabsSize = 'default' | 'large';
+export interface ITabsProps {
+    /**
+     * @description 大小
+     * @default default
+     */
+    size?: 'large' | 'default';
+    /**
+     * @description 当前激活 tab 面板的 key
+     * @default -
+     */
+    activeKey?: string;
+    /**
+     * @description 初始化选中面板的 key，如果没有设置 activeKey
+     * @default 第一个面板的 key
+     */
+    defaultActiveKey?: string;
+    /**
+     * @description 切换面板的回调
+     * @default -
+     */
+    onChange?: (activeKey: string) => void;
+    /**
+     * @description 被隐藏时是否销毁 DOM 结构
+     * @default false
+     */
+    destroyInactiveTabPane?: boolean;
+    /**
+     * @description 撑满容器的高度
+     * @default false
+     */
+    adaptHeight?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function Tabs(props: ITabsProps): JSX.Element;
+declare namespace Tabs {
+    var TabPane: typeof import("./TabPane").default;
+}
+export default Tabs;

package/es/Tabs/index.js

@@ -0,0 +1,43 @@
+import "antd/es/tabs/style";
+import _Tabs from "antd/es/tabs";
+var _excluded = ["size", "className", "adaptHeight"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 React from 'react'; // import AntdTabs, { TabsProps } from 'antd/lib/tabs';
+
+import Icon from '../Icon';
+import TabPane from './TabPane';
+import classNames from 'classnames';
+export default function Tabs(props) {
+  var size = props.size,
+      className = props.className,
+      adaptHeight = props.adaptHeight,
+      otherProps = _objectWithoutProperties(props, _excluded);
+
+  var tabsProps = _objectSpread({}, otherProps);
+
+  if (size === 'large') {
+    tabsProps.size = size;
+  }
+
+  return /*#__PURE__*/React.createElement(_Tabs, _objectSpread({
+    moreIcon: /*#__PURE__*/React.createElement(Icon, {
+      type: "more_vert",
+      size: 18
+    }),
+    tabBarGutter: 24,
+    className: classNames('ald-tabs', className, {
+      'ald-adapt-height': adaptHeight
+    })
+  }, tabsProps));
+}
+Tabs.TabPane = TabPane;

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

@@ -0,0 +1,3 @@
+import 'antd/lib/tabs/style';
+import '../../style';
+import './index.less';

package/es/Tabs/style/index.js

@@ -0,0 +1,3 @@
+import 'antd/lib/tabs/style';
+import '../../style';
+import './index.less';

package/es/Tooltip/index.d.ts

@@ -0,0 +1,63 @@
+import React from 'react';
+export declare type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';
+export interface ITooltipProps {
+    /**
+     * @description 提示文字
+     * @default -
+     */
+    title: React.ReactNode;
+    /**
+     * @description 关闭后是否销毁Tooltip
+     * @default false
+     */
+    destroyTooltipOnHide?: boolean;
+    /**
+     * @description 浮层渲染父节点，默认渲染到 body 上
+     * @default () => document.body
+     */
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    /**
+     * @description 鼠标移入后延时多少才显示 Tooltip
+     * @default 0.1
+     */
+    mouseEnterDelay?: number;
+    /**
+     * @description 鼠标移出后延时多少才隐藏 Tooltip
+     * @default 0.1
+     */
+    mouseLeaveDelay?: number;
+    /**
+     * @description 气泡框位置
+     * @default top
+     */
+    placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+    /**
+     * @description 触发行为
+     * @type ActionType | ActionType[], 其中 ActionType 为 'hover' | 'focus' | 'click' | 'contextMenu';
+     * @default hover
+     */
+    trigger?: ActionType | ActionType[];
+    /**
+     * @description 设置 Tooltip 的 z-index
+     * @default -
+     */
+    zIndex?: number;
+    /**
+     * @description 用于手动控制浮层显隐
+     * @default -
+     */
+    visible?: boolean;
+    /**
+     * @description 显示隐藏的回调
+     * @default -
+     */
+    onVisibleChange?: (visible: boolean) => void;
+    /**
+     * @description 卡片类名
+     * @default -
+     */
+    overlayClassName?: string;
+    getTooltipContainer?: (node: HTMLElement) => HTMLElement;
+    children?: React.ReactNode;
+}
+export default function Tooltip(props: ITooltipProps): JSX.Element;

package/es/Tooltip/index.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import AntdTooltip from 'antd/lib/tooltip';
+import classNames from 'classnames';
+export default function Tooltip(props) {
+  var children = props.children,
+      title = props.title,
+      visible = props.visible,
+      onVisibleChange = props.onVisibleChange,
+      trigger = props.trigger,
+      zIndex = props.zIndex,
+      placement = props.placement,
+      mouseEnterDelay = props.mouseEnterDelay,
+      mouseLeaveDelay = props.mouseLeaveDelay,
+      getPopupContainer = props.getPopupContainer,
+      destroyTooltipOnHide = props.destroyTooltipOnHide,
+      getTooltipContainer = props.getTooltipContainer,
+      overlayClassName = props.overlayClassName;
+  return /*#__PURE__*/React.createElement(AntdTooltip, {
+    title: title,
+    overlayClassName: classNames('ald-tooltip-overlay', overlayClassName),
+    visible: visible,
+    onVisibleChange: onVisibleChange,
+    trigger: trigger,
+    zIndex: zIndex,
+    placement: placement,
+    mouseEnterDelay: mouseEnterDelay,
+    mouseLeaveDelay: mouseLeaveDelay,
+    getPopupContainer: getPopupContainer,
+    destroyTooltipOnHide: destroyTooltipOnHide,
+    getTooltipContainer: getTooltipContainer
+  }, children);
+}

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

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Tooltip/style/index.js

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/_utils/hooks/useControlledState.d.ts

@@ -0,0 +1,2 @@
+declare const useControlledState: <T>(outterState: T | (() => T) | undefined, defaultOutterState: T, callback?: ((state: T | (() => T)) => void) | undefined) => [T, (state: T | (() => T), force?: boolean | undefined) => void];
+export default useControlledState;

package/{lib/Button/demo/loading/index.js → es/_utils/hooks/useControlledState.js}

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _aloudataDesign = require("@aloudata/aloudata-design");
-
-require("./index.less");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -25,27 +10,45 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var _default = function _default() {
-  var _React$useState = _react.default.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      loading = _React$useState2[0],
-      setLoading = _React$useState2[1];
-
-  var handleChange = function handleChange(e) {
-    setLoading(true);
-    setTimeout(setLoading.bind(false), 3000);
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "ald-button-demo"
-  }, /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    loading: true
-  }, "loading"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    loading: true
-  }), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    loading: loading,
-    onClick: handleChange
-  }, "\u70B9\u51FB\u63D0\u4EA4"));
+import { useState, useEffect, useRef, useDebugValue } from 'react';
+import { isUndefined } from 'lodash';
+
+function format(_ref) {
+  var _ref2 = _slicedToArray(_ref, 2),
+      innerState = _ref2[0],
+      outterState = _ref2[1];
+
+  var isControlled = isUndefined(outterState) ? 'uncontrolled' : 'controlled';
+  var value = isUndefined(outterState) ? innerState : outterState;
+  return "State is ".concat(isControlled, " | Value is ").concat(value);
+}
+
+var useControlledState = function useControlledState(outterState, defaultOutterState, callback) {
+  // if (outterState === undefined && defaultOutterState === undefined) {
+  //   throw new TypeError('Either "value" or "defaultValue" variable must be set. Now both are undefined');
+  // }
+  var _useState = useState(isUndefined(outterState) ? defaultOutterState : outterState),
+      _useState2 = _slicedToArray(_useState, 2),
+      innerState = _useState2[0],
+      setInnerState = _useState2[1];
+
+  var setState = useRef(function (state) {
+    var force = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+    if (isUndefined(outterState) || force) {
+      setInnerState(state);
+    }
+
+    callback === null || callback === void 0 ? void 0 : callback(state);
+  }).current; // @ts-ignore
+
+  useDebugValue([innerState, outterState], format);
+  useEffect(function () {
+    if (!isUndefined(outterState)) {
+      setInnerState(outterState);
+    }
+  }, [outterState]);
+  return [innerState, setState];
 };
 
-exports.default = _default;
+export default useControlledState;

package/es/_utils/hooks/usePrefixCls.d.ts

@@ -0,0 +1,2 @@
+declare const usePrefixCls: (subPrefixCls?: string | undefined, customRootPrefixCls?: string | undefined) => string;
+export default usePrefixCls;

package/es/_utils/hooks/usePrefixCls.js

@@ -0,0 +1,14 @@
+import "antd/es/config-provider/style";
+import _ConfigProvider from "antd/es/config-provider";
+import { useContext } from 'react';
+var ConfigContext = _ConfigProvider.ConfigContext;
+
+var usePrefixCls = function usePrefixCls(subPrefixCls, customRootPrefixCls) {
+  var _useContext = useContext(ConfigContext),
+      rootPrefixCls = _useContext.rootPrefixCls,
+      getPrefixCls = _useContext.getPrefixCls;
+
+  return getPrefixCls(subPrefixCls, customRootPrefixCls !== null && customRootPrefixCls !== void 0 ? customRootPrefixCls : rootPrefixCls);
+};
+
+export default usePrefixCls;

package/es/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference path="../typings.d.ts" />
+export { default as Button } from './Button';
+export type { IButtonProps as ButtonProps, Size, ButtonType } from './Button';
+export { default as Dropdown } from './Dropdown';
+export type { ActionType, IDropdownProps as DropdownProps, PlacementType } from './Dropdown';
+export { MenuClickEventHandler } from 'rc-menu/lib/interface';
+export { default as Menu } from './Menu';
+export type { IMenuProps as MenuProps } from './Menu';
+export { default as Input } from './Input';
+export type { IInputProps as InputProps, TSize, InputRef, TextAreaRef } from './Input';
+export { default as Tabs } from './Tabs';
+export type { ITabsProps as TabsProps, TabsSize } from './Tabs';
+export { default as Tooltip } from './Tooltip';
+export type { ITooltipProps as TooltipProps, ActionType as TooltipActionType } from './Tooltip';
+export { default as Select } from './Select';
+export type { ISelectProps as SelectProps, IOption } from './Select/interface';
+export { default as Table } from './Table';
+export type { ISort, TSortOrder, ITableProps, IColumn } from './Table/interface';
+export { default as Navigator } from './Navigator';
+export type { INavigatorProps as NavigatorProps, IMenuItem as NavigatorMenu } from './Navigator';