shineout 3.6.2 → 3.7.0-beta.2

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.6.2'
+  version: '3.7.0-beta.2'
 };

package/dist/shineout.js

@@ -7077,6 +7077,9 @@ var config = {
   textarea: {
     Close: icons.CloseFill
   },
+  tag: {
+    Close: icons.Close
+  },
   transfer: {
     DeleteAll: icons.Delete,
     DeleteItem: icons.Close,
@@ -12139,7 +12142,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.6.2');
+/* harmony default export */ var version = ('3.7.0-beta.2');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -31446,6 +31449,7 @@ var Popover = function Popover(props) {
     trigger = _props$trigger === void 0 ? 'hover' : _props$trigger,
     type = props.type,
     destroy = props.destroy,
+    disabled = props.disabled,
     _props$popupGap = props.popupGap,
     popupGap = _props$popupGap === void 0 ? 0 : _props$popupGap,
     _props$showArrow = props.showArrow,
@@ -31531,6 +31535,7 @@ var Popover = function Popover(props) {
       }
     };
   });
+  if (disabled) return;
   var noRender = props.lazy && !open && !context.rendered;
   if (!targetRef.current || !children || noRender) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)("noscript", {
@@ -40011,6 +40016,7 @@ var tag_excluded = ["jssStyle", "className", "type", "color", "size", "disabled"
 
 
 
+
 var tag_devUseWarning = devUseWarning;
 var tag_Done = 2;
 var tag_Pending = 1;
@@ -40109,15 +40115,7 @@ var Tag = function Tag(props) {
       onClick: handleClose,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
         className: tagStyle.closeIconWrapper,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("svg", {
-          width: "10",
-          height: "10",
-          viewBox: "0 0 10 10",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-            d: "M1.92204 1.33738L1.96129 1.37204L5 4.41042L8.03871 1.37204C8.20142 1.20932 8.46524 1.20932 8.62796 1.37204C8.77816 1.52224 8.78972 1.75859 8.66262 1.92204L8.62796 1.96129L5.58958 5L8.62796 8.03871C8.79068 8.20142 8.79068 8.46524 8.62796 8.62796C8.47776 8.77816 8.24141 8.78972 8.07796 8.66262L8.03871 8.62796L5 5.58958L1.96129 8.62796C1.79858 8.79068 1.53476 8.79068 1.37204 8.62796C1.22184 8.47776 1.21028 8.24141 1.33738 8.07796L1.37204 8.03871L4.41042 5L1.37204 1.96129C1.20932 1.79858 1.20932 1.53476 1.37204 1.37204C1.52224 1.22184 1.75859 1.21028 1.92204 1.33738Z"
-          })
-        })
+        children: icons_config.tag.Close
       })
     });
   };
