@qsxy/element-plus-react 1.0.0-next.1 → 1.0.0-next.10

package/dist/Tree/Tree.d.ts

@@ -2,7 +2,7 @@ import React, { Component, Ref } from 'react';
 import DirectoryTree from './DirectoryTree';
 import RcTree, { TreeProps as RcTreeProps } from './RCTree';
 import TreeNode from './TreeNode';
-import { DataNode, Key } from './typings';
+import { BasicDataNode, DataNode, Key } from './typings';
 export interface AntdTreeNodeAttribute {
     eventKey: string;
     prefixCls: string;
@@ -79,34 +79,49 @@ interface DraggableConfig {
     icon?: React.ReactElement | false;
     nodeDraggable?: DraggableFn;
 }
-export interface TreeProps<T> extends Omit<RcTreeProps<T>, 'prefixCls' | 'showLine' | 'direction' | 'draggable'> {
+export interface TreeProps<T extends BasicDataNode = DataNode> extends Omit<RcTreeProps<T>, 'prefixCls' | 'showLine' | 'direction' | 'draggable'> {
     showLine?: boolean | {
         showLeafIcon: boolean;
     };
     className?: string;
+    /** 是否支持多选 */
     multiple?: boolean;
+    /** 是否自动展开父节点 */
     autoExpandParent?: boolean;
+    /** Checkable状态下节点选择完全受控（父子节点选中状态不再关联） */
     checkStrictly?: boolean;
+    /** 是否支持选中 */
     checkable?: boolean;
+    /** 是否禁用树 */
     disabled?: boolean;
+    /** 默认展开所有树节点 */
     defaultExpandAll?: boolean;
+    /** 默认展开对应树节点 */
     defaultExpandParent?: boolean;
+    /** 默认展开指定的树节点 */
     defaultExpandedKeys?: Key[];
+    /** （受控）展开指定的树节点 */
     expandedKeys?: Key[];
+    /** （受控）选中复选框的树节点 */
     checkedKeys?: Key[] | {
         checked: Key[];
         halfChecked: Key[];
     };
+    /** 默认选中复选框的树节点 */
     defaultCheckedKeys?: Key[];
+    /** （受控）设置选中的树节点 */
     selectedKeys?: Key[];
+    /** 默认选中的树节点 */
     defaultSelectedKeys?: Key[];
     selectable?: boolean;
+    /** 点击树节点触发 */
     filterAntTreeNode?: (node: AntTreeNode) => boolean;
     loadedKeys?: Key[];
+    /** 设置节点可拖拽（IE>8） */
     draggable?: DraggableFn | boolean | DraggableConfig;
     style?: React.CSSProperties;
     showIcon?: boolean;
-    icon?: ((nodeProps: AntdTreeNodeAttribute) => React.ReactElement) | React.ReactElement;
+    icon?: React.ReactNode | ((props: AntdTreeNodeAttribute) => React.ReactNode);
     switcherIcon?: React.ReactElement<any>;
     prefixCls?: string;
     children?: React.ReactElement;

package/dist/Tree/Tree.js

@@ -41,7 +41,7 @@ var import_dropIndicator = __toESM(require("./utils/dropIndicator"));
 var import_iconUtil = __toESM(require("./utils/iconUtil"));
 var import_motion = __toESM(require("./utils/motion"));
 function InternalTree(props, ref) {
-  const { prefixCls = "r-tree", className, showIcon, showLine, switcherIcon, blockNode, children, checkable, selectable, draggable } = props;
+  const { prefixCls = "el-tree", className, showIcon, showLine, switcherIcon, blockNode, children, checkable, selectable, draggable } = props;
   const newProps = {
     ...props,
     showLine: Boolean(showLine),
@@ -63,28 +63,31 @@ function InternalTree(props, ref) {
     }
     return mergedDraggable;
   }, [draggable]);
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_RCTree.default,
-    {
-      itemHeight: props.itemHeight,
-      ref,
-      virtual: props.virtual,
-      ...newProps,
-      prefixCls,
-      className: (0, import_classnames.default)(
-        {
-          [`${prefixCls}-icon-hide`]: !showIcon,
-          [`${prefixCls}-block-node`]: blockNode,
-          [`${prefixCls}-unselectable`]: !selectable
-        },
-        className
-      ),
-      checkable: checkable ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-checkbox-inner` }) : checkable,
-      selectable,
-      switcherIcon: (nodeProps) => (0, import_iconUtil.default)(prefixCls, switcherIcon, showLine, nodeProps),
-      draggable: draggableConfig
-    },
-    children
+  return (
+    // @ts-ignore
+    /* @__PURE__ */ import_react.default.createElement(
+      import_RCTree.default,
+      {
+        itemHeight: props.itemHeight,
+        ref,
+        virtual: props.virtual,
+        ...newProps,
+        prefixCls,
+        className: (0, import_classnames.default)(
+          {
+            [`${prefixCls}-icon-hide`]: !showIcon,
+            [`${prefixCls}-block-node`]: blockNode,
+            [`${prefixCls}-unselectable`]: !selectable
+          },
+          className
+        ),
+        checkable: checkable ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-checkbox-inner` }) : checkable,
+        selectable,
+        switcherIcon: (nodeProps) => (0, import_iconUtil.default)(prefixCls, switcherIcon, showLine, nodeProps),
+        draggable: draggableConfig
+      },
+      children
+    )
   );
 }
 var ForwardTree = (0, import_react.forwardRef)(InternalTree);
