@teamix/pro 1.4.14 → 1.4.17

package/lib/info/components/headerInfo/index.js

@@ -35,13 +35,20 @@ var ProHeaderInfo = function ProHeaderInfo(props) {
       loading = props.loading,
       result = props.result,
       actionRef = props.actionRef,
-      size = props.size;
+      size = props.size,
+      context = props.context;
 
   var defaultLayout = _layout.default[(0, _utils.getLayout)((_size$width = size === null || size === void 0 ? void 0 : size.width) !== null && _size$width !== void 0 ? _size$width : 0)];
 
   var renderContent = function renderContent() {
     return columns.map(function (item, index) {
-      var _item$title, _item$valueType;
+      var _ref, _ref2, _item$title, _item$valueType;
+
+      var hidden = (0, _utils2.isHidden)(item === null || item === void 0 ? void 0 : item.hidden, (0, _utils2.getDataIndexValue)(item.dataIndex, (_ref = dataSource !== null && dataSource !== void 0 ? dataSource : result) !== null && _ref !== void 0 ? _ref : {}), (_ref2 = dataSource !== null && dataSource !== void 0 ? dataSource : result) !== null && _ref2 !== void 0 ? _ref2 : {}, context);
+
+      if (hidden) {
+        return;
+      }
 
       var span = 24;
 
@@ -69,6 +76,7 @@ var ProHeaderInfo = function ProHeaderInfo(props) {
           infoItem: item,
           record: dataSource !== null && dataSource !== void 0 ? dataSource : result,
           actionRef: actionRef,
+          context: context,
           props: item.props
         }),
         headerInfoLayout: layout !== null && layout !== void 0 ? layout : defaultLayout,

package/lib/info/components/tableInfo/index.js

@@ -54,7 +54,8 @@ var ProTableInfo = function ProTableInfo(props) {
       layout = _props$layout === void 0 ? {} : _props$layout,
       loading = props.loading,
       result = props.result,
-      actionRef = props.actionRef;
+      actionRef = props.actionRef,
+      context = props.context;
   var _layout$colNum = layout.colNum,
       colNum = _layout$colNum === void 0 ? 2 : _layout$colNum,
       _layout$labelGutter = layout.labelGutter,
@@ -94,7 +95,9 @@ var ProTableInfo = function ProTableInfo(props) {
 
   var newDataSource = (0, _react.useMemo)(function () {
     var nResult = [];
-    var columnsCopy = (0, _lodash.default)(columns); // 取当前行的数据。直到取完
+    var columnsCopy = (0, _lodash.default)(columns).filter(function (item) {
+      return !(0, _utils.isHidden)(item.hidden, (0, _utils.getDataIndexValue)(item.dataIndex, dataSource !== null && dataSource !== void 0 ? dataSource : result), dataSource !== null && dataSource !== void 0 ? dataSource : result, context);
+    }); // 取当前行的数据。直到取完
 
     while (columnsCopy.length > 0) {
       var filterColumns = [];

package/lib/info/typing.d.ts

@@ -98,6 +98,8 @@ export interface ProInfoColumnsProps {
     props?: any;
     /** 对齐方式 **/
     alignItems?: 'center' | 'flex-start' | 'flex-end' | string;
+    /** 是否隐藏 **/
+    hidden?: boolean | ProInfoCellFunProp | string;
 }
 export declare type ProInfoActionType = {
     /** 刷新Info */

package/lib/info/utils/index.d.ts

@@ -10,3 +10,11 @@ export declare const ProInfoGroupContext: React.Context<ProInfoGroupContextProps
  * @returns
  */
 export declare function getDataIndexValue(dataIndex: ProInfoColumnsProps['dataIndex'], dataSource: object): any;
+/**
+ * 判断是否隐藏
+ * @param hidden
+ * @param value
+ * @param record
+ * @param context
+ */
+export declare function isHidden(hidden: ProInfoColumnsProps['hidden'], value: any, record: any, context: any): any;

package/lib/info/utils/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ProInfoGroupContext = void 0;
 exports.getDataIndexValue = getDataIndexValue;
+exports.isHidden = isHidden;
 exports.useActionType = useActionType;
 
 var _utils = require("@teamix/utils");
@@ -47,4 +48,32 @@ function getDataIndexValue(dataIndex, dataSource) {
   }
 
   return (0, _utils.getDeepValue)(dataIndex !== null && dataIndex !== void 0 ? dataIndex : '', dataSource);
+}
+/**
+ * 判断是否隐藏
+ * @param hidden
+ * @param value
+ * @param record
+ * @param context
+ */
+
+
+function isHidden(hidden, value, record, context) {
+  if (typeof hidden === 'string') {
+    return (0, _utils.getTargetValue)(hidden, _objectSpread(_objectSpread({}, record), {}, {
+      record: record,
+      value: value,
+      context: context
+    }));
+  }
+
+  if (typeof hidden === 'boolean') {
+    return hidden;
+  }
+
+  if (typeof hidden === 'function') {
+    return hidden === null || hidden === void 0 ? void 0 : hidden(value, record);
+  }
+
+  return false;
 }

package/lib/nocode/index.scss

@@ -1,4 +1,4 @@
-.teamix-nocode {
+.teamix-pro-nocode {
   &-empty {
     display: flex;
     flex-direction: column;
@@ -75,7 +75,7 @@
       right: 20px;
       bottom: 20px;
 
-      &>i {
+      & > i {
         cursor: pointer;
         color: var(--color-text1-8, #848484);
         background-color: rgba(0, 0, 0, 0.06);

package/lib/nocode/pages/playground.js

@@ -51,7 +51,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var cls = (0, _utils.usePrefixCls)('teamix-nocode');
+var cls = (0, _utils.usePrefixCls)('teamix-pro-nocode');
 
 var PagePlayground = function PagePlayground(props) {
   var _useState = (0, _react.useState)(undefined),

package/lib/nocode/pages/renderer.js

@@ -57,7 +57,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var cls = (0, _utils.usePrefixCls)('teamix-nocode');
+var cls = (0, _utils.usePrefixCls)('teamix-pro-nocode');
 
 var Loading = function Loading(props) {
   return /*#__PURE__*/_react.default.createElement(_pageContainer.default, _objectSpread({

package/lib/nocode/playground.js

@@ -37,7 +37,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var cls = (0, _utils.usePrefixCls)('teamix-nocode-playground');
+var cls = (0, _utils.usePrefixCls)('teamix-pro-nocode-playground');
 
 var PlayGroundLayout = function PlayGroundLayout(props) {
   return /*#__PURE__*/_react.default.createElement("div", {

package/lib/sidebar/components/tree-node/index.js

@@ -17,6 +17,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _proField = _interopRequireWildcard(require("@teamix/pro-field"));
 
+var _ = require("../..");
+
 var _IconAction = _interopRequireDefault(require("./components/IconAction"));
 
 var _IconSwitch = _interopRequireDefault(require("./components/IconSwitch"));
@@ -225,10 +227,14 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
 
 function renderTreeNode(data) {
   return data.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(_components.Tree.Node, {
+    var _getTreeNodeProps = (0, _.getTreeNodeProps)(item),
+        nodeProps = _getTreeNodeProps.nodeProps,
+        labelProps = _getTreeNodeProps.labelProps;
+
+    return /*#__PURE__*/_react.default.createElement(_components.Tree.Node, _objectSpread({
       key: item.value,
-      label: /*#__PURE__*/_react.default.createElement(ProSideBarTreeNode, _objectSpread({}, item))
-    }, item.children && item.children.length > 0 && renderTreeNode(item.children));
+      label: /*#__PURE__*/_react.default.createElement(ProSideBarTreeNode, _objectSpread({}, labelProps))
+    }, nodeProps), item.children && item.children.length > 0 && renderTreeNode(item.children));
   });
 } // 渲染树节点 依赖 value
 
@@ -241,10 +247,14 @@ function renderTreeNodeDependenceValue(data, onBeforeRenderNodeEvent, checkedKey
       newProps = onBeforeRenderNodeEvent(item, checkedKeys, selectedKeys, allData !== null && allData !== void 0 ? allData : data);
     }
 
-    return /*#__PURE__*/_react.default.createElement(_components.Tree.Node, {
+    var _getTreeNodeProps2 = (0, _.getTreeNodeProps)(item),
+        nodeProps = _getTreeNodeProps2.nodeProps,
+        labelProps = _getTreeNodeProps2.labelProps;
+
+    return /*#__PURE__*/_react.default.createElement(_components.Tree.Node, _objectSpread({
       key: item.value,
-      label: /*#__PURE__*/_react.default.createElement(ProSideBarTreeNode, _objectSpread({}, newProps))
-    }, item.children && item.children.length > 0 && renderTreeNodeDependenceValue(item.children, onBeforeRenderNodeEvent, checkedKeys, selectedKeys, allData !== null && allData !== void 0 ? allData : data));
+      label: /*#__PURE__*/_react.default.createElement(ProSideBarTreeNode, _objectSpread({}, labelProps))
+    }, nodeProps), item.children && item.children.length > 0 && renderTreeNodeDependenceValue(item.children, onBeforeRenderNodeEvent, checkedKeys, selectedKeys, allData !== null && allData !== void 0 ? allData : data));
   });
 }
 

package/lib/sidebar/components/tree-node/index.scss

@@ -50,9 +50,13 @@
       font-weight: unset;
     }
   }
-  .next-tree.next-node-block .next-tree-node-inner{
-    padding: 6px 0px 6px 4px !important;
-    margin: 0 0 4px 0px;
-    border-radius: 2px;
+}
+.teamix-pro-sidebar-deep-1 {
+  .teamix-pro-sidebar-tree {
+    .next-tree.next-node-block .next-tree-node-inner{
+      padding: 6px 0px 6px 4px !important;
+      margin: 0 0 4px 0px;
+      border-radius: 2px;
+    }
   }
-}
+}

package/lib/sidebar/index.js

@@ -218,10 +218,10 @@ var ProSidebar = function ProSidebar(props) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(cls({
+    className: "".concat(cls(_defineProperty({
       '': true,
       'scroll-tree': scrollArea === 'tree'
-    }), " ").concat(className),
+    }, "deep-".concat(expandLevel), true)), " ").concat(className),
     style: style
   }, /*#__PURE__*/_react.default.createElement(_sidebarContainer.default, _objectSpread(_objectSpread({
     searchOnChange: (0, _lodash.default)(function (value) {

package/lib/sidebar/index.scss

@@ -11,7 +11,8 @@
     .teamix-pro-sidebar-container,
     .teamix-pro-card,
     .next-card-content-container,
-    .teamix-pro-card-content {
+    .teamix-pro-card-content,
+    .teamix-pro-card-box{
       height: 100%;
     }
     .teamix-pro-sidebar-container-context {
@@ -24,3 +25,14 @@
     color: unset;
   }
 }
+.teamix-pro-page-container-sidebar {
+  .teamix-pro-sidebar {
+    .teamix-pro-sidebar-container {
+      .next-card-header.next-card-header {
+        padding-top: 0;
+      }
+    }
+  }
+}
+
+

package/lib/sidebar/typing.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { MessageProps } from '@alifd/next/types/message';
-import { TreeProps } from '@alifd/next/types/tree';
+import { NodeProps, TreeProps } from '@alifd/next/types/tree';
 import { CommonRequestConfig } from '@teamix/utils';
 import { ProTagItem } from '../field';
 import { ProActionConfig, ProCardProps, ProFieldProps, ProFieldRenderProps, ProFieldType } from '..';
@@ -48,7 +48,9 @@ export declare type ProSidebarDataSourceItem = {
     render?: ProFieldRenderProps;
     /** ProField 的其他配置项 */
     fieldProps?: ProFieldProps;
-};
+    /** TreeNode 的其他配置项 */
+    treeNodeProps?: ProFieldProps;
+} & NodeProps;
 /** 单项 extra 配置项 */
 export declare type ProSidebarExtraProps = React.ReactNode | (ProSidebarExtraPropsItem | React.ReactNode)[];
 export declare type ProSidebarExtraPropsItem = {

package/lib/sidebar/utils/index.d.ts

@@ -5,6 +5,7 @@
  * @param aliasMap 标识
  * @param level 深度
  */
+import { ProSidebarDataSourceItem } from '../typing';
 export declare function loop<T>(data: T[], func: any, aliasMap?: {
     children: string;
 }, level?: number): void;
@@ -81,3 +82,280 @@ export declare function filterTreeData<T>(nodes: any[], predicate: (node: T) =>
 }): {
     filterTreeValue: T[];
 };
+/**
+ * 获取TreeNodeProps
+ * @param item
+ */
+export declare function getTreeNodeProps(item: ProSidebarDataSourceItem): {
+    nodeProps: {
+        [k: string]: boolean | undefined;
+    };
+    labelProps: {
+        label?: (string & (boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | null)) | undefined;
+        value?: any;
+        tag?: import("@teamix/pro-field").ProTagItem | undefined;
+        extra?: import("../typing").ProSidebarExtraProps;
+        children?: (ProSidebarDataSourceItem[] & (boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | null)) | undefined;
+        valueType?: import("@teamix/pro-field").ProFieldType | undefined;
+        render?: import("@teamix/pro-field").ProFieldRenderProps | undefined;
+        fieldProps?: import("@teamix/pro-field").ProFieldProps | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        className?: string | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        hidden?: boolean | undefined;
+        id?: string | undefined;
+        lang?: string | undefined;
+        placeholder?: string | undefined;
+        slot?: string | undefined;
+        spellCheck?: (boolean | "false" | "true") | undefined;
+        style?: import("react").CSSProperties | undefined;
+        tabIndex?: number | undefined;
+        title?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        radioGroup?: string | undefined;
+        role?: import("react").AriaRole | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        resource?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCapitalize?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        color?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "url" | "none" | "text" | "search" | "tel" | "email" | "numeric" | "decimal" | undefined;
+        is?: string | undefined;
+        'aria-activedescendant'?: string | undefined;
+        'aria-atomic'?: (boolean | "false" | "true") | undefined;
+        'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
+        'aria-busy'?: (boolean | "false" | "true") | undefined;
+        'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
+        'aria-colcount'?: number | undefined;
+        'aria-colindex'?: number | undefined;
+        'aria-colspan'?: number | undefined;
+        'aria-controls'?: string | undefined;
+        'aria-current'?: boolean | "date" | "time" | "page" | "false" | "true" | "step" | "location" | undefined;
+        'aria-describedby'?: string | undefined;
+        'aria-details'?: string | undefined;
+        'aria-disabled'?: (boolean | "false" | "true") | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        'aria-errormessage'?: string | undefined;
+        'aria-expanded'?: (boolean | "false" | "true") | undefined;
+        'aria-flowto'?: string | undefined;
+        'aria-grabbed'?: (boolean | "false" | "true") | undefined;
+        'aria-haspopup'?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+        'aria-hidden'?: (boolean | "false" | "true") | undefined;
+        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        'aria-keyshortcuts'?: string | undefined;
+        'aria-label'?: string | undefined;
+        'aria-labelledby'?: string | undefined;
+        'aria-level'?: number | undefined;
+        'aria-live'?: "off" | "assertive" | "polite" | undefined;
+        'aria-modal'?: (boolean | "false" | "true") | undefined;
+        'aria-multiline'?: (boolean | "false" | "true") | undefined;
+        'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
+        'aria-orientation'?: "vertical" | "horizontal" | undefined;
+        'aria-owns'?: string | undefined;
+        'aria-placeholder'?: string | undefined;
+        'aria-posinset'?: number | undefined;
+        'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
+        'aria-readonly'?: (boolean | "false" | "true") | undefined;
+        'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        'aria-required'?: (boolean | "false" | "true") | undefined;
+        'aria-roledescription'?: string | undefined;
+        'aria-rowcount'?: number | undefined;
+        'aria-rowindex'?: number | undefined;
+        'aria-rowspan'?: number | undefined;
+        'aria-selected'?: (boolean | "false" | "true") | undefined;
+        'aria-setsize'?: number | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+        'aria-valuemax'?: number | undefined;
+        'aria-valuemin'?: number | undefined;
+        'aria-valuenow'?: number | undefined;
+        'aria-valuetext'?: string | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string;
+        } | undefined;
+        onCopy?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+        onCopyCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+        onCut?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+        onCutCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+        onPaste?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+        onPasteCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+        onCompositionEnd?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+        onCompositionStart?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLElement> | undefined;
+        onFocusCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
+        onBlurCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
+        onChange?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onChangeCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onBeforeInput?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onBeforeInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onInput?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onReset?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onResetCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onSubmit?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onSubmitCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onInvalidCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onLoad?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onLoadCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onError?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onErrorCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+        onKeyPress?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+        onAbort?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onAbortCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onCanPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onCanPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onCanPlayThrough?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onDurationChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onEmptied?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onEmptiedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onEncrypted?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onEncryptedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onEnded?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onEndedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onLoadedData?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onLoadedMetadata?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onLoadStart?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onLoadStartCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onPause?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onPauseCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onPlaying?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onPlayingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onProgress?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onProgressCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onRateChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onRateChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onSeeked?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onSeekedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onSeeking?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onSeekingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onStalled?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onStalledCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onSuspend?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onSuspendCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onTimeUpdate?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onVolumeChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onWaiting?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onWaitingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onAuxClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onAuxClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onContextMenu?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onContextMenuCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onDoubleClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onDrag?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragEnd?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragEndCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragEnter?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragEnterCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragExit?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragExitCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragLeave?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragLeaveCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragOver?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragOverCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragStart?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragStartCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDrop?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDropCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseDownCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseLeave?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseMove?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseOutCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseOver?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseOverCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseUpCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onSelect?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onSelectCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onTouchCancel?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onTouchEnd?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onTouchEndCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onTouchMove?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onTouchStart?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onTouchStartCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onPointerDown?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerDownCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerMove?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerUp?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerUpCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerOver?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerOut?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerOutCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onGotPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onLostPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onScroll?: import("react").UIEventHandler<HTMLElement> | undefined;
+        onScrollCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
+        onWheel?: import("react").WheelEventHandler<HTMLElement> | undefined;
+        onWheelCapture?: import("react").WheelEventHandler<HTMLElement> | undefined;
+        onAnimationStart?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+        onAnimationEnd?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+        onAnimationIteration?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+        onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+        locale?: any;
+        pure?: boolean | undefined;
+        warning?: boolean | undefined;
+        rtl?: boolean | undefined;
+    };
+};