@chaoswise/ui 3.0.6 → 3.0.8

package/lib/Antd5/upload/style/picture.js

@@ -0,0 +1,175 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { blue } from '@ant-design/colors';
+import { unit } from '@ant-design/cssinjs';
+import { clearFix, textEllipsis } from '../../style';
+var genPictureStyle = function genPictureStyle(token) {
+  var componentCls = token.componentCls,
+    iconCls = token.iconCls,
+    uploadThumbnailSize = token.uploadThumbnailSize,
+    uploadProgressOffset = token.uploadProgressOffset,
+    calc = token.calc;
+  var listCls = "".concat(componentCls, "-list");
+  var itemCls = "".concat(listCls, "-item");
+  return _defineProperty({}, "".concat(componentCls, "-wrapper"), _defineProperty(_defineProperty({}, "\n        ".concat(listCls).concat(listCls, "-picture,\n        ").concat(listCls).concat(listCls, "-picture-card,\n        ").concat(listCls).concat(listCls, "-picture-circle\n      "), _defineProperty(_defineProperty(_defineProperty({}, itemCls, _defineProperty(_defineProperty({
+    position: 'relative',
+    height: calc(uploadThumbnailSize).add(calc(token.lineWidth).mul(2)).add(calc(token.paddingXS).mul(2)).equal(),
+    padding: token.paddingXS,
+    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorder),
+    borderRadius: token.borderRadiusLG,
+    '&:hover': {
+      background: 'transparent'
+    }
+  }, "".concat(itemCls, "-thumbnail"), _objectSpread(_objectSpread({}, textEllipsis), {}, _defineProperty(_defineProperty({
+    width: uploadThumbnailSize,
+    height: uploadThumbnailSize,
+    lineHeight: unit(calc(uploadThumbnailSize).add(token.paddingSM).equal()),
+    textAlign: 'center',
+    flex: 'none'
+  }, iconCls, {
+    fontSize: token.fontSizeHeading2,
+    color: token.colorPrimary
+  }), "img", {
+    display: 'block',
+    width: '100%',
+    height: '100%',
+    overflow: 'hidden'
+  }))), "".concat(itemCls, "-progress"), {
+    bottom: uploadProgressOffset,
+    width: "calc(100% - ".concat(unit(calc(token.paddingSM).mul(2).equal()), ")"),
+    marginTop: 0,
+    paddingInlineStart: calc(uploadThumbnailSize).add(token.paddingXS).equal()
+  })), "".concat(itemCls, "-error"), _defineProperty({
+    borderColor: token.colorError
+  }, "".concat(itemCls, "-thumbnail ").concat(iconCls), _defineProperty(_defineProperty({}, "svg path[fill='".concat(blue[0], "']"), {
+    fill: token.colorErrorBg
+  }), "svg path[fill='".concat(blue.primary, "']"), {
+    fill: token.colorError
+  }))), "".concat(itemCls, "-uploading"), _defineProperty({
+    borderStyle: 'dashed'
+  }, "".concat(itemCls, "-name"), {
+    marginBottom: uploadProgressOffset
+  }))), "".concat(listCls).concat(listCls, "-picture-circle ").concat(itemCls), _defineProperty({}, "&, &::before, ".concat(itemCls, "-thumbnail"), {
+    borderRadius: '50%'
+  })));
+};
+var genPictureCardStyle = function genPictureCardStyle(token) {
+  var _$concat$concat$conca2;
+  var componentCls = token.componentCls,
+    iconCls = token.iconCls,
+    fontSizeLG = token.fontSizeLG,
+    colorTextLightSolid = token.colorTextLightSolid,
+    calc = token.calc;
+  var listCls = "".concat(componentCls, "-list");
+  var itemCls = "".concat(listCls, "-item");
+  var uploadPictureCardSize = token.uploadPicCardSize;
+  return _defineProperty(_defineProperty({}, "\n      ".concat(componentCls, "-wrapper").concat(componentCls, "-picture-card-wrapper,\n      ").concat(componentCls, "-wrapper").concat(componentCls, "-picture-circle-wrapper\n    "), _objectSpread(_objectSpread({}, clearFix()), {}, _defineProperty(_defineProperty({
+    display: 'block'
+  }, "".concat(componentCls).concat(componentCls, "-select"), _defineProperty(_defineProperty({
+    width: uploadPictureCardSize,
+    height: uploadPictureCardSize,
+    textAlign: 'center',
+    verticalAlign: 'top',
+    backgroundColor: token.colorFillAlter,
+    border: "".concat(unit(token.lineWidth), " dashed ").concat(token.colorBorder),
+    borderRadius: token.borderRadiusLG,
+    cursor: 'pointer',
+    transition: "border-color ".concat(token.motionDurationSlow)
+  }, "> ".concat(componentCls), {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: '100%',
+    textAlign: 'center'
+  }), "&:not(".concat(componentCls, "-disabled):hover"), {
+    borderColor: token.colorPrimary
+  })), "".concat(listCls).concat(listCls, "-picture-card, ").concat(listCls).concat(listCls, "-picture-circle"), (_$concat$concat$conca2 = {
+    display: 'flex',
+    flexWrap: 'wrap',
+    '@supports not (gap: 1px)': {
+      '& > *': {
+        marginBlockEnd: token.marginXS,
+        marginInlineEnd: token.marginXS
+      }
+    },
+    '@supports (gap: 1px)': {
+      gap: token.marginXS
+    }
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_$concat$concat$conca2, "".concat(listCls, "-item-container"), {
+    display: 'inline-block',
+    width: uploadPictureCardSize,
+    height: uploadPictureCardSize,
+    verticalAlign: 'top'
+  }), '&::after', {
+    display: 'none'
+  }), '&::before', {
+    display: 'none'
+  }), itemCls, {
+    height: '100%',
+    margin: 0,
+    '&::before': {
+      position: 'absolute',
+      zIndex: 1,
+      width: "calc(100% - ".concat(unit(calc(token.paddingXS).mul(2).equal()), ")"),
+      height: "calc(100% - ".concat(unit(calc(token.paddingXS).mul(2).equal()), ")"),
+      backgroundColor: token.colorBgMask,
+      opacity: 0,
+      transition: "all ".concat(token.motionDurationSlow),
+      content: '" "'
+    }
+  }), "".concat(itemCls, ":hover"), _defineProperty({}, "&::before, ".concat(itemCls, "-actions"), {
+    opacity: 1
+  })), "".concat(itemCls, "-actions"), _defineProperty({
+    position: 'absolute',
+    insetInlineStart: 0,
+    zIndex: 10,
+    width: '100%',
+    whiteSpace: 'nowrap',
+    textAlign: 'center',
+    opacity: 0,
+    transition: "all ".concat(token.motionDurationSlow)
+  }, "\n            ".concat(iconCls, "-eye,\n            ").concat(iconCls, "-download,\n            ").concat(iconCls, "-delete\n          "), {
+    zIndex: 10,
+    width: fontSizeLG,
+    margin: "0 ".concat(unit(token.marginXXS)),
+    fontSize: fontSizeLG,
+    cursor: 'pointer',
+    transition: "all ".concat(token.motionDurationSlow),
+    color: colorTextLightSolid,
+    '&:hover': {
+      color: colorTextLightSolid
+    },
+    svg: {
+      verticalAlign: 'baseline'
+    }
+  })), "".concat(itemCls, "-thumbnail, ").concat(itemCls, "-thumbnail img"), {
+    position: 'static',
+    display: 'block',
+    width: '100%',
+    height: '100%',
+    objectFit: 'contain'
+  }), "".concat(itemCls, "-name"), {
+    display: 'none',
+    textAlign: 'center'
+  }), "".concat(itemCls, "-file + ").concat(itemCls, "-name"), {
+    position: 'absolute',
+    bottom: token.margin,
+    display: 'block',
+    width: "calc(100% - ".concat(unit(calc(token.paddingXS).mul(2).equal()), ")")
+  }), "".concat(itemCls, "-uploading"), _defineProperty(_defineProperty({}, "&".concat(itemCls), {
+    backgroundColor: token.colorFillAlter
+  }), "&::before, ".concat(iconCls, "-eye, ").concat(iconCls, "-download, ").concat(iconCls, "-delete"), {
+    display: 'none'
+  })), _defineProperty(_$concat$concat$conca2, "".concat(itemCls, "-progress"), {
+    bottom: token.marginXL,
+    width: "calc(100% - ".concat(unit(calc(token.paddingXS).mul(2).equal()), ")"),
+    paddingInlineStart: 0
+  }))))), "".concat(componentCls, "-wrapper").concat(componentCls, "-picture-circle-wrapper"), _defineProperty({}, "".concat(componentCls).concat(componentCls, "-select"), {
+    borderRadius: '50%'
+  }));
+};
+export { genPictureStyle, genPictureCardStyle };

