@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/tree/tree-legacy/tree-v2/util.js

@@ -1,195 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.deepMap = deepMap;
-exports.getChild = getChild;
-exports.getAll = getAll;
-exports.findNode = exports.collectExpandId = exports.getAncestorIds = exports.getChildrenIds = exports.getParentId = exports.dealData = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function deepMap(data, parent) {
-  var arr = [];
-
-  for (var key in data) {
-    var item = _objectSpread({}, data[key]);
-
-    if (parent) {
-      item.parent = parent;
-    } else {
-      item.parent = [];
-    }
-
-    if (item.children && item.children.length > 0) {
-      var childParent = (0, _toConsumableArray2["default"])(item.parent);
-      childParent.unshift(item.id);
-      arr = arr.concat(deepMap(item.children, childParent));
-      delete item.children;
-    } else {// item.parent = parent
-    }
-
-    arr.push(item);
-  }
-
-  return arr;
-}
-
-function getChild(data, id) {
-  var arr = [];
-  data.forEach(function (item) {
-    if (!item.parent.includes(id)) {
-      return;
-    }
-
-    if (arr.includes(id)) {
-      return;
-    }
-
-    arr.push(item.id);
-  });
-  return arr;
-}
-
-function getAll(data, checkedKeys) {
-  var all = deepMap(data);
-  all = all.map(function (item) {
-    item.child = getChild(all, item.id);
-    item.family = item.parent.concat(item.child);
-    item.semi = false;
-    var num = 0;
-    checkedKeys.forEach(function (c) {
-      if (item.child.includes(c)) {
-        num = num + 1;
-      }
-    });
-    item.num = num;
-    item.semi = num !== 0 && num !== item.child.length;
-    return item;
-  });
-  return all;
-}
-
-var dealData = function dealData(data) {
-  var tempData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
-  if (data.length === 0) {
-    return data;
-  }
-
-  data.map(function (item) {
-    tempData[item.id] = _objectSpread({}, item);
-
-    if (parent) {
-      tempData[item.id].parent = parent;
-    }
-
-    if (item.children && item.children.length > 0) {
-      var tempArr = [];
-      item.children.map(function (i) {
-        tempArr.push(i.id);
-      });
-      tempData[item.id].children = tempArr;
-      dealData(item.children, tempData, item.id);
-    }
-  });
-}; // 寻找某一节点的父节点
-
-
-exports.dealData = dealData;
-
-var getParentId = function getParentId(id, data) {
-  var parentId;
-  data.forEach(function (item) {
-    if (item.children) {
-      if (item.children.some(function (item) {
-        return item.id === id;
-      })) {
-        parentId = item.id;
-      } else if (getParentId(id, item.children)) {
-        parentId = getParentId(id, item.children);
-      }
-    }
-  });
-  return parentId;
-}; // 寻找某一节点的所有子节点
-
-
-exports.getParentId = getParentId;
-
-var getChildrenIds = function getChildrenIds(node) {
-  var arr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
-  if (node.children) {
-    arr = node.children.map(function (i) {
-      return i.id;
-    }).concat(arr);
-  }
-
-  node.children.forEach(function (c) {
-    return getChildrenIds(c, arr);
-  });
-  return arr;
-}; // 寻找某一节点的所有祖先节点
-
-
-exports.getChildrenIds = getChildrenIds;
-
-var getAncestorIds = function getAncestorIds(id, data) {
-  var arr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-
-  if (getParentId(id, data)) {
-    arr.push(getParentId(id, data));
-    getAncestorIds(getParentId(id, data), data, arr);
-  }
-
-  return arr;
-}; // 收集所有需要展开的节点 id
-
-
-exports.getAncestorIds = getAncestorIds;
-
-var collectExpandId = function collectExpandId(data, searchValue) {
-  var collection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var allData = arguments.length > 3 ? arguments[3] : undefined;
-  data.forEach(function (item) {
-    if (searchValue && item.title.includes(searchValue)) {
-      var parentIds = getAncestorIds(item.id, allData, []);
-      collection.splice.apply(collection, [collection.length - 1, 0].concat((0, _toConsumableArray2["default"])(parentIds)));
-    }
-
-    if (item.children) {
-      collectExpandId(item.children, searchValue, collection, allData);
-    }
-  });
-  return collection;
-}; // 给定一个结合，根据 id 寻找节点
-
-
-exports.collectExpandId = collectExpandId;
-
-var findNode = function findNode(itemId, data) {
-  var node;
-  data.forEach(function (d, index) {
-    if (d.id === itemId) {
-      node = d;
-    } else {
-      if (d.children && findNode(itemId, d.children)) {
-        node = findNode(itemId, d.children);
-      }
-    }
-  });
-  return node;
-};
-
-exports.findNode = findNode;

