shineout 3.0.0-alpha.21 → 3.0.0-alpha.23

package/dist/shineout.js

@@ -3196,19 +3196,19 @@ var buttonTokens = {
   buttonPrimaryFocusBackgroundColor: 'Brand-5',
   buttonPrimaryFocusBorderColor: 'Brand-5',
   buttonPrimaryOutlineFontColor: 'Brand-6',
-  buttonPrimaryOutlineBackgroundColor: 'Neutral-fill-1',
+  buttonPrimaryOutlineBackgroundColor: 'transparent',
   buttonPrimaryOutlineBorderColor: 'Brand-6',
   buttonPrimaryOutlineDisabledFontColor: 'Brand-3',
-  buttonPrimaryOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  buttonPrimaryOutlineDisabledBackgroundColor: 'transparent',
   buttonPrimaryOutlineDisabledBorderColor: 'Brand-3',
   buttonPrimaryOutlineHoverFontColor: 'Brand-5',
-  buttonPrimaryOutlineHoverBackgroundColor: 'Neutral-fill-1',
+  buttonPrimaryOutlineHoverBackgroundColor: 'transparent',
   buttonPrimaryOutlineHoverBorderColor: 'Brand-5',
   buttonPrimaryOutlineActiveFontColor: 'Brand-7',
-  buttonPrimaryOutlineActiveBackgroundColor: 'Neutral-fill-1',
+  buttonPrimaryOutlineActiveBackgroundColor: 'transparent',
   buttonPrimaryOutlineActiveBorderColor: 'Brand-7',
   buttonPrimaryOutlineFocusFontColor: 'Brand-5',
-  buttonPrimaryOutlineFocusBackgroundColor: 'Neutral-fill-1',
+  buttonPrimaryOutlineFocusBackgroundColor: 'transparent',
   buttonPrimaryOutlineFocusBorderColor: 'Brand-5',
   buttonPrimaryTextFontColor: 'Brand-6',
   buttonPrimaryTextBackgroundColor: 'Transparent',
@@ -3241,19 +3241,19 @@ var buttonTokens = {
   buttonSecondaryFocusBackgroundColor: 'Neutral-fill-4',
   buttonSecondaryFocusBorderColor: 'Neutral-fill-4',
   buttonSecondaryOutlineFontColor: 'Neutral-text-5',
-  buttonSecondaryOutlineBackgroundColor: 'Neutral-fill-1',
+  buttonSecondaryOutlineBackgroundColor: 'transparent',
   buttonSecondaryOutlineBorderColor: 'Neutral-border-2',
   buttonSecondaryOutlineDisabledFontColor: 'Neutral-text-2',
-  buttonSecondaryOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  buttonSecondaryOutlineDisabledBackgroundColor: 'transparent',
   buttonSecondaryOutlineDisabledBorderColor: 'Neutral-border-2',
   buttonSecondaryOutlineHoverFontColor: 'Brand-5',
-  buttonSecondaryOutlineHoverBackgroundColor: 'Neutral-fill-1',
+  buttonSecondaryOutlineHoverBackgroundColor: 'transparent',
   buttonSecondaryOutlineHoverBorderColor: 'Brand-5',
   buttonSecondaryOutlineActiveFontColor: 'Brand-7',
-  buttonSecondaryOutlineActiveBackgroundColor: 'Neutral-fill-1',
+  buttonSecondaryOutlineActiveBackgroundColor: 'transparent',
   buttonSecondaryOutlineActiveBorderColor: 'Brand-7',
   buttonSecondaryOutlineFocusFontColor: 'Brand-5',
-  buttonSecondaryOutlineFocusBackgroundColor: 'Neutral-fill-1',
+  buttonSecondaryOutlineFocusBackgroundColor: 'transparent',
   buttonSecondaryOutlineFocusBorderColor: 'Brand-5',
   buttonSecondaryTextFontColor: 'Neutral-text-5',
   buttonSecondaryTextBackgroundColor: 'Transparent',
@@ -3286,19 +3286,19 @@ var buttonTokens = {
   buttonSuccessFocusBackgroundColor: 'Success-5',
   buttonSuccessFocusBorderColor: 'Success-5',
   buttonSuccessOutlineFontColor: 'Success-6',
-  buttonSuccessOutlineBackgroundColor: 'Neutral-fill-1',
+  buttonSuccessOutlineBackgroundColor: 'transparent',
   buttonSuccessOutlineBorderColor: 'Success-6',
   buttonSuccessOutlineDisabledFontColor: 'Success-3',
-  buttonSuccessOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  buttonSuccessOutlineDisabledBackgroundColor: 'transparent',
   buttonSuccessOutlineDisabledBorderColor: 'Success-3',
   buttonSuccessOutlineHoverFontColor: 'Success-5',
-  buttonSuccessOutlineHoverBackgroundColor: 'Neutral-fill-1',
+  buttonSuccessOutlineHoverBackgroundColor: 'transparent',
   buttonSuccessOutlineHoverBorderColor: 'Success-5',
   buttonSuccessOutlineActiveFontColor: 'Success-7',
-  buttonSuccessOutlineActiveBackgroundColor: 'Neutral-fill-1',
+  buttonSuccessOutlineActiveBackgroundColor: 'transparent',
   buttonSuccessOutlineActiveBorderColor: 'Success-7',
   buttonSuccessOutlineFocusFontColor: 'Success-5',
-  buttonSuccessOutlineFocusBackgroundColor: 'Neutral-fill-1',
+  buttonSuccessOutlineFocusBackgroundColor: 'transparent',
   buttonSuccessOutlineFocusBorderColor: 'Success-5',
   buttonSuccessTextFontColor: 'Success-6',
   buttonSuccessTextBackgroundColor: 'Transparent',
@@ -3331,19 +3331,19 @@ var buttonTokens = {
   buttonWarningFocusBackgroundColor: 'Warning-5',
   buttonWarningFocusBorderColor: 'Warning-5',
   buttonWarningOutlineFontColor: 'Warning-6',
-  buttonWarningOutlineBackgroundColor: 'Neutral-fill-1',
+  buttonWarningOutlineBackgroundColor: 'transparent',
   buttonWarningOutlineBorderColor: 'Warning-6',
   buttonWarningOutlineDisabledFontColor: 'Warning-3',
-  buttonWarningOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  buttonWarningOutlineDisabledBackgroundColor: 'transparent',
   buttonWarningOutlineDisabledBorderColor: 'Warning-3',
   buttonWarningOutlineHoverFontColor: 'Warning-5',
-  buttonWarningOutlineHoverBackgroundColor: 'Neutral-fill-1',
+  buttonWarningOutlineHoverBackgroundColor: 'transparent',
   buttonWarningOutlineHoverBorderColor: 'Warning-5',
   buttonWarningOutlineActiveFontColor: 'Warning-7',
-  buttonWarningOutlineActiveBackgroundColor: 'Neutral-fill-1',
+  buttonWarningOutlineActiveBackgroundColor: 'transparent',
   buttonWarningOutlineActiveBorderColor: 'Warning-7',
   buttonWarningOutlineFocusFontColor: 'Warning-5',
-  buttonWarningOutlineFocusBackgroundColor: 'Neutral-fill-1',
+  buttonWarningOutlineFocusBackgroundColor: 'transparent',
   buttonWarningOutlineFocusBorderColor: 'Warning-5',
   buttonWarningTextFontColor: 'Warning-6',
   buttonWarningTextBackgroundColor: 'Transparent',
@@ -3376,19 +3376,19 @@ var buttonTokens = {
   buttonDangerFocusBackgroundColor: 'Danger-5',
   buttonDangerFocusBorderColor: 'Danger-5',
   buttonDangerOutlineFontColor: 'Danger-6',
-  buttonDangerOutlineBackgroundColor: 'Neutral-fill-1',
+  buttonDangerOutlineBackgroundColor: 'transparent',
   buttonDangerOutlineBorderColor: 'Danger-6',
   buttonDangerOutlineDisabledFontColor: 'Danger-3',
-  buttonDangerOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  buttonDangerOutlineDisabledBackgroundColor: 'transparent',
   buttonDangerOutlineDisabledBorderColor: 'Danger-3',
   buttonDangerOutlineHoverFontColor: 'Danger-5',
-  buttonDangerOutlineHoverBackgroundColor: 'Neutral-fill-1',
+  buttonDangerOutlineHoverBackgroundColor: 'transparent',
   buttonDangerOutlineHoverBorderColor: 'Danger-5',
   buttonDangerOutlineActiveFontColor: 'Danger-7',
-  buttonDangerOutlineActiveBackgroundColor: 'Neutral-fill-1',
+  buttonDangerOutlineActiveBackgroundColor: 'transparent',
   buttonDangerOutlineActiveBorderColor: 'Danger-7',
   buttonDangerOutlineFocusFontColor: 'Danger-5',
-  buttonDangerOutlineFocusBackgroundColor: 'Neutral-fill-1',
+  buttonDangerOutlineFocusBackgroundColor: 'transparent',
   buttonDangerOutlineFocusBorderColor: 'Danger-5',
   buttonDangerTextFontColor: 'Danger-6',
   buttonDangerTextBackgroundColor: 'Transparent',
@@ -3984,7 +3984,8 @@ exports["default"] = void 0;
 var common = {
   lineHeightDynamic: 'Line-height-dynamic',
   defaultBorder: 'Border-1',
-  iconCirclePadding: 'Padding-4'
+  iconCirclePadding: 'Padding-4',
+  transparent: 'transparent'
 };
 var _default = common;
 exports["default"] = _default;
@@ -19104,7 +19105,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.0.0-alpha.21');
+/* harmony default export */ var version = ('3.0.0-alpha.23');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -19172,7 +19173,6 @@ var esm = __webpack_require__(8492);
 
 var alertStyle = {
   alert: {
-    // display: 'table',
     display: 'flex',
     width: '100%',
     lineHeight: '1em',
@@ -22218,8 +22218,6 @@ var useDropdownStyle = styled(dropdown_dropdown, 'dropdown');
 ;// CONCATENATED MODULE: ../shineout-style/src/editable-area/editable-area.ts
 
 
-// import token from '@sheinx/theme';
-
 
 
 var editable_area_inputBorder = input_border('wrapper', {
@@ -22456,118 +22454,6 @@ var formItemStyle = {
   }
 };
 /* harmony default export */ var form_item = (formItemStyle);
-;// CONCATENATED MODULE: ../shineout-style/src/cssvar/common.ts
-var va = function va(name, value) {
-  return "var(--".concat(name, ",").concat(value, ")");
-};
-var colorVar = {
-  primaryColor: va('primary-color', '#197AFA'),
-  primaryColorFade50: va('primary-color-fade-50', 'rgba(25,122,250,.5)'),
-  primaryColorFade0: va('primary-color-fade-0', 'rgba(25,122,250,0)'),
-  secondaryColor: va('secondary-color', '#666c7c'),
-  successColor: va('success-color', '#52c41a'),
-  infoColor: va('info-color', '#197AFA'),
-  warningColor: va('warning-color', '#ff8c00'),
-  dangerColor: va('danger-color', '#ff4d50'),
-  white: '#fff',
-  grey100: va('grey-100', '#f4f5f8'),
-  grey200: va('grey-200', '#e8ebf0'),
-  grey300: va('grey-300', '#cccfd7'),
-  grey500: va('grey-500', '#adb5bd'),
-  grey900: va('grey-900', '#020b18')
-};
-var sizeVar = {
-  fontSize: va('font-size', '14px'),
-  fontSizeSmall: va('font-size-small', '12px'),
-  fontSizeLarge: va('font-size-large', '16px'),
-  commonLineHeight: va('common-line-height', '1.42857143')
-};
-;// CONCATENATED MODULE: ../shineout-style/src/cssvar/input.ts
-
-/* harmony default export */ var input = ({
-  inputClearSize: '14px',
-  inputClearBgColor: va('input-clear-bg-color', '#b3b7c1'),
-  inputClearBgHoverColor: va('input-clear-bg-hover-color', '#197afa'),
-  // inputBorder
-  inputBg: colorVar.white,
-  inputPlaceholderColor: va('input-placeholder-color', '#b3b7c1'),
-  inputPlaceholderSize: va('input-placeholder-size', '14px'),
-  inputBorderColor: va('input-border-color', '#cccfd7'),
-  inputBorderDisabledColor: va('input-border-disabled-color', '#cccfd7'),
-  inputBorderFocusColor: va('input-border-focus-color', colorVar.primaryColor),
-  inputBorderErrorColor: va('input-border-error-color', colorVar.dangerColor),
-  inputBgDisabled: va('input-bg-disabled', '#f5f6fb'),
-  inputTextColor: va('input-text-color', '#333e59'),
-  inputDisabledColor: va('input-disabled-color', '#999da8'),
-  inputPaddingXSmall: '8px',
-  inputPaddingX: '8px',
-  inputPaddingXLarge: '12px',
-  inputPaddingYSmall: '2px',
-  inputPaddingY: '5px',
-  inputPaddingYLarge: '8px',
-  inputBorderRadius: va('input-border-radius', '4px'),
-  inputFocusWidth: va('input-focus-width', '0'),
-  inputBorderFocusColorFade25: va('input-focus-width', '0')
-});
-;// CONCATENATED MODULE: ../shineout-style/src/cssvar/radio.ts
-
-/* harmony default export */ var cssvar_radio = ({
-  radioWidth: va('radio-width', '16px'),
-  radioBorderUncheckWidth: va('radio-border-uncheck-width', '2px'),
-  radioBorderWidth: va('radio-border-width', '6px')
-});
-;// CONCATENATED MODULE: ../shineout-style/src/cssvar/innerTitle.ts
-/* harmony default export */ var innerTitle = ({
-  innerTitlePaddingY: '4px',
-  innerTitlePaddingYSmall: '4px',
-  innerTitlePaddingYLarge: '4px',
-  innerTitlePaddingX: '8px',
-  innerTitlePaddingXSmall: '8px',
-  innerTitlePaddingXLarge: '8px'
-});
-;// CONCATENATED MODULE: ../shineout-style/src/cssvar/form.ts
-
-/* harmony default export */ var cssvar_form = ({
-  formItemMarginBottom: va('form-item-margin-bottom', '12px'),
-  formItemMarginRight: va('form-item-margin-right', '16px'),
-  formItemTipGap: va('form-item-tip-gap', '22px')
-});
-;// CONCATENATED MODULE: ../shineout-style/src/cssvar/checkbox.ts
-
-var checkboxBorderColor = va('checkbox-border-color', colorVar.grey300);
-/* harmony default export */ var cssvar_checkbox = ({
-  checkinputColor: va('checkinput-color', '#333e59'),
-  checkboxWidth: va('checkbox-width', '16px'),
-  checkboxBorderUncheckWidth: va('checkbox-border-uncheck-width', '2px'),
-  checkboxBorderWidth: va('checkbox-border-width', '6px'),
-  checkboxBorderColor: checkboxBorderColor,
-  checkboxDisabledBgc: va('checkbox-disabled-bgc', '#E8EBF0'),
-  checkboxCheckedDisabledBgc: va('checkbox-disabled-bgc', checkboxBorderColor)
-});
-;// CONCATENATED MODULE: ../shineout-style/src/cssvar/index.ts
-
-
-
-
-
-
-
-var cssVars = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, colorVar), sizeVar), input), cssvar_radio), cssvar_checkbox), innerTitle), cssvar_form), {}, {
-  buttonDefaultBorder: va('button-default-border', "#d9d9d9"),
-  buttonPaddingBaseVertical: va('button-padding-base-vertical', "5px"),
-  buttonPaddingSmallVertical: va('button-padding-small-vertical', "2px"),
-  buttonPaddingLargeVertical: va('button-padding-large-vertical', "8px"),
-  buttonPaddingBaseHorizontal: va('button-padding-base-horizontal', "8px"),
-  buttonPaddingSmallHorizontal: va('button-padding-small-horizontal', "8px"),
-  buttonPaddingLargeHorizontal: va('button-padding-large-horizontal', "12px"),
-  buttonDefaultTextColor: va('button-default-text-color', "#333e59"),
-  buttonBorderRadius: va('button-border-radius', "4px"),
-  buttonDisabledBg: va('button-disabled-bg', colorVar.grey300),
-  buttonDisabledColor: va('button-disabled-color', '#fff'),
-  buttonDisabledDelimiter: va('button-disabled-delimiter', '#d9d9d9'),
-  buttonLineHeightSmall: 1.5
-});
-/* harmony default export */ var cssvar = (cssVars);
 ;// CONCATENATED MODULE: ../shineout-style/src/form/form.ts
 
 var form_form = {
@@ -22579,7 +22465,7 @@ var form_form = {
       width: 'auto'
     },
     '& > [data-soui-input-border]': {
-      marginRight: cssvar.formItemMarginRight
+      marginRight: esm/* default.formItemMarginXEnd */.ZP.formItemMarginXEnd
     }
   }
 };
