@sheinx/base 3.0.0-alpha.1

package/cjs/tree/tree.js

@@ -0,0 +1,227 @@
+"use strict";
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.array.index-of.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.splice.js");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+var _treeRoot = _interopRequireDefault(require("./tree-root"));
+var _immer = require("immer");
+var _treeContext = require("./tree-context");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["jssStyle", "line", "childrenKey", "data", "value", "mode", "keygen", "expanded", "expandIcons", "iconClass", "leafClass", "nodeClass", "renderItem", "defaultValue", "dataUpdate", "childrenClass", "defaultExpandAll", "defaultExpanded", "parentClickExpand", "doubleClickExpand", "dragImageSelector", "dragImageStyle", "dragSibling", "dragHoverExpand", "active", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Tree = function Tree(props) {
+  var _classNames;
+  var jssStyle = props.jssStyle,
+    _props$line = props.line,
+    line = _props$line === void 0 ? true : _props$line,
+    _props$childrenKey = props.childrenKey,
+    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
+    data = props.data,
+    value = props.value,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 1 : _props$mode,
+    keygen = props.keygen,
+    expanded = props.expanded,
+    expandIcons = props.expandIcons,
+    iconClass = props.iconClass,
+    leafClass = props.leafClass,
+    nodeClass = props.nodeClass,
+    renderItem = props.renderItem,
+    defaultValue = props.defaultValue,
+    _props$dataUpdate = props.dataUpdate,
+    dataUpdate = _props$dataUpdate === void 0 ? true : _props$dataUpdate,
+    childrenClass = props.childrenClass,
+    defaultExpandAll = props.defaultExpandAll,
+    defaultExpanded = props.defaultExpanded,
+    parentClickExpand = props.parentClickExpand,
+    doubleClickExpand = props.doubleClickExpand,
+    dragImageSelector = props.dragImageSelector,
+    dragImageStyle = props.dragImageStyle,
+    dragSibling = props.dragSibling,
+    dragHoverExpand = props.dragHoverExpand,
+    active = props.active,
+    disabled = props.disabled,
+    inlineNode = props.inlineNode,
+    highlight = props.highlight,
+    className = props.className,
+    onClick = props.onClick,
+    loader = props.loader,
+    onDrop = props.onDrop,
+    onExpand = props.onExpand,
+    onChange = props.onChange,
+    onDragEnd = props.onDragEnd,
+    onDragLeave = props.onDragLeave,
+    onDragOver = props.onDragOver,
+    onDragStart = props.onDragStart,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  // [TODO] - Props: dataUpdate
+  // [TODO] - This is a workaround for the issue of data not updating when dataProps changes.
+  // const [data, setData] = useState<DataItem[]>(dataProps);
+  // useEffect(() => {
+  //   if (dataProps !== data && dataUpdate) setData(dataProps);
+  // }, [dataProps])
+
+  var _useTree = (0, _hooks.useTree)({
+      mode: mode,
+      value: value,
+      data: data,
+      dataUpdate: dataUpdate,
+      active: active,
+      expanded: expanded,
+      disabled: disabled,
+      defaultValue: defaultValue,
+      defaultExpandAll: defaultExpandAll,
+      defaultExpanded: defaultExpanded,
+      childrenKey: childrenKey,
+      keygen: keygen
+    }),
+    func = _useTree.func,
+    updateMap = _useTree.updateMap;
+  var treeStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
+  var rootClass = (0, _classnames.default)(treeStyle.tree, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, treeStyle.line, line), (0, _defineProperty2.default)(_classNames, treeStyle.noline, !line), _classNames));
+  var getDragImageSelector = function getDragImageSelector(data) {
+    if (_hooks.util.isFunc(dragImageSelector)) return dragImageSelector(data);
+    return dragImageSelector;
+  };
+  var handleUpdateActive = function handleUpdateActive(active) {
+    updateMap.forEach(function (update, id) {
+      update('active', id === active);
+    });
+  };
+  var handleNodeClick = function handleNodeClick(node, id) {
+    if (active === undefined) {
+      handleUpdateActive(id);
+    }
+    if (onClick) {
+      onClick(node, id, func.getPath(id));
+    }
+  };
+  var handleToggle = function handleToggle(id) {
+    var newExpanded;
+    if (!expanded && onExpand) {
+      onExpand([id]);
+      return;
+    }
+    var expandedArr = expanded;
+    if (expandedArr.indexOf(id) >= 0) {
+      newExpanded = expandedArr.filter(function (e) {
+        return e !== id;
+      });
+    } else {
+      newExpanded = [].concat((0, _toConsumableArray2.default)(expandedArr), [id]);
+    }
+    if (onExpand) onExpand(newExpanded);
+  };
+  var handleDrop = function handleDrop(id, targetId, position) {
+    var targetIdCopy = targetId;
+    var positionCopy = position;
+    var current = func.getPath(id);
+    var target = func.getPath(targetIdCopy);
+    if (!current || !target) return;
+    var newData = (0, _immer.produce)(data, function (draft) {
+      var node = draft;
+      var temp;
+      var removeNode = function removeNode() {};
+      var offset = 0;
+      current.indexPath.forEach(function (p, i) {
+        if (i < current.indexPath.length - 1) {
+          node = node[p][childrenKey];
+        } else {
+          temp = node;
+          removeNode = function removeNode() {
+            return temp.splice(p, 1)[0];
+          };
+          node = node[p];
+        }
+      });
+      var tnode = draft;
+      target.indexPath.forEach(function (p, i) {
+        if (i < target.indexPath.length - 1) {
+          tnode = tnode[p][childrenKey];
+        } else if (tnode === temp) {
+          // same parent
+          removeNode();
+          if (current.index <= target.index) {
+            offset = -1;
+          }
+          removeNode = function removeNode() {};
+        }
+      });
+      if (positionCopy === -1) {
+        tnode = tnode[target.index + offset];
+        if (!Array.isArray(tnode[childrenKey])) tnode[childrenKey] = [];
+        tnode[childrenKey].push(node);
+        positionCopy = tnode[childrenKey].length - 1;
+        var update = updateMap.get(targetIdCopy);
+        if (update) update('expanded', true);
+      } else {
+        tnode.splice(positionCopy + offset, 0, node);
+        targetIdCopy = target.path[target.path.length - 1];
+      }
+      removeNode();
+    });
+    if (onDrop) {
+      onDrop(newData, id, targetId, position);
+    }
+  };
+  var onToggle = onExpand ? handleToggle : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+    className: rootClass
+  }, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeContext.Provider, {
+      value: func,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeRoot.default, {
+        jssStyle: jssStyle,
+        data: data,
+        mode: mode,
+        line: line,
+        keygen: keygen,
+        onChange: onChange,
+        iconClass: iconClass,
+        leafClass: leafClass,
+        nodeClass: nodeClass,
+        expanded: expanded,
+        expandIcons: expandIcons,
+        childrenClass: _hooks.util.isFunc(childrenClass) ? childrenClass : function () {
+          return childrenClass;
+        },
+        bindNode: func.bindNode,
+        childrenKey: childrenKey,
+        onNodeClick: handleNodeClick,
+        renderItem: renderItem,
+        loader: loader,
+        inlineNode: inlineNode,
+        highlight: highlight,
+        onToggle: onToggle,
+        onDrop: onDrop && handleDrop,
+        onDragOver: onDragOver,
+        onDragStart: onDragStart,
+        onDragEnd: onDragEnd,
+        onDragLeave: onDragLeave,
+        dragSibling: dragSibling,
+        dragHoverExpand: dragHoverExpand,
+        parentClickExpand: parentClickExpand,
+        doubleClickExpand: doubleClickExpand,
+        dragImageSelector: getDragImageSelector,
+        dragImageStyle: dragImageStyle
+      })
+    })
+  }));
+};
+var _default = Tree;
+exports.default = _default;

