@hanwenbo/x-taro-ui 0.0.1

package/es/components/tabBar/tabBar.js

@@ -0,0 +1,411 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * TabBar Component
+ * Bottom navigation bar aligned with x-mobile-ui while retaining the Taro items API.
+ */
+
+import React, { createContext, useCallback, useContext, useMemo, useState } from 'react';
+import { Text, View } from '@tarojs/components';
+import { usePressable } from "../../patterns";
+import { useTokens } from "../../theme";
+import { classNames } from "../../utils";
+import { useConfigProvider } from "../configProvider";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SIZE_TOKENS = {
+  mini: {
+    height: 44,
+    iconSize: 18,
+    textSize: 10,
+    gap: 2,
+    badgeSize: 12,
+    badgeFontSize: 8
+  },
+  small: {
+    height: 48,
+    iconSize: 20,
+    textSize: 11,
+    gap: 3,
+    badgeSize: 16,
+    badgeFontSize: 10
+  },
+  middle: {
+    height: 50,
+    iconSize: 22,
+    textSize: 11,
+    gap: 4,
+    badgeSize: 16,
+    badgeFontSize: 10
+  },
+  large: {
+    height: 60,
+    iconSize: 26,
+    textSize: 12,
+    gap: 6,
+    badgeSize: 20,
+    badgeFontSize: 12
+  }
+};
+var TabBarContext = /*#__PURE__*/createContext(null);
+function formatBadge(badge) {
+  if (badge == null || badge === '') {
+    return null;
+  }
+  return typeof badge === 'number' && badge > 99 ? '99+' : badge;
+}
+export var TabBarItem = function TabBarItem(_ref) {
+  var _ref2;
+  var itemKey = _ref.itemKey,
+    title = _ref.title,
+    icon = _ref.icon,
+    iconActive = _ref.iconActive,
+    selectedIcon = _ref.selectedIcon,
+    badge = _ref.badge,
+    _ref$dot = _ref.dot,
+    dot = _ref$dot === void 0 ? false : _ref$dot,
+    _ref$disabled = _ref.disabled,
+    itemDisabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    className = _ref.className,
+    style = _ref.style,
+    _ref$testID = _ref.testID,
+    testID = _ref$testID === void 0 ? "tab-bar-item-".concat(itemKey) : _ref$testID;
+  var context = useContext(TabBarContext);
+  var _useTokens = useTokens(),
+    colors = _useTokens.colors;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    focused = _useState2[0],
+    setFocused = _useState2[1];
+  if (!context) {
+    throw new Error('TabBarItem must be used within TabBar');
+  }
+  var activeKey = context.activeKey,
+    onChange = context.onChange,
+    prefixCls = context.prefixCls,
+    size = context.size,
+    variant = context.variant;
+  var disabled = context.disabled || itemDisabled;
+  var active = activeKey === itemKey;
+  var sizeTokens = SIZE_TOKENS[size];
+  var iconColor = active ? colors.primary : colors['muted-foreground'];
+  var resolvedIconColor = active ? "var(--x-tab-bar-icon-active, ".concat(iconColor, ")") : "var(--x-tab-bar-icon-inactive, ".concat(iconColor, ")");
+  var iconNode = active ? (_ref2 = iconActive !== null && iconActive !== void 0 ? iconActive : selectedIcon) !== null && _ref2 !== void 0 ? _ref2 : icon : icon;
+  var badgeText = formatBadge(badge);
+  var showBadge = !dot && badgeText != null;
+  var _usePressable = usePressable({
+      disabled: disabled,
+      onPress: function onPress() {
+        return onChange(itemKey);
+      },
+      scale: 0.985
+    }),
+    pressed = _usePressable.pressed,
+    handlers = _usePressable.handlers,
+    pressStyle = _usePressable.style;
+  var renderedIcon = function () {
+    if (!iconNode) return null;
+    if ( /*#__PURE__*/React.isValidElement(iconNode)) {
+      var _element$props$color, _element$props$size;
+      var element = iconNode;
+      return /*#__PURE__*/React.cloneElement(element, {
+        color: (_element$props$color = element.props.color) !== null && _element$props$color !== void 0 ? _element$props$color : resolvedIconColor,
+        size: (_element$props$size = element.props.size) !== null && _element$props$size !== void 0 ? _element$props$size : sizeTokens.iconSize
+      });
+    }
+    return /*#__PURE__*/_jsx(Text, {
+      style: {
+        color: resolvedIconColor,
+        fontSize: sizeTokens.iconSize
+      },
+      children: iconNode
+    });
+  }();
+  var handleKeyDown = function handleKeyDown(event) {
+    var _keyboardEvent$preven;
+    var keyboardEvent = event;
+    if (disabled || keyboardEvent.key !== 'Enter' && keyboardEvent.key !== ' ') return;
+    (_keyboardEvent$preven = keyboardEvent.preventDefault) === null || _keyboardEvent$preven === void 0 || _keyboardEvent$preven.call(keyboardEvent);
+    handlers.onMouseDown();
+  };
+  var handleKeyUp = function handleKeyUp(event) {
+    var _keyboardEvent$preven2;
+    var keyboardEvent = event;
+    if (disabled || keyboardEvent.key !== 'Enter' && keyboardEvent.key !== ' ') return;
+    (_keyboardEvent$preven2 = keyboardEvent.preventDefault) === null || _keyboardEvent$preven2 === void 0 || _keyboardEvent$preven2.call(keyboardEvent);
+    handlers.onMouseUp();
+    onChange(itemKey);
+  };
+  return /*#__PURE__*/_jsxs(View, _objectSpread(_objectSpread({
+    className: classNames("".concat(prefixCls, "-tab-bar__item"), active && "".concat(prefixCls, "-tab-bar__item--active"), disabled && "".concat(prefixCls, "-tab-bar__item--disabled"), className),
+    "data-slot": "tab-bar-item",
+    "data-active": active ? 'true' : 'false',
+    "data-disabled": disabled ? 'true' : 'false',
+    "data-focused": focused ? 'true' : 'false',
+    "data-pressed": pressed ? 'true' : 'false',
+    "data-size": size,
+    "data-variant": variant,
+    "data-testid": testID,
+    role: "button",
+    ariaRole: "button",
+    ariaLabel: title,
+    "aria-pressed": active,
+    "aria-disabled": disabled,
+    tabIndex: disabled ? -1 : 0,
+    onFocus: function onFocus() {
+      if (!disabled) setFocused(true);
+    },
+    onBlur: function onBlur() {
+      setFocused(false);
+      handlers.onMouseLeave();
+    },
+    onKeyDown: handleKeyDown,
+    onKeyUp: handleKeyUp
+  }, handlers), {}, {
+    style: _objectSpread({
+      position: 'relative',
+      flex: 1,
+      minWidth: 0,
+      height: sizeTokens.height,
+      paddingLeft: 8,
+      paddingRight: 8,
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      boxSizing: 'border-box',
+      borderRadius: variant === 'filled' ? 'var(--x-tab-bar-item-radius)' : 0,
+      backgroundColor: active && variant === 'filled' ? "var(--x-tab-bar-item-active-surface, ".concat(colors.background, ")") : 'transparent',
+      borderWidth: 0,
+      borderStyle: 'solid',
+      borderColor: 'transparent',
+      outline: 'none',
+      color: resolvedIconColor,
+      cursor: disabled ? 'not-allowed' : 'pointer',
+      opacity: disabled ? 0.5 : pressed ? 0.8 : 1,
+      boxShadow: focused && !disabled ? "0 0 0 2px ".concat(colors.background, ", 0 0 0 4px ").concat(colors.ring) : 'none',
+      transform: pressStyle.transform,
+      transition: "".concat(pressStyle.transition, ", color var(--x-duration-emphasis) var(--x-easing-standard), opacity var(--x-duration-fast) var(--x-easing-standard), box-shadow var(--x-duration-emphasis) var(--x-easing-standard)")
+    }, style),
+    children: [/*#__PURE__*/_jsxs(View, {
+      className: "".concat(prefixCls, "-tab-bar__icon"),
+      "data-slot": "tab-bar-icon",
+      style: {
+        position: 'relative',
+        width: sizeTokens.iconSize,
+        height: sizeTokens.iconSize,
+        marginBottom: sizeTokens.gap,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexShrink: 0,
+        color: resolvedIconColor,
+        overflow: 'visible'
+      },
+      children: [renderedIcon, dot ? /*#__PURE__*/_jsx(View, {
+        className: classNames("".concat(prefixCls, "-tab-bar__badge"), "".concat(prefixCls, "-tab-bar__badge--dot")),
+        "data-slot": "tab-bar-badge",
+        "data-dot": "true",
+        style: {
+          position: 'absolute',
+          top: 0,
+          right: -2,
+          width: Math.max(8, sizeTokens.badgeSize / 2),
+          height: Math.max(8, sizeTokens.badgeSize / 2),
+          borderRadius: 'var(--x-tab-bar-badge-radius, var(--x-radius-full))',
+          backgroundColor: "var(--x-tab-bar-badge-surface, ".concat(colors.destructive, ")"),
+          borderWidth: 1,
+          borderStyle: 'solid',
+          borderColor: "var(--x-tab-bar-surface, ".concat(colors.background, ")"),
+          boxSizing: 'border-box',
+          pointerEvents: 'none'
+        }
+      }) : null, showBadge ? /*#__PURE__*/_jsx(View, {
+        className: classNames("".concat(prefixCls, "-tab-bar__badge"), "".concat(prefixCls, "-tab-bar__badge--count")),
+        "data-slot": "tab-bar-badge",
+        style: {
+          position: 'absolute',
+          top: -6,
+          right: -8,
+          minWidth: sizeTokens.badgeSize,
+          height: sizeTokens.badgeSize,
+          paddingLeft: sizeTokens.badgeSize >= 20 ? 6 : sizeTokens.badgeSize >= 16 ? 4 : 2,
+          paddingRight: sizeTokens.badgeSize >= 20 ? 6 : sizeTokens.badgeSize >= 16 ? 4 : 2,
+          borderRadius: 'var(--x-tab-bar-badge-radius, var(--x-radius-full))',
+          backgroundColor: "var(--x-tab-bar-badge-surface, ".concat(colors.destructive, ")"),
+          borderWidth: 1,
+          borderStyle: 'solid',
+          borderColor: "var(--x-tab-bar-surface, ".concat(colors.background, ")"),
+          boxSizing: 'border-box',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          pointerEvents: 'none'
+        },
+        children: /*#__PURE__*/_jsx(View, {
+          "data-slot": "tab-bar-badge-content",
+          style: {
+            height: sizeTokens.badgeSize,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          children: /*#__PURE__*/_jsx(Text, {
+            style: {
+              color: "var(--x-tab-bar-badge-foreground, ".concat(colors['destructive-foreground'], ")"),
+              fontSize: sizeTokens.badgeFontSize,
+              fontWeight: '700',
+              lineHeight: "".concat(sizeTokens.badgeSize, "px"),
+              whiteSpace: 'nowrap'
+            },
+            children: badgeText
+          })
+        })
+      }) : null]
+    }), /*#__PURE__*/_jsx(Text, {
+      className: "".concat(prefixCls, "-tab-bar__title"),
+      "data-slot": "tab-bar-title",
+      "data-active": active ? 'true' : 'false',
+      style: {
+        display: 'block',
+        maxWidth: '100%',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        color: active ? "var(--x-tab-bar-title-active, ".concat(colors.primary, ")") : "var(--x-tab-bar-title-inactive, ".concat(colors['muted-foreground'], ")"),
+        fontSize: sizeTokens.textSize,
+        fontWeight: active ? '600' : '400',
+        lineHeight: 1.2
+      },
+      children: title
+    })]
+  }));
+};
+TabBarItem.displayName = 'TabBarItem';
+export var TabBar = function TabBar(_ref3) {
+  var activeKey = _ref3.activeKey,
+    _ref3$defaultActiveKe = _ref3.defaultActiveKey,
+    defaultActiveKey = _ref3$defaultActiveKe === void 0 ? '' : _ref3$defaultActiveKe,
+    _ref3$items = _ref3.items,
+    items = _ref3$items === void 0 ? [] : _ref3$items,
+    children = _ref3.children,
+    onChange = _ref3.onChange,
+    sizeProp = _ref3.size,
+    _ref3$variant = _ref3.variant,
+    variant = _ref3$variant === void 0 ? 'default' : _ref3$variant,
+    disabledProp = _ref3.disabled,
+    _ref3$fixed = _ref3.fixed,
+    fixed = _ref3$fixed === void 0 ? true : _ref3$fixed,
+    _ref3$bordered = _ref3.bordered,
+    bordered = _ref3$bordered === void 0 ? true : _ref3$bordered,
+    _ref3$safeAreaBottom = _ref3.safeAreaBottom,
+    safeAreaBottom = _ref3$safeAreaBottom === void 0 ? true : _ref3$safeAreaBottom,
+    className = _ref3.className,
+    style = _ref3.style,
+    _ref3$testID = _ref3.testID,
+    testID = _ref3$testID === void 0 ? 'tab-bar' : _ref3$testID;
+  var config = useConfigProvider();
+  var _useTokens2 = useTokens(),
+    colors = _useTokens2.colors;
+  var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : config.componentSize;
+  var disabled = Boolean(disabledProp || config.disabled);
+  var prefixCls = config.prefixCls;
+  var _useState3 = useState(defaultActiveKey),
+    _useState4 = _slicedToArray(_useState3, 2),
+    internalActiveKey = _useState4[0],
+    setInternalActiveKey = _useState4[1];
+  var currentActiveKey = activeKey !== null && activeKey !== void 0 ? activeKey : internalActiveKey;
+  var handleChange = useCallback(function (key) {
+    if (activeKey === undefined) {
+      setInternalActiveKey(key);
+    }
+    onChange === null || onChange === void 0 || onChange(key);
+  }, [activeKey, onChange]);
+  var contextValue = useMemo(function () {
+    return {
+      activeKey: currentActiveKey,
+      disabled: disabled,
+      onChange: handleChange,
+      prefixCls: prefixCls,
+      size: size,
+      variant: variant
+    };
+  }, [currentActiveKey, disabled, handleChange, prefixCls, size, variant]);
+  var content = children !== undefined ? children : items.map(function (item) {
+    return /*#__PURE__*/_jsx(TabBarItem, {
+      itemKey: item.key,
+      title: item.title,
+      icon: item.icon,
+      iconActive: item.iconActive,
+      selectedIcon: item.selectedIcon,
+      badge: item.badge,
+      dot: item.dot,
+      disabled: item.disabled,
+      className: item.className,
+      style: item.style,
+      testID: item.testID
+    }, item.key);
+  });
+  var surfaceColor = variant === 'ghost' ? 'var(--x-tab-bar-surface-ghost, transparent)' : variant === 'outline' ? "var(--x-tab-bar-surface-outline, var(--x-tab-bar-surface, ".concat(colors.background, "))") : variant === 'filled' ? "var(--x-tab-bar-surface-filled, ".concat(colors.muted, ")") : "var(--x-tab-bar-surface, ".concat(colors.background, ")");
+  var borderColor = variant === 'outline' ? "var(--x-tab-bar-border-outline, var(--x-tab-bar-border, ".concat(colors.border, "))") : "var(--x-tab-bar-border, ".concat(colors.border, ")");
+  var borderTopWidth = !bordered || variant === 'ghost' ? 0 : variant === 'outline' ? 2 : 1;
+  return /*#__PURE__*/_jsx(TabBarContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(View, {
+      className: classNames("".concat(prefixCls, "-tab-bar"), "".concat(prefixCls, "-tab-bar--").concat(size), "".concat(prefixCls, "-tab-bar--").concat(variant), fixed && "".concat(prefixCls, "-tab-bar--fixed"), disabled && "".concat(prefixCls, "-tab-bar--disabled"), className),
+      "data-slot": "tab-bar-root",
+      "data-size": size,
+      "data-variant": variant,
+      "data-fixed": fixed ? 'true' : 'false',
+      "data-disabled": disabled ? 'true' : 'false',
+      "data-safe-area-bottom": fixed && safeAreaBottom ? 'true' : 'false',
+      "data-testid": testID,
+      role: "navigation",
+      ariaRole: "navigation",
+      ariaLabel: "\u5E95\u90E8\u5BFC\u822A",
+      style: _objectSpread({
+        position: fixed ? 'fixed' : 'relative',
+        right: fixed ? 0 : undefined,
+        bottom: fixed ? 0 : undefined,
+        left: fixed ? 0 : undefined,
+        zIndex: fixed ? 40 : undefined,
+        width: '100%',
+        paddingBottom: fixed && safeAreaBottom ? 'env(safe-area-inset-bottom)' : 0,
+        backgroundColor: surfaceColor,
+        borderWidth: 0,
+        borderStyle: 'solid',
+        borderColor: 'transparent',
+        borderRadius: 0,
+        boxSizing: 'border-box'
+      }, style),
+      children: /*#__PURE__*/_jsx(View, {
+        className: "".concat(prefixCls, "-tab-bar__inner"),
+        "data-slot": "tab-bar-inner",
+        style: {
+          height: SIZE_TOKENS[size].height,
+          display: 'flex',
+          flexDirection: 'row',
+          alignItems: 'stretch',
+          borderTopWidth: borderTopWidth,
+          borderTopStyle: 'solid',
+          borderTopColor: borderColor,
+          boxSizing: 'border-box'
+        },
+        children: content
+      })
+    })
+  });
+};
+TabBar.displayName = 'TabBar';
+TabBar.Item = TabBarItem;
+export default TabBar;

