shineout 3.0.0-rc.4 → 3.0.0-rc.6

package/cjs/index.js

@@ -481,5 +481,5 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
-  version: '3.0.0-rc.4'
+  version: '3.0.0-rc.6'
 };

package/cjs/utils/dom/detect.d.ts

@@ -5,7 +5,7 @@ export declare const TRANSFORMS: {
     MozTransform: string;
     transform: string;
 };
-export declare function getTransformName(): "transform" | "msTransform" | "OTransform" | "webkitTransform" | "MozTransform";
+export declare function getTransformName(): "transform" | "webkitTransform" | "msTransform" | "OTransform" | "MozTransform";
 export declare function has3d(): boolean;
 export declare const eventPassive: boolean | {
     passive: boolean;

package/dist/shineout.js

@@ -11368,8 +11368,6 @@ var css_jss_esm_css = createCss();
 /* harmony default export */ var css_jss_esm = (css_jss_esm_css);
 
 ;// CONCATENATED MODULE: ../../node_modules/.pnpm/react-jss@10.9.2_react@18.2.0/node_modules/react-jss/dist/react-jss.esm.js
-"use client";
-
 
 
 
@@ -12022,7 +12020,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.0.0-rc.4');
+/* harmony default export */ var version = ('3.0.0-rc.6');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -31713,6 +31711,10 @@ var checkbox_Checkbox = function Checkbox(props) {
     inputable = props.inputable,
     rest = objectWithoutProperties_default()(props, checkbox_excluded);
   var checkboxStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$checkbox = jssStyle.checkbox) === null || _jssStyle$checkbox === void 0 ? void 0 : _jssStyle$checkbox.call(jssStyle);
+  var disabled = props.disabled;
+  if (htmlValue !== undefined && typeof disabled === 'function') {
+    disabled = disabled(htmlValue);
+  }
   var _useInputAble = useInputAble({
       value: valuePo,
       defaultValue: defaultValuePo,
@@ -31757,6 +31759,7 @@ var checkbox_Checkbox = function Checkbox(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(simple_checkbox, objectSpread2_default()(objectSpread2_default()({
     jssStyle: jssStyle
   }, rest), {}, {
+    disabled: disabled,
     checked: getChecked(),
     onChange: handleChange,
     renderFooter: function renderFooter(c) {
@@ -35283,6 +35286,7 @@ var result_Result = function Result(props) {
   var renderMultipleResultMore = /*#__PURE__*/(0,jsx_runtime.jsx)(result_more, {
     keygen: keygen,
     classes: props.classes,
+    jssStyle: props.jssStyle,
     data: result,
     size: size,
     more: moreNumber,
@@ -41826,6 +41830,10 @@ DrawerComp.Submit = src_modal_0.Submit;
 
 
 
+var Item_excluded = ["className"],
+  Item_excluded2 = ["className"];
+
+
 
 
 var DefaultProps = {
@@ -41876,7 +41884,18 @@ var Item_Item = /*#__PURE__*/function (_React$PureComponent) {
         content = render_render(renderItem, data);
       }
       if ( /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(content)) {
-        return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(content, Object.assign(props, content.props));
+        var _ref = props,
+          _ref$className = _ref.className,
+          propsClassName = _ref$className === void 0 ? '' : _ref$className,
+          otherProps = objectWithoutProperties_default()(_ref, Item_excluded);
+        var _ref2 = content.props,
+          _ref2$className = _ref2.className,
+          contentPropsClassName = _ref2$className === void 0 ? '' : _ref2$className,
+          otherContentProps = objectWithoutProperties_default()(_ref2, Item_excluded2);
+        var className = classnames_default()(propsClassName, contentPropsClassName);
+        return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(content, Object.assign(otherProps, otherContentProps, {
+          className: className
+        }));
       }
       return /*#__PURE__*/(0,jsx_runtime.jsx)("a", objectSpread2_default()(objectSpread2_default()({}, props), {}, {
         children: content
@@ -48924,6 +48943,9 @@ var usePagination = function usePagination(props) {
     _useState6 = slicedToArray_default()(_useState5, 2),
     pageSize = _useState6[0],
     setPageSize = _useState6[1];
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (pageSizeProp !== pageSize) setPageSize(pageSizeProp);
+  }, [pageSizeProp]);
   var handleChange = function handleChange(current, size) {
     setCurrent(current);
     setPageSize(size || pageSizeProp);
@@ -52250,28 +52272,29 @@ StepsComp.Step = StepsStep;
 var sticky_cssSupport = cssSupport;
 var supportSticky = sticky_cssSupport('position', 'sticky');
 var defaultZIndex = 900;
-var getFirstScrollParent = function getFirstScrollParent(el) {
-  var parent = el.parentNode;
-  while (parent) {
-    if (parent === document.body || parent === document.documentElement) {
-      parent = document.body;
-      break;
-    }
-    var _window$getComputedSt = window.getComputedStyle(parent),
-      overflowY = _window$getComputedSt.overflowY;
-    if (overflowY === 'scroll' || overflowY === 'auto') {
-      break;
-    }
-    parent = parent.parentNode;
-  }
-  return parent;
-};
+
+// const getFirstScrollParent = (el: HTMLElement) => {
+//   let parent = el.parentNode as HTMLElement;
+//   while (parent) {
+//     if (parent === document.body || parent === document.documentElement) {
+//       parent = document.body;
+//       break;
+//     }
+//     const { overflowY } = window.getComputedStyle(parent);
+//     if (overflowY === 'scroll' || overflowY === 'auto') {
+//       break;
+//     }
+//     parent = parent.parentNode as HTMLElement;
+//   }
+//   return parent;
+// };
+
 var Sticky = function Sticky(props) {
   var _props$style;
-  var css = props.css,
-    children = props.children,
+  var children = props.children,
     top = props.top,
     bottom = props.bottom;
+  var css = props.css || props.target;
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
       target: null,
       div: null,
@@ -52299,15 +52322,15 @@ var Sticky = function Sticky(props) {
     timer: 0
   });
   var getTarget = function getTarget() {
-    var target = props.target;
-    if (typeof props.target === 'string') {
-      target = document.querySelector(props.target);
+    var scrollContainer = props.scrollContainer;
+    if (typeof scrollContainer === 'string') {
+      scrollContainer = document.querySelector(scrollContainer);
     }
     // 判断是否是dom元素
-    if (target && target.nodeType === 1) {
-      return target;
+    if (scrollContainer && scrollContainer.nodeType === 1) {
+      return scrollContainer;
     }
-    return getFirstScrollParent(elementRef.current);
+    return document.body;
   };
   var updateStyle = usePersistFn(function () {
     if (context.div && !context.isTop && show) {
@@ -52403,7 +52426,7 @@ var Sticky = function Sticky(props) {
   };
   var createObserver = function createObserver() {
     var target = getTarget();
-    if (!context.div) {
+    if (!context.div && target !== document.body) {
       context.div = document.createElement('div');
       context.div.style.position = 'relative';
     }
@@ -52411,18 +52434,21 @@ var Sticky = function Sticky(props) {
       forceRender();
       context.target = target;
       cleanEvents();
-      if (target === document.body) {
-        document.body.appendChild(context.div);
-      } else {
-        target.parentNode.insertBefore(context.div, target);
-      }
-      var _style4 = window.getComputedStyle(target);
-      if (_style4.position === 'absolute' || _style4.position === 'fixed') {
-        context.div.style.position = _style4.position;
-        context.div.style.top = _style4.top;
-        context.div.style.left = _style4.left;
-        context.div.style.right = _style4.right;
-        context.div.style.bottom = _style4.bottom;
+      if (context.div) {
+        // append div
+        if (target === document.body) {
+          document.body.appendChild(context.div);
+        } else {
+          target.parentNode.insertBefore(context.div, target);
+        }
+        var _style4 = window.getComputedStyle(target);
+        if (_style4.position === 'absolute' || _style4.position === 'fixed') {
+          context.div.style.position = _style4.position;
+          context.div.style.top = _style4.top;
+          context.div.style.left = _style4.left;
+          context.div.style.right = _style4.right;
+          context.div.style.bottom = _style4.bottom;
+        }
       }
       if (window.IntersectionObserver) {
         var observer = new IntersectionObserver(handlePosition, {
@@ -52499,8 +52525,9 @@ var Sticky = function Sticky(props) {
       children: children
     })
   }) : null;
+  var isFixed = style.position === 'fixed';
   return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-    children: [context.target && context.div && /*#__PURE__*/(0,external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_.createPortal)(StickyEl, context.div), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    children: [isFixed ? StickyEl : context.target && context.div && /*#__PURE__*/(0,external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_.createPortal)(StickyEl, context.div), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: props.className,
       style: objectSpread2_default()(objectSpread2_default()({}, props.style), {}, {
         opacity: show && parentVisible ? 0 : (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.opacity
@@ -54579,6 +54606,7 @@ var tfoot_isArray = isArray;
 ;// CONCATENATED MODULE: ../base/src/table/table.tsx
 
 
+
 var table_excluded = ["data"];
 
 
@@ -54596,6 +54624,7 @@ var table_excluded = ["data"];
 
 
 
+
 var table_emptyArr = [];
 var virtualScrollerStyle = {
   flex: 1,
@@ -54617,6 +54646,7 @@ var scrollWrapperStyle = {
   var theadRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var tfootRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var scrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var tableRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var virtual = ((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length) && props.rowsInView !== 0 && (!!props.virtual || props.fixed === 'both' || props.fixed === 'y' || props.fixed === 'auto');
   var _props$verticalAlign = props.verticalAlign,
     verticalAlign = _props$verticalAlign === void 0 ? 'top' : _props$verticalAlign,
@@ -54800,7 +54830,7 @@ var scrollWrapperStyle = {
     });
   };
   var renderTable = function renderTable() {
-    var _props$data3;
+    var _props$data3, _sticky$top;
     var Group = /*#__PURE__*/(0,jsx_runtime.jsx)(table_colgroup, {
       colgroup: colgroup,
       columns: columns,
@@ -54924,28 +54954,30 @@ var scrollWrapperStyle = {
         children: [Group, !props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()({}, bodyCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
       })
     });
-    var sticky = props.sticky === true ? {
+    var Wrapper = props.sticky ? src_sticky_sticky : (external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment;
+    var sticky = typeof_default()(props.sticky) === 'object' ? props.sticky : {
       top: 0
-    } : props.sticky || {
-      top: undefined
     };
-    var top = sticky.top;
-    var stickyStyle = top !== undefined ? {
-      top: top,
-      position: 'sticky'
-    } : undefined;
+    var stickyProps = {
+      // @ts-ignore
+      target: sticky === null || sticky === void 0 ? void 0 : sticky.target,
+      top: (_sticky$top = sticky === null || sticky === void 0 ? void 0 : sticky.top) !== null && _sticky$top !== void 0 ? _sticky$top : 0,
+      css: sticky === null || sticky === void 0 ? void 0 : sticky.css,
+      parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
+    };
     return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-      children: [!props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: headWrapperClass,
-        style: stickyStyle,
-        children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-          style: {
-            width: width
-          },
-          ref: theadRef,
-          children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps))]
+      children: [!props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(Wrapper, objectSpread2_default()(objectSpread2_default()({}, props.sticky ? stickyProps : {}), {}, {
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          className: headWrapperClass,
+          children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
+            style: {
+              width: width
+            },
+            ref: theadRef,
+            children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps))]
+          })
         })
-      }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      })), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         ref: scrollRef,
         className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.bodyWrapper,
         onScroll: handleBodyScroll,
@@ -55038,6 +55070,7 @@ var scrollWrapperStyle = {
         height: props.height
       }, props.style)
     }, selection.getTableProps()), {}, {
+      ref: tableRef,
       children: /*#__PURE__*/(0,jsx_runtime.jsxs)(absolute_context.Provider, {
         value: true,
         children: [renderTable(), renderLoading(), props.children]
@@ -58714,24 +58747,41 @@ UploadComp.Button = UploadButtonComp;
 /* harmony default export */ var src_upload_0 = (UploadComp);
 ;// CONCATENATED MODULE: ../theme/src/hooks/useToken/use-token.ts
 
+
+
+
 var use_token_require = __webpack_require__(297),
   use_token_figma = use_token_require.figma;
 var useToken = function useToken(props) {
   var _ref = props || {},
     tokenProps = _ref.token;
+  var _getConfig = getConfig(),
+    prefix = _getConfig.prefix;
+
   // 后期会从 figma 中获取全部 token
   var unLockedToken = use_token_figma.filter(function (i) {
     return i.locked === false;
   });
-  var token = {};
+  var colorToken = {};
   unLockedToken.forEach(function (i) {
-    token[i.name] = i.value;
+    var k = "var(--".concat(prefix, "-").concat(replaceNonAlphanumeric(i.token), ",").concat(i.value, ")");
+    colorToken[i.name] = k;
   });
   if (tokenProps) {
     return {
-      token: objectSpread2_default()(objectSpread2_default()({}, token), tokenProps)
+      token: objectSpread2_default()(objectSpread2_default()({}, colorToken), tokenProps)
     };
   }
+  var baseToken = {};
+  Object.keys(token_token).forEach(function (key) {
+    var k = key.replace('-', '_').toLocaleLowerCase();
+    if (/^\d/.test(k)) {
+      return;
+    }
+    var token = "var(--".concat(prefix, "-").concat(replaceNonAlphanumeric(key), ")");
+    baseToken[k] = token;
+  });
+  var token = Object.assign({}, colorToken, baseToken);
   return {
     token: token
   };
@@ -60995,7 +61045,7 @@ var upload_interface = __webpack_require__(4412);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.0.0-rc.4'
+  version: '3.0.0-rc.6'
 });
 }();
 /******/ 	return __webpack_exports__;