@qsxy/element-plus-react 1.0.2 → 2.0.0

package/dist/Tree/contextTypes.d.ts

@@ -1,69 +0,0 @@
-/**
- * Webpack has bug for import loop, which is not the same behavior as ES module.
- * When util.js imports the TreeNode for tree generate will cause treeContextTypes be empty.
- */
-import * as React from 'react';
-import type { DraggableConfig, SemanticName } from './RCTree';
-import type { BasicDataNode, DataNode, Direction, EventDataNode, IconType, Key, KeyEntities, TreeNodeProps } from './typings';
-export type NodeMouseEventParams<TreeDataType extends BasicDataNode = DataNode, T = HTMLSpanElement> = {
-    event: React.MouseEvent<T>;
-    node: EventDataNode<TreeDataType>;
-};
-export type NodeDragEventParams<TreeDataType extends BasicDataNode = DataNode, T = HTMLDivElement> = {
-    event: React.DragEvent<T>;
-    node: EventDataNode<TreeDataType>;
-};
-export type NodeMouseEventHandler<TreeDataType extends BasicDataNode = DataNode, T = HTMLSpanElement> = (e: React.MouseEvent<T>, node: EventDataNode<TreeDataType>) => void;
-export type NodeDragEventHandler<TreeDataType extends BasicDataNode = DataNode, T = HTMLDivElement> = (e: React.DragEvent<T>, nodeProps: TreeNodeProps<TreeDataType>, outsideTree?: boolean) => void;
-export interface TreeContextProps<TreeDataType extends BasicDataNode = DataNode> {
-    styles?: Partial<Record<SemanticName, React.CSSProperties>>;
-    classNames?: Partial<Record<SemanticName, string>>;
-    prefixCls: string;
-    selectable: boolean;
-    showIcon: boolean;
-    icon: IconType;
-    switcherIcon: IconType;
-    draggable?: DraggableConfig;
-    draggingNodeKey?: Key;
-    checkable: boolean | React.ReactNode;
-    checkStrictly: boolean;
-    disabled: boolean;
-    keyEntities: KeyEntities;
-    dropLevelOffset?: number;
-    dropContainerKey: Key | null;
-    dropTargetKey: Key | null;
-    dropPosition: -1 | 0 | 1 | null;
-    indent: number | null;
-    dropIndicatorRender: (props: {
-        dropPosition: -1 | 0 | 1;
-        dropLevelOffset: number;
-        indent: number;
-        prefixCls: string;
-        direction: Direction;
-    }) => React.ReactNode;
-    dragOverNodeKey: Key | null;
-    direction: Direction;
-    loadData: (treeNode: EventDataNode<TreeDataType>) => Promise<void>;
-    filterTreeNode: (treeNode: EventDataNode<TreeDataType>) => boolean;
-    titleRender?: (node: any) => React.ReactNode;
-    onNodeClick: NodeMouseEventHandler<TreeDataType>;
-    onNodeDoubleClick: NodeMouseEventHandler<TreeDataType>;
-    onNodeExpand: NodeMouseEventHandler<TreeDataType>;
-    onNodeSelect: NodeMouseEventHandler<TreeDataType>;
-    onNodeCheck: (e: React.MouseEvent<HTMLSpanElement>, treeNode: EventDataNode<TreeDataType>, checked: boolean) => void;
-    onNodeLoad: (treeNode: EventDataNode<TreeDataType>) => void;
-    onNodeMouseEnter: NodeMouseEventHandler<TreeDataType>;
-    onNodeMouseLeave: NodeMouseEventHandler<TreeDataType>;
-    onNodeContextMenu: NodeMouseEventHandler<TreeDataType>;
-    onNodeDragStart: NodeDragEventHandler<any, any>;
-    onNodeDragEnter: NodeDragEventHandler<any, any>;
-    onNodeDragOver: NodeDragEventHandler<any, any>;
-    onNodeDragLeave: NodeDragEventHandler<any, any>;
-    onNodeDragEnd: NodeDragEventHandler<any, any>;
-    onNodeDrop: NodeDragEventHandler<any, any>;
-}
-export declare const TreeContext: React.Context<TreeContextProps<any>>;
-/** Internal usage, safe to remove. Do not use in prod */
-export declare const UnstableContext: React.Context<{
-    nodeDisabled?: (n: DataNode) => boolean;
-}>;

package/dist/Tree/contextTypes.js

@@ -1,9 +0,0 @@
-/**
- * Webpack has bug for import loop, which is not the same behavior as ES module.
- * When util.js imports the TreeNode for tree generate will cause treeContextTypes be empty.
- */
-import * as React from 'react';
-export var TreeContext = /*#__PURE__*/React.createContext(null);
-
-/** Internal usage, safe to remove. Do not use in prod */
-export var UnstableContext = /*#__PURE__*/React.createContext({});

package/dist/Tree/typings.tsx--bak

