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

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

@@ -1,105 +1,90 @@
-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);
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import classNames from 'classnames';
+import React, { forwardRef, useMemo } from 'react';
+import RcTree from "./RCTree";
+import TreeNode from "./TreeNode";
+import DropIndicatorRender from "./utils/dropIndicator";
+import renderSwitcherIcon from "./utils/iconUtil";
+import collapseMotion from "./utils/motion";
+
+// [Legacy] Compatible for v3
 
-// src/Tree/Tree.tsx
-var Tree_exports = {};
-__export(Tree_exports, {
-  default: () => Tree_default
-});
-module.exports = __toCommonJS(Tree_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_DirectoryTree = __toESM(require("./DirectoryTree"));
-var import_RCTree = __toESM(require("./RCTree"));
-var import_TreeNode = __toESM(require("./TreeNode"));
-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 newProps = {
-    ...props,
+  var _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'el-tree' : _props$prefixCls,
+    className = props.className,
+    showIcon = props.showIcon,
+    showLine = props.showLine,
+    _switcherIcon = props.switcherIcon,
+    blockNode = props.blockNode,
+    children = props.children,
+    checkable = props.checkable,
+    selectable = props.selectable,
+    draggable = props.draggable;
+  var newProps = _objectSpread(_objectSpread({}, props), {}, {
     showLine: Boolean(showLine),
-    dropIndicatorRender: import_dropIndicator.default
-  };
-  const draggableConfig = (0, import_react.useMemo)(() => {
+    dropIndicatorRender: DropIndicatorRender
+  });
+  var draggableConfig = useMemo(function () {
     if (!draggable) {
       return false;
     }
-    let mergedDraggable = {};
-    switch (typeof draggable) {
-      case "function":
+    var mergedDraggable = {};
+    switch (_typeof(draggable)) {
+      case 'function':
         mergedDraggable.nodeDraggable = draggable;
         break;
-      case "object":
-        mergedDraggable = { ...draggable };
+      case 'object':
+        mergedDraggable = _objectSpread({}, draggable);
         break;
       default:
+      // Do nothing
     }
+
+    // if (mergedDraggable.icon !== false) {
+    //     mergedDraggable.icon = mergedDraggable.icon || <HolderOutlined />;
+    // }
+
     return mergedDraggable;
   }, [draggable]);
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_RCTree.default,
-    {
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    React.createElement(RcTree, _extends({
       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),
+      ref: ref,
+      virtual: props.virtual
+    }, newProps, {
+      prefixCls: prefixCls,
+      className: classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-icon-hide"), !showIcon), "".concat(prefixCls, "-block-node"), blockNode), "".concat(prefixCls, "-unselectable"), !selectable), className)
+      // direction={props.direction}
+      ,
+      checkable: checkable ? /*#__PURE__*/React.createElement("span", {
+        className: "".concat(prefixCls, "-checkbox-inner")
+      }) : checkable,
+      selectable: selectable,
+      switcherIcon: function switcherIcon(nodeProps) {
+        return renderSwitcherIcon(prefixCls, _switcherIcon, showLine, nodeProps);
+      },
       draggable: draggableConfig
-    },
-    children
+    }), children)
   );
 }
-var ForwardTree = (0, import_react.forwardRef)(InternalTree);
+var ForwardTree = /*#__PURE__*/forwardRef(InternalTree);
 var Tree = ForwardTree;
-Tree.TreeNode = import_TreeNode.default;
-Tree.DirectoryTree = import_DirectoryTree.default;
+Tree.TreeNode = TreeNode;
 Tree.defaultProps = {
   checkable: false,
   selectable: true,
   showIcon: false,
-  motion: {
-    ...import_motion.default,
-    motionAppear: false
-  },
+  motion: collapseMotion,
   blockNode: false,
   itemHeight: 20
 };
-var Tree_default = Tree;
+export default Tree;

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;