assui 2.0.2 → 2.0.6

package/es/rc-motion/index.d.ts

@@ -0,0 +1,2 @@
+import * as RcMotion from 'rc-motion';
+export default RcMotion;

package/es/rc-motion/index.js

@@ -0,0 +1,2 @@
+import * as RcMotion from 'rc-motion';
+export default RcMotion;

package/es/rc-motion/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/rc-qrcode/index.d.ts

@@ -0,0 +1,20 @@
+import QRCode, { QRCodeRenderersOptions, QRCodeSegment } from 'qrcode';
+import useQrcode from './useQrcode';
+export interface RcQRcodeProps {
+    /** 生成二维码的值 */
+    value: QRCodeSegment[];
+    /** qrcode的QRCodeRenderersOptions */
+    options: QRCodeRenderersOptions;
+    /** 获取HTMLCanvasElement */
+    getCanvasInstance: (result: HTMLCanvasElement) => void;
+}
+declare const RcQRcode: {
+    (props: RcQRcodeProps): JSX.Element;
+    defaultProps: {
+        value: string;
+        options: {};
+    };
+    useQrcode: (value: string | QRCode.QRCodeSegment[], options: QRCode.QRCodeToDataURLOptions) => string;
+};
+export default RcQRcode;
+export { useQrcode };

package/es/rc-qrcode/index.js

@@ -0,0 +1,57 @@
+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);
+};
+
+import * as React from 'react';
+import QRCode from 'qrcode';
+import useMount from 'ahooks/lib/useMount';
+import useQrcode from './useQrcode';
+
+var RcQRcode = function RcQRcode(props) {
+  var value = props.value,
+      options = props.options;
+  var domElRef = React.useRef(null);
+  var defaultOptions = {
+    errorCorrectionLevel: 'H',
+    margin: 0,
+    width: 134
+  };
+
+  var finallyOptions = __assign(__assign({}, defaultOptions), options);
+
+  useMount(function () {
+    QRCode.toCanvas(value, finallyOptions, function (err, result) {
+      var _a;
+
+      if (err) {
+        throw err;
+      }
+
+      props === null || props === void 0 ? void 0 : props.getCanvasInstance(result);
+      (_a = domElRef.current) === null || _a === void 0 ? void 0 : _a.appendChild(result);
+    });
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    ref: domElRef
+  });
+};
+
+RcQRcode.defaultProps = {
+  value: '',
+  options: {}
+};
+RcQRcode.useQrcode = useQrcode;
+export default RcQRcode;
+export { useQrcode };

package/es/rc-qrcode/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/rc-qrcode/useQrcode.d.ts

@@ -0,0 +1,4 @@
+import { QRCodeToDataURLOptions, QRCodeSegment } from 'qrcode';
+declare type ValueTypes = string | QRCodeSegment[];
+export declare const useQRCode: (value: ValueTypes, options: QRCodeToDataURLOptions) => string;
+export default useQRCode;

package/es/rc-qrcode/useQrcode.js

@@ -0,0 +1,50 @@
+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;
+};
+
+import QRCode from 'qrcode';
+import { useEffect, useState } from 'react';
+export var useQRCode = function useQRCode(value, options) {
+  var _a = __read(useState(''), 2),
+      dataURL = _a[0],
+      setDataURL = _a[1];
+
+  useEffect(function () {
+    if (!value) {
+      return setDataURL('');
+    }
+
+    QRCode.toDataURL(value, options, function (err, url) {
+      if (err) {
+        throw err;
+      }
+
+      setDataURL(url);
+    });
+  }, [value, options]);
+  return dataURL;
+};
+export default useQRCode;

package/es/rc-transition-group/index.d.ts

@@ -0,0 +1,2 @@
+import * as RcTransitionGroup from 'react-transition-group';
+export default RcTransitionGroup;

package/es/rc-transition-group/index.js

@@ -0,0 +1,2 @@
+import * as RcTransitionGroup from 'react-transition-group';
+export default RcTransitionGroup;

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

@@ -0,0 +1 @@
+

package/es/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/es/single-img-upload/index.js

@@ -0,0 +1,199 @@
+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 __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;
+};
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+
+
+import * as React from 'react';
+import Upload from 'rc-upload';
+import Progress from 'antd/lib/progress';
+import Image from 'antd/lib/image';
+import classNames from 'classnames';
+import useUpdateEffect from 'ahooks/lib/useUpdateEffect';
+import CloseOutlined from '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(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(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('as-img-upload', wrapperClassName);
+  return /*#__PURE__*/React.createElement("div", {
+    className: cls
+  }, uploadStatus === 'uploading' && /*#__PURE__*/React.createElement("div", {
+    className: "as-img-upload-content"
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "preview-img",
+    src: fileUrl,
+    alt: ""
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "dark"
+  }), /*#__PURE__*/React.createElement(Progress, {
+    className: "as-img-upload-upload-progress",
+    percent: uploadPercent,
+    size: "small",
+    status: "active"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "as-img-upload-close-button",
+    onClick: cancelUpload
+  }, /*#__PURE__*/React.createElement(CloseOutlined, null))), uploadStatus === 'done' && /*#__PURE__*/React.createElement("div", {
+    className: "as-img-upload-content"
+  }, /*#__PURE__*/React.createElement(Image, {
+    wrapperClassName: "as-img-upload-preview",
+    src: fileUrl,
+    preview: true
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "as-img-upload-close-button",
+    onClick: handleDeleteUpload
+  }, /*#__PURE__*/React.createElement(CloseOutlined, null))), /*#__PURE__*/React.createElement(Upload, __assign({
+    ref: function ref(uploader) {
+      uploadInstanceRef.current = uploader;
+    },
+    name: "file",
+    className: uploadCls,
+    onStart: handleStart,
+    onProgress: handleProgress,
+    onError: handleError,
+    onSuccess: handleSuccess
+  }, restProps), uploadStatus === 'init' && /*#__PURE__*/React.createElement("div", {
+    className: "as-img-upload-button"
+  }, children)));
+};
+
+SingleImgUpload.defaultProps = {
+  beforeUpload: function beforeUpload() {
+    return true;
+  }
+};
+export default SingleImgUpload;

package/es/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;
+}