@chaoswise/ui 2.6.6 → 2.6.8

package/lib/CWMessage/MessageContent/TabList/index.js

@@ -11,11 +11,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 import React from "react";
-// import moment from "moment";
-
+import moment from "moment";
 import { readInnerMessageApi } from "../../service";
 import langConfig from "../../locale";
-import { formatMessage, setMomentByTimeZone, getFormatByLocalStorage } from "../../../utils";
+import { formatMessage } from "../../../utils";
 import "./index.less";
 var TabList = function TabList(props) {
   var _props$messages = props.messages,
@@ -30,7 +29,8 @@ var TabList = function TabList(props) {
     setVisible = props.setVisible,
     requestOption = props.requestOption,
     code = props.code,
-    onTabListAllRead = props.onTabListAllRead;
+    onTabListAllRead = props.onTabListAllRead,
+    renderMessageDateFormat = props.renderMessageDateFormat;
   var _useLocale = _useLocale2(langConfig),
     localeObj = _useLocale.langObj;
   var _readInnerMessageApi = requestOption.readInnerMessageApi;
@@ -108,7 +108,7 @@ var TabList = function TabList(props) {
       className: "cw-message-content-tabs-list-desc"
     }, (_message$summary = message.summary) !== null && _message$summary !== void 0 ? _message$summary : ""), /*#__PURE__*/React.createElement("div", {
       className: "cw-message-content-tabs-list-date"
-    }, message.time ? setMomentByTimeZone(Number(message.time)).format(getFormatByLocalStorage("YYYY/MM/DD HH:mm:ss")) : ""));
+    }, message.time ? renderMessageDateFormat ? renderMessageDateFormat(Number(message.time)) : moment(Number(message.time)).format("YYYY/MM/DD HH:mm:ss") : ""));
   });
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button, {
     className: "cw-message-content-all-read",

package/lib/CWMessage/MessageContent/index.js

@@ -56,7 +56,8 @@ var MessageContent = function MessageContent(props) {
     isClose = props.isClose,
     requestOption = props.requestOption,
     onTabListAllRead = props.onTabListAllRead,
-    conditionsRef = props.conditionsRef;
+    conditionsRef = props.conditionsRef,
+    renderMessageDateFormat = props.renderMessageDateFormat;
   var history = useHistory();
   var _useThemeSwitcher = useThemeSwitcher(),
     themeVars = _useThemeSwitcher.themeVars;
@@ -246,7 +247,8 @@ var MessageContent = function MessageContent(props) {
       setVisible: setVisible,
       requestOption: requestOption,
       code: item.code,
-      onTabListAllRead: onTabListAllRead
+      onTabListAllRead: onTabListAllRead,
+      renderMessageDateFormat: renderMessageDateFormat
     }) : /*#__PURE__*/React.createElement(_Empty, {
       description: emptyDescription
     }), /*#__PURE__*/React.createElement("div", {

package/lib/CWMessage/index.js

@@ -60,7 +60,9 @@ function Message(props) {
     _props$strongMessageO = props.strongMessageOption,
     strongMessageOption = _props$strongMessageO === void 0 ? {} : _props$strongMessageO,
     _props$onSocketChange = props.onSocketChange,
-    onSocketChange = _props$onSocketChange === void 0 ? function () {} : _props$onSocketChange;
+    onSocketChange = _props$onSocketChange === void 0 ? function () {} : _props$onSocketChange,
+    _props$renderMessageD = props.renderMessageDateFormat,
+    renderMessageDateFormat = _props$renderMessageD === void 0 ? function () {} : _props$renderMessageD;
   var _useConfigContext = _useConfigContext2(),
     getPrefixCls = _useConfigContext.getPrefixCls;
   var prefixCls = getPrefixCls();
@@ -366,7 +368,8 @@ function Message(props) {
     requestOption: requestOption,
     onTabListAllRead: onTabListAllRead,
     closable: closable,
-    conditionsRef: conditionsRef
+    conditionsRef: conditionsRef,
+    renderMessageDateFormat: renderMessageDateFormat
   })));
 }
 Message.defaultProps = {
@@ -431,6 +434,10 @@ Message.propTypes = {
   /**
    * 强提醒配置strongMessageOption = {onClickStrongMessageItem = ()=>{},点击强提醒项后的回调}
    */
-  strongMessageOption: PropTypes.object
+  strongMessageOption: PropTypes.object,
+  /**
+   * 渲染消息时间格式，function(时间戳)=>{},
+   */
+  renderMessageDateFormat: PropTypes.func
 };
 export default Message;

package/lib/CWTable/CWTable.js

@@ -95,37 +95,29 @@ var CWTable = function CWTable(_ref, ref) {
     isRealTimeDrag = _ref$isRealTimeDrag === void 0 ? true : _ref$isRealTimeDrag,
     rest = _objectWithoutProperties(_ref, _excluded);
   var prefix = rest.getPrefixCls();
-  var _useState = useState(1),
+  //filterDropDown和表格联用控制表格的列是否显示
+  var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
-    scrollY = _useState2[0],
-    setScrollY = _useState2[1]; // Fixed: 0 header 元素丢失
-  var _useState3 = useState(0),
+    showCols = _useState2[0],
+    setShowCols = _useState2[1];
+  //异步加载设置loading
+  var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
-    tableWrapperHeight = _useState4[0],
-    setTableWrapperHeight = _useState4[1];
-  //filterDropDown和表格联用控制表格的列是否显示
+    loading = _useState4[0],
+    setLoading = _useState4[1];
   var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
-    showCols = _useState6[0],
-    setShowCols = _useState6[1];
-  //异步加载设置loading
+    tableColumn = _useState6[0],
+    setTableColumn = _useState6[1];
+  // 编辑行，编辑中的那一行的id
   var _useState7 = useState(''),
     _useState8 = _slicedToArray(_useState7, 2),
-    loading = _useState8[0],
-    setLoading = _useState8[1];
+    editingKey = _useState8[0],
+    setEditingKey = _useState8[1];
   var _useState9 = useState([]),
     _useState10 = _slicedToArray(_useState9, 2),
-    tableColumn = _useState10[0],
-    setTableColumn = _useState10[1];
-  // 编辑行，编辑中的那一行的id
-  var _useState11 = useState(''),
-    _useState12 = _slicedToArray(_useState11, 2),
-    editingKey = _useState12[0],
-    setEditingKey = _useState12[1];
-  var _useState13 = useState([]),
-    _useState14 = _slicedToArray(_useState13, 2),
-    finalDataSource = _useState14[0],
-    setFinalDataSource = _useState14[1];
+    finalDataSource = _useState10[0],
+    setFinalDataSource = _useState10[1];
 
   // 重写onChange
   var sorterInfo = useRef({}); // header中也会修改sorterInfo中的属性
@@ -188,13 +180,13 @@ var CWTable = function CWTable(_ref, ref) {
   };
 
   // 设置前端分页
-  var _useState15 = useState({
+  var _useState11 = useState({
       current: 1,
       pageSize: 30
     }),
-    _useState16 = _slicedToArray(_useState15, 2),
-    pageInfo = _useState16[0],
-    setPageInfo = _useState16[1];
+    _useState12 = _slicedToArray(_useState11, 2),
+    pageInfo = _useState12[0],
+    setPageInfo = _useState12[1];
   // 设置搜索字段
   var searchInfo = useRef({}); // 搜索信息
   var watcher = useRef(null); // null
@@ -238,7 +230,7 @@ var CWTable = function CWTable(_ref, ref) {
     _columnFilter$isShowS = columnFilter.isShowSelectAll,
     isShowSelectAll = _columnFilter$isShowS === void 0 ? false : _columnFilter$isShowS;
   var resetSortDataSource = function resetSortDataSource() {
-    var _dataSource = _toConsumableArray(dataSource);
+    var _dataSource = dataSource;
     if (frontPagination) {
       var _current = pagination.current,
         _pageSize = pagination.pageSize,
@@ -267,10 +259,10 @@ var CWTable = function CWTable(_ref, ref) {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var entry = _step.value;
           var _className = entry.target.className;
-          var height = entry.contentRect.height;
+          var _height = entry.contentRect.height;
           var offsetHeight = entry.target.offsetHeight;
           if (_className.includes('cw-common-table')) {
-            outerHeight = height;
+            outerHeight = _height;
           }
           if (_className.includes('cw-table-extra-header-area')) {
             extraHeaderHeight = offsetHeight; // padding不计算高度
@@ -281,21 +273,39 @@ var CWTable = function CWTable(_ref, ref) {
           if (_className.includes('cw-table-pagination-box')) {
             paginationHeight = offsetHeight;
           }
-          if (_className.includes('-table-header')) {
-            tableHeaderHeight = height;
-          }
         }
-
-        // 计算表格高度
       } catch (err) {
         _iterator.e(err);
       } finally {
         _iterator.f();
       }
+      if (showHeader) {
+        var tableHeaderDom = tableRef.current.querySelector(".".concat(prefix, "-table-thead"));
+        if (tableHeaderDom) {
+          var _tableHeaderDom$getBo = tableHeaderDom.getBoundingClientRect(),
+            height = _tableHeaderDom$getBo.height;
+          tableHeaderHeight = height;
+        }
+      }
+      // 计算表格高度
       var tableWrapperHeight = outerHeight - searchBarHeight - extraHeaderHeight - paginationHeight;
       var scrollY = tableWrapperHeight - tableHeaderHeight - 2;
-      setTableWrapperHeight(tableWrapperHeight);
-      setScrollY(scrollY);
+      tableRef.current.style.height = "".concat(tableWrapperHeight, "px");
+      var maxHeight = "".concat(scrollY, "px");
+      if (finalDataSource.length !== 0) {
+        tableRef.current.querySelector(".".concat(prefix, "-table-body")).style.height = maxHeight;
+        tableRef.current.querySelector(".".concat(prefix, "-table-body")).style.maxHeight = maxHeight;
+        var allFixedBodyInnerDom = tableRef.current.querySelectorAll(".".concat(prefix, "-table-body-inner"));
+        if (allFixedBodyInnerDom) {
+          allFixedBodyInnerDom.forEach(function (fixedBody) {
+            fixedBody.style.maxHeight = maxHeight;
+          });
+        }
+      } else {
+        tableRef.current.querySelector(".".concat(prefix, "-table-body")).style.height = 'unset';
+        tableRef.current.querySelector(".".concat(prefix, "-table-body")).style.maxHeight = "unset";
+        tableRef.current.querySelector(".".concat(prefix, "-table-placeholder")).style.height = maxHeight;
+      }
     });
     watcher.current.observe(outContainerRef.current);
     watcher.current.observe(extraHeaderContainerRef.current);
@@ -319,23 +329,7 @@ var CWTable = function CWTable(_ref, ref) {
         (_watcher$current4 = watcher.current) === null || _watcher$current4 === void 0 || _watcher$current4.unobserve(paginationContainerRef.current);
       }
     };
-  }, [autoHeight]);
-  useEffect(function () {
-    if (!autoHeight) {
-      return;
-    }
-    var tableHeaderDom;
-    if (showHeader) {
-      tableHeaderDom = tableRef.current.querySelector(".".concat(prefix, "-table-header"));
-      watcher.current.observe(tableHeaderDom);
-    }
-    return function () {
-      if (tableHeaderDom) {
-        var _watcher$current5;
-        (_watcher$current5 = watcher.current) === null || _watcher$current5 === void 0 || _watcher$current5.unobserve(tableHeaderDom);
-      }
-    };
-  }, [showHeader, autoHeight]);
+  }, [autoHeight, finalDataSource, showHeader]);
   var editMode = '';
   columns.find(function (v) {
     var _v$form;
@@ -414,39 +408,25 @@ var CWTable = function CWTable(_ref, ref) {
   useEffect(function () {
     resizeColsRef.current = tableColumn;
   }, [tableColumn]);
-
+  var _pagination = useMemo(function () {
+    return pagination ? pagination : {};
+  }, [pagination]);
   // 设置分页页码
   useEffect(function () {
-    if (pagination) {
-      setPageInfo(function (prePageInfo) {
-        var newPageInfo = _objectSpread({}, prePageInfo);
-        var defaultCurrent = pagination.defaultCurrent,
-          defaultPageSize = pagination.defaultPageSize;
-        if (defaultCurrent) {
-          newPageInfo.current = defaultCurrent;
-        }
-        if (defaultPageSize) {
-          newPageInfo.pageSize = defaultPageSize;
-        }
-        return newPageInfo;
-      });
-    }
-  }, [pagination]);
+    setPageInfo(function (prePageInfo) {
+      var newPageInfo = _objectSpread({}, prePageInfo);
+      if (_pagination.defaultCurrent) {
+        newPageInfo.current = _pagination.defaultCurrent;
+      }
+      if (_pagination.defaultPageSize) {
+        newPageInfo.pageSize = _pagination.defaultPageSize;
+      }
+      return newPageInfo;
+    });
+  }, [_pagination.defaultCurrent, _pagination.defaultPageSize]);
   var _showCols = useMemo(function () {
     return columnFilter.hasOwnProperty('showColumns') ? showColumns : showCols;
   }, [showColumns, showCols]);
-  useEffect(function () {
-    if (!autoHeight) {
-      return;
-    }
-    var maxHeight = "".concat(scrollY, "px");
-    if (finalDataSource.length !== 0) {
-      tableRef.current.querySelector(".".concat(prefix, "-table-body")).style.height = maxHeight;
-    } else {
-      tableRef.current.querySelector(".".concat(prefix, "-table-body")).style.height = 'unset';
-      tableRef.current.querySelector(".".concat(prefix, "-table-placeholder")).style.height = maxHeight;
-    }
-  }, [scrollY, finalDataSource]);
 
   // 表格滚动到底触发函数
   useEffect(function () {
@@ -514,9 +494,9 @@ var CWTable = function CWTable(_ref, ref) {
       return _showCols.includes(col.dataIndex);
     });
   };
-  var bodyScroll = autoHeight ? merge({
-    y: scrollY
-  }, scroll) : scroll;
+  var bodyScroll = autoHeight ? merge(scroll, {
+    y: 1
+  }) : scroll;
 
   // 表格数据有children时点击展开的函数
   var onExpand = function onExpand(expanded, record) {
@@ -657,14 +637,6 @@ var CWTable = function CWTable(_ref, ref) {
       onShowSizeChange: onShowSizeChange,
       size: size == 'small' ? 'small' : ''
     });
-    // if (frontPagination) {
-    //   return {
-    //     ...common,
-    //     current: pageInfo.current,
-    //     pageSize: pageInfo.pageSize,
-    //     total: dataSource.length,
-    //   }
-    // }
     return _objectSpread(_objectSpread({}, common), {}, {
       current: current || pageInfo.current,
       pageSize: pageSize || pageInfo.pageSize,
@@ -791,8 +763,7 @@ var CWTable = function CWTable(_ref, ref) {
   })), /*#__PURE__*/React.createElement("div", {
     className: "cw-table-wrapper-main",
     style: {
-      // padding: Object.keys(searchBar).length > 0 && '0 32px',
-      height: autoHeight ? tableWrapperHeight : 'auto'
+      height: "auto"
     },
     ref: tableRef
   }, /*#__PURE__*/React.createElement(EditableContext.Provider, {
@@ -828,14 +799,9 @@ var CWTable = function CWTable(_ref, ref) {
     expandedRowRender: expandedRowRender,
     loading: Boolean(loading)
   }, rest)))))), /*#__PURE__*/React.createElement("div", {
-    className: classnames({
-      'cw-table-pagination-box': true,
-      'cw-table-pagination-box-none': !dataSource.length || !pagination
-    })
-    // style={{
-    //   padding: Object.keys(searchBar).length > 0 && '0 32px'
-    // }}
-    ,
+    className: classnames("cw-table-pagination-box", {
+      'cw-table-pagination-box-none': !finalDataSource.length || !pagination
+    }),
     ref: paginationContainerRef
   }, /*#__PURE__*/React.createElement(_Pagination, getPaginationOption())));
 };