package/cjs/tree/tree.type.d.ts

@@ -0,0 +1,59 @@
+/// <reference types="react" />
+import { CommonType } from '../common/type';
+import { BaseTreeProps, ObjectKey, KeygenResult, TreePathType } from '@sheinx/hooks';
+import { SpinClasses } from '../spin/spin.type';
+import { CheckboxClasses } from '../checkbox/checkbox.type';
+export interface TreeClasses {
+    tree: string;
+    root: string;
+    line: string;
+    noline: string;
+    content: string;
+    childnode: string;
+    checkbox: string;
+    contentWrapper: string;
+    inlineContent: string;
+    text: string;
+    list: string;
+    iconWrapper: string;
+    icon: string;
+    node: string;
+    children: string;
+    leaf: string;
+    placement: string;
+}
+export declare type TreeRenderItemType<DataItem> = ((item: DataItem, expanded: boolean, active: boolean, id: KeygenResult) => React.ReactNode) | ObjectKey<DataItem>;
+export declare type JsstyleType = {
+    tree: () => TreeClasses;
+    spin: () => SpinClasses;
+    checkbox: () => CheckboxClasses;
+};
+export interface TreeProps<DataItem> extends BaseTreeProps<DataItem>, Pick<CommonType, 'className' | 'style'> {
+    jssStyle: JsstyleType;
+    line?: boolean;
+    iconClass?: string;
+    nodeClass?: string | ((data: DataItem) => string);
+    leafClass?: string;
+    expandIcons?: (React.ReactNode | ((d: DataItem) => React.ReactNode))[];
+    childrenClass?: ((data: DataItem) => string) | string;
+    onDrop?: (data: DataItem[], key: KeygenResult, targetKey: KeygenResult, position: number) => void;
+    active?: KeygenResult;
+    doubleClickExpand?: boolean;
+    parentClickExpand?: boolean;
+    dragImageSelector?: ((data?: DataItem) => string) | string;
+    onExpand?: (value: KeygenResult[]) => void;
+    renderItem: TreeRenderItemType<DataItem>;
+    onChange?: (value: KeygenResult[]) => void;
+    dragImageStyle?: React.CSSProperties;
+    dragSibling?: boolean;
+    dragHoverExpand?: boolean;
+    inlineNode?: boolean;
+    highlight?: boolean;
+    loader?: (key: KeygenResult, data: DataItem) => void;
+    onClick?: (data: DataItem, id: KeygenResult, path?: TreePathType) => void;
+    onDragStart?: (e: React.DragEvent, data: DataItem) => void;
+    onDragEnd?: (e: React.DragEvent, data: DataItem) => void;
+    onDragOver?: (e: React.DragEvent, data: DataItem) => void;
+    onDragLeave?: (e: React.DragEvent, data: DataItem) => void;
+}
+//# sourceMappingURL=tree.type.d.ts.map

