@douyinfe/semi-ui 2.21.0-beta.1 → 2.21.1

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

@@ -2,9 +2,9 @@ import React from "react";
 import BaseComponent from "../_base/baseComponent";
 import { ImageProps, ImageStates } from "./interface";
 import PropTypes from "prop-types";
-import '@douyinfe/semi-foundation/lib/cjs/image/image.css';
 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

@@ -21,8 +21,6 @@ var _semiIcons = require("@douyinfe/semi-icons");
 
 var _previewInner = _interopRequireDefault(require("./previewInner"));
 
-require("@douyinfe/semi-foundation/lib/cjs/image/image.css");
-
 var _previewContext = require("./previewContext");
 
 var _imageFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/image/imageFoundation"));
@@ -31,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/index.d.ts

@@ -1,6 +1,7 @@
 import Image from "./image";
 import PreviewInner from "./previewInner";
 import Preview from "./preview";
+import '@douyinfe/semi-foundation/lib/cjs/image/image.css';
 export default Image;
 export { PreviewInner, Preview, };
 export { ImageProps, PreviewImageProps, PreviewProps, } from "./interface";

package/lib/cjs/image/index.js

@@ -23,6 +23,8 @@ var _previewInner = _interopRequireDefault(require("./previewInner"));
 
 var _preview = _interopRequireDefault(require("./preview"));
 
+require("@douyinfe/semi-foundation/lib/cjs/image/image.css");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var _default = _image.default;

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/modal/ModalContent.js

@@ -267,12 +267,12 @@ class ModalContent extends _baseComponent.default {
       },
       addKeyDownEventListener: () => {
         if (this.props.closeOnEsc) {
-          document.addEventListener('keydown', this.foundation.handleKeyDown.bind(this.foundation));
+          document.addEventListener('keydown', this.foundation.handleKeyDown);
         }
       },
       removeKeyDownEventListener: () => {
         if (this.props.closeOnEsc) {
-          document.removeEventListener('keydown', this.foundation.handleKeyDown.bind(this.foundation));
+          document.removeEventListener('keydown', this.foundation.handleKeyDown);
         }
       },
       getMouseState: () => this.state.dialogMouseDown,

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

@@ -2,9 +2,9 @@ import React from "react";
 import BaseComponent from "../_base/baseComponent";
 import { ImageProps, ImageStates } from "./interface";
 import PropTypes from "prop-types";
-import '@douyinfe/semi-foundation/lib/es/image/image.css';
 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

@@ -10,11 +10,11 @@ import { cssClasses } from '@douyinfe/semi-foundation/lib/es/image/constants';
 import cls from "classnames";
 import { IconUploadError, IconEyeOpened } from "@douyinfe/semi-icons";
 import PreviewInner from "./previewInner";
-import '@douyinfe/semi-foundation/lib/es/image/image.css';
 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/index.d.ts

@@ -1,6 +1,7 @@
 import Image from "./image";
 import PreviewInner from "./previewInner";
 import Preview from "./preview";
+import '@douyinfe/semi-foundation/lib/es/image/image.css';
 export default Image;
 export { PreviewInner, Preview, };
 export { ImageProps, PreviewImageProps, PreviewProps, } from "./interface";

package/lib/es/image/index.js

@@ -1,5 +1,6 @@
 import Image from "./image";
 import PreviewInner from "./previewInner";
 import Preview from "./preview";
+import '@douyinfe/semi-foundation/lib/es/image/image.css';
 export default Image;
 export { PreviewInner, Preview };

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/modal/ModalContent.js

@@ -242,12 +242,12 @@ export default class ModalContent extends BaseComponent {
       },
       addKeyDownEventListener: () => {
         if (this.props.closeOnEsc) {
-          document.addEventListener('keydown', this.foundation.handleKeyDown.bind(this.foundation));
+          document.addEventListener('keydown', this.foundation.handleKeyDown);
         }
       },
       removeKeyDownEventListener: () => {
         if (this.props.closeOnEsc) {
-          document.removeEventListener('keydown', this.foundation.handleKeyDown.bind(this.foundation));
+          document.removeEventListener('keydown', this.foundation.handleKeyDown);
         }
       },
       getMouseState: () => this.state.dialogMouseDown,

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.21.0-beta.1",
+    "version": "2.21.1",
     "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.21.0-beta.1",
-        "@douyinfe/semi-foundation": "2.21.0-beta.1",
-        "@douyinfe/semi-icons": "2.21.0-beta.1",
+        "@douyinfe/semi-animation-react": "2.21.1",
+        "@douyinfe/semi-foundation": "2.21.1",
+        "@douyinfe/semi-icons": "2.21.1",
         "@douyinfe/semi-illustrations": "2.15.0",
-        "@douyinfe/semi-theme-default": "2.21.0-beta.1",
+        "@douyinfe/semi-theme-default": "2.21.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,13 +69,13 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "973e1636cfc1363d35713022c307b3525df4eeda",
+    "gitHead": "ae80a064a1525cbc26fe498ac236beb0d075e362",
     "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.21.0-beta.1",
+        "@douyinfe/semi-scss-compile": "2.21.1",
         "@storybook/addon-knobs": "^6.3.1",
         "@types/lodash": "^4.14.176",
         "@types/react": ">=16.0.0",