@douyinfe/semi-ui 2.23.4 → 2.23.6

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

@@ -4,4 +4,4 @@ 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";
+export type { ImageProps, PreviewImageProps, PreviewProps, } from "./interface";

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

@@ -4,6 +4,7 @@ import { ContextValue } from '../configProvider/context';
 import SelectFoundation, { SelectAdapter } from '@douyinfe/semi-foundation/lib/cjs/select/foundation';
 import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
 import { PopoverProps } from '../popover/index';
+import Event from '@douyinfe/semi-foundation/lib/cjs/utils/Event';
 import { InputProps } from '../input/index';
 import Option, { OptionProps } from './option';
 import OptionGroup from './optionGroup';
@@ -233,6 +234,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
     clickOutsideHandler: (e: MouseEvent) => void;
     foundation: SelectFoundation;
     context: ContextValue;
+    eventManager: Event;
     constructor(props: SelectProps);
     setOptionContainerEl: (node: HTMLDivElement) => {
         current: HTMLDivElement;

package/lib/cjs/select/index.js

@@ -41,6 +41,8 @@ var _index2 = _interopRequireDefault(require("../popover/index"));
 
 var _constants2 = require("@douyinfe/semi-foundation/lib/cjs/popover/constants");
 
+var _Event = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/Event"));
+
 var _reactWindow = require("react-window");
 
 var _utils = require("./utils");
@@ -171,6 +173,7 @@ class Select extends _baseComponent.default {
     this.onMouseLeave = this.onMouseLeave.bind(this);
     this.renderOption = this.renderOption.bind(this);
     this.onKeyPress = this.onKeyPress.bind(this);
+    this.eventManager = new _Event.default();
     this.foundation = new _foundation.default(this.adapter);
     (0, _warning.default)('optionLabelProp' in this.props, '[Semi Select] \'optionLabelProp\' has already been deprecated, please use \'renderSelectedItem\' instead.');
     (0, _warning.default)('labelInValue' in this.props, '[Semi Select] \'labelInValue\' has already been deprecated, please use \'onChangeWithObject\' instead.');
@@ -267,6 +270,10 @@ class Select extends _baseComponent.default {
       }
     };
     return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, super.adapter), keyboardAdapter), filterAdapter), multipleAdapter), {
+      on: (eventName, eventCallback) => this.eventManager.on(eventName, eventCallback),
+      off: eventName => this.eventManager.off(eventName),
+      once: (eventName, eventCallback) => this.eventManager.once(eventName, eventCallback),
+      emit: eventName => this.eventManager.emit(eventName),
       // Collect all subitems, each item is visible by default when collected, and is not selected
       getOptionsFromChildren: function () {
         let children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.children;
@@ -1120,7 +1127,8 @@ class Select extends _baseComponent.default {
       spacing: spacing,
       stopPropagation: stopPropagation,
       disableArrowKeyDown: true,
-      onVisibleChange: status => this.handlePopoverVisibleChange(status)
+      onVisibleChange: status => this.handlePopoverVisibleChange(status),
+      afterClose: () => this.foundation.handlePopoverClose()
     }, selection);
   }
 

package/lib/cjs/timePicker/TimePicker.js

@@ -370,7 +370,6 @@ class TimePicker extends _baseComponent.default {
       outerProps.onClick = this.openPanel;
     }
 