package/cjs/tree/tree.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.type.d.ts","sourceRoot":"","sources":["tree.type.ts"],"names":[],"mappings":"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"}

package/cjs/tree/tree.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/upload/__example__/01-base.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=01-base.d.ts.map

package/cjs/upload/__example__/01-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAgBA,wBAkBE"}

package/cjs/upload/__example__/01-base.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    --
+ * en - Basic
+ *    --
+ */
+
+var jssStyle = {
+  button: _shineoutStyle.useButtonStyle,
+  upload: _shineoutStyle.useUploadStyle,
+  spin: _shineoutStyle.useSpinStyle
+};
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.UploadButton, {
+      withCredentials: true,
+      action: '/api/upload',
+      htmlName: 'file',
+      onSuccess: function onSuccess(res, file) {
+        console.log(res, file);
+        return file.name;
+      },
+      jssStyle: jssStyle,
+      accept: 'image/*',
+      placeholder: '点击上传',
+      loading: '正在上传...'
+    })
+  });
+};
+exports.default = _default;

package/cjs/upload/button.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { UploadButtonProps } from './button.type';
+declare const UploadButton: <T>(props: UploadButtonProps<T>) => JSX.Element;
+export default UploadButton;
+//# sourceMappingURL=button.d.ts.map

package/cjs/upload/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":";AAIA,OAAO,EAA8B,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQ9E,QAAA,MAAM,YAAY,iDAwFjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/upload/button.js

