@fle-ui/next 2.0.0-alpha.11 → 2.0.0-alpha.12

package/es/upload/style/rtl.less

@@ -0,0 +1,165 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@upload-prefix-cls: ~'@{ant-prefix}-upload';
+@upload-item: ~'@{ant-prefix}-upload-list-item';
+
+.@{upload-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &&-select-picture-card {
+    .@{upload-prefix-cls}-rtl& {
+      margin-right: auto;
+      margin-left: 8px;
+    }
+  }
+}
+
+.@{upload-prefix-cls}-list {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &-item-list-type-text {
+    &:hover {
+      .@{upload-prefix-cls}-list-item-name-icon-count-1 {
+        .@{upload-prefix-cls}-list-rtl & {
+          padding-right: 22px;
+          padding-left: 14px;
+        }
+      }
+      .@{upload-prefix-cls}-list-item-name-icon-count-2 {
+        .@{upload-prefix-cls}-list-rtl & {
+          padding-right: 22px;
+          padding-left: 28px;
+        }
+      }
+    }
+  }
+
+  &-item {
+    &-name {
+      .@{upload-prefix-cls}-list-rtl & {
+        padding-right: @font-size-base + 8px;
+        padding-left: 0;
+      }
+    }
+
+    &-name-icon-count-1 {
+      .@{upload-prefix-cls}-list-rtl & {
+        padding-left: 14px;
+      }
+    }
+
+    &-card-actions {
+      .@{upload-prefix-cls}-list-rtl & {
+        right: auto;
+        left: 0;
+      }
+      .@{iconfont-css-prefix} {
+        .@{upload-prefix-cls}-list-rtl & {
+          padding-right: 0;
+          padding-left: 5px;
+        }
+      }
+    }
+
+    &-info {
+      .@{upload-prefix-cls}-list-rtl & {
+        padding: 0 4px 0 12px;
+      }
+    }
+
+    &-error &-card-actions {
+      .@{iconfont-css-prefix} {
+        .@{upload-prefix-cls}-list-rtl & {
+          padding-right: 0;
+          padding-left: 5px;
+        }
+      }
+    }
+
+    &-progress {
+      .@{upload-prefix-cls}-list-rtl & {
+        padding-right: @font-size-base + 12px;
+        padding-left: 0;
+      }
+    }
+  }
+
+  &-picture,
+  &-picture-card {
+    .@{upload-item}-info {
+      padding: 0;
+    }
+
+    .@{upload-item}-thumbnail {
+      .@{upload-prefix-cls}-list-rtl& {
+        right: 8px;
+        left: auto;
+      }
+    }
+
+    .@{upload-item}-icon {
+      .@{upload-prefix-cls}-list-rtl& {
+        right: 50%;
+        left: auto;
+        transform: translate(50%, -50%);
+      }
+    }
+
+    .@{upload-item}-name {
+      .@{upload-prefix-cls}-list-rtl& {
+        margin: 0 8px 0 0;
+        padding-right: 48px;
+        padding-left: 8px;
+      }
+    }
+
+    .@{upload-item}-name-icon-count-1 {
+      .@{upload-prefix-cls}-list-rtl& {
+        padding-right: 48px;
+        padding-left: 18px;
+      }
+    }
+
+    .@{upload-item}-name-icon-count-2 {
+      .@{upload-prefix-cls}-list-rtl& {
+        padding-right: 48px;
+        padding-left: 36px;
+      }
+    }
+
+    .@{upload-item}-progress {
+      .@{upload-prefix-cls}-list-rtl& {
+        padding-right: 0;
+        padding-left: 0;
+      }
+    }
+  }
+
+  &-picture-card {
+    &-container {
+      .@{upload-prefix-cls}-list-rtl & {
+        margin: 0 0 @margin-xs @margin-xs;
+      }
+    }
+
+    .@{upload-item}-actions {
+      .@{upload-prefix-cls}-list-rtl& {
+        right: 50%;
+        left: auto;
+        transform: translate(50%, -50%);
+      }
+    }
+
+    .@{upload-item}-file + .@{upload-item}-name {
+      .@{upload-prefix-cls}-list-rtl& {
+        margin: 8px 0 0;
+        padding: 0;
+      }
+    }
+  }
+}

