assui 2.0.2 → 2.0.6

package/lib/rc-transition-group/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/single-img-upload/index.d.ts

@@ -0,0 +1,19 @@
+import { UploadProps } from 'rc-upload';
+export interface RcFile extends File {
+    uid: string;
+}
+export interface UploadProgressEvent extends ProgressEvent {
+    percent: number;
+}
+export interface SingleImgUploadProps extends UploadProps {
+    value?: string;
+    wrapperClassName?: string;
+    onDeleteUpload?: () => void;
+}
+declare const SingleImgUpload: {
+    (props: SingleImgUploadProps): JSX.Element;
+    defaultProps: {
+        beforeUpload(): boolean;
+    };
+};
+export default SingleImgUpload;

package/lib/single-img-upload/index.js

@@ -0,0 +1,250 @@
+"use strict";
+
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  Object.defineProperty(o, k2, {
+    enumerable: true,
+    get: function get() {
+      return m[k];
+    }
+  });
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+
+var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+
+var __importStar = this && this.__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) {
+    if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  }
+
+  __setModuleDefault(result, mod);
+
+  return result;
+};
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+var __read = this && this.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+
+var React = __importStar(require("react"));
+
+var rc_upload_1 = __importDefault(require("rc-upload"));
+
+var progress_1 = __importDefault(require("antd/lib/progress"));
+
+var image_1 = __importDefault(require("antd/lib/image"));
+
+var classnames_1 = __importDefault(require("classnames"));
+
+var useUpdateEffect_1 = __importDefault(require("ahooks/lib/useUpdateEffect"));
+
+var CloseOutlined_1 = __importDefault(require("a-icons/lib/CloseOutlined"));
+
+var getLocalImgURL = function getLocalImgURL(file) {
+  var URL = window.URL || window.webkitURL;
+  var imgURL = URL.createObjectURL(file);
+  return imgURL;
+};
+
+var SingleImgUpload = function SingleImgUpload(props) {
+  var className = props.className,
+      wrapperClassName = props.wrapperClassName,
+      children = props.children,
+      value = props.value,
+      onStart = props.onStart,
+      onDeleteUpload = props.onDeleteUpload,
+      onSuccess = props.onSuccess,
+      onError = props.onError,
+      restProps = __rest(props, ["className", "wrapperClassName", "children", "value", "onStart", "onDeleteUpload", "onSuccess", "onError"]);
+
+  var uploadInstanceRef = React.useRef();
+  var fileRef = React.useRef();
+
+  var _a = __read(React.useState(value ? 'done' : 'init'), 2),
+      uploadStatus = _a[0],
+      setUploadStatus = _a[1];
+
+  var _b = __read(React.useState(value), 2),
+      fileUrl = _b[0],
+      setFileUrl = _b[1];
+
+  var _c = __read(React.useState(0), 2),
+      uploadPercent = _c[0],
+      setUploadPercent = _c[1];
+
+  useUpdateEffect_1["default"](function () {
+    setFileUrl(value);
+
+    if (value) {
+      setUploadStatus('done');
+    } else {
+      setUploadStatus('init');
+    }
+  }, [value]);
+
+  var handleStart = function handleStart(file) {
+    fileRef.current = file;
+    setUploadPercent(0);
+    setFileUrl(getLocalImgURL(file));
+    setUploadStatus('uploading');
+    onStart && onStart(file);
+  };
+
+  var handleProgress = function handleProgress(e) {
+    var percent = e.percent;
+    setUploadPercent(parseInt("" + percent, 10));
+  };
+
+  var handleError = function handleError(error, ret, file) {
+    setUploadStatus('init');
+    onError && onError(error, ret, file);
+  };
+
+  var handleSuccess = function handleSuccess(res, file, xhr) {
+    onSuccess && onSuccess(res, file, xhr);
+    setUploadStatus('done');
+  };
+
+  var uploadCls = classnames_1["default"](className, {
+    'not-upload-init': uploadStatus !== 'init'
+  });
+
+  var handleDeleteUpload = function handleDeleteUpload() {
+    setUploadStatus('init');
+    onDeleteUpload && onDeleteUpload();
+  };
+
+  var cancelUpload = function cancelUpload() {
+    var _a;
+
+    if (fileRef.current) {
+      (_a = uploadInstanceRef.current) === null || _a === void 0 ? void 0 : _a.abort(fileRef.current);
+    }
+
+    setUploadStatus('init');
+  };
+
+  var cls = classnames_1["default"]('as-img-upload', wrapperClassName);
+  return React.createElement("div", {
+    className: cls
+  }, uploadStatus === 'uploading' && React.createElement("div", {
+    className: "as-img-upload-content"
+  }, React.createElement("img", {
+    className: "preview-img",
+    src: fileUrl,
+    alt: ""
+  }), React.createElement("div", {
+    className: "dark"
+  }), React.createElement(progress_1["default"], {
+    className: "as-img-upload-upload-progress",
+    percent: uploadPercent,
+    size: "small",
+    status: "active"
+  }), React.createElement("div", {
+    className: "as-img-upload-close-button",
+    onClick: cancelUpload
+  }, React.createElement(CloseOutlined_1["default"], null))), uploadStatus === 'done' && React.createElement("div", {
+    className: "as-img-upload-content"
+  }, React.createElement(image_1["default"], {
+    wrapperClassName: "as-img-upload-preview",
+    src: fileUrl,
+    preview: true
+  }), React.createElement("div", {
+    className: "as-img-upload-close-button",
+    onClick: handleDeleteUpload
+  }, React.createElement(CloseOutlined_1["default"], null))), React.createElement(rc_upload_1["default"], __assign({
+    ref: function ref(uploader) {
+      uploadInstanceRef.current = uploader;
+    },
+    name: "file",
+    className: uploadCls,
+    onStart: handleStart,
+    onProgress: handleProgress,
+    onError: handleError,
+    onSuccess: handleSuccess
+  }, restProps), uploadStatus === 'init' && React.createElement("div", {
+    className: "as-img-upload-button"
+  }, children)));
+};
+
+SingleImgUpload.defaultProps = {
+  beforeUpload: function beforeUpload() {
+    return true;
+  }
+};
+exports["default"] = SingleImgUpload;

