@pisell/materials 1.0.498 → 1.0.499

package/es/components/dataSourceComponents/fields/Upload/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const SUPPORTED_LANGUAGES: readonly ["original", "en", "zh-CN", "zh-HK"];
+export declare const DEFAULT_MAX_COUNT = 9;
+export declare const DEFAULT_UID = "-1";
+export declare const MEDIA_TYPES: {
+    readonly VIDEO: "video/";
+    readonly AUDIO: "audio/";
+};
+export declare const IMAGE_QUALITY = 0.8;
+export declare const IMAGE_TYPE = "image/jpeg";

package/es/components/dataSourceComponents/fields/Upload/constants.js

@@ -0,0 +1,9 @@
+export var SUPPORTED_LANGUAGES = ['original', 'en', 'zh-CN', 'zh-HK'];
+export var DEFAULT_MAX_COUNT = 9;
+export var DEFAULT_UID = '-1';
+export var MEDIA_TYPES = {
+  VIDEO: 'video/',
+  AUDIO: 'audio/'
+};
+export var IMAGE_QUALITY = 0.8;
+export var IMAGE_TYPE = 'image/jpeg';

package/es/components/dataSourceComponents/fields/Upload/index.less

@@ -1,3 +1,6 @@
+.pisell-lowcode-upload {
+  position: relative;
+}
 .pisell-upload-button {
   border: 0;
   background: none;
@@ -7,6 +10,18 @@
     margin-top: 8px;
   }
 
+  .pisell-upload-globe-icon {
+    position: absolute;
+    right: 6px;
+    bottom: 6px;
+    cursor: pointer;
+    color: #98A2B3;
+    font-size: 20px;
+    &:hover {
+      transition: color 0.3s;
+      color: var(--theme-color);
+    }
+  }
   // &[disabled] {
   //   opacity: 0.4;
   // }
@@ -19,4 +34,38 @@
       }
     }
   }
+}
+
+.pisell-upload-multilingual-container {
+  padding: 24px 0;
+
+  .pisell-upload-multilingual-item {
+    margin-bottom: 24px;
+    &-title {
+      font-size: 14px;
+      font-weight: 500;
+      color: #344054;
+      margin-bottom: 8px;
+    }
+
+    &-content {
+      .ant-upload-wrapper {
+        .ant-upload-list {
+          .ant-upload-list-item-container {
+            width: 100px;
+            height: 100px;
+          }
+        }
+        .ant-upload.ant-upload-select {
+          width: 100px;
+          height: 100px;
+        }
+      }
+    }
+  }
+}
+
+.pisell-upload-multilingual-icon {
+  color: #fff;
+  font-size: 16px;
 }

package/es/components/dataSourceComponents/fields/Upload/type.d.ts

@@ -1,5 +1,5 @@
 import { UploadFile as AntdUploadFile } from 'antd/es/upload/interface';
-import { PisellUploadProps } from '../../../pisellUpload';
+import type { UploadValue, UploadChangeHandler } from './types';
 export interface UploadFile extends AntdUploadFile {
     metadata?: {
         width?: number;
@@ -8,19 +8,20 @@ export interface UploadFile extends AntdUploadFile {
         bitrate?: number;
     };
 }
-export interface UploadProps extends PisellUploadProps {
-    renderMode?: 'read' | 'edit';
-    value?: string | string[];
-    allowMediaLibrary?: boolean;
-    allowLocalUpload?: boolean;
-    allowPreview?: boolean;
-    maxSize: number;
+export interface UploadProps {
+    renderMode?: string;
+    maxSize?: number;
     minCount?: number;
     maxCount?: number;
+    multiple?: boolean;
+    presetType?: string[];
+    customType?: string[];
     enablePresetType?: boolean;
-    presetType?: (number | string)[];
     enableCustomType?: boolean;
-    customType?: string[];
-    multiple: boolean;
+    allowPreview?: boolean;
+    value?: UploadValue;
     typeMaxSizeMap?: Record<string, number>;
+    enableMultilingual?: boolean;
+    onChange?: UploadChangeHandler;
+    disabled?: boolean;
 }

package/es/components/dataSourceComponents/fields/Upload/types.d.ts

@@ -0,0 +1,48 @@
+import type { UploadFile } from 'antd/es/upload/interface';
+import { SUPPORTED_LANGUAGES } from './constants';
+export declare type Language = typeof SUPPORTED_LANGUAGES[number];
+export interface MediaMetadata {
+    width?: number;
+    height?: number;
+    duration?: number;
+    bitrate?: number;
+    cover?: File;
+}
+export interface FileCountValidation {
+    multiple: boolean;
+    minCount: number;
+    maxCount: number;
+    valueLength: number;
+}
+export interface ValidationResult {
+    success: boolean;
+    message?: string;
+}
+export interface MultilingualFile extends UploadFile {
+    multilingual?: SingleMultilingualValue;
+    multilingualFileList?: Record<Language, UploadFile[]>;
+    response?: {
+        status: boolean;
+        data: {
+            url: string;
+        };
+    };
+}
+export interface FileListOptions {
+    enableMultilingual: boolean;
+    multiple: boolean;
+}
+export declare type SingleUploadValue = string;
+export declare type MultipleUploadValue = string[];
+export declare type SingleMultilingualValue = Record<Language, string>;
+export declare type MultipleMultilingualValue = SingleMultilingualValue[];
+export declare type UploadValue = SingleUploadValue | MultipleUploadValue | SingleMultilingualValue | MultipleMultilingualValue;
+export interface MultilingualUploadResponse {
+    status: boolean;
+    data: {
+        url: string;
+    };
+}
+export declare type UploadChangeHandler = (value: UploadValue) => void;
+export declare type NonNullMultilingualValue = NonNullable<SingleMultilingualValue>;
+export declare type NonNullMultilingualArray = NonNullMultilingualValue[];

package/es/components/dataSourceComponents/fields/Upload/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/dataSourceComponents/fields/Upload/utils.d.ts

@@ -1,16 +1,16 @@
+import { RcFile, UploadFile } from 'antd/es/upload/interface';
+import type { MediaMetadata, FileCountValidation, ValidationResult, MultilingualFile, FileListOptions, UploadValue, SingleMultilingualValue } from './types';
+export declare const generateUid: () => string;
 export declare const getSuffix: (name: string) => string;
 export declare const getPointSuffix: (name: string) => string;
 export declare const getFileType: (name: string) => string;
-export declare const getPresetTypes: (presetTypes?: string[]) => string[];
-export declare const checkFileCount: ({ multiple, minCount, maxCount, valueLength, }: {
-    multiple: boolean;
-    minCount: number;
-    maxCount: number;
-    valueLength: number;
-}) => {
-    success: boolean;
-    message: any;
-} | {
-    success: boolean;
-    message?: undefined;
-};
+export declare const getFileName: (url: string) => string;
+export declare const checkFileCount: ({ multiple, minCount, maxCount, valueLength, }: FileCountValidation) => ValidationResult;
+export declare const getMediaMetadata: (file: RcFile) => Promise<MediaMetadata | null>;
+export declare const genFileListByString: (value: string) => UploadFile[];
+export declare const createMultilingualData: (value: string) => SingleMultilingualValue;
+export declare const createMultilingualFileList: (value: string) => Record<string, UploadFile<any>[]>;
+export declare const getDefaultFileList: (value: UploadValue | undefined, options: FileListOptions) => MultilingualFile[];
+export declare const getFileMetadataParams: (file: RcFile & {
+    metadata?: MediaMetadata;
+}) => Record<string, any>;