@qsxy/element-plus-react 1.0.0-next.2 → 1.0.0-next.22

package/dist/Transfer/index.js

@@ -1,39 +1 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Transfer/index.ts
-var Transfer_exports = {};
-__export(Transfer_exports, {
-  Transfer: () => import_Transfer.default
-});
-module.exports = __toCommonJS(Transfer_exports);
-var import_Transfer = __toESM(require("./Transfer"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Transfer
-});
+export { default as Transfer } from "./Transfer";

package/dist/Transfer/interface.js

@@ -1,17 +1 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Transfer/interface.ts
-var interface_exports = {};
-module.exports = __toCommonJS(interface_exports);
+export {};

package/dist/Transfer/operation.js

@@ -1,49 +1,36 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+import React from 'react';
+import Button from "../Button/Button";
+var Operation = function Operation(_ref) {
+  var disabled = _ref.disabled,
+    moveToLeft = _ref.moveToLeft,
+    moveToRight = _ref.moveToRight,
+    _ref$leftArrowText = _ref.leftArrowText,
+    leftArrowText = _ref$leftArrowText === void 0 ? '' : _ref$leftArrowText,
+    _ref$rightArrowText = _ref.rightArrowText,
+    rightArrowText = _ref$rightArrowText === void 0 ? '' : _ref$rightArrowText,
+    leftActive = _ref.leftActive,
+    rightActive = _ref.rightActive,
+    className = _ref.className,
+    style = _ref.style,
+    oneWay = _ref.oneWay;
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    style: style
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    size: "small",
+    disabled: disabled || !rightActive,
+    onClick: moveToRight,
+    icon: rightArrowText ? false : 'angle-right',
+    style: {
+      marginBottom: 4
+    }
+  }, rightArrowText), !oneWay && /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    size: "small",
+    disabled: disabled || !leftActive,
+    onClick: moveToLeft,
+    icon: leftArrowText ? false : 'angle-left'
+  }, leftArrowText));
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Transfer/operation.tsx
-var operation_exports = {};
-__export(operation_exports, {
-  default: () => operation_default
-});
-module.exports = __toCommonJS(operation_exports);
-var import_react = __toESM(require("react"));
-var import_Button = require("../Button");
-var Operation = ({
-  disabled,
-  moveToLeft,
-  moveToRight,
-  leftArrowText = "",
-  rightArrowText = "",
-  leftActive,
-  rightActive,
-  className,
-  style,
-  oneWay
-}) => /* @__PURE__ */ import_react.default.createElement("div", { className, style }, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { type: "primary", size: "small", disabled: disabled || !rightActive, onClick: moveToRight, icon: rightArrowText ? false : "angle-right", style: { marginBottom: 4 } }, rightArrowText), !oneWay && /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { type: "primary", size: "small", disabled: disabled || !leftActive, onClick: moveToLeft, icon: leftArrowText ? false : "angle-left" }, leftArrowText));
-var operation_default = Operation;
+export default Operation;

package/dist/Transfer/search.js

@@ -1,63 +1,31 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Transfer/search.tsx
-var search_exports = {};
-__export(search_exports, {
-  default: () => Search
-});
-module.exports = __toCommonJS(search_exports);
-var import_react = __toESM(require("react"));
-var import_Icon = require("../Icon");
-var import_Input = require("../Input/index");
-function Search(props) {
-  const { placeholder = "", value, prefixCls, disabled, onChange, handleClear } = props;
-  const handleChange = (0, import_react.useCallback)(
-    (v, e) => {
-      onChange == null ? void 0 : onChange(e);
-      if (v === "") {
-        handleClear == null ? void 0 : handleClear();
-      }
-    },
-    [handleClear, onChange]
-  );
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_Input.Input,
-    {
-      placeholder,
-      className: prefixCls,
-      value,
-      debounceInput: true,
-      onChange: handleChange,
-      disabled,
-      clearable: true,
-      onClear: handleClear,
-      prefix: /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "search" })
+import React, { useCallback } from 'react';
+import Icon from "../Icon/Icon";
+import Input from "../Input/Input";
+export default function Search(props) {
+  var _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
+    value = props.value,
+    prefixCls = props.prefixCls,
+    disabled = props.disabled,
+    onChange = props.onChange,
+    handleClear = props.handleClear;
+  var handleChange = useCallback(function (v, e) {
+    onChange === null || onChange === void 0 || onChange(e);
+    if (v === '') {
+      handleClear === null || handleClear === void 0 || handleClear();
     }
-  );
-}
+  }, [handleClear, onChange]);
+  return /*#__PURE__*/React.createElement(Input, {
+    placeholder: placeholder,
+    className: prefixCls,
+    value: value,
+    debounceInput: true,
+    onChange: handleChange,
+    disabled: disabled,
+    clearable: true,
+    onClear: handleClear,
+    prefix: /*#__PURE__*/React.createElement(Icon, {
+      name: "search"
+    })
+  });
+}

package/dist/Transfer/typings/index.d.ts