-    console.log("===>", disabled ? false : open, motion);
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       ref: this.setTimePickerRef,
       className: (0, _classnames.default)({

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

@@ -3,12 +3,12 @@ import PropTypes from 'prop-types';
 import UploadFoundation from '@douyinfe/semi-foundation/lib/cjs/upload/foundation';
 import FileCard from './fileCard';
 import BaseComponent from '../_base/baseComponent';
-import { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
+import type { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
 import { Locale } from '../locale/interface';
 import '@douyinfe/semi-foundation/lib/cjs/upload/upload.css';
 import type { CustomFile, UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/cjs/upload/foundation';
 import type { ValidateStatus } from '../_base/baseComponent';
-export { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult, };
+export type { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult, };
 export interface UploadProps {
     accept?: string;
     action: string;

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

@@ -4,4 +4,4 @@ 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";
+export type { ImageProps, PreviewImageProps, PreviewProps, } from "./interface";

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

@@ -4,6 +4,7 @@ import { ContextValue } from '../configProvider/context';
 import SelectFoundation, { SelectAdapter } from '@douyinfe/semi-foundation/lib/es/select/foundation';
 import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
 import { PopoverProps } from '../popover/index';
+import Event from '@douyinfe/semi-foundation/lib/es/utils/Event';
 import { InputProps } from '../input/index';
 import Option, { OptionProps } from './option';
 import OptionGroup from './optionGroup';
@@ -233,6 +234,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
     clickOutsideHandler: (e: MouseEvent) => void;
     foundation: SelectFoundation;
     context: ContextValue;
+    eventManager: Event;
     constructor(props: SelectProps);
     setOptionContainerEl: (node: HTMLDivElement) => {
         current: HTMLDivElement;

package/lib/es/select/index.js

@@ -20,6 +20,7 @@ import TagGroup from '../tag/group';
 import LocaleConsumer from '../locale/localeConsumer';
 import Popover from '../popover/index';
 import { numbers as popoverNumbers } from '@douyinfe/semi-foundation/lib/es/popover/constants';
+import Event from '@douyinfe/semi-foundation/lib/es/utils/Event';
 import { FixedSizeList as List } from 'react-window';
 import { getOptionsFromGroup } from './utils';
 import VirtualRow from './virtualRow';
@@ -128,6 +129,7 @@ class Select extends BaseComponent {
     this.onMouseLeave = this.onMouseLeave.bind(this);
     this.renderOption = this.renderOption.bind(this);
     this.onKeyPress = this.onKeyPress.bind(this);
+    this.eventManager = new Event();
     this.foundation = new SelectFoundation(this.adapter);
     warning('optionLabelProp' in this.props, '[Semi Select] \'optionLabelProp\' has already been deprecated, please use \'renderSelectedItem\' instead.');
     warning('labelInValue' in this.props, '[Semi Select] \'labelInValue\' has already been deprecated, please use \'onChangeWithObject\' instead.');
@@ -223,6 +225,10 @@ class Select extends BaseComponent {
       }
     };
     return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, super.adapter), keyboardAdapter), filterAdapter), multipleAdapter), {
+      on: (eventName, eventCallback) => this.eventManager.on(eventName, eventCallback),
+      off: eventName => this.eventManager.off(eventName),
+      once: (eventName, eventCallback) => this.eventManager.once(eventName, eventCallback),
+      emit: eventName => this.eventManager.emit(eventName),
       // Collect all subitems, each item is visible by default when collected, and is not selected
       getOptionsFromChildren: function () {
         let children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.children;
@@ -1075,7 +1081,8 @@ class Select extends BaseComponent {
       spacing: spacing,
       stopPropagation: stopPropagation,
       disableArrowKeyDown: true,
-      onVisibleChange: status => this.handlePopoverVisibleChange(status)
+      onVisibleChange: status => this.handlePopoverVisibleChange(status),
+      afterClose: () => this.foundation.handlePopoverClose()
     }, selection);
   }
 

package/lib/es/timePicker/TimePicker.js

@@ -344,7 +344,6 @@ export default class TimePicker extends BaseComponent {
       outerProps.onClick = this.openPanel;
     }
 
-    console.log("===>", disabled ? false : open, motion);
     return /*#__PURE__*/React.createElement("div", Object.assign({
       ref: this.setTimePickerRef,
       className: classNames({

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

@@ -3,12 +3,12 @@ import PropTypes from 'prop-types';
 import UploadFoundation from '@douyinfe/semi-foundation/lib/es/upload/foundation';
 import FileCard from './fileCard';
 import BaseComponent from '../_base/baseComponent';
-import { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
+import type { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
 import { Locale } from '../locale/interface';
 import '@douyinfe/semi-foundation/lib/es/upload/upload.css';
 import type { CustomFile, UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/es/upload/foundation';
 import type { ValidateStatus } from '../_base/baseComponent';
-export { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult, };
+export type { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult, };
 export interface UploadProps {
     accept?: string;
     action: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.23.4",
+    "version": "2.23.6",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.23.4",
-        "@douyinfe/semi-animation-react": "2.23.4",
-        "@douyinfe/semi-foundation": "2.23.4",
-        "@douyinfe/semi-icons": "2.23.4",
-        "@douyinfe/semi-illustrations": "2.23.4",
-        "@douyinfe/semi-theme-default": "2.23.4",
+        "@douyinfe/semi-animation": "2.23.6",
+        "@douyinfe/semi-animation-react": "2.23.6",
+        "@douyinfe/semi-foundation": "2.23.6",
+        "@douyinfe/semi-icons": "2.23.6",
+        "@douyinfe/semi-illustrations": "2.23.6",
+        "@douyinfe/semi-theme-default": "2.23.6",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "39123342dc7146f2afb9d7c6e1a8f108b2c04a9c",
+    "gitHead": "d6064611e073d549b28c0ba5395bff3efd74e0ad",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",