@@ -22657,7 +22543,8 @@ var useIconStyle = styled(icon_icon, 'icon');
 /* harmony default export */ var src_icon = ((/* unused pure expression or super */ null && (useIconStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/image/image.ts
 
-var ImageStyle = {
+
+var animation = {
   '@keyframes keyframe-f2c': {
     '0%': {
       left: '100%',
@@ -22705,7 +22592,9 @@ var ImageStyle = {
       marginRight: 0,
       transform: 'translate(50%, -50%)'
     }
-  },
+  }
+};
+var ImageStyle = objectSpread2_default()(objectSpread2_default()({}, animation), {}, {
   // image
   href: {
     outline: 'none',
@@ -22859,8 +22748,8 @@ var ImageStyle = {
     backgroundColor: esm/* default.imageErrorBackgroundColor */.ZP.imageErrorBackgroundColor
   },
   overlay: {
-    position: 'fixed',
-    zIndex: 1100,
+    position: 'absolute',
+    zIndex: 0,
     top: 0,
     right: 0,
     bottom: 0,
@@ -22894,8 +22783,8 @@ var ImageStyle = {
   },
   // gallery
   gallery: {
-    position: 'absolute',
-    zIndex: 1,
+    position: 'fixed',
+    zIndex: 1100,
     top: 0,
     right: 0,
     bottom: 0,
@@ -23030,7 +22919,7 @@ var ImageStyle = {
       color: '#fff'
     }
   }
-};
+});
 /* harmony default export */ var image_image = (ImageStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/image/index.ts
 
@@ -23043,7 +22932,7 @@ var useImageStyle = styled(image_image, 'image');
 
 var moveOffset = '-10px';
 var moveTime = '120ms';
-var animation = {
+var inner_title_animation = {
   '@keyframes movein': {
     from: {
       top: 0
@@ -23061,7 +22950,7 @@ var animation = {
     }
   }
 };
-var inner_title_innerTitle = objectSpread2_default()(objectSpread2_default()({}, animation), {}, {
+var innerTitle = objectSpread2_default()(objectSpread2_default()({}, inner_title_animation), {}, {
   wrapper: {
     width: '100%',
     boxSizing: 'border-box',
@@ -23126,7 +23015,7 @@ var inner_title_innerTitle = objectSpread2_default()(objectSpread2_default()({},
     display: 'flex'
   }
 });
-/* harmony default export */ var inner_title = (inner_title_innerTitle);
+/* harmony default export */ var inner_title = (innerTitle);
 ;// CONCATENATED MODULE: ../shineout-style/src/inner-title/index.ts
 
 
@@ -23207,7 +23096,7 @@ var groupSpace = function groupSpace(gap) {
     }
   };
 };
-var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
+var input = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
   wrapper: objectSpread2_default()({
     display: 'inline-flex',
     width: '100%',
@@ -23379,11 +23268,11 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
     }
   }
 });
-/* harmony default export */ var src_input_input = (input_input);
+/* harmony default export */ var input_input = (input);
 ;// CONCATENATED MODULE: ../shineout-style/src/input/index.ts
 
 
-var useInputStyle = styled(src_input_input, 'input');
+var useInputStyle = styled(input_input, 'input');
 
 /* harmony default export */ var src_input = ((/* unused pure expression or super */ null && (useInputStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/list/list.ts
@@ -25244,9 +25133,24 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       }
     },
     '&:hover': {
-      cursor: 'pointer'
+      cursor: 'pointer',
+      '&$clearable:not($wrapperEmpty)': {
+        '& $clearIcon': {
+          display: 'block'
+        },
+        '& $arrowIcon': {
+          display: 'none'
+        }
+      }
+    },
+    '&:not($wrapperEmpty):not($wrapperOpen)': {
+      '& $clearIcon': {
+        display: 'none'
+      }
     }
   }),
+  wrapperEmpty: {},
+  wrapperOpen: {},
   wrapperDisabled: objectSpread2_default()(objectSpread2_default()({}, select_wrapperDisabled), {}, {
     '& $icon': {
       color: esm/* default.selectDisabledFontColor */.ZP.selectDisabledFontColor
@@ -25254,7 +25158,8 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     '& $arrowIcon': {
       color: esm/* default.selectDisabledIconColor */.ZP.selectDisabledIconColor
     }
-  })
+  }),
+  popover: {}
 }, select_resetWrapper), {}, {
   resultWrapper: {
     display: 'flex',
@@ -25505,7 +25410,12 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     maxWidth: 400,
     maxHeight: 160,
     overflow: 'auto',
-    padding: esm/* default.selectMorePadding */.ZP.selectMorePadding
+    padding: esm/* default.selectMorePadding */.ZP.selectMorePadding,
+    '&:hover': {
+      '& $clearIcon': {
+        display: 'inline-block'
+      }
+    }
   },
   virtualList: {
     margin: 0,
@@ -28504,7 +28414,7 @@ var tag = function tag(type) {
     '&$bright': {
       color: esm/* default */.ZP["tag".concat(type, "FontColor")],
       backgroundColor: esm/* default */.ZP["tag".concat(type, "BackgroundColor")],
-      border: "1px solid ".concat(esm/* default */.ZP["tag".concat(type, "BorderColor")]),
+      border: "1px solid transparent",
       '& $closeIconWrapper': {
         '&:hover': {
           backgroundColor: esm/* default */.ZP["tag".concat(type, "IconHoverBackgroundColor")]
@@ -30278,43 +30188,6 @@ var uploadStyle = {
 var useUploadStyle = styled(upload, 'upload');
 
 /* harmony default export */ var src_upload = ((/* unused pure expression or super */ null && (useUploadStyle)));
-;// CONCATENATED MODULE: ../shineout-style/src/virtual-scroll/virtual-scroll.ts
-var VirtualScrollStyle = {
-  scroll: {
-    position: 'relative',
-    overflow: 'hidden',
-    height: '100%',
-    boxSizing: 'border-box'
-  },
-  scrolled: {},
-  virtual: {},
-  iframe: {
-    position: 'absolute',
-    zIndex: -1,
-    top: 0,
-    left: 0,
-    right: 0,
-    // bottom: 0,
-    border: 'none',
-    width: '100%',
-    height: '100%'
-  },
-  container: {
-    height: '100%'
-  },
-  footer: {},
-  bar: {
-    width: 1,
-    visibility: 'hidden'
-  }
-};
-/* harmony default export */ var virtual_scroll = (VirtualScrollStyle);
-;// CONCATENATED MODULE: ../shineout-style/src/virtual-scroll/index.ts
-
-
-var useVirtualScrollStyle = styled(virtual_scroll, 'virtual');
-
-/* harmony default export */ var src_virtual_scroll = ((/* unused pure expression or super */ null && (useVirtualScrollStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/index.ts
 
 
@@ -30364,7 +30237,6 @@ var useVirtualScrollStyle = styled(virtual_scroll, 'virtual');
 
 
 
-
 
 
 /* harmony default export */ var src = ({});
@@ -33213,8 +33085,7 @@ var spin_Spin = function Spin() {
     className = props.className,
     children = props.children,
     style = props.style,
-    _props$loading = props.loading,
-    loading = _props$loading === void 0 ? true : _props$loading,
+    loading = props.loading,
     nameProps = props.name,
     tip = props.tip,
     color = props.color,
@@ -33317,7 +33188,8 @@ var Button = function Button(props) {
     return typeProp;
   };
   var getMode = function getMode() {
-    if (typeProp === 'default' && modeProp === undefined) return 'outline';
+    if (typeProp === 'default' && modeProp === undefined && outline) return 'outline';
+    if (typeProp === 'default' && modeProp === undefined && text) return 'text';
     return modeProp;
   };
   var mode = getMode();
@@ -35644,11 +35516,7 @@ function removeProtocol(url) {
   search: '搜索',
   urlInvalidMsg: '图片格式不正确，请重新上传',
   invalidAccept: '文件格式不正确',
-  notFound: '未找到',
-  exmples: '示例',
-  api: 'API',
-  guide: '指南',
-  updateRecord: '更新记录'
+  notFound: '未找到'
 });
 ;// CONCATENATED MODULE: ../base/src/config/locale/en_US.ts
 /* harmony default export */ var en_US = ({
@@ -35714,11 +35582,7 @@ function removeProtocol(url) {
   search: 'search',
   urlInvalidMsg: 'Picture format is incorrect, please upload again',
   invalidAccept: 'Invalid file format',
-  notFound: 'not found',
-  exmples: 'exmples',
-  api: 'API',
-  guide: 'guide',
-  updateRecord: 'update record'
+  notFound: 'not found'
 });
 ;// CONCATENATED MODULE: ../base/src/config/locale/index.ts
 
@@ -36017,7 +35881,7 @@ var input_Input = function Input(props) {
     hasSuffix: !!props.suffix
   }));
 };
-/* harmony default export */ var base_src_input_input = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().memo(input_Input));
+/* harmony default export */ var src_input_input = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().memo(input_Input));
 ;// CONCATENATED MODULE: ../base/src/checkbox/checkbox.tsx
 
 
@@ -36090,7 +35954,7 @@ var checkbox_Checkbox = function Checkbox(props) {
     renderFooter: function renderFooter(c) {
       if (inputable && c) {
         // 兼容历史版本的inputable
-        return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_input_input, {
+        return /*#__PURE__*/(0,jsx_runtime.jsx)(src_input_input, {
           jssStyle: jssStyle,
           className: checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.input,
           value: inputValue,
@@ -39233,6 +39097,7 @@ Tag.Input = tag_input;
 
 
 
+
 function getResetMore(onFilter, container, doms) {
   if (!container || !doms || !doms.length) return -1;
   var items = Array.from(doms);
@@ -39309,7 +39174,9 @@ var More = function More(props) {
     zIndex: -100,
     userSelect: 'none',
     msUserSelect: 'none',
-    contain: 'layout'
+    contain: 'layout',
+    opacity: 0,
+    pointerEvents: 'none'
   } : {};
   if (!shouldShowMore) {
     before = new Array(showNum).fill(undefined).map(function (_item, index) {
@@ -39320,6 +39187,15 @@ var More = function More(props) {
     });
     itemsLength = after.length;
   }
+  if (after && after.length > 0) {
+    after = external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.map(after, function (item) {
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(item, objectSpread2_default()(objectSpread2_default()({}, item.props), {}, {
+        style: {
+          opcacity: 1
+        }
+      }));
+    }) || after;
+  }
   return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
     children: [shouldShowMore ? data : before, /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
       style: {
@@ -39340,6 +39216,9 @@ var More = function More(props) {
         onVisibleChange: setVisible,
         children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
           className: styles.moreWrapper,
+          onClick: function onClick(e) {
+            return e.stopPropagation();
+          },
           children: [compressed === 'no-repeat' ? null : before, after]
         })
       })]
@@ -39406,6 +39285,7 @@ var result_Result = function Result(props) {
     setMore = _useState2[1];
   var resultRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var shouldResetMore = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
+  var prevMore = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(more);
   var showInput = allowOnFilter && focus;
   var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
   var rootClass = classnames_default()(styles.resultTextWrapper, compressed && styles.compressedWrapper, multiple && styles.multipleResultWrapper, multiple && compressed && styles.multipleCompressedWrapper);
@@ -39497,6 +39377,9 @@ var result_Result = function Result(props) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(src_tag_tag, objectSpread2_default()(objectSpread2_default()({
       disabled: isDisabled,
       size: size,
+      style: {
+        opacity: more === index ? 0 : 1
+      },
       className: classnames_default()(styles.tag, resultClassName),
       onClose: closeable && handleClose,
       onClick: handleClick,
@@ -39623,9 +39506,19 @@ var result_Result = function Result(props) {
     if (!compressed) return;
     if (!resultRef.current) return;
     if (more === -1) {
+      var tagClassName = ".".concat(styles.tag.split(' ')[0]);
       if (shouldResetMore.current && result_isArray(value) && (value || []).length) {
         shouldResetMore.current = false;
-        var newMore = getResetMore(showInput, resultRef.current, resultRef.current.querySelectorAll(".".concat(styles.tag)));
+        var newMore = getResetMore(showInput, resultRef.current, resultRef.current.querySelectorAll(tagClassName));
+
+        // 下次触发折叠逻辑的时候，将多余的 tag 隐藏，避免视图闪断
+        if (newMore !== prevMore.current && prevMore.current === -1 && newMore > prevMore.current) {
+          var tags = resultRef.current.querySelectorAll(tagClassName);
+          tags.forEach(function (tag, index) {
+            if (index >= newMore) tag.setAttribute('style', 'opacity: 0');
+          });
+        }
+        prevMore.current = newMore;
         setMore(newMore);
       }
     }
@@ -40921,7 +40814,6 @@ var cascader_jssStyle = {
   tag: useTagStyle,
   select: useSelectStyle,
   innerTitle: useInnerTitleStyle,
-  virtualScroll: useVirtualScrollStyle,
   popover: usePopoverStyle,
   checkbox: useCheckboxStyle,
   radio: useRadioStyle,
@@ -49009,14 +48901,16 @@ var image_event_getContainer = function getContainer() {
   if (container) return container;
   var defaultContainer = getDefaultContainer();
   container = document.createElement('div');
-  defaultContainer.appendChild(container);
+  defaultContainer === null || defaultContainer === void 0 ? void 0 : defaultContainer.appendChild(container);
   return container;
 };
 var showGallery = function showGallery(jssStyle, images) {
   var current = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var containerClass = arguments.length > 3 ? arguments[3] : undefined;
   var Images = !Array.isArray(images) ? [images] : images;
   var container = image_event_getContainer();
   document.addEventListener('keydown', keyClose);
+  container.className = containerClass || '';
   image_event_ReactRender( /*#__PURE__*/(0,jsx_runtime.jsx)(image_gallery, {
     jssStyle: jssStyle,
     onClose: image_event_close,
@@ -49176,7 +49070,7 @@ var ImageGroup = function ImageGroup(props) {
   // 图片组成员点击事件
   var handleItemClick = function handleItemClick(images, current) {
     if (shouldPreview) {
-      image_event(jssStyle, images, current);
+      image_event(jssStyle, images, current, imageClasses.gallery);
     }
   };
 
@@ -49311,7 +49205,7 @@ var Image = function Image(props) {
         thumb: src,
         src: href || src,
         key: 'key'
-      });
+      }, 0, imageStyle.gallery);
     }
   };
   var preview = usePersistFn(function () {
@@ -49319,7 +49213,7 @@ var Image = function Image(props) {
       thumb: src,
       src: href || src,
       key: 'key'
-    });
+    }, 0, imageStyle.gallery);
   });
   var ComponentRef = useLatestObj({
     preview: preview
@@ -49483,7 +49377,7 @@ var input_jssStyle = {
   popover: usePopoverStyle
 };
 var input_input_Input = function Input(props) {
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_input_input, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(src_input_input, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     jssStyle: input_jssStyle
   }));
 };
@@ -49960,8 +49854,9 @@ var usePaginationList = function usePaginationList(props) {
     if (props.onChange) props.onChange(current, pageSize);
   });
   var getPager = function getPager(data) {
+    var _props$total;
     if (!shouldPage) return {};
-    var total = Array.isArray(data) ? data.length : 0;
+    var total = (_props$total = props.total) !== null && _props$total !== void 0 ? _props$total : Array.isArray(data) ? data.length : 0;
     return {
       current: props.current || current,
       pageSize: props.pageSize || pageSize,
@@ -51872,6 +51767,7 @@ var ColumnsList = function ColumnsList(props) {
 
 
 
+
 
 
 function Select(props0) {
@@ -51966,10 +51862,6 @@ function Select(props0) {
     _useState4 = slicedToArray_default()(_useState3, 2),
     focused = _useState4[0],
     setFocused = _useState4[1];
-  var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
-    _useState6 = slicedToArray_default()(_useState5, 2),
-    enter = _useState6[0],
-    setEnter = _useState6[1];
   var isKeydown = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
   var isPreventBlur = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
   var blurEvent = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
@@ -52017,6 +51909,16 @@ function Select(props0) {
     }),
     datum = _useSelect.datum,
     value = _useSelect.value;
+  var checkEmpty = function checkEmpty() {
+    var isEmpty;
+    if (multiple) {
+      isEmpty = !value || Array.isArray(value) && value.length === 0;
+    } else {
+      isEmpty = is_isEmpty(value);
+    }
+    return isEmpty;
+  };
+  var isEmpty = checkEmpty();
   var _useGroup = use_select_group({
       data: filterData,
       groupBy: groupBy
@@ -52057,7 +51959,7 @@ function Select(props0) {
     rootRef: selectRef,
     jssStyle: props.jssStyle
   });
-  var rootClass = classnames_default()(className, styles === null || styles === void 0 ? void 0 : styles.wrapper, disabled === true && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), disabled !== true && focused && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), (!!props.error || props.status === 'error') && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), clearable && (styles === null || styles === void 0 ? void 0 : styles.clearable), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline), defineProperty_default()({}, styles === null || styles === void 0 ? void 0 : styles.multiple, multiple));
+  var rootClass = classnames_default()(className, isEmpty && styles.wrapperEmpty, styles === null || styles === void 0 ? void 0 : styles.wrapper, open && (styles === null || styles === void 0 ? void 0 : styles.wrapperOpen), disabled === true && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), disabled !== true && focused && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), (!!props.error || props.status === 'error') && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), clearable && (styles === null || styles === void 0 ? void 0 : styles.clearable), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline), defineProperty_default()({}, styles === null || styles === void 0 ? void 0 : styles.multiple, multiple));
   var getRenderItem = function getRenderItem(data, index) {
     return typeof renderItemProp === 'function' ? renderItemProp(data, index) : data[renderItemProp];
   };
@@ -52183,12 +52085,6 @@ function Select(props0) {
       datum.remove(last);
     }
   };
-  var handleMouseEnter = function handleMouseEnter() {
-    setEnter(true);
-  };
-  var handleMouseLeave = function handleMouseLeave() {
-    setEnter(false);
-  };
   var handleKeyDown = function handleKeyDown(e) {
     var _optionListRef$curren3, _optionListRef$curren4, _optionListRef$curren5, _optionListRef$curren6;
     // 回车或下箭头可打开下拉列表
@@ -52259,20 +52155,24 @@ function Select(props0) {
     innerTitle: innerTitle
   });
   var renderClearable = function renderClearable() {
-    return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+    if (!multiple !== undefined && !showArrow) return null;
+    var defaultIcon = multiple ? icons.More : icons.ArrowDown;
+    var arrow = /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      className: classnames_default()(styles.arrowIcon, open && !compressed && styles.arrowIconOpen),
+      onClick: handleResultClick,
+      children: defaultIcon
+    });
+    var close = /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
       className: styles.clearIcon,
       onClick: handleClear,
-      children: icons.PcCloseCircleFill
+      children: isEmpty ? arrow : icons.PcCloseCircleFill
+    });
+    return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+      children: [open && close, !open && arrow, !open && close]
     });
   };
   var renderIcon = function renderIcon() {
-    var isEmpty;
-    if (multiple) {
-      isEmpty = !value || Array.isArray(value) && value.length === 0;
-    } else {
-      isEmpty = is_isEmpty(value);
-    }
-    if (clearable && !isEmpty && open || clearable && !isEmpty && enter && disabled !== true) {
+    if (clearable && !isEmpty && disabled !== true) {
       return renderClearable();
     }
     if (!multiple && !showArrow) return null;
@@ -52283,7 +52183,7 @@ function Select(props0) {
       children: defaultIcon
     });
   };
-  var renderResult = function renderResult() {
+  var renderResult = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
     var result = /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.result),
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(select_result, {
@@ -52329,7 +52229,7 @@ function Select(props0) {
       onClick: handleResultClick,
       children: renderInnerTitle(result)
     });
-  };
+  }, [value]);
   var renderList = function renderList() {
     var listProps = {
       data: groupBy ? groupData : filterData,
@@ -52444,13 +52344,11 @@ function Select(props0) {
   }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
     className: rootClass,
     style: rootStyle,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
     onKeyDown: handleKeyDown,
     onKeyUp: handleKeyUp,
     onBlur: handleBlur,
     onFocus: handleFocus,
-    children: [tipNode, renderResult(), renderIcon(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
+    children: [tipNode, renderResult, renderIcon(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
       adjust: true,
       focus: open,
       fixedWidth: autoAdapt ? 'min' : true,
@@ -52561,7 +52459,7 @@ var PaginationJumper = function PaginationJumper(props) {
     setValue(String(current));
   };
   var renderInput = function renderInput() {
-    return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_input_input, {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(src_input_input, {
       jssStyle: jssStyle,
       className: classnames_default()(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.jumperInput),
       width: 56,
@@ -55582,7 +55480,6 @@ var select_jssStyle = {
   tag: useTagStyle,
   select: useSelectStyle,
   innerTitle: useInnerTitleStyle,
-  virtualScroll: useVirtualScrollStyle,
   popover: usePopoverStyle,
   checkbox: useCheckboxStyle,
   radio: useRadioStyle,
@@ -58760,7 +58657,8 @@ var scrollWrapperStyle = {
       defaultCurrent: pagination === null || pagination === void 0 ? void 0 : pagination.defaultCurrent,
       pageSize: pagination === null || pagination === void 0 ? void 0 : pagination.pageSize,
       onChange: pagination === null || pagination === void 0 ? void 0 : pagination.onChange,
-      loading: !!props.loading
+      loading: !!props.loading,
+      total: pagination === null || pagination === void 0 ? void 0 : pagination.total
     }),
     pagedData = _usePaginationList.data,
     paginationInfo = objectWithoutProperties_default()(_usePaginationList, table_excluded);
@@ -60527,7 +60425,7 @@ var TransferList = function TransferList(props) {
     }
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: styles.inputWrapper,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_input_input, {
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)(src_input_input, {
         className: styles.input,
         clearable: true,
         jssStyle: jssStyle,
@@ -65043,7 +64941,7 @@ var upload_interface = __webpack_require__(7818);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.0.0-alpha.21'
+  version: '3.0.0-alpha.23'
 });
 }();
 /******/ 	return __webpack_exports__;