@@ -95,10 +98,7 @@ Tree.defaultProps = {
   checkable: false,
   selectable: true,
   showIcon: false,
-  motion: {
-    ...import_motion.default,
-    motionAppear: false
-  },
+  motion: import_motion.default,
   blockNode: false,
   itemHeight: 20
 };

package/dist/Tree/TreeNode.d.ts

@@ -1,83 +1,5 @@
-import React, { Component, FC, Ref } from 'react';
-import { TreeContextProps } from './contextTypes';
-import { BasicDataNode, DataNode, IconType, Key } from './typings';
-export interface TreeNodeProps<TreeDataType extends BasicDataNode = DataNode> {
-    eventKey?: Key;
-    prefixCls?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    expanded?: boolean;
-    selected?: boolean;
-    checked?: boolean;
-    loaded?: boolean;
-    loading?: boolean;
-    halfChecked?: boolean;
-    title?: string | React.ReactElement<any> | ((data: TreeDataType) => string | React.ReactElement);
-    dragOver?: boolean;
-    dragOverGapTop?: boolean;
-    dragOverGapBottom?: boolean;
-    pos?: string;
-    domRef?: Ref<HTMLDivElement>;
-    data?: TreeDataType;
-    isStart?: boolean[];
-    isEnd?: boolean[];
-    active?: boolean;
-    onMouseMove?: React.MouseEventHandler<HTMLDivElement>;
-    isLeaf?: boolean;
-    checkable?: boolean;
-    selectable?: boolean;
-    disabled?: boolean;
-    disableCheckbox?: boolean;
-    icon?: IconType;
-    switcherIcon?: IconType;
-    children?: React.ReactElement;
-}
-export interface InternalTreeNodeProps extends TreeNodeProps {
-    context?: TreeContextProps;
-}
-export interface TreeNodeState {
-    dragNodeHighlight: boolean;
-}
-declare class InternalTreeNode extends Component<InternalTreeNodeProps, TreeNodeState> {
-    state: {
-        dragNodeHighlight: boolean;
-    };
-    selectHandle: HTMLSpanElement;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    onSelectorClick: (e: React.MouseEvent<HTMLSpanElement>) => void;
-    onSelectorDoubleClick: (e: React.MouseEvent<HTMLSpanElement>) => void;
-    onSelect: (e: React.MouseEvent<HTMLSpanElement>) => void;
-    onCheck: (e: React.MouseEvent<HTMLSpanElement>) => void;
-    onMouseEnter: (e: React.MouseEvent<HTMLSpanElement>) => void;
-    onMouseLeave: (e: React.MouseEvent<HTMLSpanElement>) => void;
-    onContextMenu: (e: React.MouseEvent<HTMLSpanElement>) => void;
-    onDragStart: (e: React.DragEvent<HTMLDivElement>) => void;
-    onDragEnter: (e: React.DragEvent<HTMLDivElement>) => void;
-    onDragOver: (e: React.DragEvent<HTMLDivElement>) => void;
-    onDragLeave: (e: React.DragEvent<HTMLDivElement>) => void;
-    onDragEnd: (e: React.DragEvent<HTMLDivElement>) => void;
-    onDrop: (e: React.DragEvent<HTMLDivElement>) => void;
-    onExpand: (e: React.MouseEvent<HTMLDivElement>) => void;
-    setSelectHandle: (node: any) => void;
-    getNodeState: () => "close" | "open";
-    hasChildren: () => boolean;
-    isLeaf: () => boolean;
-    isDisabled: () => boolean;
-    isCheckable: () => boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    syncLoadData: (props: any) => void;
-    isSelectable(): boolean;
-    isDraggable: () => boolean;
-    renderDragHandler: () => React.JSX.Element;
-    renderSwitcherIconDom: (isLeaf: boolean) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | import("../Icon").IconName;
-    renderSwitcher: () => React.JSX.Element;
-    renderCheckbox: () => React.JSX.Element;
-    renderIcon: () => React.JSX.Element;
-    renderUserIcon: (currentIcon: IconType) => React.JSX.Element;
-    renderSelector: () => React.JSX.Element;
-    renderDropIndicator: () => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    render(): React.JSX.Element;
-}
-declare const ContextTreeNode: FC<TreeNodeProps>;
-export { InternalTreeNode };
-export default ContextTreeNode;
+import React from 'react';
+import type { TreeNodeProps } from './typings';
+export type { TreeNodeProps } from './typings';
+declare const TreeNode: React.FC<Readonly<TreeNodeProps>>;
+export default TreeNode;