shineout 3.4.0-beta.1 → 3.4.0-beta.3

package/dist/shineout.js

@@ -16,6 +16,13 @@ return /******/ (function() { // webpackBootstrap
 
 
 
+/***/ }),
+
+/***/ 828:
+/***/ (function() {
+
+
+
 /***/ }),
 
 /***/ 9743:
@@ -163,6 +170,13 @@ return /******/ (function() { // webpackBootstrap
 
 
 
+/***/ }),
+
+/***/ 6335:
+/***/ (function() {
+
+
+
 /***/ }),
 
 /***/ 8784:
@@ -6309,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; },
@@ -6331,6 +6346,7 @@ __webpack_require__.d(__webpack_exports__, {
   Image: function() { return /* reexport */ src_image_0; },
   Input: function() { return /* reexport */ src_input_0; },
   JssProvider: function() { return /* reexport */ JssProvider; },
+  Link: function() { return /* reexport */ src_link_0; },
   List: function() { return /* reexport */ src_list_0; },
   Menu: function() { return /* reexport */ src_menu_0; },
   Message: function() { return /* reexport */ src_message_0; },
@@ -6584,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; },
@@ -6605,6 +6622,7 @@ __webpack_require__.d(src_type_namespaceObject, {
   Icon: function() { return icon_interface; },
   Image: function() { return image_interface; },
   Input: function() { return input_interface; },
+  Link: function() { return link_interface; },
   List: function() { return list_interface; },
   Menu: function() { return menu_interface; },
   Message: function() { return message_interface; },
@@ -6789,6 +6807,7 @@ var treeMinus = ['M22 4.5C22 3.11929 20.8807 2 19.5 2H4.5C3.11929 2 2 3.11929 2
 var pcHelpCircleFill = ['M11 0C13.9562 0 16.7292 1.17289 18.7782 3.22183C20.8271 5.27079 22 8.04381 22 11C22 13.9562 20.8271 16.7292 18.7782 18.7782C16.7292 20.8271 13.9562 22 11 22C8.04381 22 5.27079 20.8271 3.22182 18.7782C1.17289 16.7292 0 13.9562 0 11C0 8.04381 1.17289 5.27079 3.22183 3.22182C5.27079 1.17289 8.04381 0 11 0ZM11 15.3125C10.3097 15.3125 9.75 15.8721 9.75 16.5625C9.75 17.2528 10.3097 17.8125 11 17.8125C11.6903 17.8125 12.25 17.2528 12.25 16.5625C12.25 15.8721 11.6903 15.3125 11 15.3125ZM11 4.31245C8.79086 4.31245 7 6.10332 7 8.31245C7 8.86474 7.44772 9.31245 8 9.31245C8.55229 9.31245 9 8.86474 9 8.31245C9 7.20789 9.89543 6.31245 11 6.31245C12.1046 6.31245 13 7.20789 13 8.31245C13 9.41702 12.1046 10.3125 11 10.3125L10.8834 10.3192C10.386 10.3769 10 10.7996 10 11.3125V13.3125L10.0067 13.4291C10.0645 13.9264 10.4872 14.3125 11 14.3125L11.1166 14.3057C11.614 14.248 12 13.8253 12 13.3125V12.185L12.1553 12.1431C13.8012 11.6474 15 10.1199 15 8.31245C15 6.10332 13.2091 4.31245 11 4.31245Z'];
 var pcInfoCircleFill = ['M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8ZM12 19C12.5523 19 13 18.5523 13 18V10C13 9.44772 12.5523 9 12 9C11.4477 9 11 9.44772 11 10V18C11 18.5523 11.4477 19 12 19Z'];
 var search = ['M11 2C15.9706 2 20 6.02944 20 11C20 13.1248 19.2637 15.0776 18.0323 16.6172L21.1213 19.7071C21.5118 20.0976 21.5118 20.7308 21.1213 21.1213C20.7308 21.5118 20.0976 21.5118 19.7071 21.1213L16.6172 18.0323C15.0776 19.2637 13.1248 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2ZM11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4Z'];
+var icons_link = ['M8.83231 20.7322C7.27024 22.2943 4.73759 22.2943 3.17546 20.7322C1.66545 19.2222 1.61512 16.8053 3.02446 15.2347L3.17546 15.0754L12.6109 3.70711C14.7588 1.55923 18.2412 1.55923 20.3891 3.70711C22.4773 5.79532 22.5353 9.14496 20.5631 11.3032L20.3891 11.4853L12.3679 21.4393C11.9773 21.8299 11.3442 21.8299 10.9536 21.4394C10.5932 21.0789 10.5654 20.5116 10.8705 20.1193L10.9536 20.0251L18.9749 10.0711C20.3417 8.70423 20.3417 6.48814 18.9749 5.12132C17.6569 3.8033 15.5492 3.75623 14.1747 4.9801L14.0251 5.12132L4.58968 16.4896C3.80864 17.2706 3.80864 18.537 4.58966 19.318C5.32963 20.058 6.5051 20.0969 7.29088 19.4348L7.41809 19.318L16.8535 7.94978C17.0488 7.7545 17.0488 7.43787 16.8536 7.24262C16.68 7.06904 16.4106 7.04975 16.2157 7.18476L16.1464 7.24261L8.12521 17.1967C7.73468 17.5873 7.10152 17.5873 6.71099 17.1967C6.35051 16.8362 6.32277 16.269 6.6278 15.8767L6.71099 15.7825L14.7322 5.8284C15.7085 4.85208 17.2915 4.85208 18.2678 5.82843C19.2016 6.7623 19.2422 8.25112 18.3896 9.23328L18.2678 9.36397L8.83231 20.7322Z'];
 var Icons = {
   TableSortIconUp: TableSortIconUp,
   TableSortIconDown: TableSortIconDown,
@@ -6830,7 +6849,8 @@ var Icons = {
   PcStarFill: icon(pcStarFill),
   TreeArrow: icon(treeArrow),
   TreePlus: icon(treePlus),
-  TreeMinus: icon(treeMinus)
+  TreeMinus: icon(treeMinus),
+  Link: icon(icons_link)
 };
 /* harmony default export */ var icons = (Icons);
 ;// CONCATENATED MODULE: ../base/src/icons/config.tsx
@@ -6896,6 +6916,9 @@ var config = {
     Show: icons.Display,
     Close: icons.PcCloseCircleFill
   },
+  link: {
+    prefixIcon: icons.Link
+  },
   menu: {
     CollapseArrow: icons.ArrowDown,
     FrontSolidArrowDown: icons.PcArrowFillDown,
@@ -11968,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.1');
+/* harmony default export */ var version = ('3.4.0-beta.3');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12525,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.
@@ -13602,6 +13652,41 @@ var inputTokens = {
 
 
 /* harmony default export */ var src_input = (tokenToVars(input, token));
+;// CONCATENATED MODULE: ../theme/src/link/link.ts
+// 此文件由脚本自动生成，请勿直接修改。
+// This file was generated automatically by a script. Please do not modify it directly.
+
+var linkTokens = {
+  linkDefaultFontSize: 'Size-7',
+  linkSmallFontSize: 'Size-6',
+  linkLargeFontSize: 'Size-8',
+  linkPrimaryFontColor: 'Brand-6',
+  linkPrimaryDisabledFontColor: 'Brand-3',
+  linkPrimaryHoverFontColor: 'Brand-5',
+  linkPrimaryActiveFontColor: 'Brand-7',
+  linkSecondaryFontColor: 'Neutral-text-5',
+  linkSecondaryDisabledFontColor: 'Neutral-text-2',
+  linkSecondaryHoverFontColor: 'Brand-5',
+  linkSecondaryActiveFontColor: 'Brand-7',
+  linkDangerFontColor: 'Danger-6',
+  linkDangerDisabledFontColor: 'Danger-3',
+  linkDangerHoverFontColor: 'Danger-5',
+  linkDangerActiveFontColor: 'Danger-7',
+  linkWarningFontColor: 'Warning-6',
+  linkWarningDisabledFontColor: 'Warning-5',
+  linkWarningHoverFontColor: 'Warning-7',
+  linkWarningActiveFontColor: 'Warning-3',
+  linkSuccessFontColor: 'Success-6',
+  linkSuccessDisabledFontColor: 'Success-5',
+  linkSuccessHoverFontColor: 'Success-7',
+  linkSuccessActiveFontColor: 'Success-3'
+};
+/* harmony default export */ var link_link = (linkTokens);
+;// CONCATENATED MODULE: ../theme/src/link/index.ts
+
+
+
+/* harmony default export */ var src_link = (tokenToVars(link_link, token));
 ;// CONCATENATED MODULE: ../theme/src/list/list.ts
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
@@ -14988,8 +15073,10 @@ 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()({}, 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_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()({}, 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), 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);
 
 
 
@@ -15173,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 = {
@@ -16813,6 +17040,13 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     marginTop: src.cascaderPlaceholderMarginY,
     marginBottom: src.cascaderPlaceholderMarginY
   },
+  inputPlaceholder: {
+    pointerEvents: 'none',
+    opacity: 0.5,
+    inset: 0,
+    position: 'absolute',
+    padding: "".concat(src.selectOptionInnerPaddingY, " ").concat(src.selectOptionInnerPaddingX)
+  },
   inputMirror: {
     position: 'absolute',
     left: 0,
@@ -19539,6 +19773,114 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
 var useInputStyle = styled(src_input_input, 'input');
 
 /* harmony default export */ var shineout_style_src_input = ((/* unused pure expression or super */ null && (useInputStyle)));
+;// CONCATENATED MODULE: ../shineout-style/src/link/link.ts
+
+var linkStyle = {
+  wrapper: {
+    fontSize: src.linkDefaultFontSize
+  },
+  sizeSmall: {
+    fontSize: src.linkSmallFontSize
+  },
+  sizeLarge: {
+    fontSize: src.linkLargeFontSize
+  },
+  underline: {
+    textDecoration: 'underline',
+    '&:hover': {
+      textDecoration: 'underline'
+    }
+  },
+  underlineHover: {
+    textDecoration: 'none',
+    '&:hover': {
+      textDecoration: 'underline'
+    }
+  },
+  disabled: {
+    color: src.linkPrimaryDisabledFontColor,
+    cursor: 'not-allowed',
+    '&:hover': {
+      color: src.linkPrimaryDisabledFontColor
+    }
+  },
+  primary: {
+    color: src.linkPrimaryFontColor,
+    '&:hover': {
+      color: src.linkPrimaryHoverFontColor
+    },
+    '&:active': {
+      color: src.linkPrimaryActiveFontColor
+    },
+    '&$disabled': {
+      color: src.linkPrimaryDisabledFontColor
+    }
+  },
+  secondary: {
+    color: src.linkSecondaryFontColor,
+    '&:hover': {
+      color: src.linkSecondaryHoverFontColor
+    },
+    '&:active': {
+      color: src.linkSecondaryActiveFontColor
+    },
+    '&$disabled': {
+      color: src.linkSecondaryDisabledFontColor
+    }
+  },
+  danger: {
+    color: src.linkDangerFontColor,
+    '&:hover': {
+      color: src.linkDangerHoverFontColor
+    },
+    '&:active': {
+      color: src.linkDangerActiveFontColor
+    },
+    '&$disabled': {
+      color: src.linkDangerDisabledFontColor
+    }
+  },
+  warning: {
+    color: src.linkWarningFontColor,
+    '&:hover': {
+      color: src.linkWarningHoverFontColor
+    },
+    '&:active': {
+      color: src.linkWarningActiveFontColor
+    },
+    '&$disabled': {
+      color: src.linkWarningDisabledFontColor
+    }
+  },
+  success: {
+    color: src.linkSuccessFontColor,
+    '&:hover': {
+      color: src.linkSuccessHoverFontColor
+    },
+    '&:active': {
+      color: src.linkSuccessActiveFontColor
+    },
+    '&$disabled': {
+      color: src.linkSuccessDisabledFontColor
+    }
+  },
+  icon: {
+    display: 'inline-block',
+    width: '1em',
+    verticalAlign: 'middle',
+    marginRight: 6,
+    '& > svg': {
+      fill: 'currentcolor'
+    }
+  }
+};
+/* harmony default export */ var src_link_link = (linkStyle);
+;// CONCATENATED MODULE: ../shineout-style/src/link/index.ts
+
+
+var useLinkStyle = styled(src_link_link, 'link');
+
+/* harmony default export */ var shineout_style_src_link = ((/* unused pure expression or super */ null && (useLinkStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/list/list.ts
 
 var listStyle = {
@@ -19673,13 +20015,15 @@ var collapseWidth = src.menuCollapseWidth;
 var transitionFunc = 'ease-out';
 var menuStyle = {
   wrapper: {
-    height: '100%',
     width: '100%',
     backgroundColor: src.menuItemBackgroundColor,
     transition: "width ".concat(animationDuration, " ").concat(transitionFunc),
     color: src.menuFontColor,
     display: 'flex',
-    flexDirection: 'column'
+    flexDirection: 'column',
+    '&:not([data-soui-mode=horizontal])': {
+      height: '100%'
+    }
   },
   wrapperLight: {},
   wrapperDark: {
@@ -22144,6 +22488,13 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     marginTop: src.selectPlaceholderMarginY,
     marginBottom: src.selectPlaceholderMarginY
   },
+  inputPlaceholder: {
+    pointerEvents: 'none',
+    opacity: 0.5,
+    inset: 0,
+    position: 'absolute',
+    padding: "".concat(src.selectOptionInnerPaddingY, " ").concat(src.selectOptionInnerPaddingX)
+  },
   inputMirror: {
     position: 'absolute',
     left: 0,
@@ -24438,7 +24789,7 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
         content: '""',
         position: 'absolute',
         top: 0,
-        bottom: 0,
+        bottom: -1,
         width: '5px'
       },
       '&[dir=ltr]::after': {
@@ -25320,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,
@@ -26211,6 +26562,11 @@ var TransferStyle = {
     color: src.transferFontColor,
     fontSize: src.transferFontSize
   },
+  equalPanelWidth: {
+    '& $view': {
+      flex: 1
+    }
+  },
   small: {
     '& $operations': {
       '& svg': {
@@ -26402,7 +26758,14 @@ var TransferStyle = {
       marginRight: 0
     }
   },
-  checkbox: {},
+  checkbox: {
+    '&>[data-soui-role="desc"]': {
+      flex: 1,
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis'
+    }
+  },
   empty: {
     height: '100%',
     display: 'flex',
@@ -26545,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
@@ -26591,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,
@@ -27050,6 +27398,13 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     marginTop: src.treeSelectPlaceholderMarginY,
     marginBottom: src.treeSelectPlaceholderMarginY
   },
+  inputPlaceholder: {
+    pointerEvents: 'none',
+    opacity: 0.5,
+    inset: 0,
+    position: 'absolute',
+    padding: "".concat(src.selectOptionInnerPaddingY, " ").concat(src.selectOptionInnerPaddingX)
+  },
   inputMirror: {
     position: 'absolute',
     left: 0,
@@ -27589,6 +27944,8 @@ var useUploadStyle = styled(upload_upload, 'upload');
 
 
 
+
+
 
 
 
@@ -27611,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);
@@ -28119,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 = {
@@ -29862,7 +30333,7 @@ var addResizeObserver = function addResizeObserver(el, handler) {
           if (height && lastHeight !== height) {
             debounceHandler(entry);
           }
-        } else if (width && height) {
+        } else if (lastWidth !== width || lastHeight !== height) {
           debounceHandler(entry, {
             x: lastWidth !== width,
             y: lastHeight !== height
@@ -31794,6 +32265,7 @@ var Checkbox = function Checkbox(props) {
         }) : null
       }))
     }), children !== undefined && children !== null && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      "data-soui-role": "desc",
       className: checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.desc,
       children: children
     }), typeof renderFooter === 'function' ? renderFooter(checked) : null]
@@ -36010,6 +36482,14 @@ var result_Input = function Input(props) {
     _useState2 = slicedToArray_default()(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
+  var updateValue = function updateValue() {
+    setValue(props.value);
+  };
+  if (props.inputRef) {
+    props.inputRef.current = {
+      updateValue: updateValue
+    };
+  }
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     setValue(props.value);
   }, [props.value, props.open]);
@@ -36048,6 +36528,7 @@ var Result = function Result(props) {
     range = props.range,
     placeholder = props.placeholder,
     _onChange = props.onChange,
+    _onRef = props.onRef,
     disabledLeft = props.disabledLeft,
     disabledRight = props.disabledRight,
     _props$activeIndex = props.activeIndex,
@@ -36061,6 +36542,7 @@ var Result = function Result(props) {
       clickIndex: 0
     }),
     context = _useRef.current;
+  var inputRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({});
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (open) {
       if (context.inputRefs[activeIndex]) {
@@ -36113,10 +36595,12 @@ var Result = function Result(props) {
         className: styles === null || styles === void 0 ? void 0 : styles.resultTextPadding,
         children: info.inputable ? /*#__PURE__*/(0,jsx_runtime.jsx)(result_Input, {
           onRef: function onRef(el) {
+            _onRef.current.inputRef = el;
             context.inputRefs[info.index] = el;
           },
           disabled: dis,
           open: !!open,
+          inputRef: inputRef,
           value: info.target || info.value || '',
           placeholder: info.place,
           onChange: function onChange(s) {
@@ -36126,10 +36610,11 @@ var Result = function Result(props) {
             context.clickIndex = info.index;
           },
           onBlur: function onBlur(e) {
-            var _props$onBlur;
+            var _props$onBlur, _inputRef$current$upd, _inputRef$current;
             e.stopPropagation();
             if (e.relatedTarget === context.inputRefs[1 - info.index]) return;
             (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, e);
+            if (inputRef.current) (_inputRef$current$upd = (_inputRef$current = inputRef.current).updateValue) === null || _inputRef$current$upd === void 0 || _inputRef$current$upd.call(_inputRef$current);
             context.clickIndex = 0;
           },
           onFocus: function onFocus(e) {
@@ -36231,6 +36716,13 @@ var ResultInput = function ResultInput(props) {
     onRef.current = inputRef.current;
     onBindInput === null || onBindInput === void 0 || onBindInput(inputRef.current);
   }, []);
+  var renderResultPlaceholder = function renderResultPlaceholder() {
+    if (inputText || !focus || typeof props.placeholder === 'string') return null;
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: styles.inputPlaceholder,
+      children: props.placeholder
+    });
+  };
   var style = {};
   if (!multiple) {
     style.width = '100%';
@@ -36244,7 +36736,7 @@ var ResultInput = function ResultInput(props) {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)(result_Input, {
       onRef: bindInputRef,
       style: style,
-      placeholder: props.placeholder,
+      placeholder: typeof props.placeholder === 'string' ? props.placeholder : undefined,
       value: inputText,
       maxLength: maxLength,
       onChange: onChange,
@@ -36256,7 +36748,7 @@ var ResultInput = function ResultInput(props) {
       className: styles.inputMirror,
       ref: mirrorRef,
       children: inputText || value
-    })]
+    }), renderResultPlaceholder()]
   });
 };
 /* harmony default export */ var result_input = (ResultInput);
@@ -36737,7 +37229,7 @@ var result_Result = function Result(props) {
     onRemove = props.onRemove,
     onResultItemClick = props.onResultItemClick,
     data = props.data;
-  var value = result_isArray(valueProp) ? valueProp : [valueProp];
+  var value = [null, undefined].includes(valueProp) ? [] : Array.isArray(valueProp) ? valueProp : [valueProp];
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(-1),
     _useState2 = slicedToArray_default()(_useState, 2),
     more = _useState2[0],
@@ -36785,14 +37277,10 @@ var result_Result = function Result(props) {
     onResultItemClick === null || onResultItemClick === void 0 || onResultItemClick(e, item);
   };
   var renderInput = function renderInput() {
-    var placeholder2 = empty ? placeholder : '';
+    var _placeholder = empty ? placeholder : '';
     if (!multiple && valueProp && valueProp !== 0) {
       var _result = getDataByValues(value);
-      // 获取合法的 content
-      var content = renderResultContent(_result[0]);
-      if (typeof content === 'string') {
-        placeholder2 = content;
-      }
+      _placeholder = renderResultContent(_result[0]);
     }
     return /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(result_input, {
@@ -36810,7 +37298,7 @@ var result_Result = function Result(props) {
         convertBr: convertBr,
         onInputBlur: onInputBlur,
         onClearCreatedData: onClearCreatedData,
-        placeholder: placeholder2,
+        placeholder: _placeholder,
         disabled: isFunc(disabled) ? false : !!disabled
       })
     }, 'input');
@@ -36894,7 +37382,9 @@ var result_Result = function Result(props) {
     }, 'single');
   };
   var getValueArr = function getValueArr(v) {
-    return result_isArray(v) ? v : [v];
+    return (result_isArray(v) ? v : [v]).filter(function (v) {
+      return v !== undefined && v !== null;
+    });
   };
   var renderMultipleResult = function renderMultipleResult() {
     if (isEmptyResult()) return renderNbsp();
@@ -41045,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,
@@ -41218,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,
@@ -42449,6 +42945,9 @@ var DatePicker = function DatePicker(props0) {
     _React$useState2 = slicedToArray_default()(_React$useState, 2),
     activeIndex = _React$useState2[0],
     setActiveIndex = _React$useState2[1];
+  var inputRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
+    inputRef: null
+  });
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
   var isRTL = direction === 'rtl';
   var dfp = isRTL ? 'bottom-right' : 'bottom-left';
@@ -42547,6 +43046,11 @@ var DatePicker = function DatePicker(props0) {
     setFocused(false);
     (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, e);
   });
+  var handleClose = function handleClose() {
+    var _inputRef$current$inp;
+    closePop();
+    (_inputRef$current$inp = inputRef.current.inputRef) === null || _inputRef$current$inp === void 0 || _inputRef$current$inp.blur();
+  };
   var handleResultClick = usePersistFn(function () {
     if (disabledStatus === 'all') return;
     openPop();
@@ -42559,6 +43063,7 @@ var DatePicker = function DatePicker(props0) {
         activeIndex: activeIndex,
         type: type,
         range: range,
+        onRef: inputRef,
         inputable: props.inputable && !props.formatResult,
         disabledLeft: disabledStatus === 'left',
         disabledRight: disabledStatus === 'right',
@@ -42587,7 +43092,7 @@ var DatePicker = function DatePicker(props0) {
       onKeyDown: function onKeyDown(e) {
         if (e.key === 'Enter') {
           if (open) {
-            closePop();
+            handleClose();
           } else {
             openPop();
           }
@@ -42644,7 +43149,7 @@ var DatePicker = function DatePicker(props0) {
           options: options,
           disabled: disabled,
           jssStyle: jssStyle,
-          closePop: closePop,
+          closePop: handleClose,
           defaultTime: props.defaultTime,
           min: props.min,
           max: props.max,
@@ -43695,7 +44200,7 @@ DrawerComp.Submit = src_modal_0.Submit;
 
 
 var Item_excluded = ["className"],
-  Item_excluded2 = ["className"];
+  Item_excluded2 = ["className", "onClick"];
 
 
 
@@ -43757,10 +44262,15 @@ var Item_Item = /*#__PURE__*/function (_React$PureComponent) {
         var _ref2 = content.props,
           _ref2$className = _ref2.className,
           contentPropsClassName = _ref2$className === void 0 ? '' : _ref2$className,
+          contentPropsOnClick = _ref2.onClick,
           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
+          className: className,
+          onClick: function onClick(e) {
+            if (contentPropsOnClick) contentPropsOnClick(e);
+            if (props.onClick) props.onClick(e);
+          }
         }));
       }
       return /*#__PURE__*/(0,jsx_runtime.jsx)("a", objectSpread2_default()(objectSpread2_default()({}, props), {}, {
@@ -47822,6 +48332,67 @@ InputComp.Group.displayName = 'ShineoutInputGroup';
 InputComp.Password.displayName = 'ShineoutInputPassword';
 InputComp.Number.displayName = 'ShineoutInputNumber';
 /* harmony default export */ var src_input_0 = (InputComp);
+;// CONCATENATED MODULE: ../base/src/link/link.tsx
+
+
+
+var link_excluded = ["jssStyle", "className", "type", "underline", "disabled", "size", "icon", "href", "target", "children"];
+// import { } from '@sheinx/hooks';
+
+
+// import from icons
+
+
+
+var Link = function Link(props) {
+  var jssStyle = props.jssStyle,
+    className = props.className,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'primary' : _props$type,
+    underline = props.underline,
+    disabled = props.disabled,
+    size = props.size,
+    icon = props.icon,
+    href = props.href,
+    target = props.target,
+    children = props.children,
+    restProps = objectWithoutProperties_default()(props, link_excluded);
+  var linkClasses = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.link()) || {};
+  var rootClass = classnames_default()(className, linkClasses.wrapper, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, linkClasses.underline, underline === true), linkClasses.underlineHover, underline === 'hover'), linkClasses.disabled, disabled), linkClasses.sizeSmall, size === 'small'), linkClasses.sizeLarge, size === 'large'), linkClasses.primary, type === 'primary'), linkClasses.secondary, type === 'secondary'), linkClasses.danger, type === 'danger'), linkClasses.warning, type === 'warning'), linkClasses.success, type === 'success'));
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("a", objectSpread2_default()(objectSpread2_default()({
+    href: disabled ? undefined : href,
+    target: target,
+    className: rootClass
+  }, restProps), {}, {
+    children: [typeof icon === 'boolean' && icon && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      className: linkClasses.icon,
+      children: icons_config.link.prefixIcon
+    }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(icon) && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      className: linkClasses.icon,
+      children: icon
+    }), children]
+  }));
+};
+/* harmony default export */ var base_src_link_link = (Link);
+;// CONCATENATED MODULE: ./src/link/link.tsx
+
+
+
+
+
+var link_jssStyle = {
+  link: useLinkStyle
+};
+/* harmony default export */ var src_link_link_0 = (function (props) {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_link_link, objectSpread2_default()({
+    jssStyle: link_jssStyle
+  }, props));
+});
+;// CONCATENATED MODULE: ./src/link/index.ts
+
+var LinkComp = src_link_link_0;
+LinkComp.displayName = 'ShineoutLink';
+/* harmony default export */ var src_link_0 = (LinkComp);
 ;// CONCATENATED MODULE: ../hooks/src/common/use-pagination-list/index.tsx
 
 