@@ -20,6 +20,7 @@ export type TransferRender<RecordType> = (item: RecordType) => RenderResult;
 export interface ListStyle {
     direction: TransferDirection;
 }
+/** 自定义顶部多选框标题的集合 */
 export type SelectAllLabel = React.ReactElement<any> | ((info: {
     selectedCount: number;
     totalCount: number;
@@ -39,32 +40,58 @@ export interface TransferLocale {
     removeCurrent?: string;
 }
 export interface TransferProps<RecordType extends TransferItem = TransferItem> extends Omit<BaseProps, 'children'>, NativeProps {
+    /** 是否禁用 */
     disabled?: boolean;
+    /** 数据源，其中的数据将会被渲染到左边一栏中，targetKeys 中指定的除外 */
     data: RecordType[];
+    /** 默认显示在右侧框数据的 key 集合 */
     defaultValue?: (string | number)[];
+    /** 显示在右侧框数据的 key 集合（控制模式） */
     value?: (string | number)[];
+    /** 设置哪些项应该被选中 */
     selectedKeys?: (string | number)[];
+    /** 每行数据渲染函数，该函数的入参为 dataSource 中的项，返回值为 ReactElement。或者返回一个普通对象，其中 label 字段为 ReactElement，value 字段为 title */
     render?: TransferRender<RecordType>;
+    /** 选项在两栏之间转移时的回调函数 */
     onChange?: (targetKeys: (string | number)[], direction: TransferDirection, moveKeys: (string | number)[]) => void;
+    /** 选中项发生改变时的回调函数 */
     onSelectChange?: (sourceSelectedKeys: (string | number)[], targetSelectedKeys: (string | number)[]) => void;
+    /** 两个穿梭框的自定义样式 */
     listStyle?: ((style: ListStyle) => React.CSSProperties) | React.CSSProperties;
+    /** 操作栏的自定义样式 */
     operationStyle?: React.CSSProperties;
+    /** 标题集合，顺序从左至右 */
     titles?: (React.ReactElement | string)[];
+    /** 操作文案集合，顺序从上至下 */
     operations?: string[];
+    /** 是否显示搜索框 */
     filterable?: boolean;
+    /** 接收 inputValue option 两个参数，当 option 符合筛选条件时，应返回 true，反之则返回 false */
     filterMethod?: (inputValue: string, item: RecordType) => boolean;
+    /**  */
     locale?: Partial<TransferLocale>;
+    /** 底部渲染函数 */
     footer?: (props: TransferListProps<RecordType>, extra: {
         direction: TransferDirection;
     }) => React.ReactElement;
+    /** 搜索框内容时改变时的回调函数 */
     onSearch?: (direction: TransferDirection, value: string) => void;
+    /** 选项列表滚动时的回调函数 */
     onScroll?: (direction: TransferDirection, e: any) => void;
+    /**  */
     children?: (props: TransferListBodyProps<RecordType>) => React.ReactElement;
+    /** 是否展示全选勾选框 */
     showSelectAll?: boolean;
+    /** 自定义顶部多选框标题的集合 */
     selectAllLabels?: SelectAllLabel[];
+    /** 展示为单向样式 */
     oneWay?: boolean;
+    /** 使用分页样式，自定义渲染列表下无效 */
     pagination?: PaginationType;
+    /** 数据源的字段别名 */
     fieldNames?: FieldNames;
+    /** 表单校验错误提示 */
     error?: boolean;
+    /** 表单校验警告提示 */
     warning?: boolean;
 }

package/dist/Transfer/typings/index.js

@@ -1,17 +1 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Transfer/typings/index.ts
-var typings_exports = {};
-module.exports = __toCommonJS(typings_exports);
+export {};

package/dist/Transfer/typings/list.d.ts

@@ -10,30 +10,55 @@ export interface RenderedItem<RecordType> {
 }
 export type RenderListFunction<T> = (props: TransferListBodyProps<T>) => React.ReactElement;
 export interface TransferListProps<RecordType> extends TransferLocale, BaseProps, NativeProps {
+    /** 标题 */
     titleText?: string | React.ReactElement;
+    /** 数据源 */
     data: RecordType[];
+    /**  */
     filterOption?: (filterText: string, item: RecordType) => boolean;
+    /**  */
     checkedKeys: (string | number)[];
+    /**  */
     handleFilter: (e: any) => void;
+    /**  */
     onItemSelect: (key: string | number, check: boolean) => void;
+    /**  */
     onItemSelectAll: (data: (string | number)[], checkAll: boolean, overWrite?: boolean) => void;
+    /**  */
     onItemRemove?: (keys: (string | number)[]) => void;
+    /**  */
     handleClear: () => void;
+    /**  */
     render?: (item: RecordType) => RenderResult;
+    /**  */
     showSearch?: boolean;
+    /**  */
     searchPlaceholder?: string;
+    /**  */
     itemUnit?: string;
+    /**  */
     itemsUnit?: string;
+    /**  */
     renderList?: RenderListFunction<RecordType>;
+    /**  */
     footer?: (props: TransferListProps<RecordType>, info?: {
         direction: TransferDirection;
     }) => React.ReactElement;
+    /**  */
     onScroll: (e: any) => void;
+    /**  */
     disabled?: boolean;
+    /**  */
     direction: TransferDirection;
+    /** 是否展示全选勾选框 */
     showSelectAll?: boolean;
+    /**  */
+    /** 自定义顶部多选框标题 */
     selectAllLabel?: SelectAllLabel;
+    /**  */
     showRemove?: boolean;
+    /** 分页 */
     pagination?: PaginationType;
+    /** 数据源的字段别名 */
     fieldNames: FieldNames;
 }

package/dist/Transfer/typings/list.js

@@ -1,17 +1 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Transfer/typings/list.ts
-var list_exports = {};
-module.exports = __toCommonJS(list_exports);
+export {};

package/dist/Transfer/typings/listBody.d.ts

@@ -12,6 +12,7 @@ export interface TransferListBodyProps<RecordType> extends PartialTransferListPr
     filteredItems: RecordType[];
     filteredRenderItems: RenderedItem<RecordType>[];
     selectedKeys: (string | number)[];
+    /** 数据源的字段别名 */
     fieldNames: FieldNames;
 }
 export {};

package/dist/Transfer/typings/listBody.js

@@ -1,30 +1,2 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Transfer/typings/listBody.ts
-var listBody_exports = {};
-__export(listBody_exports, {
-  OmitProps: () => OmitProps
-});
-module.exports = __toCommonJS(listBody_exports);
-var import_type = require("../../types/type");
-var OmitProps = (0, import_type.tuple)("handleFilter", "handleClear", "checkedKeys", "instance");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  OmitProps
-});
+import { tuple } from "../../types/type";
+export var OmitProps = tuple('handleFilter', 'handleClear', 'checkedKeys', 'instance');

