shineout 3.4.0-beta.1 → 3.4.0-beta.2

package/dist/shineout.js

@@ -163,6 +163,13 @@ return /******/ (function() { // webpackBootstrap
 
 
 
+/***/ }),
+
+/***/ 6335:
+/***/ (function() {
+
+
+
 /***/ }),
 
 /***/ 8784:
@@ -6331,6 +6338,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; },
@@ -6605,6 +6613,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 +6798,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 +6840,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 +6907,9 @@ var config = {
     Show: icons.Display,
     Close: icons.PcCloseCircleFill
   },
+  link: {
+    prefixIcon: icons.Link
+  },
   menu: {
     CollapseArrow: icons.ArrowDown,
     FrontSolidArrowDown: icons.PcArrowFillDown,
@@ -11968,7 +11982,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.2');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -13602,6 +13616,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 +15037,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()({}, 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()({}, 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);
 
 
 
@@ -16813,6 +16863,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 +19596,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 +19838,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 +22311,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,
@@ -26211,6 +26385,11 @@ var TransferStyle = {
     color: src.transferFontColor,
     fontSize: src.transferFontSize
   },
+  equalPanelWidth: {
+    '& $view': {
+      flex: 1
+    }
+  },
   small: {
     '& $operations': {
       '& svg': {
@@ -26402,7 +26581,14 @@ var TransferStyle = {
       marginRight: 0
     }
   },
-  checkbox: {},
+  checkbox: {
+    '&>[data-soui-role="desc"]': {
+      flex: 1,
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis'
+    }
+  },
   empty: {
     height: '100%',
     display: 'flex',
@@ -27050,6 +27236,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,
@@ -27590,6 +27783,7 @@ var useUploadStyle = styled(upload_upload, 'upload');
 
 
 
+
 
 
 /* harmony default export */ var shineout_style_src = ({});
@@ -29862,7 +30056,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 +31988,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 +36205,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 +36251,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 +36265,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 +36318,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 +36333,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 +36439,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 +36459,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 +36471,7 @@ var ResultInput = function ResultInput(props) {
       className: styles.inputMirror,
       ref: mirrorRef,
       children: inputText || value
-    })]
+    }), renderResultPlaceholder()]
   });
 };
 /* harmony default export */ var result_input = (ResultInput);
@@ -36737,7 +36952,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 +37000,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 +37021,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 +37105,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();
@@ -42449,6 +42662,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 +42763,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 +42780,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 +42809,7 @@ var DatePicker = function DatePicker(props0) {
       onKeyDown: function onKeyDown(e) {
         if (e.key === 'Enter') {
           if (open) {
-            closePop();
+            handleClose();
           } else {
             openPop();
           }
@@ -42644,7 +42866,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 +43917,7 @@ DrawerComp.Submit = src_modal_0.Submit;
 
 
 var Item_excluded = ["className"],
-  Item_excluded2 = ["className"];
+  Item_excluded2 = ["className", "onClick"];
 
 
 
@@ -43757,10 +43979,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 +48049,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
 
 
@@ -56734,6 +57022,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 +57076,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;
@@ -57908,10 +58207,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 +58239,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 +58273,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));
@@ -59319,6 +59630,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 +59674,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];
@@ -63528,6 +63840,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
@@ -63670,6 +63984,8 @@ var upload_interface = __webpack_require__(8821);
 
 
 
+
+
 
 
 
@@ -63730,10 +64046,11 @@ var upload_interface = __webpack_require__(8821);
 
 
 
+
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.0-beta.1'
+  version: '3.4.0-beta.2'
 });
 }();
 /******/ 	return __webpack_exports__;