assui 3.1.55 → 3.1.57

package/es/index.d.ts

@@ -80,3 +80,5 @@ export type { FlexProps } from './flex';
 export { default as Flex } from './flex';
 export type { LabelConditionSelectInputProps } from './label-condition-select-input';
 export { default as LabelConditionSelectInput } from './label-condition-select-input';
+export type { MultipartUploadProps } from './multipart-upload';
+export { default as MultipartUpload } from './multipart-upload';

package/es/index.js

@@ -40,4 +40,5 @@ export { default as RichTextEditor } from './rich-text-editor';
 export { default as BeautifulDnd } from './beautiful-dnd';
 export { default as Resizable } from './resizable';
 export { default as Flex } from './flex';
-export { default as LabelConditionSelectInput } from './label-condition-select-input';
+export { default as LabelConditionSelectInput } from './label-condition-select-input';
+export { default as MultipartUpload } from './multipart-upload';

package/es/label-select/index.d.ts

@@ -4,6 +4,7 @@ declare const Option: import("rc-select/lib/Option").OptionFC;
 export { Option };
 export interface LabelSelectProps extends SelectProps {
     label?: React.ReactNode;
+    onBlur?: (value: SelectProps['value']) => void;
 }
 declare const ForwardRefLabelSelect: React.ForwardRefExoticComponent<LabelSelectProps & React.RefAttributes<unknown>>;
 export default ForwardRefLabelSelect;

package/es/label-select/index.js

