@teamix/pro 1.6.0-beta.6 → 2.0.0-beta.1

package/es/table/components/Pagination/index.js

@@ -1,244 +0,0 @@
-var _excluded = ["className", "onChange", "total", "pageSize", "current", "pageSizeList", "pageSizeSelector", "onPageSizeChange", "responsivePaginationType", "useMaxData"];
-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 _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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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, { useState, useEffect, useMemo } from 'react';
-import { Pagination, Balloon, Select, Button, Input, Icon } from '@alicloudfe/components';
-import { getMessage, cls, usePrefixCls } from '@teamix/utils';
-import { useResponsiveProps } from '@teamix/hooks';
-import './index.scss';
-export default (function (props) {
-  var className = props.className,
-    propsOnChange = props.onChange,
-    total = props.total,
-    pageSize = props.pageSize,
-    current = props.current,
-    pageSizeList = props.pageSizeList,
-    pageSizeSelector = props.pageSizeSelector,
-    onPageSizeChange = props.onPageSizeChange,
-    responsivePaginationType = props.responsivePaginationType,
-    useMaxData = props.useMaxData,
-    otherProps = _objectWithoutProperties(props, _excluded);
-  var basePrefix = usePrefixCls('', {
-    base: true
-  });
-  var prefixCls = usePrefixCls('teamix-pro-pagination');
-  var _useResponsiveProps = useResponsiveProps([480, 590, 700], ['mini', 'small', 'simple', 'normal']),
-    responsiveProps = _useResponsiveProps.responsiveProps,
-    paginationWrapperRef = _useResponsiveProps.ref;
-  useEffect(function () {
-    // size='mini' 模式下 current 受控
-    if (responsiveProps === 'mini') {
-      setCurrentPage(current);
-    }
-  }, [current]);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var _useState3 = useState(current),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currentPage = _useState4[0],
-    setCurrentPage = _useState4[1];
-  var maxDataState = useMemo(function () {
-    return Math.ceil((total !== null && total !== void 0 ? total : 0) / (pageSize !== null && pageSize !== void 0 ? pageSize : 0)) > 100;
-  }, [total, pageSize]);
-  var commonPaginationProps = {
-    className: className,
-    onChange: propsOnChange,
-    total: useMaxData && maxDataState ? (pageSize !== null && pageSize !== void 0 ? pageSize : 0) * 100 : total,
-    pageSize: pageSize,
-    current: current,
-    shape: 'arrow-only',
-    pageSizeList: pageSizeList,
-    pageSizeSelector: pageSizeSelector,
-    pageSizePosition: 'end',
-    onPageSizeChange: onPageSizeChange,
-    // pagination 的渲染函数
-    pageNumberRender: function pageNumberRender(index) {
-      if (useMaxData && maxDataState) {
-        if (index === 100) {
-          return '100+';
-        }
-        return index;
-      }
-      return index;
-    }
-  };
-  // 获取总数
-  var getTotalContent = useMemo(function () {
-    if (useMaxData && maxDataState) {
-      return getMessage('total', {
-        total: new Intl.NumberFormat().format((pageSize !== null && pageSize !== void 0 ? pageSize : 0) * 100) + '+'
-      });
-    }
-    return getMessage('total', {
-      total: new Intl.NumberFormat().format(total !== null && total !== void 0 ? total : 0)
-    });
-  }, [pageSize, total, maxDataState]);
-  // 自定义总数，用于 small、mini
-  var customTotalRender = function customTotalRender() {
-    return /*#__PURE__*/React.createElement(Balloon, {
-      visible: visible,
-      closable: false,
-      onVisibleChange: function onVisibleChange(visible) {
-        return setVisible(visible);
-      },
-      align: "t",
-      // triggerType="click"
-      trigger: /*#__PURE__*/React.createElement(Button, {
-        text: true,
-        onMouseEnter: function onMouseEnter() {
-          return setVisible(true);
-        },
-        style: {
-          lineHeight: '18px'
-        }
-      }, getTotalContent)
-    }, /*#__PURE__*/React.createElement("div", {
-      className: prefixCls('custom-total-content')
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "title"
-    }, getMessage('pageSize')), /*#__PURE__*/React.createElement(Select, {
-      className: prefixCls('custom-page-size-selector'),
-      dataSource: pageSizeList,
-      defaultValue: pageSize,
-      followTrigger: true,
-      menuProps: {
-        hasSelectedIcon: false
-      },
-      onChange: function onChange(value) {
-        setVisible(false);
-        setCurrentPage(1);
-        onPageSizeChange === null || onPageSizeChange === void 0 ? void 0 : onPageSizeChange(value);
-      }
-    })));
-  };
-  // 获取页总数
-  function getTotalPage(total, currentPageSize) {
-    var totalPage = Math.ceil(total / currentPageSize);
-    return totalPage <= 0 ? 1 : totalPage;
-  }
-  // 自定义翻页，用于 mini
-  var customJumpRender = function customJumpRender() {
-    var handleInputChange = function handleInputChange(value, e) {
-      setCurrentPage(value);
-    };
-    // 回车触发跳转
-    var handleJump = function handleJump(e) {
-      var totalPage = getTotalPage(total, pageSize);
-      var value = Number(currentPage);
-      if (isNaN(value)) {
-        value = '';
-      } else if (value < 1) {
-        value = 1;
-      } else if (value > totalPage) {
-        value = totalPage;
-      }
-      if (value && value !== current) {
-        setCurrentPage(value);
-        propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(value, e);
-      }
-    };
-    var handlePrevClick = function handlePrevClick(e) {
-      setCurrentPage(currentPage - 1);
-      propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(currentPage - 1, e);
-    };
-    var handleNextClick = function handleNextClick(e) {
-      setCurrentPage(currentPage + 1);
-      propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(currentPage + 1, e);
-    };
-    return /*#__PURE__*/React.createElement("div", {
-      className: prefixCls('custom-jumper')
-    }, /*#__PURE__*/React.createElement(Button, {
-      className: basePrefix('prev', 'pagination-item'),
-      onClick: handlePrevClick,
-      disabled: Number(currentPage) <= 1
-    }, /*#__PURE__*/React.createElement(Icon, {
-      size: "small",
-      type: "arrow-left"
-    })), /*#__PURE__*/React.createElement(Input, {
-      className: "jump-input",
-      value: currentPage,
-      onChange: handleInputChange,
-      onKeyDown: function onKeyDown(e) {
-        if (e.keyCode === 13) {
-          handleJump(e);
-        }
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "total"
-    }, /*#__PURE__*/React.createElement("span", {
-      style: {
-        marginRight: 4
-      }
-    }, "/"), getTotalPage(total, pageSize)), /*#__PURE__*/React.createElement(Button, {
-      className: basePrefix('next', 'pagination-item'),
-      onClick: handleNextClick,
-      //@ts-ignore
-      disabled: total && Number(currentPage) >= getTotalPage(total, pageSize)
-    }, /*#__PURE__*/React.createElement(Icon, {
-      size: "small",
-      type: "arrow-right"
-    })));
-  };
-  var renderMiniPagination = function renderMiniPagination() {
-    if (total && pageSize) {
-      if (total / pageSize <= 2) {
-        return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
-          type: "simple"
-        }, otherProps));
-      } else {
-        return /*#__PURE__*/React.createElement("div", {
-          className: cls(basePrefix('pagination'), prefixCls('custom-mini-pagination'))
-        }, customTotalRender(), customJumpRender());
-      }
-    }
-  };
-  var renderPagination = function renderPagination() {
-    switch (responsivePaginationType || responsiveProps) {
-      case 'normal':
-        return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
-          totalRender: function totalRender() {
-            return getTotalContent;
-          }
-        }, otherProps));
-      case 'simple':
-        return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
-          pageShowCount: 3,
-          totalRender: function totalRender() {
-            return getTotalContent;
-          }
-        }, otherProps));
-      case 'small':
-        return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
-          pageShowCount: 3,
-          pageSizeSelector: false,
-          totalRender: function totalRender() {
-            return customTotalRender();
-          }
-        }, otherProps));
-      case 'mini':
-        return renderMiniPagination();
-      default:
-        return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), otherProps));
-    }
-  };
-  return (
-    /*#__PURE__*/
-    // 用于获取翻页器响应式 ref
-    React.createElement("div", {
-      ref: paginationWrapperRef,
-      className: prefixCls('wrapper')
-    }, renderPagination())
-  );
-});

