ebaoferc 0.3.5 → 1.0.3

package/dist/components/SliderVerify/style.module.less

@@ -1,119 +1,119 @@
-.slider {
-  background-color: #fff;
-  width: 278px;
-  z-index: 999;
-  box-sizing: border-box;
-  padding: 9px;
-  border-radius: 6px;
-  box-shadow: 0 0 11px 0 #999;
-  user-select: none;
-}
-
-.slider .content {
-  width: 100%;
-  height: 159px;
-  position: relative;
-}
-
-.bg-img-div {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  transform: translate(0, 0);
-}
-
-.slider-img-div {
-  height: 100%;
-  position: absolute;
-  transform: translate(0, 0);
-}
-
-.bg-img-div img {
-  width: 100%;
-  -webkit-user-drag: none;
-  -khtml-user-drag: none;
-  -moz-user-drag: none;
-  -o-user-drag: none;
-}
-
-.slider-img-div img {
-  height: 100%;
-  -webkit-user-drag: none;
-  -khtml-user-drag: none;
-  -moz-user-drag: none;
-  -o-user-drag: none;
-}
-
-.slider .slider-move {
-  width: 100%;
-  margin: 11px 0;
-  position: relative;
-}
-
-.slider .bottom {
-  width: 100%;
-  display: flex;
-  justify-content: flex-end;
-}
-
-.refresh-btn,
-.close-btn {
-  display: inline-block;
-}
-
-.slider-move .slider-move-track {
-  line-height: 32px;
-  font-size: 14px;
-  text-align: center;
-  white-space: nowrap;
-  color: #88949d;
-  user-select: none;
-  border-radius: 20px;
-  background: #dfe1e2;
-  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 15%);
-}
-
-.slider-move .slider-move-btn {
-  transform: translate(0, 0);
-  position: absolute;
-  top: -8px;
-  left: 0;
-  width: 48px;
-  height: 48px;
-  -webkit-user-drag: none;
-  -khtml-user-drag: none;
-  -moz-user-drag: none;
-  -o-user-drag: none;
-  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 30%), inset 0 0 6px 0 rgba(0, 0, 0, 5%);
-  background-color: white;
-  border-radius: 50%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.slider-move .slider-move-btn-img {
-  -webkit-user-drag: none;
-  -khtml-user-drag: none;
-  -moz-user-drag: none;
-  -o-user-drag: none;
-  display: flex;
-}
-
-.slider-move-btn:hover,
-.close-btn:hover,
-.refresh-btn:hover {
-  cursor: pointer;
-}
-
-.bottom .close-btn {
-  width: 20px;
-  height: 20px;
-  margin: 5px;
-}
-
-.bottom .refresh-btn {
-  width: 20px;
-  height: 20px;
-  margin: 5px;
-}
+.slider {
+  background-color: #fff;
+  width: 278px;
+  z-index: 999;
+  box-sizing: border-box;
+  padding: 9px;
+  border-radius: 6px;
+  box-shadow: 0 0 11px 0 #999;
+  user-select: none;
+}
+
+.slider .content {
+  width: 100%;
+  height: 159px;
+  position: relative;
+}
+
+.bg-img-div {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  transform: translate(0, 0);
+}
+
+.slider-img-div {
+  height: 100%;
+  position: absolute;
+  transform: translate(0, 0);
+}
+
+.bg-img-div img {
+  width: 100%;
+  -webkit-user-drag: none;
+  -khtml-user-drag: none;
+  -moz-user-drag: none;
+  -o-user-drag: none;
+}
+
+.slider-img-div img {
+  height: 100%;
+  -webkit-user-drag: none;
+  -khtml-user-drag: none;
+  -moz-user-drag: none;
+  -o-user-drag: none;
+}
+
+.slider .slider-move {
+  width: 100%;
+  margin: 11px 0;
+  position: relative;
+}
+
+.slider .bottom {
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.refresh-btn,
+.close-btn {
+  display: inline-block;
+}
+
+.slider-move .slider-move-track {
+  line-height: 32px;
+  font-size: 14px;
+  text-align: center;
+  white-space: nowrap;
+  color: #88949d;
+  user-select: none;
+  border-radius: 20px;
+  background: #dfe1e2;
+  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 15%);
+}
+
+.slider-move .slider-move-btn {
+  transform: translate(0, 0);
+  position: absolute;
+  top: -8px;
+  left: 0;
+  width: 48px;
+  height: 48px;
+  -webkit-user-drag: none;
+  -khtml-user-drag: none;
+  -moz-user-drag: none;
+  -o-user-drag: none;
+  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 30%), inset 0 0 6px 0 rgba(0, 0, 0, 5%);
+  background-color: white;
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.slider-move .slider-move-btn-img {
+  -webkit-user-drag: none;
+  -khtml-user-drag: none;
+  -moz-user-drag: none;
+  -o-user-drag: none;
+  display: flex;
+}
+
+.slider-move-btn:hover,
+.close-btn:hover,
+.refresh-btn:hover {
+  cursor: pointer;
+}
+
+.bottom .close-btn {
+  width: 20px;
+  height: 20px;
+  margin: 5px;
+}
+
+.bottom .refresh-btn {
+  width: 20px;
+  height: 20px;
+  margin: 5px;
+}