package/dist/Transition/CssTransiton.d.ts

@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+import { BaseProps, NativeProps } from '../types/common';
+export interface CssTransitonProps extends BaseProps<React.ReactElement>, NativeProps {
+}
+export declare enum STATUS {
+    UNMOUNTED = 0,
+    BEFORE_ENTER = 1,
+    ENTER = 2,
+    AFTER_ENTER = 3,
+    BEFORE_LEAVE = 4,
+    LEAVE = 5,
+    AFTER_LEAVE = 6
+}
+declare const CssTransiton: FC<CssTransitonProps>;
+export default CssTransiton;

package/dist/Transition/CssTransiton.js

@@ -0,0 +1,29 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useComposeRef } from 'rc-util';
+import React from 'react';
+export var STATUS = /*#__PURE__*/function (STATUS) {
+  STATUS[STATUS["UNMOUNTED"] = 0] = "UNMOUNTED";
+  STATUS[STATUS["BEFORE_ENTER"] = 1] = "BEFORE_ENTER";
+  STATUS[STATUS["ENTER"] = 2] = "ENTER";
+  STATUS[STATUS["AFTER_ENTER"] = 3] = "AFTER_ENTER";
+  STATUS[STATUS["BEFORE_LEAVE"] = 4] = "BEFORE_LEAVE";
+  STATUS[STATUS["LEAVE"] = 5] = "LEAVE";
+  STATUS[STATUS["AFTER_LEAVE"] = 6] = "AFTER_LEAVE";
+  return STATUS;
+}({});
+var CssTransiton = function CssTransiton(props) {
+  var _props$children$props;
+  var _React$useState = React.useState(STATUS.UNMOUNTED),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    status = _React$useState2[0],
+    setStatus = _React$useState2[1];
+  var nodeRef = React.useRef(null);
+  var mergedRef = useComposeRef(nodeRef, (_props$children$props = props.children.props) === null || _props$children$props === void 0 ? void 0 : _props$children$props.ref);
+  return /*#__PURE__*/React.cloneElement(props.children);
+};
+export default CssTransiton;

package/dist/Transition/Transition.d.ts

@@ -14,17 +14,29 @@ interface ExtraProps {
 }
 export interface TransitionProps extends AnimationEventProps {
     animation?: boolean;
+    /** Primary content */
     children?: ComponentChildren;
+    /** Additional classes */
     className?: string;
     name?: string;
+    disabled?: boolean;
+    cssTransition?: boolean;
     display?: string;
+    /** Show the component; triggers the enter or exit animation */
     visible?: boolean;
+    /** Unmount the component (remove it from the DOM) when it is not shown */
     unmountOnExit?: boolean;
+    /** Run the enter animation when the component mounts, if it is initially shown */
     transitionAppear?: boolean;
+    /** A Timeout for the animation */
     duration?: number;
+    /** CSS class or classes applied when the component is exited */
     exitedClassName?: string;
+    /** CSS class or classes applied while the component is exiting */
     exitingClassName?: string;
+    /** CSS class or classes applied when the component is entered */
     enteredClassName?: string;
+    /** CSS class or classes applied while the component is entering */
     enteringClassName?: string;
 }
 interface TransitionState {