shopee-ui-react 0.0.1-security → 2.10.49

package/es/components/tree/types.d.ts

@@ -0,0 +1,88 @@
+/// <reference types="react" />
+import { TreeProps as RcTreeProps } from 'rc-tree';
+import { DataNode, Key } from 'rc-tree/lib/interface';
+export interface TreeNodeAttribute {
+    eventKey: string;
+    prefixCls: string;
+    className: string;
+    expanded: boolean;
+    selected: boolean;
+    checked: boolean;
+    halfChecked: boolean;
+    children: React.ReactNode;
+    title: React.ReactNode;
+    pos: string;
+    dragOver: boolean;
+    dragOverGapTop: boolean;
+    dragOverGapBottom: boolean;
+    isLeaf: boolean;
+    selectable: boolean;
+    disabled: boolean;
+    disableCheckbox: boolean;
+}
+export interface TreeNodeProps {
+    className?: string;
+    checkable?: boolean;
+    disabled?: boolean;
+    disableCheckbox?: boolean;
+    title?: string | React.ReactNode;
+    key?: Key;
+    eventKey?: string;
+    isLeaf?: boolean;
+    checked?: boolean;
+    expanded?: boolean;
+    loading?: boolean;
+    selected?: boolean;
+    selectable?: boolean;
+    icon?: ((treeNode: TreeNodeAttribute) => React.ReactNode) | React.ReactNode;
+    children?: React.ReactNode;
+    [customProp: string]: any;
+}
+export declare type TreeNode = React.Component<TreeNodeProps, {}>;
+export interface TreeNodeBaseEvent {
+    node: TreeNode;
+    nativeEvent: MouseEvent;
+}
+export interface TreeNodeCheckedEvent extends TreeNodeBaseEvent {
+    event: 'check';
+    checked?: boolean;
+    checkedNodes?: TreeNode[];
+}
+export interface TreeNodeSelectedEvent extends TreeNodeBaseEvent {
+    event: 'select';
+    selected?: boolean;
+    selectedNodes?: DataNode[];
+}
+export interface TreeNodeExpandedEvent extends TreeNodeBaseEvent {
+    expanded?: boolean;
+}
+export interface TreeNodeMouseEvent {
+    node: TreeNode;
+    event: React.DragEvent<HTMLElement>;
+}
+export interface TreeNodeDragEnterEvent extends TreeNodeMouseEvent {
+    expandedKeys: Key[];
+}
+export interface TreeNodeDropEvent {
+    node: TreeNode;
+    dragNode: TreeNode;
+    dragNodesKeys: Key[];
+    dropPosition: number;
+    dropToGap?: boolean;
+    event: React.MouseEvent<HTMLElement>;
+}
+export interface TreeProps extends RcTreeProps {
+    blockNode?: boolean;
+}
+export declare type ExpandAction = false | 'click' | 'doubleClick';
+export interface DirectoryTreeProps extends TreeProps {
+    expandAction?: ExpandAction;
+    /** 手风琴模式 */
+    accordion?: boolean;
+    /** 是否展示 tooltip, 因为文本最多展示两行 */
+    showOverflowTips?: boolean;
+}
+export interface DirectoryTreeState {
+    expandedKeys?: Key[];
+    selectedKeys?: Key[];
+}

package/es/components/tree/utils/dictUtil.d.ts

@@ -0,0 +1,9 @@
+import { DataNode, Key } from 'rc-tree/lib/interface';
+/** 计算选中范围，只考虑expanded情况以优化性能 */
+export declare function calcRangeKeys({ treeData, expandedKeys, startKey, endKey, }: {
+    treeData: DataNode[];
+    expandedKeys: Key[];
+    startKey?: Key;
+    endKey?: Key;
+}): Key[];
+export declare function convertDirectoryKeysToNodes(treeData: DataNode[], keys: Key[]): DataNode[];

package/es/components/tree/utils/dictUtil.js

@@ -0,0 +1,88 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+var Record;
+
+(function (Record) {
+  Record[Record["None"] = 0] = "None";
+  Record[Record["Start"] = 1] = "Start";
+  Record[Record["End"] = 2] = "End";
+})(Record || (Record = {}));
+
+function traverseNodesKey(treeData, callback) {
+  function processNode(dataNode) {
+    var key = dataNode.key,
+        children = dataNode.children;
+
+    if (callback(key, dataNode) !== false) {
+      traverseNodesKey(children || [], callback);
+    }
+  }
+
+  treeData.forEach(processNode);
+}
+/** 计算选中范围，只考虑expanded情况以优化性能 */
+
+
+export function calcRangeKeys(_ref) {
+  var treeData = _ref.treeData,
+      expandedKeys = _ref.expandedKeys,
+      startKey = _ref.startKey,
+      endKey = _ref.endKey;
+  var keys = [];
+  var record = Record.None;
+
+  if (startKey && startKey === endKey) {
+    return [startKey];
+  }
+
+  if (!startKey || !endKey) {
+    return [];
+  }
+
+  function matchKey(key) {
+    return key === startKey || key === endKey;
+  }
+
+  traverseNodesKey(treeData, function (key) {
+    if (record === Record.End) {
+      return false;
+    }
+
+    if (matchKey(key)) {
+      // Match test
+      keys.push(key);
+
+      if (record === Record.None) {
+        record = Record.Start;
+      } else if (record === Record.Start) {
+        record = Record.End;
+        return false;
+      }
+    } else if (record === Record.Start) {
+      // Append selection
+      keys.push(key);
+    }
+
+    if (expandedKeys.indexOf(key) === -1) {
+      return false;
+    }
+
+    return true;
+  });
+  return keys;
+}
+export function convertDirectoryKeysToNodes(treeData, keys) {
+  var restKeys = _toConsumableArray(keys);
+
+  var nodes = [];
+  traverseNodesKey(treeData, function (key, node) {
+    var index = restKeys.indexOf(key);
+
+    if (index !== -1) {
+      nodes.push(node);
+      restKeys.splice(index, 1);
+    }
+
+    return !!restKeys.length;
+  });
+  return nodes;
+}