@@ -1,245 +0,0 @@
-import React, { Component } from 'react';
-import { IconName } from '../Icon';
-import { TreeProps as RcTreeProps } from './RCTree';
-import { TreeNodeProps } from './TreeNode';
-
-export interface AntdTreeNodeAttribute {
-    eventKey: string;
-    prefixCls: string;
-    className: string;
-    expanded: boolean;
-    selected: boolean;
-    checked: boolean;
-    halfChecked: boolean;
-    children: React.ReactElement;
-    title: React.ReactElement;
-    pos: string;
-    dragOver: boolean;
-    dragOverGapTop: boolean;
-    dragOverGapBottom: boolean;
-    isLeaf: boolean;
-    selectable: boolean;
-    disabled: boolean;
-    disableCheckbox: boolean;
-}
-
-export interface AntTreeNodeProps {
-    className?: string;
-    checkable?: boolean;
-    disabled?: boolean;
-    disableCheckbox?: boolean;
-    title?: string | React.ReactElement;
-    key?: Key;
-    eventKey?: string;
-    isLeaf?: boolean;
-    checked?: boolean;
-    expanded?: boolean;
-    loading?: boolean;
-    selected?: boolean;
-    selectable?: boolean;
-    icon?: ((treeNode: AntdTreeNodeAttribute) => React.ReactElement) | React.ReactElement;
-    children?: React.ReactElement;
-    [customProp: string]: any;
-}
-
-export type AntTreeNode = Component<AntTreeNodeProps, {}>;
-
-export interface AntTreeNodeBaseEvent {
-    node: AntTreeNode;
-    nativeEvent: MouseEvent;
-}
-
-export interface AntTreeNodeCheckedEvent extends AntTreeNodeBaseEvent {
-    event: 'check';
-    checked?: boolean;
-    checkedNodes?: AntTreeNode[];
-}
-
-export interface AntTreeNodeSelectedEvent extends AntTreeNodeBaseEvent {
-    event: 'select';
-    selected?: boolean;
-    selectedNodes?: DataNode[];
-}
-
-export interface AntTreeNodeExpandedEvent extends AntTreeNodeBaseEvent {
-    expanded?: boolean;
-}
-
-export interface AntTreeNodeMouseEvent {
-    node: AntTreeNode;
-    event: any;
-}
-
-export interface AntTreeNodeDragEnterEvent extends AntTreeNodeMouseEvent {
-    expandedKeys: Key[];
-}
-
-export interface AntTreeNodeDropEvent {
-    node: AntTreeNode;
-    dragNode: AntTreeNode;
-    dragNodesKeys: Key[];
-    dropPosition: number;
-    dropToGap?: boolean;
-    event: React.MouseEventHandler<HTMLElement>;
-}
-
-// [Legacy] Compatible for v3
-export type TreeNodeNormal = DataNode;
-
-type DraggableFn = (node: AntTreeNode) => boolean;
-interface DraggableConfig {
-    icon?: React.ReactElement | false;
-    nodeDraggable?: DraggableFn;
-}
-
-export interface TreeProps<T> 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;
-    switcherIcon?: React.ReactElement<any>;
-    prefixCls?: string;
-    children?: React.ReactElement;
-    blockNode?: boolean;
-}
-
-/** For fieldNames, we provides a abstract interface */
-export interface BasicDataNode {
-    checkable?: boolean;
-    disabled?: boolean;
-    disableCheckbox?: boolean;
-    icon?: IconType;
-    isLeaf?: boolean;
-    selectable?: boolean;
-    switcherIcon?: IconType;
-
-    /** Set style of TreeNode. This is not recommend if you don't have any force requirement */
-    className?: string;
-    style?: React.CSSProperties;
-}
-
-export interface DataNode<T = any> extends BasicDataNode {
-    children?: T[];
-    key?: string | number;
-    title?: string | React.ReactElement;
-}
-
-export interface EventDataNode extends DataNode {
-    expanded: boolean;
-    selected: boolean;
-    checked: boolean;
-    loaded: boolean;
-    loading: boolean;
-    halfChecked: boolean;
-    dragOver: boolean;
-    dragOverGapTop: boolean;
-    dragOverGapBottom: boolean;
-    pos: string;
-    active: boolean;
-}
-
-export type IconType = React.ReactElement | ((props: TreeNodeProps) => React.ReactElement) | IconName;
-
-export type Key = React.Key;
-
-export type NodeElement = React.ReactElement<TreeNodeProps> & {
-    selectHandle?: HTMLSpanElement;
-    type: {
-        isTreeNode: boolean;
-    };
-};
-
-export type NodeInstance<TreeDataType extends BasicDataNode = DataNode> = Component<TreeNodeProps<TreeDataType>> & {
-    selectHandle?: HTMLSpanElement;
-};
-
-export interface Entity {
-    node: NodeElement;
-    index: number;
-    key: Key;
-    pos: string;
-    parent?: Entity;
-    children?: Entity[];
-}
-
-export interface DataEntity<TreeDataType extends BasicDataNode = DataNode> extends Omit<Entity, 'node' | 'parent' | 'children'> {
-    node: TreeDataType;
-    nodes: TreeDataType[];
-    parent?: DataEntity<TreeDataType>;
-    children?: DataEntity<TreeDataType>[];
-    level: number;
-}
-
-export interface FlattenNode {
-    parent: FlattenNode | null;
-    children: FlattenNode[];
-    pos: string;
-    data: DataNode;
-    title: React.ReactElement;
-    key: Key;
-    isStart: boolean[];
-    isEnd: boolean[];
-}
-
-export type GetKey<RecordType> = (record: RecordType, index?: number) => Key;
-
-export type GetCheckDisabled<RecordType> = (record: RecordType) => boolean;
-
-export type Direction = 'ltr' | 'rtl' | undefined;
-
-export interface FieldNames {
-    title?: string;
-
-    /** @private Internal usage for `rc-tree-select`, safe to remove if no need */
-    _title?: string[];
-    key?: string;
-    children?: string;
-}

