shineout 3.4.0-beta.2 → 3.4.0-beta.3

package/dist/shineout.js

@@ -16,6 +16,13 @@ return /******/ (function() { // webpackBootstrap
 
 
 
+/***/ }),
+
+/***/ 828:
+/***/ (function() {
+
+
+
 /***/ }),
 
 /***/ 9743:
@@ -6316,6 +6323,7 @@ __webpack_require__.r(__webpack_exports__);
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   Alert: function() { return /* reexport */ src_alert_0; },
+  Badge: function() { return /* reexport */ src_badge_0; },
   Breadcrumb: function() { return /* reexport */ src_breadcrumb_0; },
   Button: function() { return /* reexport */ src_button_0; },
   Card: function() { return /* reexport */ src_card_0; },
@@ -6592,6 +6600,7 @@ var src_type_namespaceObject = {};
 __webpack_require__.r(src_type_namespaceObject);
 __webpack_require__.d(src_type_namespaceObject, {
   Alert: function() { return alert_interface; },
+  Badge: function() { return badge_interface; },
   Breadcrumb: function() { return breadcrumb_interface; },
   Button: function() { return button_interface; },
   Card: function() { return card_interface; },
@@ -11982,7 +11991,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.4.0-beta.2');
+/* harmony default export */ var version = ('3.4.0-beta.3');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12539,6 +12548,33 @@ var alertTokens = {
 
 
 /* harmony default export */ var src_alert = (tokenToVars(src_alert_alert, token));
+;// CONCATENATED MODULE: ../theme/src/badge/badge.ts
+// 此文件由脚本自动生成，请勿直接修改。
+// This file was generated automatically by a script. Please do not modify it directly.
+
+var badgeTokens = {
+  badgeBadgeFontSize: 'Font-12',
+  badgeBadgeFontColor: 'Neutral-text-1',
+  badgeBadgeBackgroundColor: 'Danger-6',
+  badgeBadgeBorderRadius: 'Radius-full',
+  badgeCountPaddingX: 'spacing-6',
+  badgeCountHeight: 'Size-10',
+  badgeSmallCountHeight: 'Size-8',
+  badgeDotWidth: 'Size-3',
+  badgeTextMarginLeft: 'spacing-8',
+  badgeTextFontColor: 'Neutral-text-5',
+  badgeDefaultBackgroundColor: 'Neutral-fill-5',
+  badgeWarningBackgroundColor: 'Warning-6',
+  badgeSuccessBackgroundColor: 'Success-6',
+  badgeErrorBackgroundColor: 'Danger-6',
+  badgeProcessingBackgroundColor: 'Brand-6'
+};
+/* harmony default export */ var badge = (badgeTokens);
+;// CONCATENATED MODULE: ../theme/src/badge/index.ts
+
+
+
+/* harmony default export */ var src_badge = (tokenToVars(badge, token));
 ;// CONCATENATED MODULE: ../theme/src/breadcrumb/breadcrumb.ts
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
@@ -15038,8 +15074,9 @@ var uploadTokens = {
 
 
 
-var src_Tokens = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, token_token), src_alert), src_breadcrumb), src_button), src_card), src_card_group), src_carousel), src_cascader), src_checkbox), src_collapse), src_common), src_date_picker), src_descriptions), src_divider), src_dropdown), src_editable_area), src_empty), src_form), src_icon), src_image), src_input), src_link), src_list), src_menu), src_message), src_modal), src_pagination), src_popover), src_progress), src_radio), src_rate), src_select), src_slider), src_spin), src_steps), src_sticky), src_switch), src_table), src_tabs), src_tag), src_textarea), src_tooltip), src_transfer), src_tree), src_tree_select), src_upload);
-var ComponentTokenMap = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, src_alert_alert), breadcrumb), button_button), card), card_group), carousel), cascader), checkbox_checkbox), collapse), common_common), date_picker), descriptions), divider), dropdown), editable_area), empty), form_form), icon_icon), image_image), input), link_link), list), menu), message), modal), pagination), popover), progress), radio_radio), rate), select_select), slider), spin), steps), sticky), switch_switch), table), tabs), tag), textarea_textarea), tooltip), transfer), tree), tree_select), upload);
+
+var src_Tokens = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, token_token), src_alert), src_badge), src_breadcrumb), src_button), src_card), src_card_group), src_carousel), src_cascader), src_checkbox), src_collapse), src_common), src_date_picker), src_descriptions), src_divider), src_dropdown), src_editable_area), src_empty), src_form), src_icon), src_image), src_input), src_link), src_list), src_menu), src_message), src_modal), src_pagination), src_popover), src_progress), src_radio), src_rate), src_select), src_slider), src_spin), src_steps), src_sticky), src_switch), src_table), src_tabs), src_tag), src_textarea), src_tooltip), src_transfer), src_tree), src_tree_select), src_upload);
+var ComponentTokenMap = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, src_alert_alert), badge), breadcrumb), button_button), card), card_group), carousel), cascader), checkbox_checkbox), collapse), common_common), date_picker), descriptions), divider), dropdown), editable_area), empty), form_form), icon_icon), image_image), input), link_link), list), menu), message), modal), pagination), popover), progress), radio_radio), rate), select_select), slider), spin), steps), sticky), switch_switch), table), tabs), tag), textarea_textarea), tooltip), transfer), tree), tree_select), upload);
 
 
 