package/es/table/components/Pagination/index.scss

@@ -1,55 +0,0 @@
-$prefix: 'teamix-pro-pagination';
-
-.#{$prefix} {
-  &-wrapper {
-    display: flex;
-    justify-content: flex-end;
-    width: 100%;
-  }
-  &-custom-total {
-    &-content {
-      display: flex;
-      align-items: center;
-      .next-menu {
-        min-width: 56px !important;
-        .next-menu-item.next-select-menu-item {
-          padding: 0 8px !important;
-        }
-      }
-    }
-  }
-  &-custom-mini-pagination {
-    display: flex;
-    align-items: center;
-  }
-  &-custom-jumper {
-    display: flex;
-    align-items: center;
-    .jump-input {
-      width: 36px;
-      input {
-        padding: 0 3px;
-        text-align: center;
-        line-height: 30px;
-      }
-    }
-    .total {
-      margin-left: 8px;
-      margin-right: 4px;
-      color: var(--color-text1-2);
-    }
-    .next-prev {
-      margin-left: 8px;
-      margin-right: 4px;
-    }
-    .next-pagination-item:disabled i {
-      color: var(--btn-pure-normal-color-disabled, #CCCCCC) !important;
-    }
-  }
-  &-custom-page-size-selector.next-select-trigger {
-    min-width: 56px;
-    .next-select-inner {
-      min-width: 56px;
-    }
-  }
-}

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { ProActionButtonProps } from '../../../actions';
-import { ProTableActionType, innerRowSelectionType, rowSelectionType } from '../../typing';
-interface QuickActionProps {
-    quickAction?: ProActionButtonProps | React.ReactNode | React.ReactNode[];
-    actionRef: React.MutableRefObject<ProTableActionType | undefined>;
-    rowSelection?: innerRowSelectionType | rowSelectionType;
-    dataTeamixSpm?: string;
-}
-declare const QuickAction: React.FC<QuickActionProps>;
-export default QuickAction;