@@ -61978,10 +61976,10 @@ var thead_toNum = toNum;
   };
   var getFixedStyle = function getFixedStyle(fixed, index, colSpan, level) {
     if (fixed === 'left') {
-      if (props.fixLeftNum !== undefined) {
+      if (props.virtual) {
         // 这是virtual table场景下的th样式
         return {
-          transform: "translate3d(".concat(props.fixLeftNum, "px, 0, 0)")
+          transform: "translate3d(var(--virtual-fixed-left, 0), 0, 0)"
         };
       }
       var left = colgroup.slice(0, index).reduce(function (a, b) {
@@ -61995,10 +61993,10 @@ var thead_toNum = toNum;
       };
     }
     if (fixed === 'right') {
-      if (props.fixRightNum !== undefined) {
+      if (props.virtual) {
         // 这是virtual table场景下的th样式
         return {
-          transform: "translate3d(".concat(0 - props.fixRightNum, "px, 0, 0)")
+          transform: "translate3d(var(--virtual-fixed-right, 0), 0, 0)"
         };
       }
       var right = colgroup.slice(index + colSpan).reduce(function (a, b) {
@@ -62280,6 +62278,65 @@ var useTableRow = function useTableRow(props) {
   };
 };
 /* harmony default export */ var use_table_row = (useTableRow);
+;// CONCATENATED MODULE: ../hooks/src/common/use-memo/use-memo.ts
+
+function useMemo(getValue, condition, shouldUpdate) {
+  var cacheRef = external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef({});
+  if (!shouldUpdate) return getValue();
+  if (!('value' in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
+    cacheRef.current.value = getValue();
+    cacheRef.current.condition = condition;
+  }
+  return cacheRef.current.value;
+}
+;// CONCATENATED MODULE: ../base/src/table/td.tsx
+
+
+
+
+
+function Td(props) {
+  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 $td = useMemo(function () {
+    var content = renderContent(props.col, props.data);
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
+      colSpan: colSpan,
+      rowSpan: rowSpan,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      className: className,
+      style: style,
+      dir: direction,
+      "data-role": role,
+      onClick: onClick,
+      children: content
+    }, col.key);
+  }, [].concat(toConsumableArray_default()(externalDependencies), [className, style, col.type, col.treeColumnsName
+  // onClick,
+  // onMouseEnter,
+  // onMouseLeave,
+  ]), updateFn ? function (prev, next) {
+    if (col.type || col.treeColumnsName) {
+      return true;
+    }
+    return prev.some(function (_, index) {
+      return !shallowEqual(prev[index], next[index]);
+    });
+  } : undefined);
+  return $td;
+}
 ;// CONCATENATED MODULE: ../base/src/table/tr.tsx
 
 
@@ -62298,6 +62355,7 @@ var useTableRow = function useTableRow(props) {
 
 
 
+
 var tr_toNum = toNum;
 var Tr = function Tr(props) {
   var _props$jssStyle, _props$jssStyle$table, _jssStyle$input, _jssStyle$select, _jssStyle$datePicker, _jssStyle$treeSelect, _jssStyle$switch, _jssStyle$checkbox, _jssStyle$radio, _jssStyle$cascader, _props$rowClassName;
@@ -62311,9 +62369,9 @@ var Tr = function Tr(props) {
   var getFixedStyle = function getFixedStyle(fixed, index, colSpan) {
     if (!props.isScrollX) return;
     if (fixed === 'left') {
-      if (props.fixLeftNum !== undefined) {
+      if (props.virtual) {
         return {
-          transform: "translate3d(".concat(props.fixLeftNum, "px, 0, 0)")
+          transform: "translate3d(var(--virtual-fixed-left, 0), 0, 0)"
         };
       }
       var left = props.colgroup.slice(0, index).reduce(function (a, b) {
@@ -62325,9 +62383,9 @@ var Tr = function Tr(props) {
       };
     }
     if (fixed === 'right') {
-      if (props.fixRightNum !== undefined) {
+      if (props.virtual) {
         return {
-          transform: "translate3d(".concat(0 - props.fixRightNum, "px, 0, 0)")
+          transform: "translate3d(var(--virtual-fixed-right, 0), 0, 0)"
         };
       }
       var right = props.colgroup.slice(index + colSpan).reduce(function (a, b) {
@@ -62544,8 +62602,9 @@ var Tr = function Tr(props) {
       if (data[i]) {
         var last = cols[i + (data[i].colSpan || 1) - 1] || {};
         var isRowSpanTd = data[i].rowSpan > 1;
-        var $tdContent = renderContent(col, data[i].data);
-        var td = /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
+        var td = /*#__PURE__*/(0,jsx_runtime.jsx)(Td, {
+          col: col,
+          data: data[i].data,
           colSpan: data[i].colSpan,
           rowSpan: data[i].rowSpan,
           onMouseEnter: props.hover && hasSiblingRowSpan || isRowSpanTd ? function () {
@@ -62556,13 +62615,14 @@ var Tr = function Tr(props) {
           } : undefined,
           className: classnames_default()(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), props.hoverIndex.has(props.rowIndex) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover), isRowSpanTd && props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
           style: getTdStyle(col, data[i].colSpan),
-          dir: config.direction,
+          direction: config.direction,
           "data-role": col.type === 'checkbox' ? 'checkbox' : undefined,
           onClick: props.onCellClick ? function () {
             return handleCellClick(data[i].data, i);
           } : undefined,
-          children: $tdContent
-        }, col.key);
+          shouldUpdate: col.shouldUpdate,
+          renderContent: renderContent
+        });
         tds.push(td);
         if (data[i].colSpan) skip = data[i].colSpan - 1;
       }
@@ -62715,8 +62775,7 @@ var Tr = function Tr(props) {
       isEmptyTree: props.isEmptyTree,
       treeColumnsName: props.treeColumnsName,
       setRowHeight: props.setRowHeight,
-      fixLeftNum: props.fixLeftNum,
-      fixRightNum: props.fixRightNum,
+      virtual: props.virtual,
       striped: props.striped,
       radio: props.radio,
       isCellHover: isCellHover,
@@ -62757,9 +62816,9 @@ var tfoot_isArray = isArray,
   var getFixedStyle = function getFixedStyle(fixed, index, colSpan) {
     var colgroup = props.colgroup;
     if (fixed === 'left') {
-      if (props.fixLeftNum !== undefined) {
+      if (props.virtual) {
         return {
-          transform: "translate3d(".concat(props.fixLeftNum, "px, 0, 0)")
+          transform: "translate3d(var(--virtual-fixed-left, 0), 0, 0)"
         };
       }
       var left = colgroup.slice(0, index).reduce(function (a, b) {
@@ -62771,9 +62830,9 @@ var tfoot_isArray = isArray,
       };
     }
     if (fixed === 'right') {
-      if (props.fixRightNum !== undefined) {
+      if (props.virtual) {
         return {
-          transform: "translate3d(-".concat(props.fixRightNum, "px, 0, 0)")
+          transform: "translate3d(var(--virtual-fixed-right, 0), 0, 0)"
         };
       }
       var right = colgroup.slice(index + colSpan).reduce(function (a, b) {
@@ -63267,19 +63326,22 @@ var emptyRef = {
     };
     if (isRenderVirtualTable) {
       var _props$data4;
+      var virtualCssVar = {
+        '--virtual-fixed-left': "".concat(virtualInfo.innerLeft, "px"),
+        '--virtual-fixed-right': fixRightNum > 0 ? "-".concat(fixRightNum, "px") : "".concat(fixRightNum, "px")
+      };
       return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
         children: [renderHeadMirrorScroller(), !props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(StickyWrapper, objectSpread2_default()(objectSpread2_default()({}, props.sticky ? stickyProps : {}), {}, {
           children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
             className: headWrapperClass,
             children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-              style: {
+              style: objectSpread2_default()({
                 width: width,
-                transform: "translate3d(".concat(0 - virtualInfo.innerLeft, "px, 0, 0)")
-              },
+                transform: "translate3d(-".concat(virtualInfo.innerLeft, "px, 0, 0)")
+              }, virtualCssVar),
               ref: theadRef,
               children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()(objectSpread2_default()({}, headCommonProps), {}, {
-                fixLeftNum: virtualInfo.innerLeft,
-                fixRightNum: fixRightNum
+                virtual: true
               }))]
             })
           })
@@ -63293,30 +63355,28 @@ var emptyRef = {
           defaultHeight: context.emptyHeight,
           isScrollY: isScrollY,
           children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-            style: {
+            style: objectSpread2_default()({
               width: width,
               transform: virtualInfo.getTranslate()
-            },
+            }, virtualCssVar),
             ref: tbodyRef,
             children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()(objectSpread2_default()({}, bodyCommonProps), {}, {
               currentIndex: virtualInfo.startIndex,
               data: virtualInfo.data,
               setRowHeight: virtualInfo.setRowHeight,
-              fixLeftNum: virtualInfo.innerLeft,
-              fixRightNum: fixRightNum
+              virtual: true
             }))]
           })
         }), renderEmpty(), showFoot ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           className: footWrapperClass,
           children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-            style: {
+            style: objectSpread2_default()({
               width: width,
               transform: "translate3d(-".concat(virtualInfo.innerLeft, "px, 0, 0)")
-            },
+            }, virtualCssVar),
             ref: tfootRef,
             children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()(objectSpread2_default()({}, footCommonProps), {}, {
-              fixLeftNum: virtualInfo.innerLeft,
-              fixRightNum: fixRightNum
+              virtual: true
             }))]
           })
         }) : null]
@@ -69752,7 +69812,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.6.2'
+  version: '3.7.0-beta.2'
 });
 }();
 /******/ 	return __webpack_exports__;