@@ -15223,6 +15260,146 @@ var alertStyle = {
 var useAlertStyle = styled(shineout_style_src_alert_alert, 'alert');
 
 /* harmony default export */ var shineout_style_src_alert = ((/* unused pure expression or super */ null && (useAlertStyle)));
+;// CONCATENATED MODULE: ../shineout-style/src/badge/badge.ts
+
+var badgeStyle = {
+  badge: {
+    boxSizing: 'border-box',
+    width: 'fit-content',
+    margin: 0,
+    padding: 0,
+    lineHeight: 1,
+    listStyle: 'none',
+    position: 'relative',
+    display: 'inline-block',
+    '& $count,$custom,$dot': {
+      position: 'absolute',
+      top: 0,
+      insetInlineEnd: 0,
+      transform: 'translate(50%, -50%)',
+      transformOrigin: '100% 0',
+      boxShadow: "0 0 0 1px #fff"
+    }
+  },
+  textBadge: {
+    display: 'block',
+    lineHeight: 'inherit',
+    verticalAlign: 'baseline'
+  },
+  count: {
+    textAlign: 'center',
+    display: 'inline-flex',
+    justifyContent: 'center',
+    minWidth: src.badgeCountHeight,
+    height: src.badgeCountHeight,
+    verticalAlign: 'super',
+    lineHeight: src.lineHeightDynamic,
+    background: src.badgeBadgeBackgroundColor,
+    borderRadius: src.badgeBadgeBorderRadius,
+    fontSize: src.badgeBadgeFontSize,
+    color: src.badgeBadgeFontColor
+  },
+  small: {
+    lineHeight: 'initial',
+    height: src.badgeSmallCountHeight,
+    minWidth: src.badgeSmallCountHeight
+  },
+  dot: {
+    borderRadius: '50%',
+    width: src.badgeDotWidth,
+    height: src.badgeDotWidth,
+    background: src.badgeBadgeBackgroundColor
+  },
+  textDot: {
+    position: 'relative',
+    top: -1,
+    display: 'inline-block',
+    borderRadius: '50%',
+    lineHeight: 'inherit',
+    verticalAlign: 'middle',
+    width: src.badgeDotWidth,
+    height: src.badgeDotWidth,
+    background: src.badgeBadgeBackgroundColor
+  },
+  number: {},
+  singleWord: {},
+  multipleWords: {
+    padding: "0 ".concat(src.badgeCountPaddingX)
+  },
+  custom: {},
+  zoom: {
+    animationName: '$animationZoom',
+    animationDirection: '0.3',
+    animationFillMode: 'both',
+    animationTimingFunction: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)'
+  },
+  status: {},
+  text: {
+    lineHeight: 'inherit',
+    color: src.badgeTextFontColor,
+    marginLeft: src.badgeTextMarginLeft
+  },
+  default: {
+    background: src.badgeDefaultBackgroundColor
+  },
+  warning: {
+    background: src.badgeWarningBackgroundColor
+  },
+  success: {
+    background: src.badgeSuccessBackgroundColor
+  },
+  error: {
+    background: src.badgeErrorBackgroundColor
+  },
+  processing: {
+    borderColor: 'currentcolor',
+    color: src.badgeProcessingBackgroundColor,
+    background: src.badgeProcessingBackgroundColor,
+    '&::after': {
+      position: 'absolute',
+      content: '""',
+      top: 0,
+      insetInlineStart: 0,
+      width: '100%',
+      height: '100%',
+      borderWidth: 1,
+      borderStyle: 'solid',
+      borderColor: 'inherit',
+      borderRadius: '50%',
+      animationName: '$animationProgressing',
+      animationDuration: '1.2s',
+      animationIterationCount: 'infinite',
+      animationTimingFunction: 'ease-in-out'
+    }
+  },
+  '@keyframes animationProgressing': {
+    '0%': {
+      transform: 'scale(0.8)',
+      opacity: 0.5
+    },
+    '100%': {
+      transform: 'scale(2.4)',
+      opacity: 0
+    }
+  },
+  '@keyframes animationZoom': {
+    '0%': {
+      transform: 'scale(0) translate(50%, -50%)',
+      opacity: 0
+    },
+    '100%': {
+      transform: 'scale(1) translate(50%, -50%)',
+      opacity: 1
+    }
+  }
+};
+/* harmony default export */ var badge_badge = (badgeStyle);
+;// CONCATENATED MODULE: ../shineout-style/src/badge/index.ts
+
+
+var useBadgeStyle = styled(badge_badge, 'badge');
+
+/* harmony default export */ var shineout_style_src_badge = ((/* unused pure expression or super */ null && (useBadgeStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/breadcrumb/breadcrumb.ts
 
 var breadcrumbStyle = {
@@ -24612,7 +24789,7 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
         content: '""',
         position: 'absolute',
         top: 0,
-        bottom: 0,
+        bottom: -1,
         width: '5px'
       },
       '&[dir=ltr]::after': {
@@ -25494,7 +25671,7 @@ var tabsStyle = {
     }
   }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
   headerScroll: {
-    transition: 'all .15s ease-out'
+    transition: 'all .2s cubic-bezier(.34,.69,.1,1)'
   },
   header: {
     flex: 1,
@@ -26731,22 +26908,6 @@ var treeStyle = {
     cursor: 'pointer',
     padding: "0 ".concat(src.treePaddingX),
     borderRadius: src.treeContentBorderRadius,
-    position: 'relative',
-    '&[data-expanded="true"]::before': {
-      content: '""',
-      position: 'absolute',
-      top: 24,
-      bottom: 0,
-      left: -12,
-      width: 1,
-      background: '#ebebeb'
-    },
-    '&[dir=ltr][data-expanded="true"]::before': {
-      left: -12
-    },
-    '&[dir=rtl][data-expanded="true"]::before': {
-      right: -12
-    },
     '$contentDisabled &': {
       '& $text': {
         color: src.treeContentDisabledFontColor
@@ -26777,7 +26938,8 @@ var treeStyle = {
     color: src.treeFontColor,
     fontWeight: src.treeFontWeight,
     paddingTop: src.treeTextPaddingY,
-    paddingBottom: src.treeTextPaddingY
+    paddingBottom: src.treeTextPaddingY,
+    whiteSpace: 'nowrap'
   },
   // textDisabled: {
   //   color: Token.treeItemDisabledFontColor,
@@ -27784,6 +27946,7 @@ var useUploadStyle = styled(upload_upload, 'upload');
 
 
 
+
 
 
 /* harmony default export */ var shineout_style_src = ({});
@@ -27805,6 +27968,228 @@ var jssStyle = {
 var AlertComp = src_alert_alert_0;
 AlertComp.displayName = 'ShineoutAlert';
 /* harmony default export */ var src_alert_0 = (AlertComp);
+;// CONCATENATED MODULE: ../hooks/src/utils/is.ts
+
+
+function is_isBrowser() {
+  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+}
+var nameIs = function nameIs(name) {
+  return function (val) {
+    if (typeof_default()(val) === 'object') {
+      return val && val.constructor && val.constructor.name === name;
+    }
+    return false;
+  };
+};
+var isArray = Array.isArray;
+var is_isObject = function isObject(val) {
+  return !!val && typeof_default()(val) === 'object' && !isArray(val);
+};
+var isDate = function isDate(val) {
+  return val instanceof Date;
+};
+var isBoolean = function isBoolean(val) {
+  return val instanceof Boolean;
+};
+var isError = function isError(val) {
+  return val instanceof Error;
+};
+var isNumber = function isNumber(n) {
+  return typeof n === 'number';
+};
+var isRegexp = function isRegexp(val) {
+  return val instanceof RegExp;
+};
+var isString = function isString(s) {
+  return typeof s === 'string';
+};
+var isUndefined = function isUndefined(obj) {
+  return obj === undefined;
+};
+var isMap = nameIs('Map');
+var isSet = nameIs('Set');
+var isBuffer = function isBuffer(val) {
+  if (val && typeof_default()(val) === 'object' && val.constructor && typeof val.constructor.isBuffer === 'function') {
+    return val.constructor.isBuffer(val);
+  }
+  return false;
+};
+var isUnMatchedData = function isUnMatchedData(val) {
+  return is_isObject(val) && val.IS_NOT_MATCHED_VALUE === true;
+};
+var isMergeable = function isMergeable(val) {
+  if (!is_isObject(val)) return false;
+  var fns = [isDate, isError, isRegexp, isMap, isSet, isBuffer];
+  for (var i = 0; i < fns.length; i++) {
+    if (fns[i](val)) return false;
+  }
+  return true;
+};
+// eslint-disable-next-line @typescript-eslint/ban-types
+var isFunc = function isFunc(f) {
+  return typeof f === 'function';
+};
+var isPromise = function isPromise(p) {
+  return p && (nameIs('Promise')(p) || isFunc(p.then));
+};
+
+// eslint-disable-next-line no-self-compare
+var isNan = function isNan(a) {
+  return a !== a;
+};
+var is_isEmpty = function isEmpty(val) {
+  // eslint-disable-next-line eqeqeq
+  if (val == null) return true;
+  if (isNan(val)) return true;
+  if (val.length !== undefined) return val.length === 0;
+  if (val instanceof Date) return false;
+  if (typeof_default()(val) === 'object') return Object.keys(val).length === 0;
+  return false;
+};
+var isLink = function isLink(el) {
+  if (typeof_default()(el) === 'object') {
+    if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(el)) return false;
+    if (!el.type) return false;
+    if (el.type === 'a') return true;
+    if (el.props && el.props.to) return true;
+  }
+  return false;
+};
+function isNamedComponent(type) {
+  return (is_isObject(type) || isFunc(type)) && type.hasOwnProperty('displayName');
+}
+var isMacOS = function isMacOS() {
+  return is_isBrowser() && /macintosh|mac os x/i.test(navigator.userAgent);
+};
+var isFirefox = function isFirefox() {
+  if (!is_isBrowser()) return false;
+  return navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+};
+var isChromeLowerThan = function isChromeLowerThan(version) {
+  // 服务器端渲染时，不执行版本检查
+  if (typeof window === 'undefined' || typeof navigator === 'undefined') {
+    return false;
+  }
+  var ua = navigator.userAgent;
+  var chrome = ua.match(/chrome\/(\d+)/i);
+  return Boolean(chrome && chrome[1] && parseInt(chrome[1], 10) < version);
+};
+function isDomElement(element) {
+  return (typeof HTMLElement === "undefined" ? "undefined" : typeof_default()(HTMLElement)) === 'object' ? element instanceof HTMLElement // DOM2
+  : element && typeof_default()(element) === 'object' && element !== null && element.nodeType === 1 && typeof element.nodeName === 'string';
+}
+;// CONCATENATED MODULE: ../base/src/badge/badge.tsx
+
+
+
+
+
+
+
+
+var Badge = function Badge(props) {
+  var _jssStyle$badge;
+  var jssStyle = props.jssStyle,
+    style = props.style,
+    children = props.children,
+    className = props.className,
+    size = props.size,
+    dot = props.dot,
+    count = props.count,
+    overflowCount = props.overflowCount,
+    status = props.status,
+    showZero = props.showZero,
+    color = props.color,
+    text = props.text;
+  var badgeStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$badge = jssStyle.badge) === null || _jssStyle$badge === void 0 ? void 0 : _jssStyle$badge.call(jssStyle)) || {};
+  console.log('children', children);
+  var isTextBadge = text !== undefined || dot && children === undefined;
+  var rootClass = classnames_default()(className, badgeStyle.badge, isTextBadge && badgeStyle.textBadge);
+  var isOverflowCount = overflowCount !== undefined && Number(count) > overflowCount;
+  var renderCount = function renderCount() {
+    if (isOverflowCount) {
+      return "".concat(overflowCount, "+");
+    }
+    return count;
+  };
+  var renderCustomCount = function renderCustomCount() {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      className: badgeStyle.custom,
+      children: count
+    });
+  };
+  var renderSup = function renderSup() {
+    var countNode = null;
+    var supClass = {};
+    if (isNumber(count)) {
+      if (count === 0 && !showZero) return null;
+      countNode = renderCount();
+      supClass[badgeStyle.number] = true;
+      if (count.toString().length === 1 && !isOverflowCount) {
+        supClass[badgeStyle.singleWord] = true;
+      }
+      if (count.toString().length > 1 || isOverflowCount) {
+        supClass[badgeStyle.multipleWords] = true;
+      }
+    }
+    if (isString(count)) {
+      if (Number(count) === 0 && !showZero) return null;
+      countNode = isNaN(Number(count)) ? renderCustomCount() : renderCount();
+    }
+    if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(count)) {
+      countNode = renderCustomCount();
+      return /*#__PURE__*/(0,jsx_runtime.jsx)("sup", {
+        style: objectSpread2_default()(objectSpread2_default()({}, style), {}, {
+          background: color
+        }),
+        className: badgeStyle.custom,
+        children: countNode
+      });
+    }
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("sup", {
+      style: objectSpread2_default()(objectSpread2_default()({}, style), {}, {
+        background: color
+      }),
+      className: classnames_default()(size === 'small' && badgeStyle.small, dot ? badgeStyle.dot : badgeStyle.count, supClass, status && dot && defineProperty_default()({}, badgeStyle[status], true)),
+      children: dot !== true && countNode
+    });
+  };
+  var renderText = function renderText() {
+    return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        className: classnames_default()(badgeStyle.textDot, status && defineProperty_default()({}, badgeStyle[status], true))
+      }), text !== undefined && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        className: badgeStyle.text,
+        children: text
+      })]
+    });
+  };
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
+    className: rootClass,
+    children: [!isTextBadge && children, !isTextBadge && renderSup(), isTextBadge && renderText()]
+  });
+};
+/* harmony default export */ var src_badge_badge = (Badge);
+;// CONCATENATED MODULE: ./src/badge/badge.tsx
+
+
+
+
+
+var badge_jssStyle = {
+  badge: useBadgeStyle
+};
+/* harmony default export */ var src_badge_badge_0 = (function (props) {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(src_badge_badge, objectSpread2_default()({
+    jssStyle: badge_jssStyle
+  }, props));
+});
+;// CONCATENATED MODULE: ./src/badge/index.ts
+
+var BadgeComp = src_badge_badge_0;
+BadgeComp.displayName = 'ShineoutBadge';
+/* harmony default export */ var src_badge_0 = (BadgeComp);
 // EXTERNAL MODULE: ../../node_modules/.pnpm/@babel+runtime@7.23.6/node_modules/@babel/runtime/helpers/toConsumableArray.js
 var toConsumableArray = __webpack_require__(6468);
 var toConsumableArray_default = /*#__PURE__*/__webpack_require__.n(toConsumableArray);