package/es/components/tabBar/types.d.ts

@@ -0,0 +1,46 @@
+/**
+ * TabBar Component Types
+ */
+import type { CSSProperties, ReactNode } from 'react';
+import type { SizeVariant } from '../../theme/types';
+export declare type TabBarSize = SizeVariant;
+/**
+ * `filled` is retained as a Taro compatibility extension. The canonical
+ * x-mobile-ui/x-web-ui variants are `default`, `outline` and `ghost`.
+ */
+export declare type TabBarVariant = 'default' | 'outline' | 'ghost' | 'filled';
+export interface TabBarItem {
+    key: string;
+    title: string;
+    icon?: ReactNode;
+    /** x-mobile-ui compound API name */
+    iconActive?: ReactNode;
+    /** Legacy items API alias */
+    selectedIcon?: ReactNode;
+    badge?: string | number;
+    dot?: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    testID?: string;
+}
+export interface TabBarItemProps extends Omit<TabBarItem, 'key'> {
+    itemKey: string;
+}
+export interface TabBarProps {
+    activeKey?: string;
+    defaultActiveKey?: string;
+    items?: TabBarItem[];
+    children?: ReactNode;
+    onChange?: (key: string) => void;
+    size?: TabBarSize;
+    variant?: TabBarVariant;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    fixed?: boolean;
+    bordered?: boolean;
+    safeAreaBottom?: boolean;
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/es/components/tabBar/types.js

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

package/es/components/table/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export { default as Table } from './table';
+export { default } from './table';
+//# sourceMappingURL=index.d.ts.map

package/es/components/table/index.js

@@ -0,0 +1,3 @@
+export * from "./types";
+export { default as Table } from "./table";
+export { default } from "./table";

package/es/components/table/table.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { TableColumn, TableColumnGroupProps, TableColumnProps, TableProps, TableRecord, TableRef } from './types';
+declare function TableColumn<RecordType extends TableRecord = TableRecord>(_props: TableColumnProps<RecordType>): null;
+declare function TableColumnGroup<RecordType extends TableRecord = TableRecord>(_props: TableColumnGroupProps<RecordType>): null;
+declare const ForwardTable: <RecordType extends TableRecord = TableRecord>(props: TableProps<RecordType> & React.RefAttributes<TableRef>) => React.ReactElement;
+declare type TableComponent = typeof ForwardTable & {
+    Column: typeof TableColumn;
+    ColumnGroup: typeof TableColumnGroup;
+};
+declare const Table: TableComponent;
+export { TableColumn, TableColumnGroup };
+export default Table;
+//# sourceMappingURL=table.d.ts.map