package/es/table/components/QuickAction/index.js

@@ -1,45 +0,0 @@
-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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-import React from 'react';
-import { Box } from '@alicloudfe/components';
-import ProActionButton from '../../../actions';
-var QuickAction = function QuickAction(props) {
-  var quickAction = props.quickAction,
-    actionRef = props.actionRef,
-    rowSelection = props.rowSelection;
-  // 如果传对象的话，默认为主要文字类型的 ProActionButton
-  if (_typeof(quickAction) === 'object' && (quickAction === null || quickAction === void 0 ? void 0 : quickAction.config)) {
-    // 默认 context
-    var defaultContext = {
-      action: actionRef.current,
-      rowSelection: rowSelection
-    };
-    return /*#__PURE__*/React.createElement("div", {
-      className: "teamix-pro-table-layout-quick-action"
-    }, /*#__PURE__*/React.createElement(ProActionButton, _objectSpread(_objectSpread({
-      type: "primary",
-      text: true
-    }, quickAction), {}, {
-      context: _objectSpread(_objectSpread({}, defaultContext), quickAction.context)
-    })));
-  }
-  if (Array.isArray(quickAction)) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "teamix-pro-table-layout-quick-action"
-    }, /*#__PURE__*/React.createElement(Box, {
-      direction: "row",
-      spacing: 8,
-      align: "center"
-    }, quickAction.map(function (item, index) {
-      return /*#__PURE__*/React.createElement("div", {
-        key: index
-      }, item);
-    })));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "teamix-pro-table-layout-extra"
-  }, quickAction);
-};
-export default QuickAction;

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

@@ -1,8 +0,0 @@
-/**
- * 切换 table card 视角
- */
-import React from 'react';
-import { ProTableLayoutProps } from '../../typing';
-import './index.scss';
-declare const CardSwitch: React.FC<ProTableLayoutProps>;
-export default CardSwitch;

package/es/table/components/ToolBar/CardSwitch.js

@@ -1,52 +0,0 @@
-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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/**
- * 切换 table card 视角
- */
-import React, { useState } from 'react';
-import { Radio } from '@alicloudfe/components';
-import TeamixIcon from '@teamix/icon';
-import { usePrefixCls } from '@teamix/utils';
-import './index.scss';
-import { emit } from '../../utils';
-var RadioGroup = Radio.Group;
-var cls = usePrefixCls('teamix-pro-table-toolbar-switch-card');
-var CardSwitch = function CardSwitch(props) {
-  var actionRef = props.actionRef,
-    defaultView = props.defaultView;
-  // 选择视角
-  var _useState = useState(defaultView !== null && defaultView !== void 0 ? defaultView : 'table'),
-    _useState2 = _slicedToArray(_useState, 2),
-    radioView = _useState2[0],
-    setRadioView = _useState2[1];
-  // 选择视角回调
-  var onRadioViewChange = function onRadioViewChange(value) {
-    var _actionRef$current, _actionRef$current$sw;
-    setRadioView(value);
-    (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$sw = _actionRef$current.switchView) === null || _actionRef$current$sw === void 0 ? void 0 : _actionRef$current$sw.call(_actionRef$current, value);
-    emit('cardSwitchChange', value);
-  };
-  return /*#__PURE__*/React.createElement(RadioGroup, {
-    shape: "button",
-    value: radioView,
-    onChange: onRadioViewChange,
-    className: cls()
-  }, /*#__PURE__*/React.createElement(Radio, {
-    id: "banana",
-    value: "table"
-  }, /*#__PURE__*/React.createElement(TeamixIcon, {
-    type: "menu-line",
-    size: "small"
-  })), /*#__PURE__*/React.createElement(Radio, {
-    id: "watermelon",
-    value: "card"
-  }, /*#__PURE__*/React.createElement(TeamixIcon, {
-    type: "all-line",
-    size: "small"
-  })));
-};
-export default CardSwitch;

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