package/lib/QuickTransfer/index.js

@@ -232,11 +232,6 @@ var QuickTransfer = /*#__PURE__*/forwardRef(function (props, ref) {
   useEffect(function () {
     // 设置数据源
     setData(dataSource);
-    if (type === "list") {
-      if (targetKeys) {
-        setListCheckedStyle(targetKeys, dataSource);
-      }
-    }
   }, [dataSource]);
   useEffect(function () {
     //传入的当前选中的key
@@ -262,6 +257,21 @@ var QuickTransfer = /*#__PURE__*/forwardRef(function (props, ref) {
           return !i.disabled;
         }));
         setCheckValue(finalCheckValue);
+        var newData = [];
+        var listCheckedKeys_ = [];
+        dataSource.forEach(function (item, index) {
+          if (isMath(item.title, saveSearchValueLeft)) {
+            newData.push(dataSource[index]);
+          }
+        });
+        listCheckedKeys_ = newData.filter(function (item) {
+          return finalCheckValue.find(function (i) {
+            return i.key == item.key;
+          });
+        }).map(function (item) {
+          return item.key;
+        });
+        setListCheckedStyle(listCheckedKeys_, newData);
       }
       //回显table
       if (type === "table") {
@@ -277,7 +287,7 @@ var QuickTransfer = /*#__PURE__*/forwardRef(function (props, ref) {
         }
       }
     }
-  }, [targetKeys, dataSource]);
+  }, [targetKeys, dataSource, saveSearchValueLeft]);
   //触发前端自定义搜索
   useEffect(function () {
     if (searchValueLeft !== undefined) {

package/lib/utils/index.js

@@ -91,19 +91,22 @@ export var formatMessage = function formatMessage(message) {
 
 /**
  * 根据特定时区将时间戳转换为固定时间偏移量的时间对象
- * @param {*} time     时间参数 作为moment的值
- * @param {*} countryCityCode    自定义时区 需要转化的时区值
- * @returns {moment.Moment}  返回的moment对象
+ * @param {*} time - 时间参数，可以是时间戳、日期字符串或 moment 对象
+ * @param {*} defaultCountryCityCode - 默认时区代码，默认为本地时区（通过 moment.tz.guess() 自动检测）
+ * @param {*} countryCityCode - 自定义时区代码，用于覆盖默认时区
+ * @returns {moment.Moment} 返回转换为指定时区的 moment 对象
  */
-export var setMomentByTimeZone = function setMomentByTimeZone(time, countryCityCode) {
-  // 从localStorage获取时区信息
+export var setDateByTimeZone = function setDateByTimeZone(time) {
+  var defaultCountryCityCode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : moment.tz.guess();
+  var countryCityCode = arguments.length > 2 ? arguments[2] : undefined;
+  // 从 localStorage 获取时区信息
   var timeZoneData = JSON.parse(localStorage.getItem('cw_timeZone'));
-
-  // 如果 localStorage 中找不到时区信息，则使用 moment.tz.guess() 自动推测本地时区
-  var timezone = timeZoneData ? timeZoneData.countryCityCode : moment.tz.guess();
+  // 如果 localStorage 中没有找到时区信息，则使用默认时区（自动推测的本地时区）
+  var timezone = timeZoneData ? timeZoneData.countryCityCode : defaultCountryCityCode;
+  // 如果有传入的自定义时区代码，则使用自定义时区，否则使用从 localStorage 获取或推测的时区
   var _timezone = countryCityCode ? countryCityCode : timezone;
-  // （如时间戳或moment对象）
-  return moment.tz(time, _timezone); // 直接使用时区创建moment对象
+  // 返回转换为指定时区的 moment 对象
+  return moment.tz(time, _timezone);
 };
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chaoswise/ui",
-  "version": "2.6.6",
+  "version": "2.6.8",
   "description": "公共UI库",
   "keywords": [
     "ui",
@@ -149,5 +149,5 @@
     "access": "public"
   },
   "license": "MIT",
-  "gitHead": "d8ab9b19eea2bb894165d1797057153592cb85f7"
+  "gitHead": "9862a1d4a1f6556dd1fb953637e9bec805b4ea9a"
 }