package/es/components/tree/utils/dropIndicator.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const offset = 4;
+export default function dropIndicatorRender(props: {
+    dropPosition: -1 | 0 | 1;
+    dropLevelOffset: number;
+    indent: number;
+    prefixCls: string;
+    direction: 'ltr' | 'rtl';
+}): React.ReactElement;

package/es/components/tree/utils/dropIndicator.js

@@ -0,0 +1,37 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from 'react';
+export var offset = 4;
+export default function dropIndicatorRender(props) {
+  var _style;
+
+  var dropPosition = props.dropPosition,
+      dropLevelOffset = props.dropLevelOffset,
+      prefixCls = props.prefixCls,
+      indent = props.indent,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'ltr' : _props$direction;
+  var startPosition = direction === 'ltr' ? 'left' : 'right';
+  var endPosition = direction === 'ltr' ? 'right' : 'left';
+  var style = (_style = {}, _defineProperty(_style, startPosition, -dropLevelOffset * indent + offset), _defineProperty(_style, endPosition, 0), _style);
+
+  switch (dropPosition) {
+    case -1:
+      style.top = -3;
+      break;
+
+    case 1:
+      style.bottom = -3;
+      break;
+
+    default:
+      // dropPosition === 0
+      style.bottom = -3;
+      style[startPosition] = indent + offset;
+      break;
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: style,
+    className: "".concat(prefixCls, "-drop-indicator")
+  });
+}

package/es/components/tree/utils/loop.d.ts

@@ -0,0 +1,20 @@
+interface Param<T> {
+    /** 被循环的数组 */
+    data: Array<T>;
+    /** 要找到的值 */
+    value: string | number;
+    /** 值的属性名称，默认为 key */
+    valuePropName?: keyof T;
+    /** 'children' 的属性名称, 默认为 children */
+    childrenPropName?: string;
+    /** 回调函数 */
+    callback: (item: T, index: number, data: Array<T>) => void;
+}
+/**
+ * 迭代树形数组，找到符合的那一项
+ * @param param0
+ */
+declare function loop<T extends {
+    [key: string]: any;
+}>(param: Param<T>): void;
+export default loop;

package/es/components/tree/utils/loop.js

@@ -0,0 +1,33 @@
+/**
+ * 迭代树形数组，找到符合的那一项
+ * @param param0
+ */
+function loop(param) {
+  var data = param.data,
+      value = param.value,
+      _param$valuePropName = param.valuePropName,
+      valuePropName = _param$valuePropName === void 0 ? 'key' : _param$valuePropName,
+      _param$childrenPropNa = param.childrenPropName,
+      childrenPropName = _param$childrenPropNa === void 0 ? 'children' : _param$childrenPropNa,
+      callback = param.callback;
+
+  for (var i = 0; i < data.length; i += 1) {
+    var item = data[i] || {};
+
+    if (item[valuePropName] === value) {
+      return callback(item, i, data);
+    }
+
+    if (Array.isArray(item[childrenPropName])) {
+      loop({
+        data: item[childrenPropName],
+        value: value,
+        valuePropName: valuePropName,
+        childrenPropName: childrenPropName,
+        callback: callback
+      });
+    }
+  }
+}
+
+export default loop;

package/es/components/tree/utils/motion.d.ts

@@ -0,0 +1,3 @@
+import { CSSMotionProps } from 'rc-motion';
+declare const collapseMotion: CSSMotionProps;
+export default collapseMotion;

package/es/components/tree/utils/motion.js

@@ -0,0 +1,38 @@
+// ================== Collapse Motion ==================
+var getCollapsedHeight = function getCollapsedHeight() {
+  return {
+    height: 0,
+    opacity: 0
+  };
+};
+
+var getRealHeight = function getRealHeight(node) {
+  return {
+    height: node.scrollHeight,
+    opacity: 1
+  };
+};
+
+var getCurrentHeight = function getCurrentHeight(node) {
+  return {
+    height: node.offsetHeight
+  };
+};
+
+var skipOpacityTransition = function skipOpacityTransition(_, event) {
+  return event.propertyName === 'height';
+};
+
+var collapseMotion = {
+  onAppearStart: getCollapsedHeight,
+  onEnterStart: getCollapsedHeight,
+  onAppearActive: getRealHeight,
+  onEnterActive: getRealHeight,
+  onLeaveStart: getCurrentHeight,
+  onLeaveActive: getCollapsedHeight,
+  onAppearEnd: skipOpacityTransition,
+  onEnterEnd: skipOpacityTransition,
+  onLeaveEnd: skipOpacityTransition,
+  motionDeadline: 500
+};
+export default collapseMotion;

package/es/components/upload/Upload.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { UploadProps } from './types';
+declare const Upload: React.FC<UploadProps>;
+export default Upload;