@douyinfe/semi-ui 2.20.6 → 2.20.8

package/lib/cjs/form/interface.d.ts

@@ -10,7 +10,7 @@ import { CheckboxProps } from '../checkbox/index';
 import { RadioProps } from '../radio/index';
 import { ReactFieldError as FieldError } from './errorMessage';
 import { LabelProps } from './label';
-export { FormState, FormApi, WithFieldOption };
+export { FormState, FormApi, WithFieldOption, RuleItem };
 export declare type CommonFieldProps = {
     /** Field is required (except Form. Checkbox within the Group, Form. Radio) */
     field: string;

package/lib/cjs/image/image.d.ts

@@ -4,6 +4,7 @@ import { ImageProps, ImageStates } from "./interface";
 import PropTypes from "prop-types";
 import { PreviewContextProps } from "./previewContext";
 import ImageFoundation, { ImageAdapter } from '@douyinfe/semi-foundation/lib/cjs/image/imageFoundation';
+import '@douyinfe/semi-foundation/lib/cjs/image/image.css';
 export default class Image extends BaseComponent<ImageProps, ImageStates> {
     static isSemiImage: boolean;
     static contextType: React.Context<PreviewContextProps>;

package/lib/cjs/image/image.js

@@ -29,6 +29,8 @@ var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer")
 
 var _skeleton = _interopRequireDefault(require("../skeleton"));
 
+require("@douyinfe/semi-foundation/lib/cjs/image/image.css");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /* eslint-disable jsx-a11y/click-events-have-key-events */

package/lib/cjs/image/preview.d.ts

@@ -4,6 +4,7 @@ import PropTypes from "prop-types";
 import { PreviewProps, PreviewState } from "./interface";
 import PreviewInner from "./previewInner";
 import PreviewFoundation from '@douyinfe/semi-foundation/lib/cjs/image/previewFoundation';
+import '@douyinfe/semi-foundation/lib/cjs/image/image.css';
 export default class Preview extends BaseComponent<PreviewProps, PreviewState> {
     static propTypes: {
         style: PropTypes.Requireable<object>;

package/lib/cjs/image/preview.js

@@ -23,6 +23,8 @@ var _uuid = require("@douyinfe/semi-foundation/lib/cjs/utils/uuid");
 
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/image/constants");
 
+require("@douyinfe/semi-foundation/lib/cjs/image/image.css");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var __rest = void 0 && (void 0).__rest || function (s, e) {

package/lib/cjs/select/index.d.ts

@@ -6,9 +6,9 @@ import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
 import { InputProps } from '../input/index';
 import Option, { OptionProps } from './option';
 import OptionGroup from './optionGroup';
-import { Subtract } from 'utility-types';
 import '@douyinfe/semi-foundation/lib/cjs/select/select.css';
-import { Position, TooltipProps } from '../tooltip';
+import type { Position, TooltipProps } from '../tooltip';
+import type { Subtract } from 'utility-types';
 export type { OptionProps } from './option';
 export type { OptionGroupProps } from './optionGroup';
 export type { VirtualRowProps } from './virtualRow';

package/lib/cjs/select/index.js

@@ -679,7 +679,7 @@ class Select extends _baseComponent.default {
       // eslint-disable-next-line jsx-a11y/no-static-element-interactions
       _react.default.createElement("div", {
         id: "".concat(prefixcls, "-").concat(this.selectOptionListID),
-        className: dropdownClassName,
+        className: (0, _classnames.default)("".concat(prefixcls, "-option-list-wrapper"), dropdownClassName),
         style: style,
         ref: this.setOptionContainerEl,
         onKeyDown: e => this.foundation.handleContainerKeyDown(e)
@@ -1190,7 +1190,7 @@ Select.defaultProps = {
   onBlur: _noop2.default,
   onClear: _noop2.default,
   onListScroll: _noop2.default,
-  maxHeight: 300,
+  maxHeight: _constants.numbers.LIST_HEIGHT,
   dropdownMatchSelectWidth: true,
   defaultActiveFirstOption: true,
   showArrow: true,

package/lib/es/form/interface.d.ts

@@ -10,7 +10,7 @@ import { CheckboxProps } from '../checkbox/index';
 import { RadioProps } from '../radio/index';
 import { ReactFieldError as FieldError } from './errorMessage';
 import { LabelProps } from './label';
-export { FormState, FormApi, WithFieldOption };
+export { FormState, FormApi, WithFieldOption, RuleItem };
 export declare type CommonFieldProps = {
     /** Field is required (except Form. Checkbox within the Group, Form. Radio) */
     field: string;

package/lib/es/image/image.d.ts

@@ -4,6 +4,7 @@ import { ImageProps, ImageStates } from "./interface";
 import PropTypes from "prop-types";
 import { PreviewContextProps } from "./previewContext";
 import ImageFoundation, { ImageAdapter } from '@douyinfe/semi-foundation/lib/es/image/imageFoundation';
+import '@douyinfe/semi-foundation/lib/es/image/image.css';
 export default class Image extends BaseComponent<ImageProps, ImageStates> {
     static isSemiImage: boolean;
     static contextType: React.Context<PreviewContextProps>;

package/lib/es/image/image.js

@@ -14,6 +14,7 @@ import { PreviewContext } from "./previewContext";
 import ImageFoundation from '@douyinfe/semi-foundation/lib/es/image/imageFoundation';
 import LocaleConsumer from "../locale/localeConsumer";
 import Skeleton from "../skeleton";
+import '@douyinfe/semi-foundation/lib/es/image/image.css';
 const prefixCls = cssClasses.PREFIX;
 export default class Image extends BaseComponent {
   constructor(props) {

package/lib/es/image/preview.d.ts

@@ -4,6 +4,7 @@ import PropTypes from "prop-types";
 import { PreviewProps, PreviewState } from "./interface";
 import PreviewInner from "./previewInner";
 import PreviewFoundation from '@douyinfe/semi-foundation/lib/es/image/previewFoundation';
+import '@douyinfe/semi-foundation/lib/es/image/image.css';
 export default class Preview extends BaseComponent<PreviewProps, PreviewState> {
     static propTypes: {
         style: PropTypes.Requireable<object>;

package/lib/es/image/preview.js

@@ -19,6 +19,7 @@ import PreviewInner from "./previewInner";
 import PreviewFoundation from '@douyinfe/semi-foundation/lib/es/image/previewFoundation';
 import { getUuidShort } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/image/constants';
+import '@douyinfe/semi-foundation/lib/es/image/image.css';
 const prefixCls = cssClasses.PREFIX;
 export default class Preview extends BaseComponent {
   constructor(props) {

package/lib/es/select/index.d.ts

@@ -6,9 +6,9 @@ import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
 import { InputProps } from '../input/index';
 import Option, { OptionProps } from './option';
 import OptionGroup from './optionGroup';
-import { Subtract } from 'utility-types';
 import '@douyinfe/semi-foundation/lib/es/select/select.css';
-import { Position, TooltipProps } from '../tooltip';
+import type { Position, TooltipProps } from '../tooltip';
+import type { Subtract } from 'utility-types';
 export type { OptionProps } from './option';
 export type { OptionGroupProps } from './optionGroup';
 export type { VirtualRowProps } from './virtualRow';

package/lib/es/select/index.js

@@ -633,7 +633,7 @@ class Select extends BaseComponent {
       // eslint-disable-next-line jsx-a11y/no-static-element-interactions
       React.createElement("div", {
         id: "".concat(prefixcls, "-").concat(this.selectOptionListID),
-        className: dropdownClassName,
+        className: cls("".concat(prefixcls, "-option-list-wrapper"), dropdownClassName),
         style: style,
         ref: this.setOptionContainerEl,
         onKeyDown: e => this.foundation.handleContainerKeyDown(e)
@@ -1145,7 +1145,7 @@ Select.defaultProps = {
   onBlur: _noop,
   onClear: _noop,
   onListScroll: _noop,
-  maxHeight: 300,
+  maxHeight: numbers.LIST_HEIGHT,
   dropdownMatchSelectWidth: true,
   defaultActiveFirstOption: true,
   showArrow: true,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.20.6",
+    "version": "2.20.8",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -18,11 +18,11 @@
     ],
     "dependencies": {
         "@douyinfe/semi-animation": "2.12.0",
-        "@douyinfe/semi-animation-react": "2.20.6",
-        "@douyinfe/semi-foundation": "2.20.6",
-        "@douyinfe/semi-icons": "2.20.6",
+        "@douyinfe/semi-animation-react": "2.20.8",
+        "@douyinfe/semi-foundation": "2.20.8",
+        "@douyinfe/semi-icons": "2.20.8",
         "@douyinfe/semi-illustrations": "2.15.0",
-        "@douyinfe/semi-theme-default": "2.20.6",
+        "@douyinfe/semi-theme-default": "2.20.8",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,13 +69,13 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "a3ff44756182c53fb1216ab4fd974edea4473bcd",
+    "gitHead": "9e94c35ebc88ffd1ed06cc5057ed90f94132a8f2",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",
         "@babel/preset-react": "^7.14.5",
-        "@douyinfe/semi-scss-compile": "2.20.6",
+        "@douyinfe/semi-scss-compile": "2.20.8",
         "@storybook/addon-knobs": "^6.3.1",
         "@types/lodash": "^4.14.176",
         "@types/react": ">=16.0.0",