package/lib/Antd5/upload/style/rtl.js

@@ -0,0 +1,12 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// =========================== Motion ===========================
+var genRtlStyle = function genRtlStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({}, "".concat(componentCls, "-rtl"), {
+    direction: 'rtl'
+  });
+};
+export default genRtlStyle;

package/lib/Antd5/upload/utils.js

@@ -0,0 +1,140 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+export function file2Obj(file) {
+  return _objectSpread(_objectSpread({}, file), {}, {
+    lastModified: file.lastModified,
+    lastModifiedDate: file.lastModifiedDate,
+    name: file.name,
+    size: file.size,
+    type: file.type,
+    uid: file.uid,
+    percent: 0,
+    originFileObj: file
+  });
+}
+/** Upload fileList. Replace file if exist or just push into it. */
+export function updateFileList(file, fileList) {
+  var nextFileList = _toConsumableArray(fileList);
+  var fileIndex = nextFileList.findIndex(function (_ref) {
+    var uid = _ref.uid;
+    return uid === file.uid;
+  });
+  if (fileIndex === -1) {
+    nextFileList.push(file);
+  } else {
+    nextFileList[fileIndex] = file;
+  }
+  return nextFileList;
+}
+export function getFileItem(file, fileList) {
+  var matchKey = file.uid !== undefined ? 'uid' : 'name';
+  return fileList.filter(function (item) {
+    return item[matchKey] === file[matchKey];
+  })[0];
+}
+export function removeFileItem(file, fileList) {
+  var matchKey = file.uid !== undefined ? 'uid' : 'name';
+  var removed = fileList.filter(function (item) {
+    return item[matchKey] !== file[matchKey];
+  });
+  if (removed.length === fileList.length) {
+    return null;
+  }
+  return removed;
+}
+// ==================== Default Image Preview ====================
+var extname = function extname() {
+  var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var temp = url.split('/');
+  var filename = temp[temp.length - 1];
+  var filenameWithoutSuffix = filename.split(/#|\?/)[0];
+  return (/\.[^./\\]*$/.exec(filenameWithoutSuffix) || [''])[0];
+};
+var isImageFileType = function isImageFileType(type) {
+  return type.indexOf('image/') === 0;
+};
+export var isImageUrl = function isImageUrl(file) {
+  if (file.type && !file.thumbUrl) {
+    return isImageFileType(file.type);
+  }
+  var url = file.thumbUrl || file.url || '';
+  var extension = extname(url);
+  if (/^data:image\//.test(url) || /(webp|svg|png|gif|jpg|jpeg|jfif|bmp|dpg|ico|heic|heif)$/i.test(extension)) {
+    return true;
+  }
+  if (/^data:/.test(url)) {
+    // other file types of base64
+    return false;
+  }
+  if (extension) {
+    // other file types which have extension
+    return false;
+  }
+  return true;
+};
+var MEASURE_SIZE = 200;
+export function previewImage(file) {
+  return new Promise(function (resolve) {
+    if (!file.type || !isImageFileType(file.type)) {
+      resolve('');
+      return;
+    }
+    var canvas = document.createElement('canvas');
+    canvas.width = MEASURE_SIZE;
+    canvas.height = MEASURE_SIZE;
+    canvas.style.cssText = "position: fixed; left: 0; top: 0; width: ".concat(MEASURE_SIZE, "px; height: ").concat(MEASURE_SIZE, "px; z-index: 9999; display: none;");
+    document.body.appendChild(canvas);
+    var ctx = canvas.getContext('2d');
+    var img = new Image();
+    img.onload = function () {
+      var width = img.width,
+        height = img.height;
+      var drawWidth = MEASURE_SIZE;
+      var drawHeight = MEASURE_SIZE;
+      var offsetX = 0;
+      var offsetY = 0;
+      if (width > height) {
+        drawHeight = height * (MEASURE_SIZE / width);
+        offsetY = -(drawHeight - drawWidth) / 2;
+      } else {
+        drawWidth = width * (MEASURE_SIZE / height);
+        offsetX = -(drawWidth - drawHeight) / 2;
+      }
+      ctx.drawImage(img, offsetX, offsetY, drawWidth, drawHeight);
+      var dataURL = canvas.toDataURL();
+      document.body.removeChild(canvas);
+      window.URL.revokeObjectURL(img.src);
+      resolve(dataURL);
+    };
+    img.crossOrigin = 'anonymous';
+    if (file.type.startsWith('image/svg+xml')) {
+      var reader = new FileReader();
+      reader.onload = function () {
+        if (reader.result && typeof reader.result === 'string') {
+          img.src = reader.result;
+        }
+      };
+      reader.readAsDataURL(file);
+    } else if (file.type.startsWith('image/gif')) {
+      var _reader = new FileReader();
+      _reader.onload = function () {
+        if (_reader.result) {
+          resolve(_reader.result);
+        }
+      };
+      _reader.readAsDataURL(file);
+    } else {
+      img.src = window.URL.createObjectURL(file);
+    }
+  });
+}

package/lib/Antd5/version/index.js

@@ -0,0 +1,4 @@
+/* eslint import/no-unresolved: 0 */
+// @ts-ignore
+import version from './version';
+export default version;