package/lib/single-img-upload/style/index.css

@@ -0,0 +1,74 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.as-img-upload {
+  width: 335px;
+  height: 140px;
+  border: 1px solid #cacaca;
+  border-radius: 4px;
+}
+.as-img-upload:hover {
+  border: 1px solid #1890ff;
+}
+.as-img-upload .rc-upload,
+.as-img-upload:focus {
+  outline: none;
+}
+.as-img-upload-button {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  cursor: pointer;
+}
+.as-img-upload-button:focus {
+  outline: none;
+}
+.as-img-upload-content {
+  position: relative;
+  z-index: 1010;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-color: #fff;
+}
+.as-img-upload-close-button {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 10;
+  width: 20px;
+  height: 20px;
+  text-align: center;
+  background-color: #000;
+  cursor: pointer;
+  opacity: 0.6;
+}
+.as-img-upload-close-button .spotecicon {
+  width: 15px;
+  height: 15px;
+  color: #fff;
+}
+.as-img-upload-preview {
+  height: 100%;
+}
+.as-img-upload-upload-progress {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  z-index: 2;
+  transform: translateY(-34%);
+}
+.as-img-upload-upload-progress .ant-progress-outer {
+  padding: 0 20px;
+}
+.as-img-upload-upload-progress .ant-progress-text {
+  display: block;
+  width: 100%;
+  color: #fff;
+  text-align: center;
+}

package/lib/single-img-upload/style/index.d.ts

@@ -0,0 +1,3 @@
+import 'antd/es/image/style';
+import 'antd/es/progress/style';
+import './index.less';

package/lib/single-img-upload/style/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+require("antd/es/image/style");
+
+require("antd/es/progress/style");
+
+require("./index.less");

package/lib/single-img-upload/style/index.less

@@ -0,0 +1,85 @@
+@import '~antd/es/style/themes/index';
+
+@progress-prefix-cls: ~'@{ant-prefix}';
+
+.as-img-upload {
+  width: 335px;
+  height: 140px;
+  border: 1px solid #cacaca;
+  border-radius: 4px;
+
+  &:hover {
+    border: 1px solid #1890ff;
+  }
+
+  .rc-upload,
+  &:focus {
+    outline: none;
+  }
+
+  &-button {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    cursor: pointer;
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  &-content {
+    position: relative;
+    z-index: 1010;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: #fff;
+  }
+
+  &-close-button {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 10;
+    width: 20px;
+    height: 20px;
+    text-align: center;
+    background-color: #000;
+    cursor: pointer;
+    opacity: 0.6;
+
+    .spotecicon {
+      width: 15px;
+      height: 15px;
+      color: #fff;
+    }
+  }
+
+  &-preview {
+    height: 100%;
+  }
+
+  &-upload-progress {
+    position: absolute;
+    top: 50%;
+    left: 0;
+    z-index: 2;
+    transform: translateY(-34%);
+
+    .@{ant-prefix}-progress-outer {
+      padding: 0 20px;
+    }
+
+    .@{ant-prefix}-progress-text {
+      display: block;
+      width: 100%;
+      color: #fff;
+      text-align: center;
+    }
+  }
+}