package/es/tree/util.js

@@ -1,131 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getSemiChecked = exports.findNode = exports.getChildrenIds = exports.getAncestors = exports.getAncestorIds = exports.getParent = exports.getParentId = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-// 寻找某一节点的父节点
-var getParentId = function getParentId(id, data) {
-  var parentId;
-  data.forEach(function (item) {
-    if (item.children) {
-      if (item.children.some(function (item) {
-        return item.id === id;
-      })) {
-        parentId = item.id;
-      } else if (getParentId(id, item.children)) {
-        parentId = getParentId(id, item.children);
-      }
-    }
-  });
-  return parentId;
-};
-
-exports.getParentId = getParentId;
-
-var getParent = function getParent(id, data) {
-  var parent;
-  data.forEach(function (item) {
-    if (item.children) {
-      if (item.children.some(function (item) {
-        return item.id === id;
-      })) {
-        parent = item;
-      } else if (getParent(id, item.children)) {
-        parent = getParent(id, item.children);
-      }
-    }
-  });
-  return parent;
-}; // 寻找某一节点的所有祖先节点
-
-
-exports.getParent = getParent;
-
-var getAncestorIds = function getAncestorIds(id, data) {
-  var arr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-
-  if (getParentId(id, data)) {
-    arr.push(getParentId(id, data));
-    getAncestorIds(getParentId(id, data), data, arr);
-  }
-
-  return arr;
-};
-
-exports.getAncestorIds = getAncestorIds;
-
-var getAncestors = function getAncestors(id, data) {
-  var arr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-
-  if (getParent(id, data)) {
-    arr.push(getParent(id, data));
-    getAncestors(getParent(id, data).id, data, arr);
-  }
-
-  return arr;
-}; // 寻找某一节点的所有子节点
-
-
-exports.getAncestors = getAncestors;
-
-var getChildrenIds = function getChildrenIds(node) {
-  var arr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
-  if (node.children) {
-    arr.splice.apply(arr, [0, 0].concat((0, _toConsumableArray2["default"])(node.children.map(function (i) {
-      return i.id;
-    }))));
-    node.children.forEach(function (c) {
-      return getChildrenIds(c, arr);
-    });
-  }
-
-  return arr;
-}; // 给定一个结合，根据 id 寻找节点
-
-
-exports.getChildrenIds = getChildrenIds;
-
-var findNode = function findNode(itemId, data) {
-  var node;
-  data.forEach(function (d, index) {
-    if (d.id === itemId) {
-      node = d;
-    } else {
-      if (d.children && findNode(itemId, d.children)) {
-        node = findNode(itemId, d.children);
-      }
-    }
-  });
-  return node;
-};
-
-exports.findNode = findNode;
-
-var getSemiChecked = function getSemiChecked(checkedIds, data, allData) {
-  var semiChecked = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-  data.forEach(function (node) {
-    var ancestorIds = getAncestorIds(node.id, allData);
-
-    if (checkedIds.includes(node.id)) {
-      ancestorIds.forEach(function (ancestorId) {
-        if (!checkedIds.includes(ancestorId) && !semiChecked.includes(ancestorId)) {
-          semiChecked.push(ancestorId);
-        }
-      });
-    }
-
-    if (node.children) {
-      getSemiChecked(checkedIds, node.children, allData, semiChecked);
-    }
-  });
-  return semiChecked;
-};
-
-exports.getSemiChecked = getSemiChecked;

package/es/upload/AvatarUpload.js