package/dist/Tree/useUnmount.d.ts

@@ -1,5 +0,0 @@
-/**
- * Trigger only when component unmount
- */
-declare function useUnmount(triggerStart: () => void, triggerEnd: () => void): void;
-export default useUnmount;

package/dist/Tree/useUnmount.js

@@ -1,34 +0,0 @@
-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 useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
-import * as React from 'react';
-
-/**
- * Trigger only when component unmount
- */
-function useUnmount(triggerStart, triggerEnd) {
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    firstMount = _React$useState2[0],
-    setFirstMount = _React$useState2[1];
-  useLayoutEffect(function () {
-    if (firstMount) {
-      triggerStart();
-      return function () {
-        triggerEnd();
-      };
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [firstMount]);
-  useLayoutEffect(function () {
-    setFirstMount(true);
-    return function () {
-      setFirstMount(false);
-    };
-  }, []);
-}
-export default useUnmount;

package/dist/Tree/util.d.ts

@@ -1,51 +0,0 @@
-/**
- * Legacy code. Should avoid to use if you are new to import these code.
- */
-import React from 'react';
-import type { AllowDrop, TreeProps } from './RCTree';
-import type { BasicDataNode, DataEntity, DataNode, Direction, FlattenNode, Key, KeyEntities, NodeElement, TreeNodeProps } from './typings';
-export { getPosition, isTreeNode } from './utils/treeUtil';
-export declare function arrDel(list: Key[], value: Key): React.Key[];
-export declare function arrAdd(list: Key[], value: Key): React.Key[];
-export declare function posToArr(pos: string): string[];
-export declare function getDragChildrenKeys<TreeDataType extends BasicDataNode = DataNode>(dragNodeKey: Key, keyEntities: KeyEntities<TreeDataType>): Key[];
-export declare function isLastChild<TreeDataType extends BasicDataNode = DataNode>(treeNodeEntity: DataEntity<TreeDataType>): boolean;
-export declare function isFirstChild<TreeDataType extends BasicDataNode = DataNode>(treeNodeEntity: DataEntity<TreeDataType>): boolean;
-export declare function calcDropPosition<TreeDataType extends BasicDataNode = DataNode>(event: React.MouseEvent, dragNodeProps: TreeNodeProps<TreeDataType>, targetNodeProps: TreeNodeProps<TreeDataType>, indent: number, startMousePosition: {
-    x: number;
-    y: number;
-}, allowDrop: AllowDrop<TreeDataType>, flattenedNodes: FlattenNode<TreeDataType>[], keyEntities: KeyEntities<TreeDataType>, expandKeys: Key[], direction: Direction): {
-    dropPosition: -1 | 0 | 1;
-    dropLevelOffset: number;
-    dropTargetKey: Key;
-    dropTargetPos: string;
-    dropContainerKey: Key;
-    dragOverNodeKey: Key;
-    dropAllowed: boolean;
-};
-/**
- * Return selectedKeys according with multiple prop
- * @param selectedKeys
- * @param props
- * @returns [string]
- */
-export declare function calcSelectedKeys(selectedKeys: Key[], props: TreeProps): React.Key[];
-export declare function convertDataToTree(treeData: DataNode[], processor?: {
-    processProps: (prop: DataNode) => any;
-}): NodeElement[];
-/**
- * Parse `checkedKeys` to { checkedKeys, halfCheckedKeys } style
- */
-export declare function parseCheckedKeys(keys: Key[] | {
-    checked: Key[];
-    halfChecked: Key[];
-}): {
-    checkedKeys?: Key[];
-    halfCheckedKeys?: Key[];
-};
-/**
- * If user use `autoExpandParent` we should get the list of parent node
- * @param keyList
- * @param keyEntities
- */
-export declare function conductExpandParent(keyList: Key[], keyEntities: KeyEntities): Key[];