shineout 3.7.0-beta.4 → 3.7.0-beta.5

package/cjs/index.js

@@ -514,5 +514,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.7.0-beta.4'
+  version: '3.7.0-beta.5'
 };

package/dist/shineout.js

@@ -6780,7 +6780,11 @@ var arrowRight = [/*#__PURE__*/(0,jsx_runtime.jsx)("path", {
   clipRule: "evenodd",
   d: "M10.0625 17.9999C9.67198 18.3904 9.03881 18.3904 8.64829 17.9999C8.25776 17.6094 8.25776 16.9762 8.64829 16.5857L13.2341 11.9999L8.64829 7.41414C8.25776 7.02361 8.25776 6.39045 8.64829 5.99992C9.03881 5.6094 9.67198 5.6094 10.0625 5.99992L15.3554 11.2928C15.7459 11.6833 15.7459 12.3165 15.3554 12.707L10.0625 17.9999Z"
 }, '1')];
-var caretFill = ['M18.2213 9.72149L12.6348 15.2953C12.2444 15.6847 11.6125 15.6847 11.2222 15.2952L5.69827 9.78345C5.30731 9.39335 5.30662 8.76019 5.69671 8.36924C5.88295 8.18259 6.13536 8.07705 6.39902 8.07558L17.5094 8.0136C18.0617 8.01052 18.5119 8.45573 18.515 9.008C18.5165 9.27554 18.4107 9.53253 18.2213 9.72149Z'];
+var caretFill = /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M18.262 9.92099L12.6754 15.4948C12.2851 15.8842 11.6531 15.8842 11.2628 15.4947L5.73891 9.98295C5.34796 9.59286 5.34727 8.95969 5.73736 8.56874C5.9236 8.3821 6.17601 8.27656 6.43967 8.27508L17.5501 8.2131C18.1024 8.21002 18.5526 8.65523 18.5556 9.2075C18.5571 9.47504 18.4514 9.73203 18.262 9.92099Z"
+});
 var imageCount = [/*#__PURE__*/(0,jsx_runtime.jsx)("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
@@ -7074,12 +7078,12 @@ var config = {
     Next: icons.ArrowRight,
     CollapseArrow: icons.ArrowLeft
   },
-  textarea: {
-    Close: icons.CloseFill
-  },
   tag: {
     Close: icons.Close
   },
+  textarea: {
+    Close: icons.CloseFill
+  },
   transfer: {
     DeleteAll: icons.Delete,
     DeleteItem: icons.Close,
@@ -12142,7 +12146,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.7.0-beta.4');
+/* harmony default export */ var version = ('3.7.0-beta.5');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -17247,7 +17251,8 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     minWidth: 0,
     position: 'relative',
     outline: 'none',
-    overflow: 'hidden'
+    maxHeight: 78,
+    overflow: 'auto'
   },
   result: {
     display: 'flex',
@@ -17393,7 +17398,9 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   iconWrapper: {
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    position: 'sticky',
+    top: 0
   },
   clearable: {},
   clearIcon: {
@@ -28292,8 +28299,8 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     minWidth: 0,
     position: 'relative',
     outline: 'none',
-    overflow: 'hidden',
-    '&:hover': {}
+    maxHeight: 78,
+    overflow: 'auto'
   },
   result: {
     display: 'flex',
@@ -28425,7 +28432,9 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
   iconWrapper: {
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    position: 'sticky',
+    top: 0
   },
   clearable: {},
   clearIcon: {
@@ -47462,6 +47471,7 @@ var Modal = function Modal(props) {
           doc.style.paddingRight = "".concat(window.innerWidth - docSize.width, "px");
         }
       } else {
+        if (!context.isMask) return;
         doc.style.paddingRight = '';
         doc.style.overflow = '';
       }
@@ -47486,6 +47496,7 @@ var Modal = function Modal(props) {
         hasMask = false;
       }
       {
+        if (!context.isMask) return;
         var doc = document.body.parentNode;
         doc.style.paddingRight = '';
         doc.style.overflow = '';
@@ -50519,7 +50530,7 @@ var FormFlow = function FormFlow(props) {
     return datum === null || datum === void 0 ? void 0 : datum.get(name);
   });
   var memoizedResult = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
-    if (!props.strict) return;
+    if (!props.strict) return null;
     if (isFunc(props.children)) {
       return props.children(datum);
     }
@@ -62428,20 +62439,31 @@ function useMemo(getValue, condition, shouldUpdate) {
 
 
 
+
 function Td(props) {
+  var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(),
+    _React$useState2 = slicedToArray_default()(_React$useState, 2),
+    style = _React$useState2[0],
+    setStyle = _React$useState2[1];
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (!props.style) return;
+    if (shallowEqual(props.style, style)) {
+      return;
+    }
+    setStyle(props.style);
+  }, [props.style]);
   var col = props.col,
     colSpan = props.colSpan,
     rowSpan = props.rowSpan,
     className = props.className,
-    style = props.style,
     direction = props.direction,
     role = props.role,
     onClick = props.onClick,
     onMouseEnter = props.onMouseEnter,
     onMouseLeave = props.onMouseLeave,
     renderContent = props.renderContent;
-  var externalDependencies = typeof_default()(props.shouldUpdate) === 'object' && props.shouldUpdate.dependencies ? props.shouldUpdate.dependencies : [];
-  var updateFn = typeof_default()(props.shouldUpdate) === 'object' && 'update' in props.shouldUpdate ? props.shouldUpdate.update : props.shouldUpdate;
+  var externalDependencies = typeof_default()(props.shouldCellUpdate) === 'object' && props.shouldCellUpdate.dependencies ? props.shouldCellUpdate.dependencies : [];
+  var updateFn = typeof_default()(props.shouldCellUpdate) === 'object' && 'update' in props.shouldCellUpdate ? props.shouldCellUpdate.update : props.shouldCellUpdate;
   var $td = useMemo(function () {
     var content = renderContent(props.col, props.data);
     return /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
@@ -62519,13 +62541,14 @@ var Tr = function Tr(props) {
         right: right
       };
     }
-    return {};
+    return undefined;
   };
-  var getTdStyle = function getTdStyle(column, colSpan) {
+  var getTdStyle = usePersistFn(function (column, colSpan) {
     var index = column.index;
     var fixedStyle = getFixedStyle(column.fixed, index, colSpan);
+    if (!fixedStyle && !column.style) return;
     return objectSpread2_default()(objectSpread2_default()({}, column.style), fixedStyle);
-  };
+  });
   var handleCellClick = usePersistFn(function (data, colIndex) {
     if (!props.onCellClick) return;
     props.onCellClick(data, {
@@ -62588,7 +62611,7 @@ var Tr = function Tr(props) {
       return _ref.apply(this, arguments);
     };
   }());
-  var renderTreeExpand = function renderTreeExpand(content) {
+  var renderTreeExpand = usePersistFn(function (content) {
     var treeIndent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 22;
     var level = props.treeExpandLevel.get(props.originKey) || 0;
     var className = tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandWrapper;
@@ -62641,8 +62664,8 @@ var Tr = function Tr(props) {
       },
       children: [$expandIconWrapper, content]
     });
-  };
-  var renderContent = function renderContent(col, data) {
+  });
+  var renderContent = usePersistFn(function (col, data) {
     if (col.type === 'expand' || col.type === 'row-expand') {
       var renderResult = typeof col.render === 'function' ? col.render(props.rawData, props.rowIndex) : undefined;
       if (typeof renderResult !== 'function') return null;
@@ -62708,8 +62731,8 @@ var Tr = function Tr(props) {
       return renderTreeExpand(content, col.treeIndent);
     }
     return content;
-  };
-  var renderTds = function renderTds(cols, data) {
+  });
+  var renderTds = usePersistFn(function (cols, data) {
     var tds = [];
     var skip = 0;
     var lastRowIndex = data.length - 1;
@@ -62753,9 +62776,9 @@ var Tr = function Tr(props) {
           onClick: props.onCellClick ? function () {
             return handleCellClick(data[i].data, i);
           } : undefined,
-          shouldUpdate: col.shouldUpdate,
+          shouldCellUpdate: col.shouldCellUpdate || props.shouldCellUpdate,
           renderContent: renderContent
-        });
+        }, "".concat(col.key, "-").concat(props.rowIndex, "-").concat(i));
         tds.push(td);
         if (data[i].colSpan) skip = data[i].colSpan - 1;
       }
@@ -62764,7 +62787,7 @@ var Tr = function Tr(props) {
       if (_loop(i)) continue;
     }
     return tds;
-  };
+  });
   var renderExpand = function renderExpand() {
     if (!props.expanded) return null;
     var expandCol = props.expandCol;
@@ -62880,9 +62903,10 @@ var Tr = function Tr(props) {
     return col.type === 'expand' || col.type === 'row-expand';
   });
   var renderRow = function renderRow(item, index) {
+    var _props$rowEvents;
     var rowIndex = index + currentIndex;
     var originKey = getKey(props.keygen, item, rowIndex);
-    var trRenderKey = props.loader ? originKey : "".concat(originKey, "-").concat(rowIndex);
+    var trRenderKey = props.loader || (_props$rowEvents = props.rowEvents) !== null && _props$rowEvents !== void 0 && _props$rowEvents.draggable ? originKey : "".concat(originKey, "-").concat(rowIndex);
     return /*#__PURE__*/(0,jsx_runtime.jsx)(tr, {
       originKey: originKey,
       row: rowData[index],
@@ -62922,7 +62946,8 @@ var Tr = function Tr(props) {
       bodyScrollWidth: props.bodyScrollWidth,
       resizeFlag: props.resizeFlag,
       treeCheckAll: props.treeCheckAll,
-      onCellClick: props.onCellClick
+      onCellClick: props.onCellClick,
+      shouldCellUpdate: props.shouldCellUpdate
     }, trRenderKey);
   };
   return /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
@@ -63336,7 +63361,8 @@ var emptyRef = {
       bodyScrollWidth: scrollWidth,
       resizeFlag: resizeFlag,
       treeCheckAll: props.treeCheckAll,
-      onCellClick: props.onCellClick
+      onCellClick: props.onCellClick,
+      shouldCellUpdate: props.shouldCellUpdate
     };
     var headCommonProps = {
       disabled: props.disabled,
@@ -69872,7 +69898,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.7.0-beta.4'
+  version: '3.7.0-beta.5'
 });
 }();
 /******/ 	return __webpack_exports__;