package/dist/components/StyledQueryFilter/index.less

@@ -1,34 +1,34 @@
-.custom-styled-query-filter {
-  display: flex;
-  justify-content: space-between;
-  column-gap: 16px;
-
-  &__form {
-    flex: 1;
-  }
-
-  &__right {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    align-items: flex-end;
-
-    .ant-btn-link {
-      padding-right: 0;
-      margin-bottom: 28px;
-    }
-  }
-
-  &__submitter {
-    display: flex;
-    column-gap: 8px;
-  }
-
-  .ant-form-item-no-colon {
-    margin-right: 10px;
-
-    &::after {
-      display: none;
-    }
-  }
-}
+.custom-styled-query-filter {
+  display: flex;
+  justify-content: space-between;
+  column-gap: 16px;
+
+  &__form {
+    flex: 1;
+  }
+
+  &__right {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: flex-end;
+
+    .ant-btn-link {
+      padding-right: 0;
+      margin-bottom: 28px;
+    }
+  }
+
+  &__submitter {
+    display: flex;
+    column-gap: 8px;
+  }
+
+  .ant-form-item-no-colon {
+    margin-right: 10px;
+
+    &::after {
+      display: none;
+    }
+  }
+}

package/dist/components/StyledTable/index.d.ts

@@ -1,15 +1,18 @@
 import type { TableProps } from 'antd';
 import { SetStateAction } from 'react';
 import './index.less';
+type StyledTableProps = TableProps<any> & {
+    maxCellWidth?: number;
+    maxTooltipWidth?: number;
+    maxTooltipHeight?: number;
+};
 export declare const PaginationCommonProps: {
     showSizeChanger: boolean;
     showQuickJumper: boolean;
     showTotal: (total: number) => string;
 };
-export declare const TableCellText: (text: string | number, maxWidth?: number) => import("react/jsx-runtime").JSX.Element | "-";
-export default function (props: TableProps<any> & {
-    maxCellWidth?: number;
-}): import("react/jsx-runtime").JSX.Element;
+export declare const TableCellText: (text: string | number, cellWidth: any, maxTooltipWidth: any, maxTooltipHeight: any) => "-" | import("react/jsx-runtime").JSX.Element;
+export default function (props: StyledTableProps): import("react/jsx-runtime").JSX.Element;
 export declare const useRowSelection: () => {
     selectedRowKeys: any[];
     selectedRows: any[];
@@ -26,3 +29,4 @@ export declare const useRowSelection: () => {
     };
     clearRows: () => void;
 };
+export {};

package/dist/components/StyledTable/index.js

@@ -1,5 +1,6 @@
 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); }
-var _excluded = ["columns", "pagination", "maxCellWidth"];
+var _excluded = ["columns", "pagination", "maxCellWidth", "maxTooltipWidth", "maxTooltipHeight"],
+  _excluded2 = ["longTextWidth", "maxTooltipWidth", "maxTooltipHeight"];
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -30,26 +31,30 @@ export var PaginationCommonProps = {
   showQuickJumper: true,
   showTotal: showTotal
 };