@@ -48403,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,
@@ -48591,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,
@@ -48617,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);
@@ -50521,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,
@@ -50532,7 +51109,7 @@ function Select(props0) {
       height: height,
       defaultExpandAll: defaultExpandAll,
       defaultExpanded: defaultExpanded,
-      onExpand: onExpand,
+      onExpand: onExpandWrap,
       childrenKey: childrenKey,
       closePop: closePop,
       renderItem: renderItem,
@@ -50625,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,
@@ -56734,6 +57312,7 @@ var useTableRow = function useTableRow(props) {
 
 
 
+
 var Tr = function Tr(props) {
   var _props$jssStyle, _props$jssStyle$table, _props$rowClassName;
   var treeFunc = props.treeFunc;
@@ -56787,12 +57366,22 @@ var Tr = function Tr(props) {
       columnKey: props.columns[colIndex].key
     });
   });
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+  var setVirtualRowHeight = usePersistFn(function () {
     if (props.setRowHeight && trRef.current) {
       var expandHeight = expandRef.current ? expandRef.current.getBoundingClientRect().height : 0;
       props.setRowHeight(props.rowIndex, trRef.current.getBoundingClientRect().height + expandHeight);
     }
-  }, [props.expanded, props.rowIndex, props.bodyScrollWidth, props.resizeFlag]);
+  });
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(setVirtualRowHeight, [props.expanded, props.rowIndex, props.bodyScrollWidth, props.resizeFlag]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (!trRef.current) return;
+    var cancelObserver = addResizeObserver(trRef.current, setVirtualRowHeight, {
+      direction: 'y'
+    });
+    return function () {
+      cancelObserver();
+    };
+  }, []);
   var renderTreeExpand = function renderTreeExpand(content) {
     var treeIndent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 22;
     var level = props.treeExpandLevel.get(props.originKey) || 0;
@@ -57411,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,
@@ -57483,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) {
@@ -57908,10 +58497,11 @@ var useTransform = function useTransform(props) {
 
 
 
+
 var Tab = function Tab(props, ref) {
   var _jssStyle$tabs;
   var jssStyle = props.jssStyle,
-    tab = props.tab,
+    propTab = props.tab,
     disabled = props.disabled,
     id = props.id,
     color = props.color;
@@ -57939,6 +58529,9 @@ var Tab = function Tab(props, ref) {
     if (disabled) return;
     onChange === null || onChange === void 0 || onChange(id);
   };
+  var tab = isLink(propTab) ?
+  // 直接返回a标签的内容，不要a标签
+  propTab.props.children : propTab;
   var renderCardTab = function renderCardTab() {
     return tab;
   };
@@ -57970,27 +58563,35 @@ var Tab = function Tab(props, ref) {
   if (shape === 'card') {
     style.color = color;
   }
-  if (shape === 'button') return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, objectSpread2_default()(objectSpread2_default()({
-    className: tabClass,
-    jssStyle: {
-      button: buttonStyle
-    }
-  }, getStateProps()), {}, {
-    style: style,
-    disabled: disabled,
-    type: isActive ? 'primary' : 'secondary',
-    onClick: handleClick,
-    dir: config.direction,
-    children: tab
-  }));
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
-    dir: config.direction,
+  var containerProps = objectSpread2_default()(objectSpread2_default()({
     className: tabClass
   }, getStateProps()), {}, {
     style: style,
     onClick: handleClick,
     ref: ref,
+    dir: config.direction
+  });
+  if (shape === 'button') {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, objectSpread2_default()(objectSpread2_default()({
+      jssStyle: {
+        button: buttonStyle
+      },
+      disabled: disabled,
+      type: isActive ? 'primary' : 'secondary'
+    }, containerProps), {}, {
+      children: tab
+    }));
+  }
+  var $children = /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [shape === 'card' && renderCardTab(), shape === 'line' && renderLineTab(), shape === 'dash' && renderDashTab(), shape === 'fill' && renderFillTab()]
+  });
+  if (isLink(propTab)) {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(propTab, objectSpread2_default()({
+      children: $children
+    }, containerProps));
+  }
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({}, containerProps), {}, {
+    children: $children
   }));
 };
 /* harmony default export */ var tabs_tab = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(Tab));
