shineout 3.4.0-beta.3 → 3.4.0-beta.5

package/dist/shineout.js

@@ -11991,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.3');
+/* harmony default export */ var version = ('3.4.0-beta.5');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -13337,6 +13337,8 @@ var datePickerTokens = {
   datePickerQuickPanelItemFontSize: 'Font-12',
   datePickerQuickPanelItemPaddingX: 'Spacing-12',
   datePickerQuickPanelItemPaddingY: 'Spacing-2',
+  datePickerQuickPanelItemActiveBackgroundColor: 'Brand-1',
+  datePickerQuickPanelItemActiveFontColor: 'Brand-6',
   datePickerQuickPanelItemHoverBackgroundColor: 'Neutral-fill-2'
 };
 /* harmony default export */ var date_picker = (datePickerTokens);
@@ -18133,6 +18135,10 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
       cursor: 'pointer'
     }
   },
+  quickPickerActiveItem: {
+    color: src.datePickerQuickPanelItemActiveFontColor,
+    background: src.datePickerQuickPanelItemActiveBackgroundColor
+  },
   pickerFooterBtn: {}
 });
 /* harmony default export */ var date_picker_date_picker = (datePickerStyle);
@@ -21302,7 +21308,7 @@ var normalize_token = {
 };
 var lineHeightComputed = '20px';
 var lineHeightComputed2 = '10px';
-var normalize_css = "*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  -ms-overflow-style: scrollbar;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  margin: 0;\n  color: ".concat(normalize_token.color, ";\n  font-family: ").concat(normalize_token.fontFamily, ";\n  font-size: ").concat(normalize_token.fontSize, ";\n  line-height: ").concat(normalize_token.lineHeight, ";\n}\n\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\nh1 {\n  margin: 0.67em 0;\n  font-size: 2em;\n}\n\nfigcaption,\nfigure,\nmain {\n  display: block;\n}\n\nfigure {\n  margin: 1em 40px;\n}\n\nhr {\n  overflow: visible;\n  height: 0;\n  box-sizing: content-box;\n}\n\npre {\n  font-family: \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Courier New\", monospace;\n  font-size: 1em;\n}\n\na {\n  background-color: transparent;\n  color: ").concat(normalize_token.linkColor, ";\n  cursor: pointer;\n  outline: none;\n  text-decoration: ").concat(normalize_token.linkHoverDecoration, ";\n  -webkit-text-decoration-skip: objects;\n  transition: color 0.3s;\n}\n\na:active,\na:hover {\n  color: ").concat(normalize_token.linkColor, ";\n  outline: 0;\n  text-decoration: ").concat(normalize_token.linkHoverDecoration, ";\n}\na[disabled] {\n  color: ").concat(normalize_token.linkDisabledColor, ";\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\nabbr[title] {\n  border-bottom: none;\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\ndfn {\n  font-style: italic;\n}\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\nimg {\n  border-style: none;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n}\n\nbutton,\ninput {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\nlegend {\n  display: table;\n  max-width: 100%;\n  box-sizing: border-box;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type='checkbox'],\n[type='radio'] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type='search'] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type='search']::-webkit-search-cancel-button,\n[type='search']::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n\ndetails,\nmenu {\n  display: block;\n}\n\n\nsummary {\n  display: list-item;\n}\n\n\ncanvas {\n  display: inline-block;\n}\n\n\ntemplate {\n  display: none;\n}\n\n\n[hidden] {\n  display: none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n  color: ").concat(normalize_token.headingsColor, ";\n  font-family: ").concat(normalize_token.headingsFontFamily, ";\n  font-weight: ").concat(normalize_token.headingsFontWeight, ";\n  line-height: ").concat(normalize_token.headingsLineHeight, ";\n}\nh1 small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small,\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  color: ").concat(normalize_token.headingsSmallColor, ";\n  font-weight: normal;\n  line-height: 1;\n}\n\n\nh1,\n.h1,\nh2,\n.h2,\nh3,\n.h3 {\n  margin-top: ").concat(lineHeightComputed, ";\n  margin-bottom: ").concat(lineHeightComputed, ";\n}\n\nhi small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small {\n  font-size: 65%;\n}\n\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6 {\n  margin-top: ").concat(lineHeightComputed2, ";\n  margin-bottom: ").concat(lineHeightComputed2, ";\n}\n\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  font-size: 75%;\n}\n\np {\n  margin: 0 0 ").concat(lineHeightComputed2, ";\n}");
+var normalize_css = "*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  -ms-overflow-style: scrollbar;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  margin: 0;\n  color: ".concat(normalize_token.color, ";\n  font-family: ").concat(normalize_token.fontFamily, ";\n  font-size: ").concat(normalize_token.fontSize, ";\n  line-height: ").concat(normalize_token.lineHeight, ";\n}\n\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\nh1 {\n  margin: 0.67em 0;\n  font-size: 2em;\n}\n\nfigcaption,\nfigure,\nmain {\n  display: block;\n}\n\nfigure {\n  margin: 1em 40px;\n}\n\nhr {\n  overflow: visible;\n  height: 0;\n  box-sizing: content-box;\n}\n\npre {\n  font-family: \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Courier New\", monospace;\n  font-size: 1em;\n}\n\na {\n  background-color: transparent;\n  color: ").concat(normalize_token.linkColor, ";\n  cursor: pointer;\n  outline: none;\n  text-decoration: ").concat(normalize_token.linkHoverDecoration, ";\n  -webkit-text-decoration-skip: objects;\n  transition: color 0.3s;\n}\n\na:active,\na:hover {\n  color: ").concat(normalize_token.linkColor, ";\n  outline: 0;\n  text-decoration: ").concat(normalize_token.linkHoverDecoration, ";\n}\na[disabled] {\n  color: ").concat(normalize_token.linkDisabledColor, ";\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\nabbr[title] {\n  border-bottom: none;\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\ndfn {\n  font-style: italic;\n}\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\nimg {\n  border-style: none;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n}\n\nbutton,\ninput {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\nlegend {\n  display: table;\n  max-width: 100%;\n  box-sizing: border-box;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type='checkbox'],\n[type='radio'] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type='search'] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type='search']::-webkit-search-cancel-button,\n[type='search']::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n\ndetails,\nmenu {\n  display: block;\n}\n\n\nsummary {\n  display: list-item;\n}\n\n\ncanvas {\n  display: inline-block;\n}\n\n\ntemplate {\n  display: none;\n}\n\n\n[hidden] {\n  display: none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n  color: ").concat(normalize_token.headingsColor, ";\n  font-family: ").concat(normalize_token.headingsFontFamily, ";\n  font-weight: ").concat(normalize_token.headingsFontWeight, ";\n  line-height: ").concat(normalize_token.headingsLineHeight, ";\n}\nh1 small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small,\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  color: ").concat(normalize_token.headingsSmallColor, ";\n  font-weight: normal;\n  line-height: 1;\n}\n\n\nh1,\n.h1,\nh2,\n.h2,\nh3,\n.h3 {\n  margin-top: ").concat(lineHeightComputed, ";\n  margin-bottom: ").concat(lineHeightComputed2, ";\n}\n\nhi small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small {\n  font-size: 65%;\n}\n\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6 {\n  margin-top: ").concat(lineHeightComputed2, ";\n  margin-bottom: ").concat(lineHeightComputed2, ";\n}\n\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  font-size: 75%;\n}\n\np {\n  margin: 0 0 ").concat(lineHeightComputed2, ";\n}");
 if (typeof window !== 'undefined') {
   var normalize_link = document.createElement('style');
   normalize_link.innerHTML = normalize_css;
@@ -22517,6 +22523,11 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     padding: 0,
     width: '100%'
   },
+  dynamicList: {
+    '& $optionInner': {
+      textWrap: 'wrap'
+    }
+  },
   option: {
     listStyle: 'none',
     lineHeight: src.lineHeightDynamic,
@@ -24783,6 +24794,14 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
       background: "".concat(src.tableTbodyHoverBackgroundColor)
     }
   },