-export var TableCellText = function TableCellText(text) {
-  var maxWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 230;
+export var TableCellText = function TableCellText(text, cellWidth, maxTooltipWidth, maxTooltipHeight) {
   var val = text || text === 0 ? text : '-';
   if (val === '-') return '-';
+  var _maxWidth = maxTooltipWidth || cellWidth + 100;
   return /*#__PURE__*/_jsx(Typography.Text, {
     ellipsis: {
       tooltip: {
         color: '#fff',
         title: val,
         placement: 'topLeft',
-        overlayInnerStyle: {
-          color: '#000',
-          width: maxWidth + 100,
-          lineHeight: '22px',
-          padding: '15px'
+        styles: {
+          body: {
+            color: '#000',
+            width: _maxWidth,
+            lineHeight: '22px',
+            maxHeight: maxTooltipHeight,
+            overflow: 'auto',
+            padding: '15px 10px 15px 15px'
+          }
         }
       }
     },
     style: {
-      maxWidth: maxWidth
+      maxWidth: cellWidth
     },
     children: val
   });
@@ -59,13 +64,20 @@ export default function (props) {
     pagination = props.pagination,
     _props$maxCellWidth = props.maxCellWidth,
     maxCellWidth = _props$maxCellWidth === void 0 ? 230 : _props$maxCellWidth,
+    maxTooltipWidth = props.maxTooltipWidth,
+    _props$maxTooltipHeig = props.maxTooltipHeight,
+    maxTooltipHeight = _props$maxTooltipHeig === void 0 ? 300 : _props$maxTooltipHeig,
     rest = _objectWithoutProperties(props, _excluded);
   var _columns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
-    return _objectSpread(_objectSpread({}, item), {}, {
+    var longTextWidth = item.longTextWidth,
+      _maxTooltipWidth = item.maxTooltipWidth,
+      _maxTooltipHeight = item.maxTooltipHeight,
+      rest = _objectWithoutProperties(item, _excluded2);
+    return _objectSpread(_objectSpread({}, rest), {}, {
       ellipsis: false,
       render: function render(val, record, index) {
         var renderVal = item.render ? item.render(val, record, index) : val;
-        return /*#__PURE__*/isValidElement(renderVal) ? renderVal : TableCellText(renderVal, item.longTextWidth || maxCellWidth);
+        return /*#__PURE__*/isValidElement(renderVal) ? renderVal : TableCellText(renderVal, longTextWidth || maxCellWidth, _maxTooltipWidth || maxTooltipWidth, _maxTooltipHeight || maxTooltipHeight);
       }
     });
   });

package/dist/components/StyledTable/index.less

@@ -1,18 +1,18 @@
-.styled-table-row {
-  td {
-    padding-top: 12.67px !important;
-    padding-bottom: 12.67px !important;
-  }
-
-  &:hover {
-    td {
-      background-color: #f0f0f0 !important;
-    }
-  }
-}
-
-.styled-table-zebra-stripe {
-  td {
-    background: #f9f9f9 !important;
-  }
-}
+.styled-table-row {
+  td {
+    padding-top: 12.67px !important;
+    padding-bottom: 12.67px !important;
+  }
+
+  &:hover {
+    td {
+      background-color: #f0f0f0 !important;
+    }
+  }
+}
+
+.styled-table-zebra-stripe {
+  td {
+    background: #f9f9f9 !important;
+  }
+}

package/dist/components/ThemeStatusTag/index.less

@@ -1,11 +1,11 @@
-.theme-status-tag {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-
-  .circle {
-    width: 7px;
-    height: 7px;
-    border-radius: 50%;
-  }
-}
+.theme-status-tag {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+
+  .circle {
+    width: 7px;
+    height: 7px;
+    border-radius: 50%;
+  }
+}

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from './useBIHooks';
 export * from './useEnhancePagination';
+export * from './useTabRouteWatcher';
 export * from './useTabsTablePagination/index';

package/dist/hooks/index.js

@@ -1,3 +1,4 @@
 export * from "./useBIHooks";
 export * from "./useEnhancePagination";
+export * from "./useTabRouteWatcher";
 export * from "./useTabsTablePagination/index";

package/dist/hooks/useTabRouteWatcher/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 项目多tab模式，某个tab下，监听路由变化，当重新回到该tab时，执行回调
+ * @param onRefresh 路由变化时执行的回调
+ */
+export declare const useTabRouteWatcher: (onRefresh: () => void) => void;

package/dist/hooks/useTabRouteWatcher/index.js

@@ -0,0 +1,26 @@
+import { history } from '@umijs/max';
+import { useEffect, useRef } from 'react';
+
+/**
+ * 项目多tab模式，某个tab下，监听路由变化，当重新回到该tab时，执行回调
+ * @param onRefresh 路由变化时执行的回调
+ */
+export var useTabRouteWatcher = function useTabRouteWatcher(onRefresh) {
+  var pathname = useRef(window.location.pathname);
+  useEffect(function () {
+    var unlisten = history.listen(function (_ref) {
+      var location = _ref.location;
+      if (location.pathname === pathname.current) {
+        try {
+          onRefresh === null || onRefresh === void 0 || onRefresh();
+        } catch (error) {
+          console.error(error);
+        }
+      }
+    });
+    return function () {
+      unlisten();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+};

package/dist/utils/format/index.js

@@ -26,17 +26,17 @@ export function arrayToSingleValue(value) {
   return value;
 }
 
-/**
- * 判断数据类型 Number/String/Boolean/Null/Undefined/Array/Object/Symbol/Date/RegExp/FormData
- * @param data
- * @returns
+/**
+ * 判断数据类型 Number/String/Boolean/Null/Undefined/Array/Object/Symbol/Date/RegExp/FormData
+ * @param data
+ * @returns
  */
 export function typeOfData(data) {
   return Object.prototype.toString.call(data).slice(8, -1);
 }
 
-/**
- * 给对象第一层的字符串属性值做 trim
+/**
+ * 给对象第一层的字符串属性值做 trim
  */
 export function trimObjectValuesFirstLayer(obj) {
   if (typeOfData(obj) !== 'Object') return obj;
@@ -48,10 +48,10 @@ export function trimObjectValuesFirstLayer(obj) {
   }
   return result;
 }
-/**
- * 表格序号
- * @param TableRiwNoType
- * @returns
+/**
+ * 表格序号
+ * @param TableRiwNoType
+ * @returns
  */
 export function computedTableRowSerialNo(_ref) {
   var pagination = _ref.pagination,
@@ -65,10 +65,10 @@ export function computedTableRowSerialNo(_ref) {
   }
 }
 
-/**
- * 对中国手机号进行加密中间四位。
- * @param phoneNumber - 需要加密的手机号
- * @returns 加密后的手机号
+/**
+ * 对中国手机号进行加密中间四位。
+ * @param phoneNumber - 需要加密的手机号
+ * @returns 加密后的手机号
  */
 export function encryptPhoneNumber(phoneNumber) {
   // 将中间四位替换为星号