@@ -37,7 +37,9 @@ var __read = this && this.__read || function (o, n) {
 import React from 'react';
 import useControllableValue from "ahooks/es/useControllableValue";
 import Select from "antd/es/select";
-import { isUndefined, isNull } from 'lodash';
+import isArray from 'lodash/isArray';
+import isUndefined from 'lodash/isUndefined';
+import isNull from 'lodash/isNull';
 import classNames from 'classnames';
 import ArrowDropDownFilled from "a-icons/es/ArrowDropDownFilled";
 import omit from 'lodash/omit';
@@ -45,7 +47,8 @@ var Option = Select.Option;
 export { Option };
 var LabelSelect = function LabelSelect(props, ref) {
   var className = props.className,
-    label = props.label;
+    label = props.label,
+    onBlur = props.onBlur;
   var selectRef = React.useRef(null);
   var _a = __read(useControllableValue(props, {
       valuePropName: 'open',
@@ -71,10 +74,13 @@ var LabelSelect = function LabelSelect(props, ref) {
   var onDropdownVisibleChange = function onDropdownVisibleChange(nextOpen) {
     setOpen(nextOpen);
   };
+  var handleBlur = function handleBlur() {
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(value);
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: classNames({
       'label-select': true,
-      'label-select-label-scale': open || !isUndefined(value) && !isNull(value)
+      'label-select-label-scale': open || !isArray(value) && !isUndefined(value) && !isNull(value) || isArray(value) && value.length
     }, className)
   }, /*#__PURE__*/React.createElement(Select, __assign({
     maxTagCount: 3,
@@ -85,6 +91,11 @@ var LabelSelect = function LabelSelect(props, ref) {
     size: "large",
     className: "label-select-selector",
     onChange: handleChange,
+    onBlur: handleBlur,
+    onDeselect: function onDeselect() {
+      var _a;
+      (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    },
     onDropdownVisibleChange: onDropdownVisibleChange,
     suffixIcon: /*#__PURE__*/React.createElement(ArrowDropDownFilled, null)
   })), /*#__PURE__*/React.createElement("label", {

package/es/label-select/style/index.css

@@ -1256,6 +1256,7 @@ html {
 .label-select .ant-select-multiple .ant-select-selection-overflow {
   display: flex;
   width: 100%;
+  height: 36px;
   transform: translateY(8px);
 }
 .label-select .ant-select-multiple .ant-select-selection-overflow-item {

package/es/label-select/style/index.less

@@ -30,6 +30,7 @@
     .@{ant-prefix}-select-selection-overflow {
       display: flex;
       width: 100%;
+      height: 36px;
       transform: translateY(8px);
     }
 

package/es/multipart-upload/getMultipartUploadHandler.d.ts

@@ -0,0 +1,2 @@
+declare const getMultipartUploadHandler: (resultUrl: string) => (file: Blob, progress: (v: number) => any) => Promise<unknown>;
+export default getMultipartUploadHandler;

package/es/multipart-upload/getMultipartUploadHandler.js

@@ -0,0 +1,38 @@
+/* eslint-disable prefer-promise-reject-errors */
+import { localStorage } from 'aa-utils';
+var getMultipartUploadHandler = function getMultipartUploadHandler(resultUrl) {
+  var multipartUploadHandler = function multipartUploadHandler(file, progress) {
+    return new Promise(function (resolve, reject) {
+      var xhr = new XMLHttpRequest();
+      xhr.open('POST', resultUrl);
+      xhr.setRequestHeader('token', localStorage.get('token') || '');
+      xhr.upload.onprogress = function (e) {
+        progress && progress(e.loaded / e.total * 100);
+      };
+      xhr.onload = function () {
+        if (xhr.status === 403) {
+          reject("HTTP Error: ".concat(xhr.status));
+          return;
+        }
+        if (xhr.status < 200 || xhr.status >= 300) {
+          reject("HTTP Error: ".concat(xhr.status));
+          return;
+        }
+        var json = JSON.parse(xhr.responseText);
+        if (!json || json.header.code !== 200) {
+          reject("Invalid JSON: ".concat(xhr.responseText));
+          return;
+        }
+        resolve(json.body);
+      };
+      xhr.onerror = function () {
+        reject("Image upload failed due to a XHR Transport error. Code: ".concat(xhr.status));
+      };
+      var formData = new FormData();
+      formData.append('file', file);
+      xhr.send(formData);
+    });
+  };
+  return multipartUploadHandler;
+};
+export default getMultipartUploadHandler;

package/es/multipart-upload/index.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import type { UploadProps } from 'rc-upload';
+export interface RcFile extends File {
+    uid: string;
+}
+export interface UploadProgressEvent extends ProgressEvent {
+    percent: number;
+}
+export interface MultipartUploadProps extends Omit<UploadProps, 'onSuccess'> {
+    value?: string;
+    wrapperClassName?: string;
+    className?: string;
+    fileName?: string;
+    /** 上传文字 */
+    uploadText?: string;
+    onSuccess?: (res: string, fileName: string) => void;
+    uploadIcon: React.ReactElement;
+    cancelUpload?: () => void;
+    /** 分片大小 */
+    chunkSize?: number;
+    /** 第一步 获取ID  */
+    getInitUploadIdAPI: ({ fileName }: {
+        fileName: string;
+    }) => Promise<string>;
+    /** 第二步 获取url 进行分片上传  */
+    getInProgressUploadUrl: ({ fileName, partNumber, uploadId, }: {
+        fileName: string;
+        partNumber: number;
+        uploadId: string;
+    }) => string;
+    /** 第三步 合并上传文件 完成上传  */
+    completeRequest: ({ fileName, uploadId, list, }: {
+        fileName: string;
+        uploadId: string;
+        list: string[];
+    }) => Promise<string>;
+    errorCatch?: (error: any) => void;
+}
+declare const MultipartUpload: {
+    (props: MultipartUploadProps): JSX.Element;
+    displayName: string;
+};
+export default MultipartUpload;

package/es/multipart-upload/index.js

@@ -0,0 +1,220 @@
+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;
+};
+import React, { useState, useRef } from 'react';
+import Upload from 'rc-upload';
+import { useMount, useUpdateEffect } from 'ahooks';
+import classNames from 'classnames';
+import { Progress } from 'antd';
+import { CloseOutlined, CirclePlusFilled } from 'a-icons';
+import getMultipartUploadHandler from './getMultipartUploadHandler';
+var MultipartUpload = function MultipartUpload(props) {
+  var className = props.className,
+    wrapperClassName = props.wrapperClassName,
+    accept = props.accept,
+    method = props.method,
+    _a = props.fileName,
+    fileName = _a === void 0 ? '' : _a,
+    onSuccess = props.onSuccess,
+    onError = props.onError,
+    onStart = props.onStart,
+    cancelUpload = props.cancelUpload,
+    uploadIcon = props.uploadIcon,
+    disabled = props.disabled,
+    getInProgressUploadUrl = props.getInProgressUploadUrl,
+    getInitUploadIdAPI = props.getInitUploadIdAPI,
+    completeRequest = props.completeRequest,
+    chunkSize = props.chunkSize,
+    uploadText = props.uploadText,
+    customRequest = props.customRequest,
+    value = props.value,
+    errorCatch = props.errorCatch,
+    restProps = __rest(props, ["className", "wrapperClassName", "accept", "method", "fileName", "onSuccess", "onError", "onStart", "cancelUpload", "uploadIcon", "disabled", "getInProgressUploadUrl", "getInitUploadIdAPI", "completeRequest", "chunkSize", "uploadText", "customRequest", "value", "errorCatch"]);
+  var fileNameRef = useRef('');
+  var uploadRef = useRef();
+  var fileRef = useRef();
+  var uploadIdRef = useRef('');
+  var _b = __read(useState('init'), 2),
+    uploadStatus = _b[0],
+    setUploadStatus = _b[1];
+  var _c = __read(useState(0), 2),
+    uploadPercent = _c[0],
+    setUploadPercent = _c[1];
+  var resChunkSize = chunkSize || 1024 * 1024 * 50; // 50MB
+  var currentChunk = 0;
+  var totalChunks = 0;
+  var uploadList = [];
+  useUpdateEffect(function () {
+    if (value) {
+      setUploadStatus('done');
+    } else {
+      setUploadStatus('init');
+    }
+  }, [value]);
+  useMount(function () {
+    fileNameRef.current = fileName;
+  });
+  useUpdateEffect(function () {
+    fileNameRef.current = fileName;
+  }, [fileName]);
+  var handleStart = function handleStart(file) {
+    fileRef.current = file;
+    setUploadPercent(0);
+    fileNameRef.current = file.name;
+    totalChunks = Math.ceil(fileRef.current.size / resChunkSize);
+    setUploadStatus('uploading');
+    onStart && onStart(file);
+  };
+  var handleError = function handleError(error, ret, file) {
+    setUploadStatus('init');
+    onError && onError(error, ret, file);
+  };
+  var uploadCls = classNames(className, {
+    'not-upload-init': uploadStatus !== 'init'
+  });
+  var handleCancelUpload = function handleCancelUpload() {
+    var _a;
+    if (fileRef.current) {
+      (_a = uploadRef.current) === null || _a === void 0 ? void 0 : _a.abort(fileRef.current);
+      setUploadStatus('init');
+      cancelUpload && cancelUpload();
+    }
+  };
+  var progress = function progress(progressNumber) {
+    var currentProgressNumber = parseInt("".concat(progressNumber * (currentChunk + 1) / totalChunks), 10);
+    if (currentProgressNumber >= currentChunk / totalChunks * 100) {
+      setUploadPercent(currentProgressNumber);
+    }
+  };
+  var uploadNextChunk = function uploadNextChunk() {
+    /** 第二步 获取url 进行分片上传  */
+    if (fileRef.current) {
+      var resultUrl = getInProgressUploadUrl({
+        fileName: fileNameRef.current,
+        partNumber: currentChunk + 1,
+        uploadId: uploadIdRef.current
+      });
+      var multipartUploadHandler = getMultipartUploadHandler(resultUrl);
+      var start = currentChunk * resChunkSize;
+      var end = Math.min(fileRef.current.size, start + resChunkSize);
+      var chunk = fileRef.current.slice(start, end);
+      multipartUploadHandler(chunk, progress).then(function (res) {
+        uploadList.push(res);
+        currentChunk += 1;
+        if (currentChunk < totalChunks) {
+          uploadNextChunk();
+        } else {
+          /** 分片上传完成 进行文件合并 上传完成  */
+          completeRequest({
+            fileName: fileNameRef.current,
+            uploadId: uploadIdRef.current,
+            list: uploadList
+          }).then(function (fileUrl) {
+            setUploadStatus('done');
+            onSuccess && onSuccess(fileUrl, fileNameRef.current);
+          });
+        }
+      })["catch"](function (error) {
+        errorCatch && errorCatch(error);
+      });
+    }
+  };
+  var customMultipartRequest = function customMultipartRequest() {
+    if (fileRef.current) {
+      totalChunks = Math.ceil(fileRef.current.size / resChunkSize);
+      /** 第一步 获取ID  */
+      getInitUploadIdAPI({
+        fileName: fileNameRef.current
+      }).then(function (id) {
+        uploadIdRef.current = id;
+        uploadNextChunk();
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('multipart-upload-container', wrapperClassName)
+  }, uploadStatus === 'uploading' && /*#__PURE__*/React.createElement("div", {
+    className: "multipart-uploading-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "multipart-package-icon-files"
+  }, uploadIcon, /*#__PURE__*/React.createElement("div", {
+    className: "multipart-upload-file-name",
+    title: fileNameRef.current
+  }, fileNameRef.current)), /*#__PURE__*/React.createElement(Progress, {
+    className: "multipart-upload-progress",
+    percent: uploadPercent,
+    size: "small",
+    status: "active"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "multipart-package-upload-close-button",
+    onClick: handleCancelUpload
+  }, /*#__PURE__*/React.createElement(CloseOutlined, null))), uploadStatus === 'done' && /*#__PURE__*/React.createElement("div", {
+    className: "multipart-upload-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "multipart-upload-icon-files"
+  }, uploadIcon, /*#__PURE__*/React.createElement("div", {
+    className: "multipart-upload-file-name",
+    title: fileNameRef.current
+  }, fileNameRef.current))), /*#__PURE__*/React.createElement(Upload, __assign({
+    ref: function ref(uploader) {
+      uploadRef.current = uploader;
+    },
+    name: "file",
+    accept: accept,
+    disabled: disabled,
+    method: method,
+    className: uploadCls,
+    onStart: handleStart,
+    onError: handleError,
+    customRequest: customMultipartRequest
+  }, restProps), uploadStatus === 'init' && /*#__PURE__*/React.createElement("div", {
+    className: classNames('multipart-uploading-file-container', {
+      'multipart-uploading-file-container-disabled': disabled
+    })
+  }, /*#__PURE__*/React.createElement(CirclePlusFilled, null), /*#__PURE__*/React.createElement("span", null, uploadText))));
+};
+MultipartUpload.displayName = 'MultipartUpload';
+export default MultipartUpload;

package/es/multipart-upload/parse2RegexOption.d.ts

@@ -0,0 +1,13 @@
+export interface RegexOptionType {
+    isValid: boolean;
+    replacement: string;
+}
+declare type regexParamsType = RegExp | string | {
+    pattern: RegExp;
+    replacement?: string;
+};
+export interface ResultType extends RegexOptionType {
+    pattern: RegExp;
+}
+declare const parse2RegexOption: (regex: regexParamsType) => ResultType;
+export default parse2RegexOption;

package/es/multipart-upload/parse2RegexOption.js

@@ -0,0 +1,46 @@
+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 isRegExp from 'lodash/isRegExp';
+import isString from 'lodash/isString';
+import isObject from 'lodash/isObject';
+var defaultOptionValues = {
+  isValid: true,
+  replacement: ''
+};
+var parseRegex2RegexOption = function parseRegex2RegexOption(regex, options) {
+  return __assign(__assign(__assign({}, defaultOptionValues), {
+    pattern: regex
+  }), options);
+};
+var parseString2RegexOption = function parseString2RegexOption(regexString, options) {
+  return parseRegex2RegexOption(new RegExp(regexString), options);
+};
+var parse2RegexOption = function parse2RegexOption(regex) {
+  if (isRegExp(regex)) {
+    return parseRegex2RegexOption(regex);
+  }
+  if (isString(regex)) {
+    return parseString2RegexOption(regex);
+  }
+  if (isObject(regex)) {
+    return __assign(__assign(__assign({}, defaultOptionValues), {
+      isValid: !!regex.pattern
+    }), regex);
+  }
+  return {
+    isValid: false,
+    replacement: '',
+    pattern: /./
+  };
+};
+export default parse2RegexOption;