@oceanbase/design 0.1.2 → 0.2.0

package/es/BasicLayout/index.less

@@ -1,400 +0,0 @@
-@import '../variable.less';
-
-@prefix: ob-layout;
-
-// 弹出菜单样式
-.@{prefixCls}-menu-submenu-popup {
-  .@{prefixCls}-menu {
-    padding-left: 6px !important;
-    background-color: @colorBgLayout !important;
-    .@{prefixCls}-menu-item,
-    .@{prefixCls}-menu-submenu {
-      width: 100%;
-      background-color: transparent;
-      border: none;
-      margin-inline: 0;
-      &:not(:last-child) {
-        margin-bottom: 8px !important;
-      }
-    }
-    .@{prefixCls}-menu-item-active,
-    .@{prefixCls}-menu-submenu-active > .@{prefixCls}-menu-submenu-title {
-      color: @colorText !important;
-      font-weight: 600;
-      animation: activeGradientAnimation 0.1s;
-      .border-gradient(linear-gradient(to right, #E9EDF6, @colorBgLayout), linear-gradient(90deg, #C6CDD9, @colorBgLayout), 0.5px, solid, 8px 0 0 8px);
-    }
-
-    .@{prefixCls}-menu-item-selected {
-      color: @colorPrimary !important;
-      font-weight: 600;
-      animation: selectedGradientAnimation 0.1s;
-      .border-gradient(linear-gradient(to right, #E5EEFF, #F4F8FF), linear-gradient(90deg, @colorPrimaryBorder, @colorBgLayout), 0.5px, solid, 8px 0 0 8px);
-    }
-    .@{prefixCls}-divider {
-      width: 60%;
-      min-width: 60%;
-      margin: 0 0 8px 16px !important;
-    }
-  }
-}
-
-.@{prefix}-banner-wrapper {
-  position: fixed;
-  top: 0;
-  z-index: 20;
-  width: 100%;
-}
-
-.@{prefix} {
-  height: 100%;
-  background-color: @colorBgLayout;
-  transition: all 0.1s;
-
-  .@{prefix}-content-layout {
-    max-width: @maxWidth;
-    // 居中对齐
-    margin: 0 auto;
-    .@{prefix}-sider {
-      position: fixed;
-      z-index: 10;
-      padding: 16px 0 16px 16px;
-      background-color: @colorBgLayout;
-      transition: all 0.3s;
-
-      .@{prefix}-sider-border {
-        position: relative;
-        top: -16px;
-        width: 1px;
-        height: 100%;
-        background-color: #e2e8f3;
-        cursor: pointer;
-        opacity: 0;
-        // 左右两侧扩大热区
-        &::after {
-          position: absolute;
-          top: 0;
-          right: -10px;
-          bottom: 0;
-          left: -10px;
-          content: '';
-        }
-        &:hover {
-          opacity: 1;
-          // 仅在 hover 时增加过渡动画，避免展开/收起时 border 和 collapse 没有及时消失、影响整体效果
-          transition: opacity 0.3s;
-          .@{prefix}-sider-collapse {
-            opacity: 1;
-            transition: opacity 0.3s;
-          }
-        }
-
-        .@{prefix}-sider-collapse {
-          position: relative;
-          top: 245px;
-          right: 10px;
-          // 需要设置 z-index 以便叠加在分隔线上，否则点击的是分隔线的热区，无法触发 collapse 的点击事件
-          z-index: 1;
-          width: 20px;
-          height: 42px;
-          line-height: 42px;
-          text-align: center;
-          background-color: #fff;
-          border: 1px solid @colorBorder;
-          border-radius: 10px;
-          cursor: pointer;
-          opacity: 0;
-          // 设置展开/收起按钮中的图标大小
-          .@{iconPrefixCls} {
-            font-size: 12px;
-          }
-        }
-      }
-
-      .@{prefix}-sider-wrapper {
-        display: flex;
-        height: calc(100vh - 48px);
-        // 菜单通用样式
-        .@{prefixCls}-menu {
-          background-color: transparent;
-          border-right: none;
-
-          .@{prefixCls}-menu-item,
-          .@{prefixCls}-menu-submenu {
-            width: 100%;
-            margin-top: 0;
-            margin-right: auto;
-            margin-left: auto;
-            color: @colorText;
-            background-color: transparent;
-            .@{iconPrefixCls} {
-              // 图标尺寸设为 18px，因为设计侧给到的图标内侧有间距，需要适当加大尺寸
-              width: 18px;
-              height: 18px;
-              font-size: 18px;
-            }
-          }
-          .@{prefixCls}-menu-submenu > .@{prefixCls}-menu-submenu-title {
-            width: 100%;
-            margin-bottom: 4px !important;
-            margin-inline: 0;
-            margin-block: 0;
-          }
-        }
-        // 内嵌菜单样式
-        .@{prefixCls}-menu-inline {
-          // 菜单项间距
-          .@{prefixCls}-menu-item,
-          .@{prefixCls}-menu-submenu {
-            &:not(:last-child) {
-              margin-bottom: 16px;
-              // 子菜单展开时 margin-bottom 会变小，为了避免效果突兀，增加过渡效果
-              transition: margin-bottom 0.2s;
-            }
-          }
-          .@{prefixCls}-menu-submenu-open {
-            &:not(:last-child) {
-              // 子菜单展开时，减小 margin-bottom
-              margin-bottom: 4px;
-            }
-          }
-          // 子菜单项间距
-          .@{prefixCls}-menu-submenu {
-            .@{prefixCls}-menu-item:not(:last-child) {
-              margin-bottom: 4px;
-            }
-          }
-          // 菜单项缩进
-          .@{prefixCls}-menu-item,
-          .@{prefixCls}-menu-submenu > .@{prefixCls}-menu-submenu-title {
-            padding-left: 16px !important;
-          }
-          // 子菜单项缩进
-          .@{prefixCls}-menu-sub {
-            .@{prefixCls}-menu-item {
-              margin-left: 16px;
-              padding-left: 28px !important;
-            }
-          }
-          // 菜单项激活样式
-          .@{prefixCls}-menu-item-active,
-          .@{prefixCls}-menu-submenu-active > .@{prefixCls}-menu-submenu-title {
-            color: @colorText !important;
-            font-weight: 600;
-            animation: activeGradientAnimation 0.1s;
-            .border-gradient(linear-gradient(to right, #E9EDF6, @colorBgLayout), linear-gradient(90deg, #C6CDD9, @colorBgLayout), 0.5px, solid, 8px 0 0 8px);
-          }
-          // 菜单项选中样式
-          .@{prefixCls}-menu-item-selected {
-            color: @colorPrimary !important;
-            font-weight: 600;
-            animation: selectedGradientAnimation 0.5s;
-            .border-gradient(linear-gradient(to right, #E5EEFF, #F4F8FF), linear-gradient(90deg, @colorPrimaryBorder, @colorBgLayout), 0.5px, solid, 8px 0 0 8px);
-            &::after {
-              // 去掉菜单项的选中标记
-              display: none;
-            }
-          }
-          .@{prefixCls}-menu-submenu-selected > .@{prefixCls}-menu-submenu-title {
-            color: @colorPrimary !important;
-          }
-          .@{prefixCls}-divider {
-            margin: 0 0 16px 0;
-          }
-        }
-
-        // 垂直菜单样式
-        .@{prefixCls}-menu-vertical {
-          overflow-x: hidden;
-          overflow-y: auto;
-          border-right: none;
-
-          .@{prefixCls}-menu-item,
-          .@{prefixCls}-menu-submenu {
-            &:not(:last-child) {
-              margin-bottom: 4px;
-            }
-          }
-
-          .@{prefixCls}-menu-item,
-          .@{prefixCls}-menu-submenu > .@{prefixCls}-menu-submenu-title {
-            width: 52px;
-            height: 52px;
-            padding: 0;
-            line-height: 52px;
-            text-align: center;
-
-            .@{prefixCls}-menu-title-content {
-              display: inline-block;
-              width: 40px;
-              height: 40px;
-              line-height: 40px;
-              border-radius: 8px;
-            }
-
-            .@{prefixCls}-menu-submenu-arrow {
-              display: none;
-            }
-          }
-          .@{prefixCls}-menu-item-active,
-          .@{prefixCls}-menu-submenu-active > .@{prefixCls}-menu-submenu-title {
-            .@{prefixCls}-menu-title-content {
-              background-color: #e9edf6;
-              border: 0.5px solid #c6cdd9;
-            }
-          }
-          .@{prefixCls}-menu-item-selected,
-          .@{prefixCls}-menu-submenu-selected > .@{prefixCls}-menu-submenu-title {
-            .@{prefixCls}-menu-title-content {
-              background-color: #e5eeff;
-              border: 0.5px solid @colorPrimaryBorder;
-            }
-          }
-        }
-
-        .@{prefix}-sub-sider {
-          border-right: 1px solid #e2e8f3;
-          .@{prefixCls}-divider {
-            margin: 0 0 4px 0;
-          }
-        }
-
-        .@{prefix}-sub-sider,
-        .@{prefix}-menu-collapsed {
-          width: 52px;
-          .@{prefixCls}-divider {
-            margin: 0 0 4px 0;
-          }
-        }
-
-        .@{prefix}-sider-content {
-          display: flex;
-          flex: 1;
-          // 纵向排列
-          flex-direction: column;
-          // 纵向两端对齐
-          justify-content: space-between;
-          height: 100%;
-
-          .@{prefix}-sider-header {
-            padding-top: 16px;
-          }
-
-          .@{prefix}-menu-wrapper {
-            display: flex;
-            flex-direction: column;
-            // 保证垂直方向超出高度出现滚动
-            flex-grow: 1;
-            justify-content: space-between;
-            overflow-x: hidden;
-            overflow-y: auto;
-
-            .@{prefix}-menu {
-              margin-bottom: 32px;
-            }
-          }
-        }
-      }
-    }
-
-    .@{prefix}-sider-collapsed {
-      padding-left: 0;
-    }
-
-    .@{prefix}-sider-has-sub-sider {
-      padding: 0;
-      // 包含子侧边栏的菜单不支持收起，直接隐藏侧边栏 border 和 collapse
-      .@{prefix}-sider-border {
-        display: none;
-        .@{prefix}-sider-collapse {
-          display: none;
-        }
-      }
-      .@{prefixCls}-menu-inline {
-        padding-top: 16px;
-        .@{prefixCls}-menu-item,
-        .@{prefixCls}-menu-submenu {
-          &:not(:last-child) {
-            margin-bottom: 16px !important;
-          }
-        }
-        .@{prefixCls}-divider {
-          width: 60%;
-          min-width: 60%;
-          margin: -8px 0 8px 16px !important;
-        }
-      }
-      .@{prefixCls}-menu-vertical {
-        padding-top: 10px;
-      }
-      .@{prefix}-sider-content {
-        padding-left: 6px;
-      }
-    }
-
-    .@{prefix}-content {
-      background-color: @colorBgLayout;
-      transition: all 0.3s;
-    }
-
-    // .@{prefix}-content-0 {
-    //   .@{prefixCls}-pro-page-container {
-    //     .@{prefixCls}-pro-footer-bar {
-    //       width: 100%;
-    //     }
-    //   }
-    // }
-
-    // .@{prefix}-content-52 {
-    //   .@{prefixCls}-pro-page-container {
-    //     .@{prefixCls}-pro-footer-bar {
-    //       width: calc(100% - 52px - 24px);
-    //     }
-    //   }
-    // }
-
-    // .@{prefix}-content-104 {
-    //   .@{prefixCls}-pro-page-container {
-    //     .@{prefixCls}-pro-footer-bar {
-    //       width: calc(100% - 104px - 24px);
-    //     }
-    //   }
-    // }
-
-    // .@{prefix}-content-192 {
-    //   .@{prefixCls}-pro-page-container {
-    //     .@{prefixCls}-pro-footer-bar {
-    //       width: calc(100% - 192px - 24px);
-    //     }
-    //   }
-    // }
-  }
-}
-
-.@{prefixCls}-pro-footer-bar {
-  width: calc(100% - 192px - 24px);
-}
-
-@media (min-width: @maxWidth) {
-  .@{prefixCls}-pro-footer-bar {
-    right: calc((100% - @maxWidth) / 2 + 24px);
-    width: calc(@maxWidth - 192px - 24px - 24px);
-    max-width: calc(@maxWidth - 192px - 24px - 24px);
-  }
-}
-
-// 对于 Alert 类型的 banner，自动增加上间距
-// 对于其他类型的 banner，需要业务侧自行设置上间距
-.@{prefix}-with-banner {
-  margin-top: 38px;
-}
-
-@media (min-width: @maxWidth) {
-  .@{prefix} {
-    .@{prefix}-content-layout {
-      .@{prefix}-sider {
-        padding-left: 0;
-      }
-    }
-  }
-}

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

@@ -1,12 +0,0 @@
-declare const _default: {
-    help: string;
-    welcome: string;
-    viewDocs: string;
-    downloadDocs: string;
-    about: string;
-    version: string;
-    releaseTime: string;
-    company: string;
-    right: string;
-};
-export default _default;

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

@@ -1,11 +0,0 @@
-export default {
-  help: 'Help',
-  welcome: 'Welcome page',
-  viewDocs: 'Check the user manual',
-  downloadDocs: 'Download the user manual',
-  about: 'About',
-  version: 'Version',
-  releaseTime: 'Release date',
-  company: 'Ant Group',
-  right: 'All Rights Reserved'
-};

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

@@ -1,12 +0,0 @@
-declare const _default: {
-    help: string;
-    welcome: string;
-    viewDocs: string;
-    downloadDocs: string;
-    about: string;
-    version: string;
-    releaseTime: string;
-    company: string;
-    right: string;
-};
-export default _default;

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

@@ -1,11 +0,0 @@
-export default {
-  help: '帮助',
-  welcome: '欢迎页',
-  viewDocs: '查看用户手册',
-  downloadDocs: '下载用户手册',
-  about: '关于',
-  version: '版本号',
-  releaseTime: '发布日期',
-  company: '蚂蚁集团',
-  right: '版权所有'
-};

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

@@ -1,12 +0,0 @@
-declare const _default: {
-    help: string;
-    welcome: string;
-    viewDocs: string;
-    downloadDocs: string;
-    about: string;
-    version: string;
-    releaseTime: string;
-    company: string;
-    right: string;
-};
-export default _default;

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

@@ -1,11 +0,0 @@
-export default {
-  help: '幫助',
-  welcome: '歡迎頁',
-  viewDocs: '查看用戶手冊',
-  downloadDocs: '下載用戶手冊',
-  about: '關於',
-  version: '版本號',
-  releaseTime: '發佈日期',
-  company: '螞蟻集團',
-  right: '版權所有'
-};

package/es/BatchOperationBar/index.d.ts

@@ -1,33 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import './index.less';
-import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
-export interface AlertRenderParams {
-    selectedRows: any[];
-    setSelectedRows: (selectedRows: any[]) => void;
-    cleanSelectedRows: (cleanSelectdRows?: any[]) => void;
-}
-export declare type RenderFun = ((props: AlertRenderParams) => ReactNode) | false;
-export declare type Vertical = 'top' | 'bottom';
-export declare type Horizontal = 'left' | 'right';
-export interface Props extends LocaleWrapperProps {
-    width?: number | string;
-    title?: ReactNode;
-    selectedRows?: any[];
-    open?: boolean;
-    alertRender?: ((selectedRows: any[]) => ReactNode | JSX.Element) | false;
-    alertOptionRender?: RenderFun;
-    content?: ReactNode | RenderFun;
-    cancelText?: ReactNode;
-    openText?: ReactNode;
-    openIcon?: ReactNode;
-    hiddenText?: ReactNode;
-    hiddenIcon?: ReactNode;
-    showCancelBtn?: boolean;
-    showOpenBtn?: boolean;
-    className?: string;
-    position?: [Vertical, Horizontal];
-    barStyle?: React.CSSProperties;
-}
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<React.ComponentType<Props>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<Props>, {}>;
-export default _default;

package/es/BatchOperationBar/index.js

@@ -1,126 +0,0 @@
-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); }
-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) { 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useState, useEffect, useMemo } from 'react';
-import { Space } from 'antd';
-import "./index.less";
-import { DownOutlined, UpOutlined } from '@ant-design/icons';
-import classnames from 'classnames';
-import { isEmpty, cloneDeep, isEqual, pullAllWith } from 'lodash';
-import LocaleWrapper from "../locale/LocaleWrapper";
-import zhCN from "./locale/zh-CN";
-var prefix = 'ob-batch-operation-bar';
-var BatchOperationBar = function BatchOperationBar(props) {
-  var _classnames3, _locale$alertText, _locale$alertText$rep, _classnames5;
-  var locale = props === null || props === void 0 ? void 0 : props.locale;
-  var title = props.title,
-    _props$open = props.open,
-    open = _props$open === void 0 ? false : _props$open,
-    width = props.width,
-    alertOptionRender = props.alertOptionRender,
-    _props$selectedRows = props.selectedRows,
-    selectedRows = _props$selectedRows === void 0 ? [] : _props$selectedRows,
-    content = props.content,
-    alertRender = props.alertRender,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$cancelText = props.cancelText,
-    cancelText = _props$cancelText === void 0 ? locale === null || locale === void 0 ? void 0 : locale.cancelText : _props$cancelText,
-    _props$openText = props.openText,
-    openText = _props$openText === void 0 ? locale === null || locale === void 0 ? void 0 : locale.openText : _props$openText,
-    _props$openIcon = props.openIcon,
-    openIcon = _props$openIcon === void 0 ? /*#__PURE__*/React.createElement(DownOutlined, null) : _props$openIcon,
-    _props$hiddenText = props.hiddenText,
-    hiddenText = _props$hiddenText === void 0 ? locale === null || locale === void 0 ? void 0 : locale.hiddenText : _props$hiddenText,
-    _props$hiddenIcon = props.hiddenIcon,
-    hiddenIcon = _props$hiddenIcon === void 0 ? /*#__PURE__*/React.createElement(UpOutlined, null) : _props$hiddenIcon,
-    _props$showCancelBtn = props.showCancelBtn,
-    showCancelBtn = _props$showCancelBtn === void 0 ? true : _props$showCancelBtn,
-    _props$showOpenBtn = props.showOpenBtn,
-    showOpenBtn = _props$showOpenBtn === void 0 ? true : _props$showOpenBtn,
-    _props$position = props.position,
-    position = _props$position === void 0 ? ['bottom', 'right'] : _props$position,
-    _props$barStyle = props.barStyle,
-    barStyle = _props$barStyle === void 0 ? {} : _props$barStyle;
-  var _useState = useState(selectedRows),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedData = _useState2[0],
-    setSelectedData = _useState2[1];
-  var _useState3 = useState(!!open),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isOpen = _useState4[0],
-    setIsOpen = _useState4[1];
-  var style = useMemo(function () {
-    var obj = {};
-    if (width || width === 0) obj.width = width;
-    if (!isEmpty(position)) {
-      if (!Array.isArray(position)) throw new Error('The type passed in by position should be [Vertical, Horizontal]');
-      obj[position === null || position === void 0 ? void 0 : position[0]] = 0;
-      obj[position === null || position === void 0 ? void 0 : position[1]] = 0;
-    }
-    return _objectSpread(_objectSpread({}, obj), barStyle);
-  }, [width, position]);
-  var cleanSelectedRows = function cleanSelectedRows(cleanSelectdRows) {
-    if (isEmpty(cleanSelectdRows)) {
-      setSelectedData([]);
-      return;
-    }
-    var currentData = cloneDeep(selectedData);
-    pullAllWith(currentData, cleanSelectdRows, isEqual);
-    setSelectedData(currentData);
-  };
-  var setSelectedRows = function setSelectedRows(rows) {
-    setSelectedData(rows);
-  };
-  var disPlayBtnRender = function disPlayBtnRender() {
-    var _classnames;
-    if (!showOpenBtn) return null;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames((_classnames = {}, _defineProperty(_classnames, "".concat(prefix, "-open-btn"), isOpen), _defineProperty(_classnames, "".concat(prefix, "-close-btn"), !isOpen), _defineProperty(_classnames, "".concat(prefix, "-display-btn"), true), _classnames)),
-      onClick: function onClick() {
-        return setIsOpen(!isOpen);
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      className: classnames(_defineProperty({}, "".concat(prefix, "-display-text"), true))
-    }, isOpen ? hiddenText : openText), isOpen ? hiddenIcon : openIcon);
-  };
-  useEffect(function () {
-    if (isEmpty(selectedRows) || !selectedRows) setSelectedData([]);else setSelectedData(selectedRows);
-  }, [selectedRows]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames((_classnames3 = {}, _defineProperty(_classnames3, className, !!className), _defineProperty(_classnames3, prefix, true), _classnames3)),
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-header")
-  }, /*#__PURE__*/React.createElement(Space, null, !!alertRender ? alertRender === null || alertRender === void 0 ? void 0 : alertRender(selectedData) : /*#__PURE__*/React.createElement(Space, null, title && /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "-title")
-  }, title), /*#__PURE__*/React.createElement("span", null, locale === null || locale === void 0 ? void 0 : (_locale$alertText = locale.alertText) === null || _locale$alertText === void 0 ? void 0 : (_locale$alertText$rep = _locale$alertText.replace) === null || _locale$alertText$rep === void 0 ? void 0 : _locale$alertText$rep.call(_locale$alertText, /\$\{\}/, (selectedData === null || selectedData === void 0 ? void 0 : selectedData.length) || 0))), !!showCancelBtn && /*#__PURE__*/React.createElement("span", {
-    className: classnames(_defineProperty({}, "".concat(prefix, "-cancel"), true)),
-    onClick: function onClick() {
-      return cleanSelectedRows();
-    }
-  }, cancelText), disPlayBtnRender()), !!alertOptionRender && /*#__PURE__*/React.createElement("div", null, alertOptionRender === null || alertOptionRender === void 0 ? void 0 : alertOptionRender({
-    selectedRows: selectedData,
-    setSelectedRows: setSelectedRows,
-    cleanSelectedRows: cleanSelectedRows
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: classnames((_classnames5 = {}, _defineProperty(_classnames5, "".concat(prefix, "-content"), true), _defineProperty(_classnames5, "".concat(prefix, "-content-active"), !!isOpen), _defineProperty(_classnames5, "".concat(prefix, "-content-hidden"), !isOpen), _classnames5))
-  }, typeof content === 'function' ? content === null || content === void 0 ? void 0 : content({
-    selectedRows: selectedData,
-    setSelectedRows: setSelectedRows,
-    cleanSelectedRows: cleanSelectedRows
-  }) : content));
-};
-export default LocaleWrapper({
-  componentName: 'BatchOperationBar',
-  defaultLocale: zhCN
-})(BatchOperationBar);

package/es/BatchOperationBar/index.less

@@ -1,46 +0,0 @@
-@import '../variable.less';
-
-@prefix: ob-batch-operation-bar;
-
-.@{prefix} {
-  position: fixed;
-  z-index: 99999;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  color: rgba(0, 0, 0, 1);
-  background-color: #fff;
-  box-shadow: @boxShadowSecondary;
-  .@{prefix}-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: 64px;
-    margin: 0 24px;
-    .@{prefix}-title {
-      font-weight: 500;
-    }
-    .@{prefix}-cancel,
-    .@{prefix}-display-btn {
-      color: @blue;
-      cursor: pointer;
-    }
-    .@{prefix}-display-text {
-      margin-right: 4px;
-    }
-  }
-  .@{prefix}-content {
-    max-height: 328px;
-    padding: 0 24px 24px;
-    overflow: auto;
-  }
-  .@{prefix}-content-active {
-    max-height: 328px;
-    transition: max-height 0.25s;
-  }
-  .@{prefix}-content-hidden {
-    max-height: 0;
-    padding: 0;
-    transition: max-height 0.25s;
-  }
-}