@@ -1,4 +0,0 @@
-import { ProTableLayoutProps } from '../../typing';
-import './index.scss';
-declare const DensityIcon: (props: ProTableLayoutProps) => JSX.Element;
-export default DensityIcon;

package/es/table/components/ToolBar/DensityIcon.js

@@ -1,107 +0,0 @@
-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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/**
- * 更改 Table 疏密度 Icon
- */
-import { Button, Dropdown, Menu } from '@alicloudfe/components';
-import TeamixIcon from '@teamix/icon';
-import { usePrefixCls, getMessage } from '@teamix/utils';
-import React, { useState } from 'react';
-import './index.scss';
-var RadioItem = Menu.RadioItem;
-var cls = usePrefixCls('teamix-pro-table-toolbar-icon');
-var DensityIcon = function DensityIcon(props) {
-  var _actionRef$current;
-  var actionRef = props.actionRef;
-  var _useState = useState(((_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : _actionRef$current.size) || 'medium'),
-    _useState2 = _slicedToArray(_useState, 2),
-    size = _useState2[0],
-    setSize = _useState2[1];
-  // const [fullscreen, setFullscreen] = useState<boolean>(false);
-  // tooltip 开关
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    tooltipVisible = _useState4[0],
-    setTooltipVisible = _useState4[1];
-  // dropdown 开关
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    dropdownVisible = _useState6[0],
-    setDropdownVisible = _useState6[1];
-  // 设置大小
-  var radioOnchange = function radioOnchange(mode) {
-    var _actionRef$current2, _actionRef$current2$s;
-    setSize(mode);
-    (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$s = _actionRef$current2.setSize) === null || _actionRef$current2$s === void 0 ? void 0 : _actionRef$current2$s.call(_actionRef$current2, mode);
-  };
-  // // 销毁监听函数
-  // useEffect(() => {
-  //   return () => {
-  //     actionRef.current?.off?.('densityIcon');
-  //   };
-  // }, []);
-  // // 监听全屏变化
-  // actionRef.current?.on?.(
-  //   (state: boolean) => {
-  //     setFullscreen(state);
-  //   },
-  //   'fullScreenState',
-  //   'densityIcon',
-  // );
-  var renderDropdown = function renderDropdown() {
-    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Dropdown
-    // safeNode={() => sizeMenuRef.current || document}
-    , {
-      // safeNode={() => sizeMenuRef.current || document}
-      trigger: /*#__PURE__*/React.createElement(Button, {
-        iconSize: "small",
-        className: cls()
-      }, /*#__PURE__*/React.createElement(TeamixIcon, {
-        size: "small",
-        type: "space-line"
-      })),
-      followTrigger: true,
-      visible: dropdownVisible,
-      onVisibleChange: function onVisibleChange(state) {
-        setTooltipVisible(false);
-        setDropdownVisible(state);
-      },
-      triggerType: ['click'],
-      // key={index}
-      align: "tr br"
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(RadioItem, {
-      key: "medium",
-      checked: size === 'medium',
-      onChange: function onChange(checked) {
-        return radioOnchange('medium');
-      }
-    }, getMessage('default')), /*#__PURE__*/React.createElement(RadioItem, {
-      key: "small",
-      checked: size === 'small',
-      onChange: function onChange(checked) {
-        return radioOnchange('small');
-      }
-    }, getMessage('compact'))))));
-  };
-  return renderDropdown();
-  // <Balloon.Tooltip
-  //   trigger={renderDropdown()}
-  //   align={fullscreen ? 'b' : 't'}
-  //   popupProps={{
-  //     offset: fullscreen ? [5, 20] : [5, -18],
-  //     animation: { in: 'fadeIn', out: 'fadeOut' },
-  //     visible: tooltipVisible && !dropdownVisible,
-  //     onVisibleChange: (state) => {
-  //       setTooltipVisible(state);
-  //     },
-  //   }}
-  // >
-  //   {getMessage('density')}
-  // </Balloon.Tooltip>
-};
-
-export default DensityIcon;

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

@@ -1,4 +0,0 @@
-import { ProTableLayoutProps } from '../../typing';
-import './index.scss';
-declare const FilterColumnIcon: (props: ProTableLayoutProps) => JSX.Element;
-export default FilterColumnIcon;