@sheinx/base 3.0.0-rc.4 → 3.0.0-rc.5

package/cjs/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAqFhD,QAAA,MAAM,mBAAmB,6CAIxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA2FhD,QAAA,MAAM,mBAAmB,6CAIxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/cjs/checkbox/checkbox.js

@@ -33,6 +33,10 @@ var Checkbox = function Checkbox(props) {
     inputable = props.inputable,
     rest = _objectWithoutProperties(props, _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 = (0, _hooks.useInputAble)({
       value: valuePo,
       defaultValue: defaultValuePo,
@@ -77,6 +81,7 @@ var Checkbox = function Checkbox(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_simpleCheckbox.default, _objectSpread(_objectSpread({
     jssStyle: jssStyle
   }, rest), {}, {
+    disabled: disabled,
     checked: getChecked(),
     onChange: handleChange,
     renderFooter: function renderFooter(c) {

package/cjs/checkbox/use-checkbox-inputable.d.ts

@@ -1,5 +1,5 @@
 import { CheckboxProps } from './checkbox.type';
-declare const useCheckboxInputable: <T>(props: Pick<CheckboxProps<T>, "onChange" | "value" | "checked" | "inputable">) => {
+declare const useCheckboxInputable: <T>(props: Pick<CheckboxProps<T>, "value" | "onChange" | "checked" | "inputable">) => {
     checked: boolean | "indeterminate" | ((d: T) => boolean | "indeterminate") | undefined;
     onInputableCheckboxChange: (c: boolean) => void;
     onInputChange: (value?: string) => void;

package/cjs/icons/config.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const config: {
     alert: {
         Close: JSX.Element;

package/cjs/icons/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["config.tsx"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuIX,CAAC;AAEF,KAAK,WAAW,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC/B,CAAC;AACF,KAAK,cAAc,GAAG,WAAW,CAAC,OAAO,MAAM,CAAC,CAAC;AAGjD,eAAO,MAAM,QAAQ,cAAe,cAAc,SAYjD,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["config.tsx"],"names":[],"mappings":";AACA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuIX,CAAC;AAEF,KAAK,WAAW,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC/B,CAAC;AACF,KAAK,cAAc,GAAG,WAAW,CAAC,OAAO,MAAM,CAAC,CAAC;AAGjD,eAAO,MAAM,QAAQ,cAAe,cAAc,SAYjD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/input/use-input-common.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { InputCommonProps } from './input.type';
-declare const useInputCommon: <Value, Props extends InputCommonProps<Value>>(props0: Props) => Omit<Props, "error" | "onChange" | "value" | "htmlName" | "disabled" | "style" | "status" | "defaultValue" | "onBlur" | "info" | "size" | "width" | "delay" | "innerTitle" | "placeTitle" | "popover" | "tip" | "clearable" | "beforeChange" | "popoverProps" | "suffix" | "forwardRef" | "clearToUndefined"> & {
+declare const useInputCommon: <Value, Props extends InputCommonProps<Value>>(props0: Props) => Omit<Props, "error" | "info" | "style" | "status" | "size" | "innerTitle" | "placeTitle" | "tip" | "value" | "onChange" | "disabled" | "width" | "defaultValue" | "popover" | "beforeChange" | "delay" | "onBlur" | "clearable" | "popoverProps" | "suffix" | "forwardRef" | "htmlName" | "clearToUndefined"> & {
     name: string | undefined;
     style: React.CSSProperties;
     suffix: JSX.Element;
     status: "error" | undefined;
     disabled: boolean | undefined;
-    size: "default" | "small" | "large" | undefined;
+    size: "small" | "large" | "default" | undefined;
     rootRef: React.RefObject<HTMLElement>;
     inputRef: React.Ref<HTMLInputElement> | undefined;
     renderInput: (el: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => JSX.Element;

package/cjs/select/result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,QAAA,MAAM,MAAM,uEA4WX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,QAAA,MAAM,MAAM,uEA6WX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/select/result.js

@@ -250,6 +250,7 @@ var Result = function Result(props) {
   var renderMultipleResultMore = /*#__PURE__*/(0, _jsxRuntime.jsx)(_resultMore.default, {
     keygen: keygen,
     classes: props.classes,
+    jssStyle: props.jssStyle,
     data: result,
     size: size,
     more: moreNumber,

package/cjs/sticky/sticky.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sticky.d.ts","sourceRoot":"","sources":["sticky.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAsB5C,QAAA,MAAM,MAAM,UAAW,WAAW,gBA0OjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"sticky.d.ts","sourceRoot":"","sources":["sticky.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAsB5C,QAAA,MAAM,MAAM,UAAW,WAAW,gBAmPjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/sticky/sticky.js

@@ -25,28 +25,29 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var cssSupport = _hooks.util.cssSupport;
 var supportSticky = 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, _react.useRef)({
       target: null,
       div: null,
@@ -74,15 +75,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 = (0, _hooks.usePersistFn)(function () {
     if (context.div && !context.isTop && show) {
@@ -178,7 +179,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';
     }
@@ -186,18 +187,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, {
@@ -274,8 +278,9 @@ var Sticky = function Sticky(props) {
       children: children
     })
   }) : null;
+  var isFixed = style.position === 'fixed';
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [context.target && context.div && /*#__PURE__*/(0, _reactDom.createPortal)(StickyEl, context.div), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [isFixed ? StickyEl : context.target && context.div && /*#__PURE__*/(0, _reactDom.createPortal)(StickyEl, context.div), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: props.className,
       style: _objectSpread(_objectSpread({}, props.style), {}, {
         opacity: show && parentVisible ? 0 : (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.opacity

package/cjs/sticky/sticky.type.d.ts

@@ -17,11 +17,15 @@ export interface StickyProps extends Pick<CommonType, 'className' | 'style'> {
      * @cn 距离底部多少偏移量触发
      */
     bottom?: number;
+    /**
+     * @deprecated use scrollContainer
+     */
+    target?: string | HTMLElement | null;
     /**
      * @en Custom attachment target. You can pass in HTMLElement or css selector. The target must be an ancestor node of the Sticky component
      * @cn 自定义附着的目标。可以传入 HTMLElement 或者 css selector，target 必须为 Sticky 组件的祖先节点
      */
-    target?: string | HTMLElement | null;
+    scrollContainer?: string | HTMLElement | null;
     /**
      * @cn sticky 父级元素, 当父元素离开视窗时，sticky 将失效
      * @en sticky parent, when the parent element leaves the viewport, the sticky will be invalid

package/cjs/sticky/sticky.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sticky.type.d.ts","sourceRoot":"","sources":["sticky.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC1E,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IAEF;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC;IAErC;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
+{"version":3,"file":"sticky.type.d.ts","sourceRoot":"","sources":["sticky.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC1E,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IAEF;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC;IAErC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC;IAE9C;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/esm/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAqFhD,QAAA,MAAM,mBAAmB,6CAIxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA2FhD,QAAA,MAAM,mBAAmB,6CAIxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/esm/checkbox/checkbox.js

@@ -26,6 +26,10 @@ var Checkbox = function Checkbox(props) {
     inputable = props.inputable,
     rest = _objectWithoutProperties(props, _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,
@@ -70,6 +74,7 @@ var Checkbox = function Checkbox(props) {
   return /*#__PURE__*/_jsx(SimpleCheckbox, _objectSpread(_objectSpread({
     jssStyle: jssStyle
   }, rest), {}, {
+    disabled: disabled,
     checked: getChecked(),
     onChange: handleChange,
     renderFooter: function renderFooter(c) {

package/esm/checkbox/use-checkbox-inputable.d.ts

@@ -1,5 +1,5 @@
 import { CheckboxProps } from './checkbox.type';
-declare const useCheckboxInputable: <T>(props: Pick<CheckboxProps<T>, "onChange" | "value" | "checked" | "inputable">) => {
+declare const useCheckboxInputable: <T>(props: Pick<CheckboxProps<T>, "value" | "onChange" | "checked" | "inputable">) => {
     checked: boolean | "indeterminate" | ((d: T) => boolean | "indeterminate") | undefined;
     onInputableCheckboxChange: (c: boolean) => void;
     onInputChange: (value?: string) => void;

package/esm/icons/config.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const config: {
     alert: {
         Close: JSX.Element;

package/esm/icons/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["config.tsx"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuIX,CAAC;AAEF,KAAK,WAAW,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC/B,CAAC;AACF,KAAK,cAAc,GAAG,WAAW,CAAC,OAAO,MAAM,CAAC,CAAC;AAGjD,eAAO,MAAM,QAAQ,cAAe,cAAc,SAYjD,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["config.tsx"],"names":[],"mappings":";AACA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuIX,CAAC;AAEF,KAAK,WAAW,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC/B,CAAC;AACF,KAAK,cAAc,GAAG,WAAW,CAAC,OAAO,MAAM,CAAC,CAAC;AAGjD,eAAO,MAAM,QAAQ,cAAe,cAAc,SAYjD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/input/use-input-common.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { InputCommonProps } from './input.type';
-declare const useInputCommon: <Value, Props extends InputCommonProps<Value>>(props0: Props) => Omit<Props, "error" | "onChange" | "value" | "htmlName" | "disabled" | "style" | "status" | "defaultValue" | "onBlur" | "info" | "size" | "width" | "delay" | "innerTitle" | "placeTitle" | "popover" | "tip" | "clearable" | "beforeChange" | "popoverProps" | "suffix" | "forwardRef" | "clearToUndefined"> & {
+declare const useInputCommon: <Value, Props extends InputCommonProps<Value>>(props0: Props) => Omit<Props, "error" | "info" | "style" | "status" | "size" | "innerTitle" | "placeTitle" | "tip" | "value" | "onChange" | "disabled" | "width" | "defaultValue" | "popover" | "beforeChange" | "delay" | "onBlur" | "clearable" | "popoverProps" | "suffix" | "forwardRef" | "htmlName" | "clearToUndefined"> & {
     name: string | undefined;
     style: React.CSSProperties;
     suffix: JSX.Element;
     status: "error" | undefined;
     disabled: boolean | undefined;
-    size: "default" | "small" | "large" | undefined;
+    size: "small" | "large" | "default" | undefined;
     rootRef: React.RefObject<HTMLElement>;
     inputRef: React.Ref<HTMLInputElement> | undefined;
     renderInput: (el: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => JSX.Element;

package/esm/select/result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,QAAA,MAAM,MAAM,uEA4WX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,QAAA,MAAM,MAAM,uEA6WX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/select/result.js

@@ -242,6 +242,7 @@ var Result = function Result(props) {
   var renderMultipleResultMore = /*#__PURE__*/_jsx(More, {
     keygen: keygen,
     classes: props.classes,
+    jssStyle: props.jssStyle,
     data: result,
     size: size,
     more: moreNumber,

package/esm/sticky/sticky.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sticky.d.ts","sourceRoot":"","sources":["sticky.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAsB5C,QAAA,MAAM,MAAM,UAAW,WAAW,gBA0OjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"sticky.d.ts","sourceRoot":"","sources":["sticky.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAsB5C,QAAA,MAAM,MAAM,UAAW,WAAW,gBAmPjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/sticky/sticky.js

@@ -19,28 +19,29 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var cssSupport = util.cssSupport;
 var supportSticky = 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 = useRef({
       target: null,
       div: null,
@@ -68,15 +69,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) {
@@ -172,7 +173,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';
     }
@@ -180,18 +181,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, {
@@ -268,8 +272,9 @@ var Sticky = function Sticky(props) {
       children: children
     })
   }) : null;
+  var isFixed = style.position === 'fixed';
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [context.target && context.div && /*#__PURE__*/createPortal(StickyEl, context.div), /*#__PURE__*/_jsx("div", {
+    children: [isFixed ? StickyEl : context.target && context.div && /*#__PURE__*/createPortal(StickyEl, context.div), /*#__PURE__*/_jsx("div", {
       className: props.className,
       style: _objectSpread(_objectSpread({}, props.style), {}, {
         opacity: show && parentVisible ? 0 : (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.opacity

package/esm/sticky/sticky.type.d.ts

@@ -17,11 +17,15 @@ export interface StickyProps extends Pick<CommonType, 'className' | 'style'> {
      * @cn 距离底部多少偏移量触发
      */
     bottom?: number;
+    /**
+     * @deprecated use scrollContainer
+     */
+    target?: string | HTMLElement | null;
     /**
      * @en Custom attachment target. You can pass in HTMLElement or css selector. The target must be an ancestor node of the Sticky component
      * @cn 自定义附着的目标。可以传入 HTMLElement 或者 css selector，target 必须为 Sticky 组件的祖先节点
      */
-    target?: string | HTMLElement | null;
+    scrollContainer?: string | HTMLElement | null;
     /**
      * @cn sticky 父级元素, 当父元素离开视窗时，sticky 将失效
      * @en sticky parent, when the parent element leaves the viewport, the sticky will be invalid

package/esm/sticky/sticky.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sticky.type.d.ts","sourceRoot":"","sources":["sticky.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC1E,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IAEF;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC;IAErC;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
+{"version":3,"file":"sticky.type.d.ts","sourceRoot":"","sources":["sticky.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC1E,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IAEF;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC;IAErC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC;IAE9C;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.0.0-rc.4",
+  "version": "3.0.0-rc.5",
   "description": "",
   "keywords": [],
   "license": "ISC",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.0.0-rc.4",
+    "@sheinx/hooks": "3.0.0-rc.5",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.1.2"