+  rowHover: {
+    '& td': {
+      transition: 'background-color 0.2s'
+    },
+    '&&:hover td': {
+      background: "".concat(src.tableTbodyHoverBackgroundColor)
+    }
+  },
   floatLeft: {
     '& $cellFixedLast$cellFixedLeft': {
       '&::after': {
@@ -26083,9 +26102,6 @@ var TagStyle = {
     padding: "0 ".concat(src.tagSmallPaddingX),
     fontWeight: src.tagSmallFontWeight,
     borderRadius: src.tagSmallBorderRadius,
-    '& $container': {
-      lineHeight: "calc(".concat(src.tagSmallFontSize, " + 6px)")
-    },
     '& $wrapper': {
       lineHeight: "calc(".concat(src.tagSmallFontSize, " + 6px)")
     },
@@ -26384,7 +26400,8 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({}, tooltip_a
       backgroundColor: src.tooltipDangerBackgroundColor,
       color: src.tooltipDangerColor
     },
-    '&::before': {
+    // '&::before': {
+    '& $arrow': {
       'z-index': 1,
       position: 'absolute',
       content: '" "',
@@ -26399,19 +26416,13 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({}, tooltip_a
     },
     '&[data-soui-position^="bottom"]': {
       marginTop: arrowGap - 2,
-      '&::before': {
-        top: '0',
-        left: '0',
-        right: '0',
-        margin: 'auto'
-      },
-      '&[dir=ltr]::before': {
+      '&[dir=ltr] $arrow': {
         transform: 'translate(0, -50%) rotate(-45deg)'
       },
-      '&[dir=rtl]::before': {
+      '&[dir=rtl] $arrow': {
         transform: 'translate(0, -50%) rotate(45deg)'
       },
-      '&::after': {
+      '& $arrow::after': {
         top: arrowGap * -1,
         left: '0',
         right: '0',
@@ -26423,105 +26434,105 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({}, tooltip_a
     },
     '&[data-soui-position^="top"]': {
       marginTop: (arrowGap - 2) * -1,
-      '&::before': {
-        bottom: '0',
-        transform: 'translate(0, 50%) rotate(135deg)',
-        left: '0',
-        right: '0',
-        margin: 'auto'
-      },
-      '&[dir=ltr]::before': {
+      '&[dir=ltr] $arrow': {
         transform: 'translate(0, 50%) rotate(135deg)'
       },
-      '&[dir=rtl]::before': {
+      '&[dir=rtl] $arrow': {
         transform: 'translate(0, 50%) rotate(-135deg)'
-      },
-      '&::after': {
-        bottom: arrowGap * -1,
-        left: '0',
-        right: '0',
-        content: '" "',
-        display: 'block',
-        height: arrowGap,
-        position: 'absolute'
       }
+      // '&::before': {
+      //   bottom: '0',
+      //   transform: 'translate(0, 50%) rotate(135deg)',
+      //   left: '0',
+      //   right: '0',
+      //   margin: 'auto',
+      // },
+      // '&[dir=ltr]::before': {
+      //   transform: 'translate(0, 50%) rotate(135deg)',
+      // },
+      // '&[dir=rtl]::before': {
+      //   transform: 'translate(0, 50%) rotate(-135deg)',
+      // },
+      // '&::after': {
+      //   bottom: arrowGap * -1,
+      //   left: '0',
+      //   right: '0',
+      //   content: '" "',
+      //   display: 'block',
+      //   height: arrowGap,
+      //   position: 'absolute',
+      // },
     },
     '&[data-soui-position^="left"]': {
       marginLeft: (arrowGap - 2) * -1,
-      '&[dir=ltr]': {
-        marginLeft: (arrowGap - 2) * -1
-      },
-      '&[dir=rtl]': {
-        marginRight: (arrowGap - 2) * -1
-      },
-      '&::before': {
-        right: 0,
-        top: '0',
-        bottom: '0',
-        margin: 'auto'
-      },
-      '&[dir=ltr]::before': {
+      '&[dir=ltr] $arrow': {
         transform: 'translate(50%, 0) rotate(45deg)'
       },
-      '&[dir=rtl]::before': {
+      '&[dir=rtl] $arrow': {
         transform: 'translate(50%, 0) rotate(135deg)'
-      },
-      '&::after': {
-        left: arrowGap * -1,
-        top: '0',
-        bottom: '0',
-        content: '" "',
-        display: 'block',
-        width: arrowGap,
-        position: 'absolute'
       }
+
+      // '&[dir=ltr]': { marginLeft: (arrowGap - 2) * -1 },
+      // '&[dir=rtl]': { marginRight: (arrowGap - 2) * -1 },
+      // '&::before': {
+      //   right: 0,
+      //   top: '0',
+      //   bottom: '0',
+      //   margin: 'auto',
+      // },
+      // '&[dir=ltr]::before': {
+      //   transform: 'translate(50%, 0) rotate(45deg)',
+      // },
+      // '&[dir=rtl]::before': {
+      //   transform: 'translate(50%, 0) rotate(135deg)',
+      // },
+      // '&::after': {
+      //   left: arrowGap * -1,
+      //   top: '0',
+      //   bottom: '0',
+      //   content: '" "',
+      //   display: 'block',
+      //   width: arrowGap,
+      //   position: 'absolute',
+      // },
     },
     '&[data-soui-position^="right"]': {
       marginLeft: arrowGap - 2,
-      '&[dir=ltr]': {
-        marginLeft: arrowGap - 2
-      },
-      '&[dir=rtl]': {
-        marginRight: arrowGap - 2
-      },
-      '&::before': {
-        left: '0',
-        top: '0',
-        bottom: '0',
-        margin: 'auto'
-      },
-      '&[dir=ltr]::before': {
+      '&[dir=ltr] $arrow': {
         transform: 'translate(-50%, 0) rotate(-135deg)'
       },
-      '&[dir=rtl]::before': {
+      '&[dir=rtl] $arrow': {
         transform: 'translate(-50%, 0) rotate(-45deg)'
-      },
-      '&::after': {
-        left: arrowGap * -1,
-        top: '0',
-        bottom: '0',
-        content: '" "',
-        display: 'block',
-        width: arrowGap,
-        position: 'absolute'
       }
-    },
-    '&&[data-soui-position$="-left"]::before': {
-      left: tooltip_arrowMargin,
-      right: 'auto'
-    },
-    '&&[data-soui-position$="-right"]::before': {
-      right: tooltip_arrowMargin,
-      left: 'auto'
-    },
-    '&&[data-soui-position$="-top"]::before': {
-      top: tooltip_arrowMargin,
-      bottom: 'auto'
-    },
-    '&&[data-soui-position$="-bottom"]::before': {
-      bottom: tooltip_arrowMargin,
-      top: 'auto'
+
+      // '&[dir=ltr]': { marginLeft: arrowGap - 2 },
+      // '&[dir=rtl]': { marginRight: arrowGap - 2 },
+      // '&::before': {
+      //   left: '0',
+      //   top: '0',
+      //   bottom: '0',
+      //   margin: 'auto',
+      // },
+      // '&[dir=ltr]::before': {
+      //   transform: 'translate(-50%, 0) rotate(-135deg)',
+      // },
+      // '&[dir=rtl]::before': {
+      //   transform: 'translate(-50%, 0) rotate(-45deg)',
+      // },
+      // '&::after': {
+      //   left: arrowGap * -1,
+      //   top: '0',
+      //   bottom: '0',
+      //   content: '" "',
+      //   display: 'block',
+      //   width: arrowGap,
+      //   position: 'absolute',
+      // },
     }
+    // '&&[data-soui-position$="-left"]::before': { left: arrowMargin, right: 'auto' },
+    // '&&[data-soui-position$="-right"]::before': { right: arrowMargin, left: 'auto' },
+    // '&&[data-soui-position$="-top"]::before': { top: arrowMargin, bottom: 'auto' },
+    // '&&[data-soui-position$="-bottom"]::before': { bottom: arrowMargin, top: 'auto' },
   },
   wrapperOpen: {
     display: 'block',
@@ -26541,6 +26552,12 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({}, tooltip_a
   target: {
     display: 'inline-block'
   },
+  arrow: {
+    // before
+    '&::before': {
+      content: "''"
+    }
+  },
   content: {
     padding: "".concat(src.tooltipPaddingY, " ").concat(src.tooltipPaddingX),
     fontSize: src.tooltipFontSize
@@ -28772,6 +28789,10 @@ var usePositionStyle = function usePositionStyle(config) {
     _useState2 = slicedToArray_default()(_useState, 2),
     style = _useState2[0],
     setStyle = _useState2[1];
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({}),
+    _useState4 = slicedToArray_default()(_useState3, 2),
+    arrayStyle = _useState4[0],
+    setArrayStyle = _useState4[1];
   var _React$useRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef({
       element: null,
       containerRect: {
@@ -28845,10 +28866,12 @@ var usePositionStyle = function usePositionStyle(config) {
     };
   };
   var getAbsolutePositionStyle = function getAbsolutePositionStyle(rect, position) {
+    var _popupElRef$current;
     var style = {
       position: 'absolute',
       zIndex: zIndex
     };
+    var arrayStyle = {};
     if (fixedWidth) {
       var widthKey = fixedWidth === 'min' ? 'minWidth' : 'width';
       style[widthKey] = rect.width;
@@ -28858,6 +28881,7 @@ var usePositionStyle = function usePositionStyle(config) {
     var containerRect = rootContainer.getBoundingClientRect();
     var bodyRect = (document.documentElement || document.body).getBoundingClientRect();
     var containerScrollBarWidth = rootContainer.offsetWidth - rootContainer.clientWidth;
+    var targetRect = (_popupElRef$current = popupElRef.current) === null || _popupElRef$current === void 0 ? void 0 : _popupElRef$current.getBoundingClientRect();
     var containerScroll = {
       left: rootContainer.scrollLeft,
       top: rootContainer.scrollTop
@@ -28874,14 +28898,25 @@ var usePositionStyle = function usePositionStyle(config) {
       if (h === 'left') {
         style.left = rect.left - containerRect.left + containerScroll.left;
         style.transform = '';
+        arrayStyle.left = "8px";
         if (adjust) {
           overRight = rect.left + context.popUpWidth - bodyRect.right + containerScrollBarWidth;
+          if (style.left < 0 && targetRect) {
+            style.left = 'auto';
+          }
         }
       } else if (h === 'right') {
         style.right = containerRect.right - rect.right + containerScrollBarWidth - containerScroll.left;
         style.left = 'auto';
         style.transform = '';
-        if (adjust) overLeft = bodyRect.left - (rect.right - context.popUpWidth);
+        arrayStyle.right = "8px";
+        if (adjust) {
+          overLeft = bodyRect.left - (rect.right - context.popUpWidth);
+          if (style.right < 0 && targetRect) {
+            style.left = bodyRect.width - targetRect.width;
+            style.right = 'auto';
+          }
+        }
       } else {
         // 居中对齐
         style.left = rect.left + rect.width / 2 - containerRect.left + containerScroll.left;
@@ -28890,6 +28925,9 @@ var usePositionStyle = function usePositionStyle(config) {
           overRight = rect.left + rect.width / 2 + context.popUpWidth / 2 - bodyRect.width + containerScrollBarWidth;
           overLeft = bodyRect.left - (rect.left + rect.width / 2 - context.popUpWidth / 2);
         }
+        if (targetRect) {
+          arrayStyle.left = "".concat(targetRect.width / 2 - 5.9, "px");
+        }
       }
       if (adjust) {
         // 调节左右溢出
@@ -28898,16 +28936,26 @@ var usePositionStyle = function usePositionStyle(config) {
           style.left -= overRight;
           // 扣除触发器距离页面右侧的距离，以保证从右侧弹出的窗口最右边对齐触发器最右边
           style.left -= toRightDistance;
+          if (targetRect) {
+            arrayStyle.left = "".concat((targetRect === null || targetRect === void 0 ? void 0 : targetRect.width) - context.parentRect.width / 2 - 5.9, "px");
+          }
         }
         if (overLeft > 0) {
           style.left += overLeft;
+          arrayStyle.left = "".concat(rect.width / 2 - 5.9, "px");
         }
       }
       if (v === 'bottom') {
         style.top = rect.bottom - containerRect.top + containerScroll.top + popupGap;
+        if (targetRect) {
+          arrayStyle.top = "".concat(0, "px");
+        }
       } else {
         style.top = rect.top - containerRect.top + containerScroll.top - popupGap;
         style.transform += 'translateY(-100%)';
+        if (targetRect) {
+          arrayStyle.top = "".concat(targetRect.height - 5.9 - 4, "px");
+        }
       }
     } else if (horizontalPosition.includes(targetPosition)) {
       var _targetPosition$split3 = targetPosition.split('-'),
@@ -28917,45 +28965,88 @@ var usePositionStyle = function usePositionStyle(config) {
       if (_v === 'top') {
         style.top = rect.top - containerRect.top + containerScroll.top;
         style.transform = '';
+        arrayStyle.top = "8px";
       } else if (_v === 'bottom') {
         style.top = rect.bottom - containerRect.top + containerScroll.top;
+        arrayStyle.bottom = "8px";
         style.transform = 'translateY(-100%)';
       } else {
         // 居中对齐
         style.top = rect.top - containerRect.top + containerScroll.top + rect.height / 2;
+        if (targetRect) {
+          arrayStyle.top = "".concat(targetRect.height / 2 - 5.9 / 2, "px");
+        }
         style.transform = 'translateY(-50%)';
       }
       if (_h === 'right') {
         style.left = rect.right - containerRect.left + containerScroll.left + popupGap;
       } else {
         style.left = rect.left - containerRect.left + containerScroll.left - popupGap;
+        arrayStyle.right = "0px";
         style.transform += ' translateX(-100%)';
       }
     } else if (position === 'cover') {
       style.top = rect.top - containerRect.top + containerScroll.top;
       style.left = rect.left - containerRect.left + containerScroll.left;
     }
-    return style;
+    return {
+      style: style,
+      arrayStyle: arrayStyle
+    };
   };
   var getAbsoluteStyle = function getAbsoluteStyle(position) {
-    if (!parentElRef.current) return hideStyle;
+    if (!parentElRef.current) return {
+      style: hideStyle
+    };
     var rect = context.parentRect;
     if (scrollElRef !== null && scrollElRef !== void 0 && scrollElRef.current) {
       var _scrollElRef$current;
       var visibleRect = ((_scrollElRef$current = scrollElRef.current) === null || _scrollElRef$current === void 0 ? void 0 : _scrollElRef$current.getBoundingClientRect()) || {};
       if (rect.bottom < visibleRect.top || rect.top > visibleRect.bottom || rect.right < visibleRect.left || rect.left > visibleRect.right) {
-        return hideStyle;
+        return {
+          style: hideStyle
+        };
       }
     }
-    var style = getAbsolutePositionStyle(rect, position);
-    return style;
+    var _getAbsolutePositionS = getAbsolutePositionStyle(rect, position),
+      style = _getAbsolutePositionS.style,
+      arrayStyle = _getAbsolutePositionS.arrayStyle;
+
+    // TODO: 如果是版本大于chrome128，需要根据currentCSSZoom处理chrome的bug
+    if (!isChromeLowerThan(128)) {
+      // @ts-ignore currentCSSZoom
+      var currentCSSZoom = document.body.currentCSSZoom;
+      if (currentCSSZoom === 1 || !currentCSSZoom) return {
+        style: style,
+        arrayStyle: arrayStyle
+      };
+      if (style.left && typeof style.left === 'number') {
+        style.left = style.left * (1 / currentCSSZoom);
+      }
+      if (style.top && typeof style.top === 'number') {
+        style.top = style.top * (1 / currentCSSZoom);
+      }
+      if (style.right && typeof style.right === 'number') {
+        style.right = style.right * (1 / currentCSSZoom);
+      }
+      if (style.bottom && typeof style.bottom === 'number') {
+        style.bottom = style.bottom * (1 / currentCSSZoom);
+      }
+    }
+    return {
+      style: style,
+      arrayStyle: arrayStyle
+    };
   };
   var getStyle = function getStyle() {
     var newStyle = {};
+    var newArrayStyle = {};
     var _ref2 = config || {},
       position = _ref2.position,
       absolute = _ref2.absolute;
-    if (!position || !show || !parentElRef.current) return style;
+    if (!position || !show || !parentElRef.current) return {
+      newStyle: style
+    };
     context.parentRect = parentElRef.current.getBoundingClientRect();
     if (adjust) {
       var popupInfo = getPopUpInfo(context.parentRect);
@@ -28970,22 +29061,35 @@ var usePositionStyle = function usePositionStyle(config) {
         fixedWidth: fixedWidth
       });
     } else {
-      newStyle = getAbsoluteStyle(realPosition);
+      var _ref3 = getAbsoluteStyle(realPosition),
+        nextStyle = _ref3.style,
+        nextArrayStyle = _ref3.arrayStyle;
+      newStyle = nextStyle;
+      newArrayStyle = nextArrayStyle;
     }
     // for animation
     if (realPosition.indexOf('top') === 0) {
       newStyle.transformOrigin = 'center bottom';
     }
-    return newStyle;
+    return {
+      newStyle: newStyle,
+      newArrayStyle: newArrayStyle
+    };
   };
   var updateStyle = use_persist_fn(function () {
-    var newStyle = getStyle();
+    var _getStyle = getStyle(),
+      newStyle = _getStyle.newStyle,
+      newArrayStyle = _getStyle.newArrayStyle;
     if (newStyle && !shallow_equal(style, newStyle)) {
       setStyle(newStyle);
+      setArrayStyle(newArrayStyle || {});
     }
   });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(updateStyle, [show, position, absolute, updateKey, fixedWidth]);
-  return style;
+  return {
+    style: style,
+    arrayStyle: arrayStyle
+  };
 };
 /* harmony default export */ var use_position_style = ((/* unused pure expression or super */ null && (usePositionStyle)));
 // EXTERNAL MODULE: external {"root":"ReactDOM","commonjs2":"react-dom","commonjs":"react-dom","amd":"react-dom"}
@@ -29630,6 +29734,7 @@ var AbsoluteList = function AbsoluteList(props) {
     _props$zIndex = props.zIndex,
     zIndex = _props$zIndex === void 0 ? 1051 : _props$zIndex,
     focus = props.focus,
+    arrowRef = props.arrowRef,
     popupElRef = props.popupElRef,
     updateKey = props.updateKey,
     popupGap = props.popupGap,
@@ -29648,23 +29753,33 @@ var AbsoluteList = function AbsoluteList(props) {
       rendered: false
     }),
     context = _useRef.current;
-  var style = usePositionStyle({
-    getContainer: getRoot,
-    position: position,
-    absolute: !!absolute,
-    parentElRef: parentElRef,
-    show: focus,
-    fixedWidth: fixedWidth,
-    zIndex: zIndex,
-    scrollElRef: scrollElRef,
-    popupElRef: popupElRef,
-    updateKey: updateKey,
-    popupGap: popupGap,
-    adjust: adjust
-  });
+  var _usePositionStyle = usePositionStyle({
+      getContainer: getRoot,
+      position: position,
+      absolute: !!absolute,
+      parentElRef: parentElRef,
+      show: focus,
+      fixedWidth: fixedWidth,
+      zIndex: zIndex,
+      scrollElRef: scrollElRef,
+      popupElRef: popupElRef,
+      updateKey: updateKey,
+      popupGap: popupGap,
+      adjust: adjust
+    }),
+    style = _usePositionStyle.style,
+    arrayStyle = _usePositionStyle.arrayStyle;
   var childStyle = children.props.style;
   var newStyle = objectSpread2_default()(objectSpread2_default()({}, style), childStyle);
   if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(children) === false) return null;
+  if (arrowRef && arrayStyle && Object.keys(arrayStyle).length > 0) {
+    Object.keys(arrayStyle).forEach(function (key) {
+      if (arrowRef.current) {
+        // @ts-ignore
+        arrowRef.current.style[key] = arrayStyle[key];
+      }
+    });
+  }
   var styledChild = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(children, {
     style: newStyle
   });
@@ -29778,6 +29893,7 @@ var getMenuPosition = function getMenuPosition(target) {
 };
 var getPopoverPosition = function getPopoverPosition(target) {
   var priorityDirection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'vertical';
+  var popup = arguments.length > 2 ? arguments[2] : undefined;
   var position = 'bottom-left';
   if (!target) return position;
   var rect = target.getBoundingClientRect();
@@ -29799,11 +29915,24 @@ var getPopoverPosition = function getPopoverPosition(target) {
       position += '-top';
     }
   } else {
+    var popupRect = popup === null || popup === void 0 ? void 0 : popup.getBoundingClientRect();
     if (verticalPoint > windowHeight / 2) position = 'top';else position = 'bottom';
-    if (horizontalPoint > windowWidth * 0.6) {
-      position += '-right';
-    } else if (horizontalPoint < windowWidth * 0.4) {
-      position += '-left';
+
+    // 如果渲染了弹出内容，则根据弹出内容宽度计算是否自动调整位置
+    if (popupRect) {
+      if ((popupRect === null || popupRect === void 0 ? void 0 : popupRect.width) / 2 > rect.left) {
+        position += '-left';
+      }
+      if ((popupRect === null || popupRect === void 0 ? void 0 : popupRect.width) / 2 > windowWidth - rect.right) {
+        position += '-right';
+      }
+    } else {
+      // 兜底计算
+      if (horizontalPoint > windowWidth * 0.6) {
+        position += '-right';
+      } else if (horizontalPoint < windowWidth * 0.4) {
+        position += '-left';
+      }
     }
   }
   return position;
@@ -29811,7 +29940,8 @@ var getPopoverPosition = function getPopoverPosition(target) {
 var getPosition = function getPosition(target) {
   var priorityDirection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'vertical';
   var mode = arguments.length > 2 ? arguments[2] : undefined;
-  if (mode === 'popover') return getPopoverPosition(target, priorityDirection);
+  var popup = arguments.length > 3 ? arguments[3] : undefined;
+  if (mode === 'popover') return getPopoverPosition(target, priorityDirection, popup);
   if (mode === 'menu') return getMenuPosition(target, priorityDirection);
   return 'bottom-left';
 };
@@ -29853,6 +29983,7 @@ var usePopup = function usePopup(props) {
     removeChild = _useContext.removeChild;
   var targetRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var popupRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var arrowRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     bindChild(popupRef);
     return function () {
@@ -29884,11 +30015,12 @@ var usePopup = function usePopup(props) {
     setPositionState = _useState4[1];
   var position = isPositionControl ? props.position : positionState;
   var updatePosition = use_persist_fn(function () {
-    if (isPositionControl) return;
-    if (props.position === 'auto' || !props.position) {
-      var newPosition = getPosition(targetRef.current, props.priorityDirection, autoMode);
+    // if (isPositionControl) return;
+    // if (props.position === 'auto' || !props.position) {
+    setTimeout(function () {
+      var newPosition = getPosition(targetRef.current, props.priorityDirection, autoMode, popupRef.current || undefined);
       if (newPosition !== position) setPositionState(newPosition);
-    }
+    }, 10);
   });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (props.open) {
@@ -30017,6 +30149,7 @@ var usePopup = function usePopup(props) {
     position: position,
     targetRef: targetRef,
     popupRef: popupRef,
+    arrowRef: arrowRef,
     getTargetProps: getTargetProps,
     openPop: openPop,
     closePop: closePop,
@@ -31411,11 +31544,15 @@ var FormFooterProvider = function FormFooterProvider(props) {
     formStats = _useState2[0],
     setFormS = _useState2[1];
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
-      submit: function submit() {}
+      submit: function submit() {},
+      hasSubmit: false
     }),
     context = _useRef.current;
   var setFormInfo = usePersistFn(function (info) {
-    context.submit = info.submit;
+    if (!context.hasSubmit) {
+      context.submit = info.submit;
+      context.hasSubmit = true;
+    }
   });
   var setFormStats = usePersistFn(function (disabled) {
     if (disabled !== formStats) {
@@ -36758,7 +36895,7 @@ var ResultInput = function ResultInput(props) {
 
 var Done = 2;
 var Finish = 0;
-var Pendding = 1;
+var Pending = 1;
 var isEmpty = is_isEmpty,
   use_tag_isPromise = isPromise,
   use_tag_isString = isString,
@@ -36809,7 +36946,7 @@ var useTag = function useTag(props) {
     if (typeof onClose === 'function') {
       callback = onClose(e);
       if (use_tag_isPromise(callback)) {
-        setDismiss(Pendding);
+        setDismiss(Pending);
         callback.then(function () {
           setDismiss(Done);
         }).catch(function () {
@@ -36915,7 +37052,7 @@ var tag_excluded = ["jssStyle", "className", "type", "color", "size", "disabled"
 
 
 var tag_Done = 2;
-var tag_Pendding = 1;
+var tag_Pending = 1;
 var Tag = function Tag(props) {
   var _jssStyle$tag;
   var jssStyle = props.jssStyle,
@@ -36998,7 +37135,7 @@ var Tag = function Tag(props) {
     if (!showClose) {
       return null;
     }
-    if (dismiss === tag_Pendding) {
+    if (dismiss === tag_Pending) {
       // 后面用 Spin 替换
       return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {});
     }
@@ -37110,7 +37247,7 @@ var More = function More(props) {
   var before = [];
   var after = [];
   var itemsLength = 0;
-  var tagStlye = shouldShowMore ? {
+  var tagStyle = shouldShowMore ? {
     position: 'absolute',
     zIndex: -100,
     userSelect: 'none',
@@ -37158,7 +37295,7 @@ var More = function More(props) {
         className: styles.tag,
         jssStyle: jssStyle,
         size: size,
-        style: tagStlye,
+        style: tagStyle,
         mode: visible ? 'fill' : 'bright',
         color: visible ? 'info' : 'default',
         children: shouldShowMore ? '+' : "+".concat(itemsLength)
@@ -37797,8 +37934,8 @@ var Cascader = function Cascader(props0) {
       return;
     }
   };
-  var handleChange = function handleChange(item) {
-    onChange === null || onChange === void 0 || onChange(item);
+  var handleChange = function handleChange(item, selectId) {
+    onChange === null || onChange === void 0 || onChange(item, selectId);
   };
   var handleClear = function handleClear(e) {
     e.stopPropagation();
@@ -38752,11 +38889,11 @@ function useFormControl(props) {
       if (inForm && controlFunc) {
         if (isArray(name)) {
           name.forEach(function (n) {
-            controlFunc.unbind(n, reserveAble);
+            controlFunc.unbind(n, reserveAble, validateFiled, update);
             updateError(n, undefined);
           });
         } else {
-          controlFunc.unbind(name, reserveAble);
+          controlFunc.unbind(name, reserveAble, validateFiled, update);
           updateError(name, undefined);
         }
       }
@@ -39223,6 +39360,10 @@ var checkbox_group_Group = function Group(props0) {
     } else {
       datum.remove(raw);
     }
+    if (children && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(children)) {
+      var _children$props$onCha, _children$props;
+      (_children$props$onCha = (_children$props = children.props).onChange) === null || _children$props$onCha === void 0 || _children$props$onCha.call(_children$props, _, checked, children.props.htmlValue);
+    }
   });
   var isChecked = usePersistFn(function (d) {
     return datum.check(d);
@@ -40642,11 +40783,12 @@ function clearHMS(date, options) {
 function compareDateArray(arr1, arr2) {
   var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'date';
   var options = arguments.length > 3 ? arguments[3] : undefined;
+  var fmt = arguments.length > 4 ? arguments[4] : undefined;
   if (!arr1 || !arr2 || arr1.length !== arr2.length) return false;
   return arr1.every(function (v, i) {
     if (!v || !arr2[i]) return false;
     if (type === 'week') return format(v, 'gggg ww', options) === format(arr2[i], 'gggg ww', options);
-    return v.getTime() === arr2[i].getTime();
+    return toDateWithFormat(v, fmt).getTime() === toDateWithFormat(arr2[i], fmt).getTime();
   });
 }
 function getFormat(fo) {
@@ -40942,7 +41084,7 @@ var useDatePickerFormat = function useDatePickerFormat(props) {
       }
     } else {
       var _props$onChange;
-      var emptyValue = props.clearWithUndefined ? undefined : '';
+      var emptyValue = props.clearWithUndefined || props.clearToUndefined ? undefined : '';
       var v = emptyValue;
       if (range) {
         v = [emptyValue, emptyValue];
@@ -40951,6 +41093,8 @@ var useDatePickerFormat = function useDatePickerFormat(props) {
             v = [props.value[0], emptyValue];
           } else if (props.value[1] && disabledStatus === 'right') {
             v = [emptyValue, props.value[1]];
+          } else if (props.clearToUndefined) {
+            v = undefined;
           }
         }
       }
@@ -41116,11 +41260,11 @@ var useDate = function useDate(props) {
   var getDateWithTime = function getDateWithTime(date) {
     return util.getDateWithTime(date, props.value, props.defaultTime, props.min, props.max, options);
   };
-  var handleDayClick = function handleDayClick(date) {
+  var handleDayClick = function handleDayClick(date, noClose) {
     var _props$onChange;
     if (isDisabled(date)) return;
     var newDate = getDateWithTime(date);
-    (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, newDate);
+    (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, newDate, noClose);
     setCurrent(newDate);
   };
   var getTimeStr = function getTimeStr() {
@@ -41590,8 +41734,8 @@ var Day = function Day(props) {
     direction = _useConfig.direction;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
   var areaType = props.type === 'week' ? 'week' : 'day';
-  var onChange = usePersistFn(function (date) {
-    props.onChange(date, props.type === 'datetime');
+  var onChange = usePersistFn(function (date, noClose) {
+    props.onChange(date, noClose || props.type === 'datetime');
     props.setTarget(undefined);
   });
   var setCurrent = usePersistFn(function (date) {
@@ -41633,7 +41777,12 @@ var Day = function Day(props) {
       dir: direction,
       className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerCell, isActive && (styles === null || styles === void 0 ? void 0 : styles.pickerCellActive), !isCurrentMonth && (styles === null || styles === void 0 ? void 0 : styles.pickerCellBound), isDisabled && (styles === null || styles === void 0 ? void 0 : styles.pickerCellDisabled), isToday && (styles === null || styles === void 0 ? void 0 : styles.pickerCellToday), isInRange && (styles === null || styles === void 0 ? void 0 : styles.pickerCellInRange), (isInRange === 'start' || isInRange === 'start-end') && props.position === 'start' && (styles === null || styles === void 0 ? void 0 : styles.pickerCellInRangeStart), (isInRange === 'end' || isInRange === 'start-end') && props.position === 'end' && (styles === null || styles === void 0 ? void 0 : styles.pickerCellInRangeEnd)),
       onClick: function onClick() {
-        return func.handleDayClick(item);
+        if (props.range) {
+          func.handleDayClick(item, props.clickTimes < 1);
+          props.setClickTimes(props.clickTimes + 1);
+        } else {
+          func.handleDayClick(item);
+        }
       },
       onDoubleClick: function onDoubleClick() {
         var _props$onDoubleClick;
@@ -42512,10 +42661,15 @@ var Quick = function Quick(props) {
     quickSelect = props.quickSelect,
     format = props.format,
     options = props.options,
-    children = props.children;
+    children = props.children,
+    type = props.type;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
-  var handleClick = function handleClick(item) {
+  var quickDateCache = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
+  var quickActiveKey = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
+  var handleClick = function handleClick(item, index) {
     var itemV = isFunc(item.value) ? item.value() : item.value;
+    quickDateCache.current = itemV;
+    quickActiveKey.current = index;
     if (!isArray(itemV)) {
       itemV = [itemV];
     }
@@ -42531,13 +42685,23 @@ var Quick = function Quick(props) {
   if (!(quickSelect !== null && quickSelect !== void 0 && quickSelect.length)) {
     return children || null;
   }
+  var compareDate = function compareDate(index) {
+    if (!quickDateCache.current) return false;
+    if (index !== quickActiveKey.current) return false;
+    var currentArr = quickDateCache.current;
+    if (!isArray(currentArr)) {
+      currentArr = [currentArr];
+    }
+    return util.compareDateArray(currentArr, props.dateArr, type, options, format);
+  };
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.quickPicker, styles === null || styles === void 0 ? void 0 : styles.picker),
     children: quickSelect === null || quickSelect === void 0 ? void 0 : quickSelect.map(function (item, index) {
+      var isActive = compareDate(index);
       return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: styles === null || styles === void 0 ? void 0 : styles.quickPickerItem,
+        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.quickPickerItem, isActive && (styles === null || styles === void 0 ? void 0 : styles.quickPickerActiveItem)),
         onClick: function onClick() {
-          handleClick(item);
+          handleClick(item, index);
         },
         children: item.name
       }, index);
@@ -42775,7 +42939,8 @@ var Picker = function Picker(props) {
     dateArr = props.dateArr,
     options = props.options,
     jssStyle = props.jssStyle,
-    isDisabledDate = props.isDisabledDate;
+    isDisabledDate = props.isDisabledDate,
+    type = props.type;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
   var _useDatePickerRange = use_datepicker_range({
       type: props.type,
@@ -42832,7 +42997,10 @@ var Picker = function Picker(props) {
       setTarget: position === 'end' ? func.setTargetEnd : func.setTargetStart,
       registerModeDisabled: props.registerModeDisabled,
       onMouseEnter: function onMouseEnter() {},
-      onMouseLeave: function onMouseLeave() {}
+      onMouseLeave: function onMouseLeave() {},
+      range: range,
+      setClickTimes: props.setClickTimes,
+      clickTimes: props.clickTimes
     };
     if (range) {
       commonProps['onMouseEnter'] = position === 'end' ? handleEnterEnd : handleEnterStart;
@@ -42888,6 +43056,7 @@ var Picker = function Picker(props) {
       range: props.range,
       jssStyle: jssStyle,
       dateArr: dateArr,
+      type: type,
       setDateArr: props.setDateArr,
       setCurrentArr: props.setCurrentArr,
       format: props.format,
@@ -42945,16 +43114,20 @@ var DatePicker = function DatePicker(props0) {
     _React$useState2 = slicedToArray_default()(_React$useState, 2),
     activeIndex = _React$useState2[0],
     setActiveIndex = _React$useState2[1];
+  var _React$useState3 = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(0),
+    _React$useState4 = slicedToArray_default()(_React$useState3, 2),
+    clickTimes = _React$useState4[0],
+    setClickTimes = _React$useState4[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';
-  var _React$useState3 = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(false),
-    _React$useState4 = slicedToArray_default()(_React$useState3, 2),
-    focused = _React$useState4[0],
-    setFocused = _React$useState4[1];
+  var _React$useState5 = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(false),
+    _React$useState6 = slicedToArray_default()(_React$useState5, 2),
+    focused = _React$useState6[0],
+    setFocused = _React$useState6[1];
   var listPosition = props.position || dfp;
   if (date_picker_horizontalPosition.includes(listPosition)) {
     listPosition = listPosition.split('-').reverse().join('-');
@@ -42982,6 +43155,7 @@ var DatePicker = function DatePicker(props0) {
       clearable: clearable,
       disabled: disabled,
       clearWithUndefined: props.clearWithUndefined,
+      clearToUndefined: props.clearToUndefined,
       onClear: undefined,
       allowSingle: props.allowSingle,
       defaultCurrent: props.defaultPickerValue || props.defaultRangeMonth,
@@ -43049,6 +43223,7 @@ var DatePicker = function DatePicker(props0) {
   var handleClose = function handleClose() {
     var _inputRef$current$inp;
     closePop();
+    setClickTimes(0);
     (_inputRef$current$inp = inputRef.current.inputRef) === null || _inputRef$current$inp === void 0 || _inputRef$current$inp.blur();
   };
   var handleResultClick = usePersistFn(function () {
@@ -43157,6 +43332,8 @@ var DatePicker = function DatePicker(props0) {
           disabledTime: props.disabledTime,
           quickSelect: props.quickSelect,
           showSelNow: props.showSelNow,
+          clickTimes: clickTimes,
+          setClickTimes: setClickTimes,
           setActiveIndex: setActiveIndex,
           hourStep: props.hourStep,
           minuteStep: props.minuteStep,
@@ -45531,8 +45708,10 @@ var useForm = function useForm(props) {
     var _context$flowMap$glob;
     if (!name) {
       Object.keys(context.updateMap).forEach(function (key) {
-        var _context$updateMap$ke, _context$updateMap;
-        (_context$updateMap$ke = (_context$updateMap = context.updateMap)[key]) === null || _context$updateMap$ke === void 0 || _context$updateMap$ke.call(_context$updateMap, context.value, context.errors, context.serverErrors);
+        var _context$updateMap$ke;
+        (_context$updateMap$ke = context.updateMap[key]) === null || _context$updateMap$ke === void 0 || _context$updateMap$ke.forEach(function (update) {
+          update(context.value, context.errors, context.serverErrors);
+        });
       });
       Object.keys(context.flowMap).forEach(function (key) {
         context.flowMap[key].forEach(function (update) {
@@ -45542,8 +45721,10 @@ var useForm = function useForm(props) {
     } else {
       var names = isArray(name) ? name : [name];
       names.forEach(function (key) {
-        var _context$updateMap$ke2, _context$updateMap2, _context$flowMap$key;
-        (_context$updateMap$ke2 = (_context$updateMap2 = context.updateMap)[key]) === null || _context$updateMap$ke2 === void 0 || _context$updateMap$ke2.call(_context$updateMap2, context.value, context.errors, context.serverErrors);
+        var _context$updateMap$ke2, _context$flowMap$key;
+        (_context$updateMap$ke2 = context.updateMap[key]) === null || _context$updateMap$ke2 === void 0 || _context$updateMap$ke2.forEach(function (update) {
+          update(context.value, context.errors, context.serverErrors);
+        });
         (_context$flowMap$key = context.flowMap[key]) === null || _context$flowMap$key === void 0 || _context$flowMap$key.forEach(function (update) {
           update();
         });
@@ -45599,9 +45780,11 @@ var useForm = function useForm(props) {
       }) : Object.keys(context.validateMap);
       var validates = files2.map(function (key) {
         var validateField = context.validateMap[key];
-        return validateField(key, deepGet(context.value, key), context.value, config);
+        return Array.from(validateField).map(function (validate) {
+          return validate(key, deepGet(context.value, key), context.value, config);
+        });
       });
-      Promise.all(validates).then(function (results) {
+      Promise.all(validates.flat()).then(function (results) {
         var error = results.find(function (n) {
           return n !== true;
         });
@@ -45646,8 +45829,10 @@ var useForm = function useForm(props) {
       Object.keys(vals).forEach(function (key) {
         deepSet(draft, key, vals[key], deepSetOptions);
         if (option.validate) {
-          var _context$validateMap$, _context$validateMap;
-          (_context$validateMap$ = (_context$validateMap = context.validateMap)[key]) === null || _context$validateMap$ === void 0 || _context$validateMap$.call(_context$validateMap, key, vals[key], current(draft));
+          var _context$validateMap$;
+          (_context$validateMap$ = context.validateMap[key]) === null || _context$validateMap$ === void 0 || _context$validateMap$.forEach(function (validate) {
+            validate(key, vals[key], current(draft));
+          });
         }
       });
     });
@@ -45791,12 +45976,17 @@ var useForm = function useForm(props) {
   var controlFunc = use_latest_obj({
     bind: function bind(n, df, validate, updateFn) {
       if (context.names.has(n)) {
-        console.error("name \"".concat(n, "\" already exist"));
-        return;
+        console.warn("name \"".concat(n, "\" already exist"));
       }
       context.names.add(n);
-      context.validateMap[n] = validate;
-      context.updateMap[n] = updateFn;
+      if (!context.validateMap[n]) {
+        context.validateMap[n] = new Set();
+      }
+      context.validateMap[n].add(validate);
+      if (!context.updateMap[n]) {
+        context.updateMap[n] = new Set();
+      }
+      context.updateMap[n].add(updateFn);
       context.removeArr.delete(n);
       if (df !== undefined && deepGet(context.value, n) === undefined) {
         if (!context.mounted) context.defaultValues[n] = df;
@@ -45806,11 +45996,19 @@ var useForm = function useForm(props) {
       }
       update(n);
     },
-    unbind: function unbind(n, reserveAble) {
-      delete context.validateMap[n];
-      delete context.defaultValues[n];
-      delete context.updateMap[n];
-      context.names.delete(n);
+    unbind: function unbind(n, reserveAble, validateFiled, update) {
+      var validateFieldSet = context.validateMap[n];
+      if (validateFiled && validateFieldSet.has(validateFiled)) {
+        validateFieldSet.delete(validateFiled);
+      }
+      var updateFieldSet = context.updateMap[n];
+      if (update && updateFieldSet.has(update)) {
+        updateFieldSet.delete(update);
+      }
+      if (validateFieldSet.size === 0 && updateFieldSet.size === 0) {
+        context.names.delete(n);
+        delete context.defaultValues[n];
+      }
       if (!reserveAble && !context.removeLock) {
         addRemove(n);
       }
@@ -45885,12 +46083,12 @@ var useForm = function useForm(props) {
   external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect(function () {
     // 服务端错误更新
     if (!props.error) context.serverErrors = {};else {
-      var _errors = Object.keys(props.error).reduce(function (prev, cur) {
+      var errors = Object.keys(props.error).reduce(function (prev, cur) {
         var item = props.error[cur];
         var error = item instanceof Error ? item : new Error(item);
         return objectSpread2_default()(objectSpread2_default()({}, prev), {}, defineProperty_default()({}, cur, error));
       }, {});
-      context.serverErrors = _errors;
+      context.serverErrors = errors;
     }
     update();
   }, [props.error]);
@@ -46008,7 +46206,9 @@ var Form = function Form(props) {
     if (status !== (modalFormContext === null || modalFormContext === void 0 ? void 0 : modalFormContext.formStats)) {
       modalFormContext === null || modalFormContext === void 0 || modalFormContext.setFormStats(status);
     }
-    modalFormContext === null || modalFormContext === void 0 || modalFormContext.setFormInfo(formRefObj);
+    if (props.onSubmit) {
+      modalFormContext === null || modalFormContext === void 0 || modalFormContext.setFormInfo(formRefObj);
+    }
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     handleFormModalInfo();
@@ -48453,6 +48653,8 @@ var usePaginationList = function usePaginationList(props) {
 
 var Scroll = function Scroll(props) {
   var containerRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var scrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var wrapperRef = useForkRef(scrollRef, props.wrapperRef);
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
       timer: null,
       isMouseDown: false,
@@ -48542,6 +48744,13 @@ var Scroll = function Scroll(props) {
       fromDrag: context.isMouseDown
     });
   });
+  var handleInnerScroll = usePersistFn(function (e) {
+    var scrollTop = e.currentTarget.scrollTop;
+    if (scrollRef.current) {
+      e.currentTarget.scrollTop = 0;
+      scrollRef.current.scrollTop += scrollTop;
+    }
+  });
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: props.className,
     style: props.style,
@@ -48551,7 +48760,7 @@ var Scroll = function Scroll(props) {
     })), {}, {
       style: scrollerStyle,
       onScroll: handleScroll,
-      ref: props.wrapperRef,
+      ref: wrapperRef,
       onMouseDown: function onMouseDown() {
         context.isMouseDown = true;
       },
@@ -48563,6 +48772,7 @@ var Scroll = function Scroll(props) {
       })), {}, {
         style: containerStyle,
         ref: containerRef,
+        onScroll: handleInnerScroll,
         children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           style: objectSpread2_default()({
             flexGrow: 1
@@ -48598,30 +48808,110 @@ var VirtualList = function VirtualList(props) {
     _props$tag = props.tag,
     tag = _props$tag === void 0 ? 'div' : _props$tag,
     tagClassName = props.tagClassName,
+    dynamicVirtual = props.dynamicVirtual,
     virtualRef = props.virtualRef,
     onControlTypeChange = props.onControlTypeChange;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState2 = slicedToArray_default()(_useState, 2),
-    currentIndex = _useState2[0],
-    setCurrentIndex = _useState2[1];
+    top = _useState2[0],
+    setTop = _useState2[1];
   var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState4 = slicedToArray_default()(_useState3, 2),
-    top = _useState4[0],
-    setTop = _useState4[1];
+    offsetY = _useState4[0],
+    setOffsetY = _useState4[1];
+  var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(props.data.length * lineHeight),
+    _useState6 = slicedToArray_default()(_useState5, 2),
+    scrollHeight = _useState6[0],
+    setHeight = _useState6[1];
+  var _useState7 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
+    _useState8 = slicedToArray_default()(_useState7, 2),
+    startIndex = _useState8[0],
+    setCurrentIndex = _useState8[1];
   var wrapperRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  var getScrollHeight = function getScrollHeight() {
-    var rows = Math.ceil(data.length);
-    return rows * lineHeight;
+  var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
+      cachedHeight: [],
+      controlScrollRate: null,
+      heightCallback: null,
+      preIndex: null,
+      topTimer: null,
+      rateTimer: null,
+      shouldUpdateHeight: true
+    }),
+    context = _useRef.current;
+  var getContentHeight = function getContentHeight(index) {
+    var sum = 0;
+    for (var i = 0; i <= index; i++) {
+      sum += context.cachedHeight[i] || lineHeight;
+    }
+    return sum;
   };
   var getCurrentIndex = usePersistFn(function () {
-    return currentIndex;
+    return startIndex;
   });
   var getTop = usePersistFn(function () {
     return top;
   });
+  var setRowHeight = usePersistFn(function (index, height) {
+    var beforeHeight = context.cachedHeight[index];
+    if (beforeHeight && beforeHeight === height) return;
+    context.cachedHeight[index] = height;
+    if (context.shouldUpdateHeight) {
+      setHeight(getContentHeight(props.data.length - 1));
+    }
+    var preIndex = context.preIndex;
+    // 解决: 从下往上滚 由于高度变化会导致滚动条跳动
+    if (preIndex && preIndex > startIndex && startIndex === index) {
+      // 发生在顶部
+      if (context.heightCallback) return;
+      var offset = height - (beforeHeight || lineHeight);
+      setOffsetY(function (s) {
+        return s + offset;
+      });
+    }
+  });
+  var updateRateScroll = usePersistFn(function (rate) {
+    var sumHeight = getContentHeight(props.data.length - 1);
+    if (sumHeight === scrollHeight) return;
+    context.shouldUpdateHeight = true;
+    context.heightCallback = function () {
+      if (wrapperRef && wrapperRef.current) {
+        var _scrollHeight = wrapperRef.current.scrollHeight;
+        var clientHeight = wrapperRef.current.clientHeight;
+        var nowTop = wrapperRef.current.scrollTop;
+        var max = _scrollHeight - clientHeight;
+        var _top = rate * max;
+        if (Math.abs(nowTop - _top) < 1) {
+          context.controlScrollRate = null;
+        } else {
+          context.controlScrollRate = rate;
+          wrapperRef.current.scrollTop = _top;
+        }
+      }
+    };
+    setHeight(sumHeight);
+  });
+  var updateIndexAndTopFromTop = function updateIndexAndTopFromTop(scrollTop) {
+    var sum = 0;
+    var nextCurrentIndex = 0;
+    var top = 0;
+    var maxIndex = Math.max(props.data.length - rowsInView, 0);
+    for (var i = 0; i <= maxIndex; i++) {
+      sum += context.cachedHeight[i] || lineHeight;
+      if (scrollTop < sum || i === maxIndex) {
+        nextCurrentIndex = i;
+        var beforeHeight = i === 0 ? 0 : sum - (context.cachedHeight[i] || lineHeight);
+        top = scrollTop - beforeHeight;
+        break;
+      }
+    }
+    if (nextCurrentIndex !== startIndex) {
+      setCurrentIndex(nextCurrentIndex);
+    }
+    setTop(top);
+  };
   var handleScrollByStep = usePersistFn(function (step, top) {
     var _wrapperRef$current;
-    var next = currentIndex + step;
+    var next = startIndex + step;
     (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || _wrapperRef$current.scrollTo({
       top: next * lineHeight + (top || 0)
     });
@@ -48631,21 +48921,36 @@ var VirtualList = function VirtualList(props) {
   };
   var handleScroll = function handleScroll(info) {
     var _props$onScroll;
-    var current = Math.floor(info.scrollTop / lineHeight);
-    var top = info.scrollTop - current * lineHeight;
+    var scrollLeft = info.scrollLeft,
+      height = info.height,
+      y = info.y,
+      fromDrag = info.fromDrag;
+    var scrollTop = info.scrollTop;
+    context.shouldUpdateHeight = !fromDrag;
+    var sumHeight = getContentHeight(props.data.length - 1);
+    var max = sumHeight - height;
+    if (scrollTop > max) {
+      scrollTop = max;
+    }
+    if (fromDrag) {
+      var _top2 = y * max;
+      updateIndexAndTopFromTop(_top2);
+      if (context.rateTimer) clearTimeout(context.rateTimer);
+      context.rateTimer = setTimeout(function () {
+        updateRateScroll(y);
+      }, 120);
+    } else {
+      updateIndexAndTopFromTop(scrollTop);
+    }
     (_props$onScroll = props.onScroll) === null || _props$onScroll === void 0 || _props$onScroll.call(props, info);
-    setTop(top);
-    setCurrentIndex(current);
   };
-  var scrollHeight = getScrollHeight();
   var renderList = function renderList() {
-    var start = currentIndex;
-    var end = currentIndex + rowsInView;
-    var items = data.slice(start, end);
+    var items = data.slice(startIndex, startIndex + rowsInView);
     var Tag = tag;
     var shouldScroll = data.length * lineHeight > height;
     var nextStyle = objectSpread2_default()({}, style);
     if (shouldScroll) nextStyle.height = height;
+    var scrollHeight = getContentHeight(data.length - 1);
     return /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_scroll, {
       className: className,
       style: nextStyle,
@@ -48666,16 +48971,48 @@ var VirtualList = function VirtualList(props) {
         children: items.map(function (d, i) {
           if (d[groupKey]) {
             return /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
-              children: customRenderItem(d, currentIndex + i, i)
+              children: customRenderItem(d, startIndex + i, i)
             }, i);
           }
           return /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
-            children: renderItem(d, currentIndex + i, i)
-          }, i);
+            children: renderItem(d, startIndex + i, i, setRowHeight)
+          }, dynamicVirtual ? startIndex + i : i);
         })
       })
     });
   };
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    setHeight(getContentHeight(props.data.length - 1));
+  }, [data.length]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (offsetY) {
+      // if (wrapperRef.current && props.innerRef.current) {
+      if (wrapperRef.current) {
+        setOffsetY(0);
+        setTop(function (s) {
+          return s + offsetY;
+        });
+        wrapperRef.current.scrollTop += offsetY;
+      }
+    }
+  }, [offsetY, startIndex]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    // 数据变化的时候清空掉 preIndex, 如果之前有缓存的index, setRowHeight 会有问题
+    return function () {
+      context.preIndex = null;
+    };
+  }, [props.data]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (context.heightCallback) {
+      var cb = context.heightCallback;
+      context.heightCallback = null;
+      cb();
+    }
+  }, [scrollHeight]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    // 记录preIndex
+    context.preIndex = startIndex;
+  }, [startIndex]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (virtualRef !== null && virtualRef !== void 0 && virtualRef.current) {
       virtualRef.current.scrollByStep = handleScrollByStep;
@@ -48908,6 +49245,8 @@ var UseSelectGroup = function UseSelectGroup(props) {
 
 
 
+
+
 var ListOption = function ListOption(props) {
   var _jssStyle$select;
   var jssStyle = props.jssStyle,
@@ -48918,8 +49257,10 @@ var ListOption = function ListOption(props) {
     multiple = props.multiple,
     isHover = props.isHover,
     renderItem = props.renderItem,
+    dynamicVirtual = props.dynamicVirtual,
     onHover = props.onHover,
     onOptionClick = props.onOptionClick;
+  var optionRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var config = useConfig();
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
   var isChecked = datum.check(data);
@@ -48938,6 +49279,13 @@ var ListOption = function ListOption(props) {
     }
     onOptionClick(data, index);
   };
+  var setVirtualRowHeight = usePersistFn(function () {
+    if (!props.setRowHeight || !optionRef.current) return;
+    var optionHeight = optionRef.current.getBoundingClientRect().height;
+    if (optionHeight !== 0) {
+      props.setRowHeight(index, optionHeight);
+    }
+  });
   var renderCheckedIcon = function renderCheckedIcon() {
     return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
       className: styles.checkedIcon,
@@ -48947,13 +49295,22 @@ var ListOption = function ListOption(props) {
   };
   var result = renderItem(data);
   var title = typeof result === 'string' ? result : '';
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(setVirtualRowHeight, []);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (!optionRef.current) return;
+    var cancelObserver = addResizeObserver(optionRef.current, setVirtualRowHeight, {
+      direction: 'y'
+    });
+    return function () {
+      cancelObserver();
+    };
+  }, []);
   return /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
+    ref: optionRef,
     tabIndex: -1,
     className: rootClass,
     title: title,
-    style: {
-      height: lineHeight
-    },
+    style: defineProperty_default()({}, dynamicVirtual ? 'minHeight' : 'height', lineHeight),
     onClick: handleClick,
     onMouseEnter: handleEnter,
     children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
@@ -48998,8 +49355,9 @@ var list_List = function List(props) {
     closePop = props.closePop,
     onControlTypeChange = props.onControlTypeChange,
     onOptionClick = props.onOptionClick;
+  var dynamicVirtual = lineHeightProp === 'auto';
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
-  var rootClass = classnames_default()(styles.list, defineProperty_default()(defineProperty_default()({}, styles.controlMouse, controlType === 'mouse'), styles.controlKeyboard, controlType === 'keyboard'));
+  var rootClass = classnames_default()(styles.list, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, styles.controlMouse, controlType === 'mouse'), styles.controlKeyboard, controlType === 'keyboard'), styles.dynamicList, dynamicVirtual));
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(hideCreateOption ? -1 : 0),
     _useState2 = slicedToArray_default()(_useState, 2),
     hoverIndex = _useState2[0],
@@ -49013,7 +49371,7 @@ var list_List = function List(props) {
     return hoverIndex;
   });
   var getLineHeight = function getLineHeight() {
-    if (lineHeightProp) return lineHeightProp;
+    if (lineHeightProp && lineHeightProp !== 'auto') return lineHeightProp;
     if (size === 'small') return 26;
     if (size === 'default') return 34;
     if (size === 'large') return 42;
@@ -49124,17 +49482,7 @@ var list_List = function List(props) {
       return _ref.apply(this, arguments);
     };
   }());
-  var renderLoading = function renderLoading() {
-    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      children: "loading"
-    });
-  };
-  var renderHeader = function renderHeader() {
-    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      children: "header"
-    });
-  };
-  var renderItem = function renderItem(item, index, key) {
+  var renderItem = function renderItem(item, index, key, setRowHeight) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(list_option, {
         datum: datum,
@@ -49142,9 +49490,11 @@ var list_List = function List(props) {
         jssStyle: jssStyle,
         index: index,
         data: item,
+        setRowHeight: setRowHeight,
         lineHeight: lineHeight,
         isHover: hoverIndex === index,
         multiple: multiple,
+        dynamicVirtual: dynamicVirtual,
         renderItem: renderItemProp,
         onHover: handleHover,
         onOptionClick: onOptionClick
@@ -49166,6 +49516,7 @@ var list_List = function List(props) {
       keygen: keygen,
       tag: 'ul',
       groupKey: groupKey,
+      dynamicVirtual: dynamicVirtual,
       tagClassName: styles.virtualList,
       height: height,
       onScroll: handleVirtualScroll,
@@ -50380,7 +50731,7 @@ var ColumnsList = function ColumnsList(props) {
 
   // columns 模式无上下边距，故而 lineHeight 需要调整
   var getLineHeight = function getLineHeight() {
-    if (lineHeightProp) return lineHeightProp;
+    if (lineHeightProp && lineHeightProp !== 'auto') return lineHeightProp;
     if (size === 'small') return 24;
     if (size === 'default') return 32;
     if (size === 'large') return 40;
@@ -51144,7 +51495,7 @@ function Select(props0) {
   var renderOptions = function renderOptions() {
     if (loading) return renderLoading();
     var isEmpty = !(filterData !== null && filterData !== void 0 && filterData.length);
-    if (isEmpty) return renderEmpty();
+    if (isEmpty && props.emptyText !== false) return renderEmpty();
     var options = 'treeData' in props ? renderTreeList() : renderList();
     if (renderOptionList) {
       return renderOptionList(options, {
@@ -56296,6 +56647,7 @@ var useTableTree = function useTableTree(props) {
 
 
 
+var MAX_ROW_SPAN = 200;
 var useTableVirtual = function useTableVirtual(props) {
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState2 = slicedToArray_default()(_useState, 2),
@@ -56378,7 +56730,9 @@ var useTableVirtual = function useTableVirtual(props) {
       topTimer: null,
       controlScrollRate: null,
       heightCallback: null,
-      preIndex: null
+      preIndex: null,
+      rowSpanRows: 0,
+      autoAddRows: 0
     }),
     context = _useRef.current;
   var getTranslate = usePersistFn(function (left, top) {
@@ -56429,17 +56783,20 @@ var useTableVirtual = function useTableVirtual(props) {
     var top = 0;
     var maxIndex = Math.max(props.data.length - rowsInView, 0);
     for (var i = 0; i <= maxIndex; i++) {
+      context.rowSpanRows = 0;
       sum += context.cachedHeight[i] || props.rowHeight;
       var rowSpanHeight = 0;
       if (rowSpanInfos) {
+        var maxRowSpanLenth = Math.min(rowSpanInfos.length, props.rowsInView > MAX_ROW_SPAN ? props.rowsInView : props.rowsInView || MAX_ROW_SPAN);
         var siblingsIndexs = [];
-        for (var k = 0; k < rowSpanInfos.length; k++) {
+        for (var k = 0; k < maxRowSpanLenth; k++) {
           if (rowSpanInfos[k] <= i && k > i) {
             siblingsIndexs.push(k);
           }
         }
         for (var j = 0; j < siblingsIndexs.length; j++) {
           var index = siblingsIndexs[j];
+          context.rowSpanRows += 1;
           rowSpanHeight += context.cachedHeight[index] || props.rowHeight;
         }
       }
@@ -56530,6 +56887,24 @@ var useTableVirtual = function useTableVirtual(props) {
       props.scrollRef.current.scrollTop = beforeHeight;
     }
   });
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    var scrollRefHeight = props.scrollRef.current ? props.scrollRef.current.clientHeight : 0;
+    var tableRefHeight = props.innerRef.current ? props.innerRef.current.clientHeight : 0;
+    var remainHeight = scrollRefHeight - tableRefHeight;
+    if (remainHeight > 0) {
+      var addonHeight = 0;
+      var addonCount = 0;
+      for (var i = startIndex + rowsInView; i < props.data.length; i++) {
+        var height = context.cachedHeight[i] || props.rowHeight;
+        addonHeight += height;
+        addonCount += 1;
+        if (addonHeight >= remainHeight + context.cachedHeight[0]) break;
+      }
+      if (addonCount > 0) {
+        context.autoAddRows = addonCount;
+      }
+    }
+  }, []);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // 记录preIndex
     context.preIndex = startIndex;
@@ -56564,7 +56939,8 @@ var useTableVirtual = function useTableVirtual(props) {
       cb();
     }
   }, [scrollHeight]);
-  var renderData = props.disabled ? props.data : toConsumableArray_default()(props.data).slice(startIndex, startIndex + rowsInView);
+  var finalRowsInView = rowsInView + context.rowSpanRows + context.autoAddRows;
+  var renderData = props.disabled ? props.data : toConsumableArray_default()(props.data).slice(startIndex, startIndex + finalRowsInView);
   return {
     scrollHeight: scrollHeight,
     startIndex: startIndex,
@@ -57483,6 +57859,9 @@ var Tr = function Tr(props) {
     var tds = [];
     var skip = 0;
     var lastRowIndex = data.length - 1;
+    var hasSiblingRowSpan = data === null || data === void 0 ? void 0 : data.some(function (item) {
+      return item === null;
+    });
     var _loop = function _loop(i) {
       if (skip > 0) {
         skip--;
@@ -57494,13 +57873,13 @@ var Tr = function Tr(props) {
         var td = /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
           colSpan: data[i].colSpan,
           rowSpan: data[i].rowSpan,
-          onMouseEnter: function onMouseEnter() {
+          onMouseEnter: props.hover && hasSiblingRowSpan ? function () {
             props.handleCellHover(props.rowIndex, data[i].rowSpan);
-          },
-          onMouseLeave: function onMouseLeave() {
+          } : undefined,
+          onMouseLeave: props.hover && hasSiblingRowSpan ? function () {
             props.handleCellHover(-1, 0);
-          },
-          className: classnames_default()(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
+          } : undefined,
+          className: classnames_default()(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), data[i].rowSpan > 1 && props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
           style: getTdStyle(col, data[i].colSpan),
           dir: config.direction,
           onClick: props.onCellClick ? function () {
@@ -57566,7 +57945,7 @@ var Tr = function Tr(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("tr", objectSpread2_default()(objectSpread2_default()({
       ref: trRef,
-      className: classnames_default()(props === null || props === void 0 || (_props$rowClassName = props.rowClassName) === null || _props$rowClassName === void 0 ? void 0 : _props$rowClassName.call(props, props.rawData, props.rowIndex), props.striped && props.rowIndex % 2 === 1 && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowStriped), props.isSelect && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowChecked))
+      className: classnames_default()(props === null || props === void 0 || (_props$rowClassName = props.rowClassName) === null || _props$rowClassName === void 0 ? void 0 : _props$rowClassName.call(props, props.rawData, props.rowIndex), props.striped && props.rowIndex % 2 === 1 && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowStriped), props.isSelect && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowChecked), props.hover && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowHover))
     }, props.rowEvents), {}, {
       onClick: handleRowClick,
       children: renderTds(props.columns, props.row)
@@ -57637,6 +58016,7 @@ var Tr = function Tr(props) {
       striped: props.striped,
       radio: props.radio,
       isCellHover: isCellHover,
+      hover: hover,
       isSelect: props.datum.check(rowSelectMergeStartData[index]),
       handleCellHover: handleCellHover
       // to update
@@ -57976,14 +58356,14 @@ var emptyRef = {
       var maxHeight = target.scrollHeight - target.clientHeight;
       var x = Math.min(target.scrollLeft / maxWidth, 1);
       var y = Math.min(target.scrollTop / maxHeight, 1);
-      props.onScroll(x, y, target.scrollLeft);
+      props.onScroll(x, y, target.scrollLeft, target.scrollTop);
     }
   });
   var handleVirtualScroll = usePersistFn(function (info) {
     virtualInfo.handleScroll(info);
     layoutFunc.checkFloat();
     if (props.onScroll && typeof props.onScroll === 'function') {
-      props.onScroll(info.x, info.y, info.scrollLeft);
+      props.onScroll(info.x, info.y, info.scrollLeft, info.scrollTop);
     }
   });
   var renderEmpty = function renderEmpty() {
@@ -58954,11 +59334,10 @@ var Tabs = function Tabs(props) {
       className: tabsStyle.panelWrapper,
       style: panelStyle,
       children: external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.toArray(children).map(function (child, index) {
-        var Chlid = child;
-        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
+        var Child = child;
+        if (tabs_isNamedComponent(Child.type) && Child.type.displayName === 'ShineoutTabsPanel') {
+          return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(Child, {
+            id: Child.props.id !== undefined ? Child.props.id : index
           });
         }
         return null;
@@ -58969,20 +59348,20 @@ var Tabs = function Tabs(props) {
     var tabs = [];
     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;
+      var Child = child;
+      if (!Child || !Child.type) return;
+      var childBorder = Child.props.splitColor || Child.props.border;
+      var _Child$props$id = Child.props.id,
+        id = _Child$props$id === void 0 ? index : _Child$props$id;
       if (active === id && childBorder) {
         border = childBorder;
       }
       tabs.push({
-        id: Chlid.props.id !== undefined ? Chlid.props.id : index,
-        tab: Chlid.props.tab,
-        disabled: Chlid.props.disabled,
+        id: Child.props.id !== undefined ? Child.props.id : index,
+        tab: Child.props.tab,
+        disabled: Child.props.disabled,
         jssStyle: jssStyle,
-        color: Chlid.props.color || (active === id ? color : undefined)
+        color: Child.props.color || (active === id ? color : undefined)
       });
     });
     var header = /*#__PURE__*/(0,jsx_runtime.jsx)(tabs_header, {
@@ -59181,7 +59560,8 @@ var Tooltip = function Tooltip(props) {
     _props$type = props.type,
     type = _props$type === void 0 ? 'default' : _props$type,
     _props$position = props.position,
-    popsitionProps = _props$position === void 0 ? 'bottom' : _props$position;
+    popsitionProps = _props$position === void 0 ? 'auto' : _props$position;
+  var arrowStyleRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({});
   var tooltipClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$tooltip = jssStyle.tooltip) === null || _jssStyle$tooltip === void 0 ? void 0 : _jssStyle$tooltip.call(jssStyle);
   var config = useConfig();
   var childrenProps = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(children) ? children === null || children === void 0 ? void 0 : children.props : {};
@@ -59198,7 +59578,8 @@ var Tooltip = function Tooltip(props) {
     position = _usePopup.position,
     getTargetProps = _usePopup.getTargetProps,
     targetRef = _usePopup.targetRef,
-    popupRef = _usePopup.popupRef;
+    popupRef = _usePopup.popupRef,
+    arrowRef = _usePopup.arrowRef;
   if (! /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(children)) {
     console.error(new Error('Tooltip children expect a single ReactElement.'));
     return null;
@@ -59229,12 +59610,16 @@ var Tooltip = function Tooltip(props) {
       focus: open,
       parentElRef: targetRef,
       popupElRef: popupRef,
+      arrowRef: arrowRef,
       absolute: true,
+      adjust: popsitionProps === 'auto',
       position: position,
       fixedWidth: false,
-      popupGap: 0,
+      popupGap: 0
+      // arrowStyleRef={arrowStyleRef}
+      ,
       zIndex: zIndex,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
+      children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
         className: classnames_default()(className, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapper, open && (tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapperOpen))
       }, getDataAttribute({
         type: type,
@@ -59243,11 +59628,17 @@ var Tooltip = function Tooltip(props) {
         ref: popupRef,
         onMouseLeave: events.onMouseLeave,
         dir: config.direction,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", objectSpread2_default()({
+          ref: arrowRef,
+          style: arrowStyleRef.current,
+          className: tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.arrow
+        }, getDataAttribute({
+          role: 'arrow'
+        }))), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           style: style,
           className: classnames_default()(tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.content),
           children: tip
-        })
+        })]
       }))
     })]
   });
@@ -64350,7 +64741,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.0-beta.3'
+  version: '3.4.0-beta.5'
 });
 }();
 /******/ 	return __webpack_exports__;