@@ -0,0 +1,120 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _upload = _interopRequireDefault(require("./upload"));
+var _button = _interopRequireDefault(require("../button"));
+var _spin = _interopRequireDefault(require("../spin"));
+var _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var handleKeyDown = function handleKeyDown(e) {
+  if (e.keyCode === 13) e.target.click();
+};
+var UploadButton = function UploadButton(props) {
+  var _props$jssStyle, _props$jssStyle$uploa;
+  var innerProps = {
+    listType: 'text',
+    imageStyle: undefined,
+    canDelete: undefined,
+    showUploadList: false,
+    customResult: undefined,
+    drop: false,
+    multiple: false,
+    gapProps: undefined,
+    leftHandler: false,
+    onPreview: undefined,
+    renderContent: undefined,
+    recoverAble: false
+  };
+  var uploadClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$uploa = _props$jssStyle.upload) === null || _props$jssStyle$uploa === void 0 ? void 0 : _props$jssStyle$uploa.call(_props$jssStyle);
+  var _React$useState = _react.default.useState(-1),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    process = _React$useState2[0],
+    setProcess = _React$useState2[1];
+  var onProgress = (0, _hooks.usePersistFn)(function (file) {
+    setProcess(file.process);
+  });
+  var onStart = (0, _hooks.usePersistFn)(function () {
+    setProcess(0);
+  });
+  var onHttpError = (0, _hooks.usePersistFn)(function (xhr, file) {
+    setProcess(-1);
+    return props.onHttpError ? props.onHttpError(xhr, file) : undefined;
+  });
+  var onSuccess = (0, _hooks.usePersistFn)(function (value, file, data) {
+    console.log('success');
+    setProcess(-1);
+    return props.onSuccess ? props.onSuccess(value, file, data) : value;
+  });
+  var onClick = (0, _hooks.usePersistFn)(function (e) {
+    if (process >= 0) {
+      e.stopPropagation();
+    }
+  });
+  var renderLoadingView = function renderLoadingView(color) {
+    var placeholder = props.placeholder,
+      loading = props.loading;
+    return /*#__PURE__*/(0, _react.isValidElement)(loading) ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: loading
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.buttonBgSpin,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
+          jssStyle: props.jssStyle,
+          size: 10,
+          name: "ring",
+          color: color
+        })
+      }), typeof loading === 'string' ? loading : placeholder]
+    });
+  };
+  var uploading = process >= 0;
+  var style = {
+    right: uploading ? "".concat(100 - Math.min(99, process), "%") : '100%'
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_upload.default, _objectSpread(_objectSpread(_objectSpread({}, props), innerProps), {}, {
+    onProgress: onProgress,
+    onStart: onStart,
+    onSuccess: onSuccess,
+    onHttpError: onHttpError,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.default, {
+      jssStyle: props.jssStyle,
+      tabIndex: props.disabled ? -1 : 0,
+      disabled: props.disabled,
+      className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.button, uploading && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.buttonUploading)),
+      type: props.type || 'primary',
+      size: props.size,
+      onClick: onClick,
+      onKeyDown: handleKeyDown,
+      children: [uploading && [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.buttonCover
+      }, 'cover'), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: style,
+        className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.buttonBg,
+        children: renderLoadingView('#fff')
+      }, 'bg')], /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: uploading ? renderLoadingView() : props.placeholder
+      })]
+    })
+  }));
+};
+var _default = UploadButton;
+exports.default = _default;

package/cjs/upload/button.type.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { UploadProps } from './upload.type';
+import { ButtonProps } from '../button/button.type';
+export declare type ButtonUploadInnerPropsType = Pick<UploadProps<any>, 'listType' | 'imageStyle' | 'canDelete' | 'showUploadList' | 'customResult' | 'drop' | 'multiple' | 'gapProps' | 'leftHandler' | 'onPreview' | 'renderContent' | 'recoverAble'>;
+export interface UploadButtonProps<T> extends Omit<UploadProps<T>, keyof ButtonUploadInnerPropsType>, Pick<ButtonProps, 'size' | 'type'> {
+    /**
+     * @cn 上传中按钮的内容，如果是字符串默认会有spin loading
+     * @en  content of uploading, will have spin if a string
+     */
+    loading?: React.ReactNode;
+    /**
+     * @cn 按钮默认内容
+     * @en Button default content
+     */
+    placeholder?: React.ReactNode;
+}
+//# sourceMappingURL=button.type.d.ts.map