package/es/upload/utils.d.ts

@@ -0,0 +1,8 @@
+import type { InternalUploadFile, RcFile, UploadFile } from './interface';
+export declare function file2Obj(file: RcFile): InternalUploadFile;
+/** Upload fileList. Replace file if exist or just push into it. */
+export declare function updateFileList(file: UploadFile<any>, fileList: UploadFile<any>[]): UploadFile<any>[];
+export declare function getFileItem(file: RcFile, fileList: UploadFile[]): UploadFile<any>;
+export declare function removeFileItem(file: UploadFile, fileList: UploadFile[]): UploadFile<any>[] | null;
+export declare const isImageUrl: (file: UploadFile) => boolean;
+export declare function previewImage(file: File | Blob): Promise<string>;

package/es/upload/utils.js

@@ -0,0 +1,138 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
+export function file2Obj(file) {
+  return _extends(_extends({}, 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);
+      resolve(dataURL);
+    };
+
+    img.crossOrigin = 'anonymous';
+
+    if (file.type.startsWith('image/svg+xml')) {
+      var reader = new FileReader();
+      reader.addEventListener('load', function () {
+        if (reader.result) img.src = reader.result;
+      });
+      reader.readAsDataURL(file);
+    } else {
+      img.src = window.URL.createObjectURL(file);
+    }
+  });
+}

package/es/version/index.d.ts

@@ -0,0 +1,2 @@
+import version from './version';
+export default version;

package/es/version/index.js

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

package/es/version/style/css.js

@@ -0,0 +1,2 @@
+// empty file prevent babel-plugin-import error
+import "../../style/default.css";

package/es/version/style/index.d.ts

@@ -0,0 +1 @@
+import '../../style/default.less';

package/es/version/style/index.js

@@ -0,0 +1,2 @@
+// empty file prevent babel-plugin-import error
+import "../../style/default.less";

package/es/version/token.d.ts