@@ -28313,114 +28698,6 @@ function usePersistFn(fn) {
 }
 
 /* harmony default export */ var use_persist_fn = (usePersistFn);
-;// CONCATENATED MODULE: ../hooks/src/utils/is.ts
-
-
-function is_isBrowser() {
-  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-}
-var nameIs = function nameIs(name) {
-  return function (val) {
-    if (typeof_default()(val) === 'object') {
-      return val && val.constructor && val.constructor.name === name;
-    }
-    return false;
-  };
-};
-var isArray = Array.isArray;
-var is_isObject = function isObject(val) {
-  return !!val && typeof_default()(val) === 'object' && !isArray(val);
-};
-var isDate = function isDate(val) {
-  return val instanceof Date;
-};
-var isBoolean = function isBoolean(val) {
-  return val instanceof Boolean;
-};
-var isError = function isError(val) {
-  return val instanceof Error;
-};
-var isNumber = function isNumber(n) {
-  return typeof n === 'number';
-};
-var isRegexp = function isRegexp(val) {
-  return val instanceof RegExp;
-};
-var isString = function isString(s) {
-  return typeof s === 'string';
-};
-var isUndefined = function isUndefined(obj) {
-  return obj === undefined;
-};
-var isMap = nameIs('Map');
-var isSet = nameIs('Set');
-var isBuffer = function isBuffer(val) {
-  if (val && typeof_default()(val) === 'object' && val.constructor && typeof val.constructor.isBuffer === 'function') {
-    return val.constructor.isBuffer(val);
-  }
-  return false;
-};
-var isUnMatchedData = function isUnMatchedData(val) {
-  return is_isObject(val) && val.IS_NOT_MATCHED_VALUE === true;
-};
-var isMergeable = function isMergeable(val) {
-  if (!is_isObject(val)) return false;
-  var fns = [isDate, isError, isRegexp, isMap, isSet, isBuffer];
-  for (var i = 0; i < fns.length; i++) {
-    if (fns[i](val)) return false;
-  }
-  return true;
-};
-// eslint-disable-next-line @typescript-eslint/ban-types
-var isFunc = function isFunc(f) {
-  return typeof f === 'function';
-};
-var isPromise = function isPromise(p) {
-  return p && (nameIs('Promise')(p) || isFunc(p.then));
-};
-
-// eslint-disable-next-line no-self-compare
-var isNan = function isNan(a) {
-  return a !== a;
-};
-var is_isEmpty = function isEmpty(val) {
-  // eslint-disable-next-line eqeqeq
-  if (val == null) return true;
-  if (isNan(val)) return true;
-  if (val.length !== undefined) return val.length === 0;
-  if (val instanceof Date) return false;
-  if (typeof_default()(val) === 'object') return Object.keys(val).length === 0;
-  return false;
-};
-var isLink = function isLink(el) {
-  if (typeof_default()(el) === 'object') {
-    if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(el)) return false;
-    if (!el.type) return false;
-    if (el.type === 'a') return true;
-    if (el.props && el.props.to) return true;
-  }
-  return false;
-};
-var isMacOS = function isMacOS() {
-  return is_isBrowser() && /macintosh|mac os x/i.test(navigator.userAgent);
-};
-var isFirefox = function isFirefox() {
-  if (!is_isBrowser()) return false;
-  return navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
-};
-var isChromeLowerThan = function isChromeLowerThan(version) {
-  // 服务器端渲染时，不执行版本检查
-  if (typeof window === 'undefined' || typeof navigator === 'undefined') {
-    return false;
-  }
-  var ua = navigator.userAgent;
-  var chrome = ua.match(/chrome\/(\d+)/i);
-  return Boolean(chrome && chrome[1] && parseInt(chrome[1], 10) < version);
-};
-function isDomElement(element) {
-  return (typeof HTMLElement === "undefined" ? "undefined" : typeof_default()(HTMLElement)) === 'object' ? element instanceof HTMLElement // DOM2
-  : element && typeof_default()(element) === 'object' && element !== null && element.nodeType === 1 && typeof element.nodeName === 'string';
-}
 ;// CONCATENATED MODULE: ../hooks/src/utils/document.ts
 
 var docSize = {
@@ -41258,6 +41535,8 @@ var Time = function Time(props) {
         className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterRight,
         children: /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, {
           size: 'small',
+          mode: "text",
+          type: "primary",
           jssStyle: props.jssStyle,
           className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterBtn,
           onClick: selNow,
@@ -41431,12 +41710,16 @@ var Day = function Day(props) {
         className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterRight,
         children: [props.showSelNow && props.type === 'date' && /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, {
           size: 'small',
+          mode: "text",
+          type: "primary",
           jssStyle: jssStyle,
           className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterBtn,
           onClick: selNow,
           children: getLocale(locale, 'now')
         }), props.showSelNow && props.type === 'datetime' && /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, {
           size: 'small',
+          mode: "text",
+          type: "primary",
           jssStyle: jssStyle,
           className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterBtn,
           onClick: selNow,
@@ -48691,13 +48974,11 @@ var ListOption = function ListOption(props) {
 
 
 
-
 var list_List = function List(props) {
   var _jssStyle$select;
   var jssStyle = props.jssStyle,
     data = props.data,
     size = props.size,
-    header = props.header,
     keygen = props.keygen,
     datum = props.datum,
     multiple = props.multiple,
@@ -48879,7 +49160,6 @@ var list_List = function List(props) {
     });
   };
   var renderList = function renderList() {
-    if (loading) return renderLoading();
     return /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
       virtualRef: virtualRef,
       data: data,
@@ -48905,9 +49185,9 @@ var list_List = function List(props) {
       };
     }
   }, []);
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: rootClass,
-    children: [header && renderHeader(), renderList()]
+    children: renderList()
   });
 };
 /* harmony default export */ var select_list = (list_List);