package/cjs/upload/button.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,oBAAY,0BAA0B,GAAG,IAAI,CAC3C,WAAW,CAAC,GAAG,CAAC,EACd,UAAU,GACV,YAAY,GACZ,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,MAAM,GACN,UAAU,GACV,UAAU,GACV,aAAa,GACb,WAAW,GACX,eAAe,GACf,aAAa,CAChB,CAAC;AAEF,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAClC,SAAQ,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,MAAM,0BAA0B,CAAC,EAC5D,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B"}

package/cjs/upload/button.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/upload/drop.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UploadProps } from './upload.type';
+export interface DropProps extends Pick<UploadProps<any>, 'drop' | 'accept' | 'disabled' | 'multiple'> {
+    dropData?: any;
+    onDrop?: (files: File[], index: number) => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const Drop: (props: DropProps) => JSX.Element;
+export default Drop;
+//# sourceMappingURL=drop.d.ts.map

package/cjs/upload/drop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop.d.ts","sourceRoot":"","sources":["drop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;IAC3E,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAoCD,QAAA,MAAM,IAAI,UAAW,SAAS,gBAY7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/upload/drop.js

@@ -0,0 +1,79 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.promise.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("@sheinx/hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useDrop = function useDrop(props) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isoOver = _useState2[0],
+    setOver = _useState2[1];
+  var handleFileDrop = function handleFileDrop(e) {
+    var files = e.dataTransfer.files;
+    var accept = props.accept,
+      multiple = props.multiple,
+      onDrop = props.onDrop,
+      dropData = props.dropData;
+    var filter = accept ? Array.prototype.filter.call(files, function (f) {
+      return _hooks.util.attrAccept(f, accept);
+    }) : Array.from(files);
+    if (!filter || filter.length === 0) return;
+    if (onDrop) onDrop(multiple ? filter : [filter[0]], dropData);
+  };
+  var handleDrag = function handleDrag(e) {
+    var disabled = props.disabled;
+    if (disabled) return;
+    e.preventDefault();
+    e.stopPropagation();
+    setOver(e.type === 'dragover');
+    if (e.type === 'drop') handleFileDrop(e);
+  };
+  var getDropProps = function getDropProps() {
+    return {
+      onDragOver: handleDrag,
+      onDragLeave: handleDrag,
+      onDrop: handleDrag
+    };
+  };
+  return {
+    isoOver: isoOver,
+    getDropProps: getDropProps
+  };
+};
+var Drop = function Drop(props) {
+  var _useDrop = useDrop(props),
+    isoOver = _useDrop.isoOver,
+    getDropProps = _useDrop.getDropProps;
+  if (!props.drop) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: props.children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread(_objectSpread({}, getDropProps()), {}, {
+    className: props.className
+  }, _hooks.util.getDataAttribute({
+    dragover: isoOver ? 'true' : 'false'
+  })), {}, {
+    children: props.children
+  }));
+};
+var _default = Drop;
+exports.default = _default;

package/cjs/upload/image.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { UploadImageProps } from './image.type';
+declare const Image: <T>(props: UploadImageProps<T>) => JSX.Element;
+export default Image;
+//# sourceMappingURL=image.d.ts.map

package/cjs/upload/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,QAAA,MAAM,KAAK,gDAQV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/upload/image.js

@@ -0,0 +1,26 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _upload = _interopRequireDefault(require("./upload"));
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Image = function Image(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_upload.default, _objectSpread(_objectSpread({}, props), {}, {
+    listType: 'image',
+    imageStyle: _objectSpread(_objectSpread({}, props.imageStyle), {}, {
+      width: props.width,
+      height: props.height
+    })
+  }));
+};
+var _default = Image;
+exports.default = _default;