@@ -58222,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,
@@ -58353,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;
       })
     });
   };
@@ -58365,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;
@@ -59319,6 +59925,7 @@ var Transfer = function Transfer(props) {
     _props$operationIcon = props.operationIcon,
     operationIcon = _props$operationIcon === void 0 ? true : _props$operationIcon,
     searchPlaceholder = props.searchPlaceholder,
+    equalPanelWidth = props.equalPanelWidth,
     beforeChange = props.beforeChange,
     renderFilter = props.renderFilter,
     onSearch = props.onSearch,
@@ -59362,7 +59969,7 @@ var Transfer = function Transfer(props) {
     onFilter = _useTransfer.onFilter,
     onSelectChange = _useTransfer.onSelectChange;
   var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$transfer = jssStyle.transfer) === null || _jssStyle$transfer === void 0 ? void 0 : _jssStyle$transfer.call(jssStyle)) || {};
-  var rootClass = classnames_default()(styles.transfer, className, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, styles.simple, simple), styles.small, size === 'small'), styles.large, size === 'large'));
+  var rootClass = classnames_default()(styles.transfer, className, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, styles.simple, simple), styles.small, size === 'small'), styles.large, size === 'large'), styles.equalPanelWidth, equalPanelWidth));
   var renderOperations = function renderOperations() {
     var sourceOperation = operations === null || operations === void 0 ? void 0 : operations[0];
     var targetOperation = operations === null || operations === void 0 ? void 0 : operations[1];
@@ -63486,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
@@ -63528,6 +64137,8 @@ var icon_interface = __webpack_require__(8514);
 var image_interface = __webpack_require__(3853);
 // EXTERNAL MODULE: ./src/input/interface.ts
 var input_interface = __webpack_require__(518);
+// EXTERNAL MODULE: ./src/link/interface.ts
+var link_interface = __webpack_require__(6335);
 // EXTERNAL MODULE: ./src/list/interface.ts
 var list_interface = __webpack_require__(8784);
 // EXTERNAL MODULE: ./src/menu/interface.ts
@@ -63668,6 +64279,10 @@ var upload_interface = __webpack_require__(8821);
 
 
 
+
+
+
+
 
 
 
@@ -63729,11 +64344,13 @@ var upload_interface = __webpack_require__(8821);
 
 
 
+
+
 
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.0-beta.1'
+  version: '3.4.0-beta.3'
 });
 }();
 /******/ 	return __webpack_exports__;