@sheinx/base 3.3.3-beta.8 → 3.4.0-beta.1

package/esm/tabs/tab.js

@@ -10,12 +10,11 @@ import Button from "../button";
 import { useConfig } from "../config";
 import { useTabsContext, util } from '@sheinx/hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Tab = function Tab(props, ref) {
   var _jssStyle$tabs;
   var jssStyle = props.jssStyle,
-    propTab = props.tab,
+    tab = props.tab,
     disabled = props.disabled,
     id = props.id,
     color = props.color;
@@ -43,9 +42,6 @@ var Tab = function Tab(props, ref) {
     if (disabled) return;
     onChange === null || onChange === void 0 || onChange(id);
   };
-  var tab = util.isLink(propTab) ?
-  // 直接返回a标签的内容，不要a标签
-  propTab.props.children : propTab;
   var renderCardTab = function renderCardTab() {
     return tab;
   };
@@ -77,35 +73,27 @@ var Tab = function Tab(props, ref) {
   if (shape === 'card') {
     style.color = color;
   }
-  var containerProps = _objectSpread(_objectSpread({
+  if (shape === 'button') return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+    className: tabClass,
+    jssStyle: {
+      button: buttonStyle
+    }
+  }, getStateProps()), {}, {
+    style: style,
+    disabled: disabled,
+    type: isActive ? 'primary' : 'secondary',
+    onClick: handleClick,
+    dir: config.direction,
+    children: tab
+  }));
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+    dir: config.direction,
     className: tabClass
   }, getStateProps()), {}, {
     style: style,
     onClick: handleClick,
     ref: ref,
-    dir: config.direction
-  });
-  if (shape === 'button') {
-    return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
-      jssStyle: {
-        button: buttonStyle
-      },
-      disabled: disabled,
-      type: isActive ? 'primary' : 'secondary'
-    }, containerProps), {}, {
-      children: tab
-    }));
-  }
-  var $children = /*#__PURE__*/_jsxs(_Fragment, {
     children: [shape === 'card' && renderCardTab(), shape === 'line' && renderLineTab(), shape === 'dash' && renderDashTab(), shape === 'fill' && renderFillTab()]
-  });
-  if (util.isLink(propTab)) {
-    return /*#__PURE__*/React.cloneElement(propTab, _objectSpread({
-      children: $children
-    }, containerProps));
-  }
-  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-    children: $children
   }));
 };
 export default /*#__PURE__*/React.forwardRef(Tab);

package/esm/tree-select/tree-select.type.d.ts

@@ -251,8 +251,8 @@ export interface TreeSelectProps<DataItem, Value> extends Pick<CommonType, 'clas
         data?: ResultItem<DataItem>[] | ResultItem<DataItem> | null;
     }) => void;
     /**
-     * @cn 选中的 key （受控），多选时必须为array。注意，请勿将 undefined 和 null 作为有意义的选项值，当 value 类型为 undefined 和 null 时，组件将不处理数据和渲染
-     * @en Selected key (controlled), must be an array in multiple selection. Note: Do not use undefined and null as meaningful option values. When the value type is undefined and null, the component will not process data and rendering
+     * @en In the Form, the value will be taken over by the form and the value will be invalid.
+     * @cn 选中的 key （受控），多选时必须为array
      */
     value?: Value;
     /**

package/esm/virtual-scroll/scroll.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 interface scrollProps {
     scrollHeight: number;
     scrollWidth: number;
+    height?: number | string;
     children: React.ReactNode;
     childrenStyle?: React.CSSProperties;
     wrapperRef?: React.RefObject<HTMLDivElement>;
@@ -14,6 +15,7 @@ interface scrollProps {
         height: number;
         width: number;
     }) => void;
+    onScrollToBottom?: (options?: any) => void;
     className?: string;
     style?: React.CSSProperties;
     scrollerStyle?: React.CSSProperties;

package/esm/virtual-scroll/scroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,gBAmGjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;IACX,gBAAgB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,gBAuHjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/virtual-scroll/scroll.js

@@ -56,10 +56,26 @@ var Scroll = function Scroll(props) {
     marginTop: props.isScrollY ? 0 : -1,
     lineHeight: 0
   };
+  var extractHeightValue = function extractHeightValue(num) {
+    if (util.isNumber(num)) return num;
+    var match = num.match(/(\d+)/);
+    if (match) {
+      return parseInt(match[0], 10);
+    }
+    return undefined;
+  };
   var handleScroll = usePersistFn(function (e) {
+    var onScrollToBottom = props.onScrollToBottom;
     var target = e.currentTarget;
     var scrollLeft = target.scrollLeft,
       scrollTop = target.scrollTop;
+    if (props.height && onScrollToBottom) {
+      var realHeight = extractHeightValue(props.height);
+      if (realHeight !== undefined) {
+        var touchBottom = target.scrollHeight === scrollTop + realHeight;
+        if (touchBottom) onScrollToBottom();
+      }
+    }
     var maxY = target.scrollHeight - target.clientHeight;
     var maxX = target.scrollWidth - target.clientWidth;
     if (!isRtl) {

package/esm/virtual-scroll/virtual-scroll-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"virtual-scroll-list.d.ts","sourceRoot":"","sources":["virtual-scroll-list.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,QAAA,MAAM,WAAW,8DA4GhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"virtual-scroll-list.d.ts","sourceRoot":"","sources":["virtual-scroll-list.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,QAAA,MAAM,WAAW,8DA6GhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/virtual-scroll/virtual-scroll-list.js

@@ -79,6 +79,7 @@ var VirtualList = function VirtualList(props) {
     return /*#__PURE__*/_jsx(Scroll, {
       className: className,
       style: nextStyle,
+      height: height,
       scrollWidth: 0,
       scrollHeight: scrollHeight,
       wrapperRef: wrapperRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.3.3-beta.8",
+  "version": "3.4.0-beta.1",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.3.3-beta.8",
+    "@sheinx/hooks": "3.4.0-beta.1",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.1.3-alpha.0"