@@ -0,0 +1,319 @@
+declare const _default: {
+    Affix: {
+        global: string[];
+        component: {};
+    };
+    Alert: {
+        global: string[];
+        component: {};
+    };
+    Anchor: {
+        global: string[];
+        component: {};
+    };
+    Avatar: {
+        global: string[];
+        component: {};
+    };
+    BackTop: {
+        global: string[];
+        component: {
+            zIndexPopup: number;
+        };
+    };
+    Badge: {
+        global: string[];
+        component: {};
+    };
+    Breadcrumb: {
+        global: string[];
+        component: {};
+    };
+    Button: {
+        global: string[];
+        component: {};
+    };
+    Calendar: {
+        global: string[];
+        component: {
+            yearControlWidth: number;
+            monthControlWidth: number;
+            miniContentHeight: number;
+        };
+    };
+    Card: {
+        global: string[];
+        component: {};
+    };
+    Carousel: {
+        global: string[];
+        component: {
+            dotWidth: number;
+            dotHeight: number;
+            dotWidthActive: number;
+        };
+    };
+    Cascader: {
+        global: string[];
+        component: {
+            controlWidth: number;
+            controlItemWidth: number;
+            dropdownHeight: number;
+        };
+    };
+    Checkbox: {
+        global: string[];
+        component: {};
+    };
+    Collapse: {
+        global: string[];
+        component: {};
+    };
+    DatePicker: {
+        global: string[];
+        component: {
+            zIndexPopup: number;
+        };
+    };
+    Descriptions: {
+        global: string[];
+        component: {};
+    };
+    Divider: {
+        global: string[];
+        component: {
+            sizePaddingEdgeHorizontal: number;
+        };
+    };
+    Drawer: {
+        global: string[];
+        component: {};
+    };
+    Dropdown: {
+        global: string[];
+        component: {
+            zIndexPopup: number;
+        };
+    };
+    Empty: {
+        global: string[];
+        component: {};
+    };
+    Form: {
+        global: string[];
+        component: {};
+    };
+    Grid: {
+        global: never[];
+        component: {};
+    };
+    Image: {
+        global: string[];
+        component: {
+            zIndexPopup: number;
+        };
+    };
+    InputNumber: {
+        global: string[];
+        component: {
+            controlWidth: number;
+            handleWidth: number;
+            handleFontSize: number;
+        };
+    };
+    Input: {
+        global: string[];
+        component: {};
+    };
+    Layout: {
+        global: string[];
+        component: {
+            colorBgHeader: string;
+            colorBgBody: string;
+            colorBgTrigger: string;
+        };
+    };
+    List: {
+        global: string[];
+        component: {
+            contentWidth: number;
+        };
+    };
+    Mentions: {
+        global: string[];
+        component: {
+            dropdownHeight: number;
+            controlItemWidth: number;
+            zIndexPopup: number;
+        };
+    };
+    Menu: {
+        global: string[];
+        component: {
+            dropdownWidth: number;
+            zIndexPopup: number;
+        };
+    };
+    Message: {
+        global: string[];
+        component: {
+            height: number;
+            zIndexPopup: number;
+        };
+    };
+    Modal: {
+        global: string[];
+        component: {};
+    };
+    Notification: {
+        global: string[];
+        component: {
+            zIndexPopup: number;
+            width: number;
+        };
+    };
+    Pagination: {
+        global: string[];
+        component: {};
+    };
+    Popconfirm: {
+        global: string[];
+        component: {
+            zIndexPopup: number;
+        };
+    };
+    Popover: {
+        global: string[];
+        component: {
+            zIndexPopup: number;
+            width: number;
+        };
+    };
+    Progress: {
+        global: string[];
+        component: {};
+    };
+    Radio: {
+        global: string[];
+        component: {};
+    };
+    Rate: {
+        global: string[];
+        component: {};
+    };
+    Result: {
+        global: string[];
+        component: {
+            imageWidth: number;
+            imageHeight: number;
+        };
+    };
+    Segmented: {
+        global: string[];
+        component: {
+            bgColor: string;
+            bgColorHover: string;
+            bgColorSelected: string;
+        };
+    };
+    Select: {
+        global: string[];
+        component: {
+            zIndexPopup: number;
+        };
+    };
+    Skeleton: {
+        global: string[];
+        component: {
+            color: string;
+            colorGradientEnd: string;
+        };
+    };
+    Slider: {
+        global: string[];
+        component: {
+            controlSize: number;
+            railSize: number;
+            handleSize: number;
+            dotSize: number;
+            lineHandleWidth: number;
+        };
+    };
+    Space: {
+        global: never[];
+        component: {};
+    };
+    Spin: {
+        global: string[];
+        component: {
+            contentHeight: number;
+        };
+    };
+    Statistic: {
+        global: string[];
+        component: {};
+    };
+    Steps: {
+        global: string[];
+        component: {
+            descriptionWidth: number;
+        };
+    };
+    Switch: {
+        global: string[];
+        component: {};
+    };
+    Table: {
+        global: string[];
+        component: {};
+    };
+    Tabs: {
+        global: string[];
+        component: {
+            zIndexPopup: number;
+        };
+    };
+    Tag: {
+        global: string[];
+        component: {};
+    };
+    Timeline: {
+        global: string[];
+        component: {};
+    };
+    Tooltip: {
+        global: string[];
+        component: {
+            zIndexPopup: number;
+            colorBgDefault: string;
+        };
+    };
+    Transfer: {
+        global: string[];
+        component: {
+            listWidth: number;
+            listHeight: number;
+            listWidthLG: number;
+        };
+    };
+    TreeSelect: {
+        global: string[];
+        component: {};
+    };
+    Tree: {
+        global: string[];
+        component: {};
+    };
+    Typography: {
+        global: string[];
+        component: {
+            sizeMarginHeadingVerticalStart: string;
+            sizeMarginHeadingVerticalEnd: string;
+        };
+    };
+    Upload: {
+        global: string[];
+        component: {};
+    };
+};
+export default _default;