@@ -1,293 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _modal = _interopRequireDefault(require("../modal"));
-
-var _Preview = _interopRequireDefault(require("./Preview"));
-
-var _reactCropper = _interopRequireDefault(require("react-cropper"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _FileSelect = _interopRequireDefault(require("./FileSelect"));
-
-var _useUpload3 = _interopRequireDefault(require("./hooks/useUpload"));
-
-require("cropperjs/dist/cropper.css");
-
-var AvatarUpload = function AvatarUpload(_ref) {
-  var onRemove = _ref.onRemove,
-      disabled = _ref.disabled,
-      _ref$accept = _ref.accept,
-      accept = _ref$accept === void 0 ? 'image/*' : _ref$accept,
-      localeDatas = _ref.localeDatas,
-      theme = _ref.theme,
-      fileList = _ref.fileList,
-      defaultFileList = _ref.defaultFileList,
-      multiple = _ref.multiple,
-      _ref$avatarOptions = _ref.avatarOptions,
-      avatarOptions = _ref$avatarOptions === void 0 ? {} : _ref$avatarOptions,
-      onChange = _ref.onChange,
-      uploadAction = _ref.uploadAction,
-      maxSize = _ref.maxSize,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? 'file' : _ref$name,
-      withCredentials = _ref.withCredentials,
-      headers = _ref.headers,
-      data = _ref.data,
-      beforeUpload = _ref.beforeUpload,
-      customUpload = _ref.customUpload;
-  var uploadRef = (0, _react.useRef)(null);
-  var _avatarOptions$aspect = avatarOptions.aspectRatio,
-      aspectRatio = _avatarOptions$aspect === void 0 ? 0 : _avatarOptions$aspect,
-      _avatarOptions$dragMo = avatarOptions.dragMode,
-      dragMode = _avatarOptions$dragMo === void 0 ? 'move' : _avatarOptions$dragMo,
-      _avatarOptions$dropBo = avatarOptions.dropBoxSize,
-      dropBoxSize = _avatarOptions$dropBo === void 0 ? [] : _avatarOptions$dropBo;
-  var cropperRef = (0, _react.useRef)(null);
-
-  var _useUpload = (0, _useUpload3["default"])({
-    fileList: fileList,
-    defaultFileList: defaultFileList,
-    onChange: onChange,
-    uploadAction: uploadAction,
-    maxSize: maxSize,
-    name: name,
-    withCredentials: withCredentials,
-    headers: headers,
-    data: data,
-    onRemove: onRemove,
-    beforeUpload: beforeUpload,
-    customUpload: customUpload,
-    localeDatas: localeDatas
-  }),
-      _useUpload2 = (0, _slicedToArray2["default"])(_useUpload, 3),
-      _fileList = _useUpload2[0],
-      uploadFiles = _useUpload2[1],
-      deleteFile = _useUpload2[2];
-
-  var _useState = (0, _react.useState)({}),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      cropperFile = _useState2[0],
-      setCropperFile = _useState2[1]; // TODO: 提取 usePreview hook
-
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      visible = _useState4[0],
-      setVisible = _useState4[1];
-
-  var _useState5 = (0, _react.useState)({}),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      previewFile = _useState6[0],
-      setPreviewFile = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(0),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      activeIndex = _useState8[0],
-      setActiveIndex = _useState8[1];
-
-  var closeModal = (0, _react.useCallback)(function () {
-    setPreviewFile({});
-    setVisible(false);
-  }, []);
-  var previewImage = (0, _react.useCallback)(function (file, index) {
-    setPreviewFile(file);
-    setVisible(true);
-    setActiveIndex(index);
-  }, []);
-
-  var _useState9 = (0, _react.useState)(false),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      cropperVisible = _useState10[0],
-      setCropperVisible = _useState10[1];
-
-  var selectFile = (0, _react.useCallback)(function (files) {
-    takeCropper(files[0]);
-  }, []);
-  var takeCropper = (0, _react.useCallback)(function (file) {
-    var fr = new window.FileReader();
-
-    fr.onload = function (e) {
-      file.url = e.target.result;
-      setCropperVisible(true);
-      setCropperFile(file);
-    };
-
-    fr.readAsDataURL(file);
-  }, []);
-  var base2blob = (0, _react.useCallback)(function (dataurl, filename) {
-    var arr = dataurl.split(',');
-    var mime = arr[0].match(/:(.*?);/)[1];
-    var bstr = window.atob(arr[1]);
-    var n = bstr.length;
-    var u8arr = new Uint8Array(n);
-
-    while (n--) {
-      u8arr[n] = bstr.charCodeAt(n);
-    }
-
-    return new window.File([u8arr], filename, {
-      type: mime
-    });
-  }, []);
-  var confirmCropper = (0, _react.useCallback)(function (filename) {
-    // 裁切图片
-    if (cropperRef.current) {
-      var canvas = cropperRef.current.getCroppedCanvas();
-
-      if (typeof canvas === 'undefined') {
-        return;
-      }
-
-      var dataUrl = canvas.toDataURL();
-
-      var _file = base2blob(dataUrl, filename);
-
-      _file.url = dataUrl;
-      _file.fileType = 'img';
-      uploadFiles([_file]);
-      setCropperVisible(false);
-    }
-  }, [cropperRef.current]);
-
-  var images = _fileList.map(function (file) {
-    return {
-      url: file && file.url
-    };
-  });
-
-  var handleUploadKeydown = (0, _react.useCallback)(function (e) {
-    // ENTER OR SPACE
-    if (e.keyCode === 32 || e.keyCode === 13) {
-      e.preventDefault();
-      uploadRef.current.parentNode.click();
-    }
-  }, [uploadRef.current]);
-  var handleItemKeydown = (0, _react.useCallback)(function (e, file) {
-    // ENTER
-    if (e.keyCode === 13) {
-      e.preventDefault();
-      e.stopPropagation();
-      previewImage(file, 0);
-    } // DEL
-
-
-    if (e.keyCode === 46) {
-      e.preventDefault();
-      deleteFile(file, 0);
-    }
-  }, [deleteFile, previewImage]);
-  var file = _fileList[0];
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "theme__".concat(theme, " hi-upload hi-upload--avatar")
-  }, /*#__PURE__*/_react["default"].createElement("ul", {
-    className: "hi-upload__list"
-  }, !!file && (file.uploadState === 'loading' ? /*#__PURE__*/_react["default"].createElement("li", {
-    className: "hi-upload__item"
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: file.url,
-    className: "hi-upload__thumb"
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-upload__precent"
-  }, /*#__PURE__*/_react["default"].createElement("p", {
-    className: "hi-upload__loading-text"
-  }, file.progressNumber ? file.progressNumber < 100 ? file.progressNumber && file.progressNumber.toFixed(2) + '%' : localeDatas.upload.uploadSuccess : 0 + '%'), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-upload__loading-bar",
-    style: {
-      width: file.progressNumber * 1.4 + 'px'
-    }
-  }))) : /*#__PURE__*/_react["default"].createElement("li", {
-    className: "hi-upload__item",
-    tabIndex: 0,
-    onClick: function onClick() {
-      return previewImage(file, 0);
-    },
-    onKeyDown: function onKeyDown(e) {
-      handleItemKeydown(e, file);
-    },
-    style: {
-      cursor: 'pointer'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: file.url,
-    className: "hi-upload__thumb ".concat(file.uploadState === 'error' && 'error')
-  }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "close-circle",
-    filled: true,
-    className: "hi-upload__photo-del",
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      deleteFile(file, 0);
-    }
-  }), file.uploadState === 'error' && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-upload__item--photo-error"
-  }, localeDatas.upload.uploadFailed))), !file && /*#__PURE__*/_react["default"].createElement(_FileSelect["default"], {
-    onSelect: selectFile,
-    multiple: multiple,
-    disabled: disabled,
-    accept: accept,
-    style: {
-      display: 'inline-block'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("li", {
-    className: "hi-upload__item hi-upload__item--upload",
-    ref: uploadRef,
-    tabIndex: 0,
-    onKeyDown: handleUploadKeydown
-  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "plus",
-    style: {
-      fontSize: 24
-    }
-  })))), /*#__PURE__*/_react["default"].createElement(_modal["default"], {
-    visible: cropperVisible,
-    onConfirm: function onConfirm() {
-      confirmCropper(cropperFile.name);
-    },
-    onCancel: function onCancel() {
-      setCropperVisible(false);
-    },
-    backDrop: false
-  }, /*#__PURE__*/_react["default"].createElement(_reactCropper["default"], {
-    src: cropperFile.url || '',
-    ready: function ready(e) {
-      if (dropBoxSize.length > 0) {
-        cropperRef.current.setCropBoxData({
-          width: dropBoxSize[0],
-          height: dropBoxSize[1] || dropBoxSize[0]
-        });
-      }
-    },
-    aspectRatio: aspectRatio,
-    guides: false,
-    dragMode: dragMode,
-    ref: cropperRef,
-    crop: function crop() {},
-    style: {
-      height: 400,
-      width: '100%'
-    }
-  })), visible && /*#__PURE__*/_react["default"].createElement(_Preview["default"], {
-    src: previewFile.url,
-    images: images,
-    activeIndex: activeIndex,
-    show: visible,
-    onClose: closeModal
-  }));
-};
-
-var _default = AvatarUpload;
-exports["default"] = _default;