@@ -50809,6 +51089,15 @@ function Select(props0) {
     }
     return /*#__PURE__*/(0,jsx_runtime.jsx)(select_list, objectSpread2_default()({}, listProps));
   };
+  var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(''),
+    _useState6 = slicedToArray_default()(_useState5, 2),
+    absoluteListUpdateKey = _useState6[0],
+    setAbsoluteListUpdateKey = _useState6[1];
+  // 当树形数据展开时，需要更新 AbsoluteList 的位置
+  var onExpandWrap = usePersistFn(function (value) {
+    onExpand === null || onExpand === void 0 || onExpand(value);
+    setAbsoluteListUpdateKey(value === null || value === void 0 ? void 0 : value.join(','));
+  });
   var renderTreeList = function renderTreeList() {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(list_tree, {
       jssStyle: jssStyle,
@@ -50820,7 +51109,7 @@ function Select(props0) {
       height: height,
       defaultExpandAll: defaultExpandAll,
       defaultExpanded: defaultExpanded,
-      onExpand: onExpand,
+      onExpand: onExpandWrap,
       childrenKey: childrenKey,
       closePop: closePop,
       renderItem: renderItem,
@@ -50913,6 +51202,7 @@ function Select(props0) {
       popupGap: 4,
       popupElRef: popupRef,
       parentElRef: targetRef,
+      updateKey: absoluteListUpdateKey,
       children: /*#__PURE__*/(0,jsx_runtime.jsxs)(animation_list, {
         onRef: popupRef,
         show: open,
@@ -57710,7 +58000,7 @@ var emptyRef = {
     });
   };
   var renderTable = function renderTable() {
-    var _props$summary, _sticky$top, _props$data3, _props$data4;
+    var _props$summary, _sticky$top, _props$data3, _props$style, _props$data4;
     var Group = /*#__PURE__*/(0,jsx_runtime.jsx)(table_colgroup, {
       colgroup: colgroup,
       columns: columns,
@@ -57782,7 +58072,7 @@ var emptyRef = {
       css: sticky === null || sticky === void 0 ? void 0 : sticky.css,
       parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
     };
-    var isRenderBaseTable = !virtual && !isScrollY && !props.sticky && ((_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.length);
+    var isRenderBaseTable = !virtual && !isScrollY && !props.sticky && ((_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.length) && !((_props$style = props.style) !== null && _props$style !== void 0 && _props$style.height) && !props.height;
     var headWrapperClass = classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
     var footWrapperClass = classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.footWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
     if (isRenderBaseTable) {
@@ -58533,7 +58823,8 @@ var tabs_excluded = ["jssStyle", "align", "children", "shape", "position", "lazy
 
 var tabs_isEmpty = is_isEmpty,
   tabs_isObject = is_isObject,
-  tabs_isNumber = isNumber;
+  tabs_isNumber = isNumber,
+  tabs_isNamedComponent = isNamedComponent;
 var Tabs = function Tabs(props) {
   var _jssStyle$tabs;
   var jssStyle = props.jssStyle,
@@ -58664,10 +58955,13 @@ var Tabs = function Tabs(props) {
       style: panelStyle,
       children: external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.toArray(children).map(function (child, index) {
         var Chlid = child;
-        return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(Chlid, {
-          id: Chlid.props.id !== undefined ? Chlid.props.id : index,
-          active: active
-        });
+        if (tabs_isNamedComponent(Chlid.type) && Chlid.type.displayName === 'ShineoutTabsPanel') {
+          return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(Chlid, {
+            id: Chlid.props.id !== undefined ? Chlid.props.id : index,
+            active: active
+          });
+        }
+        return null;
       })
     });
   };
@@ -58676,6 +58970,7 @@ var Tabs = function Tabs(props) {
     var border = getSplitColor();
     external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.toArray(children).forEach(function (child, index) {
       var Chlid = child;
+      if (!Chlid || !Chlid.type) return;
       var childBorder = Chlid.props.splitColor || Chlid.props.border;
       var _Chlid$props$id = Chlid.props.id,
         id = _Chlid$props$id === void 0 ? index : _Chlid$props$id;
@@ -63798,6 +64093,8 @@ var deprecated_style = {
 };
 // EXTERNAL MODULE: ./src/alert/interface.ts
 var alert_interface = __webpack_require__(7495);
+// EXTERNAL MODULE: ./src/badge/interface.ts
+var badge_interface = __webpack_require__(828);
 // EXTERNAL MODULE: ./src/breadcrumb/interface.ts
 var breadcrumb_interface = __webpack_require__(9743);
 // EXTERNAL MODULE: ./src/button/interface.ts
@@ -63986,6 +64283,8 @@ var upload_interface = __webpack_require__(8821);
 
 
 
+
+
 
 
 
@@ -64047,10 +64346,11 @@ var upload_interface = __webpack_require__(8821);
 
 
 
+
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.0-beta.2'
+  version: '3.4.0-beta.3'
 });
 }();
 /******/ 	return __webpack_exports__;