@next-bricks/form 0.11.3 → 0.12.1

package/dist-types/bootstrap.d.ts

@@ -6,9 +6,9 @@ import "./radio/index.js";
 import "./select/index.js";
 import "./submit-buttons/index.js";
 import "./checkbox/index.js";
-import "./code-editor/index.js";
 import "./dynamic-form-item/index.js";
 import "./search/index.js";
 import "./icon-select/index.js";
 import "./upload/upload-image/index.js";
 import "./general-switch/index.js";
+import "./upload/upload-file/index.js";

package/dist-types/upload/Upload.d.ts

@@ -3,12 +3,13 @@ import "@next-core/theme";
 import { type FileData } from "./utils.js";
 export interface UploadActions {
     upload: () => void;
+    uploadFiles: (files: FileList | File[]) => void;
 }
 export interface ItemActions {
     remove: () => void;
 }
 export interface UploadProps {
-    uploadRender: (fileDataList: FileData[], actions: UploadActions) => React.ReactElement;
+    children: (fileDataList: FileData[], uploadActions: UploadActions) => React.ReactElement;
     itemRender: (fileData: FileData, fileDataList: FileData[], actions: ItemActions) => React.ReactElement;
     fileList?: FileData[];
     autoUpload?: boolean;
@@ -17,6 +18,8 @@ export interface UploadProps {
     method?: string;
     accept?: string;
     multiple?: boolean;
+    maxCount?: number;
+    overMaxCountMode?: "ignore" | "replace";
     beforeUploadValidators?: ((file: File, files: File[]) => Promise<unknown>)[];
     beforeUploadUserDataProcessor?: (file: File, fileDataList: {
         file: File;

package/dist-types/upload/upload-file/i18n.d.ts

@@ -0,0 +1,14 @@
+export declare enum K {
+    UPLOAD = "UPLOAD",
+    FILE_UPLOADING = "FILE_UPLOADING",
+    DRAG_UPLOAD_TEXT = "DRAG_UPLOAD_TEXT"
+}
+export declare const NS = "bricks/form/eo-upload-file";
+export declare const locales: {
+    en: Locale;
+    zh: Locale;
+};
+type Locale = {
+    [key in K]: string;
+};
+export {};

package/dist-types/upload/upload-file/index.d.ts

@@ -0,0 +1,95 @@
+/// <reference types="react" />
+import { FormItemElementBase } from "@next-shared/form";
+import type { FormItemProps } from "../../form-item/index.js";
+import "@next-core/theme";
+import { FileData } from "../utils.js";
+export interface UploadFileProps {
+    label?: string;
+    name?: string;
+    required?: boolean;
+    message?: Record<string, string>;
+    value?: FileData[];
+    multiple?: boolean;
+    accept?: string;
+    maxCount?: number;
+    overMaxCountMode?: "ignore" | "replace";
+    uploadDraggable?: boolean;
+    draggableUploadTip?: string;
+    autoUpload?: boolean;
+    url?: string;
+    method?: string;
+    uploadName?: string;
+}
+/**
+ * 上传文件
+ */
+export declare class EoUploadFile extends FormItemElementBase implements UploadFileProps {
+    #private;
+    /**
+     * 字段说明
+     */
+    accessor label: string | undefined;
+    /**
+     * 字段名称
+     */
+    accessor name: string | undefined;
+    /**
+     * 是否必填
+     */
+    accessor required: boolean | undefined;
+    /**
+     * 校验文本信息
+     */
+    accessor message: Record<string, string> | undefined;
+    /**
+     * 值
+     */
+    accessor value: FileData[] | undefined;
+    /**
+     * 是否支持多选
+     */
+    accessor multiple: boolean | undefined;
+    /**
+     * 接受上传的文件类型，多个之间用 `,` 连接
+     */
+    accessor accept: string | undefined;
+    /**
+     * 最大上传数量
+     */
+    accessor maxCount: number | undefined;
+    /**
+     * 超出最大上传数量时文件的保留方式
+     */
+    accessor overMaxCountMode: "ignore" | "replace";
+    /**
+     * 是否可以拖拽上传
+     */
+    accessor uploadDraggable: boolean | undefined;
+    /**
+     * 拖拽上传的提示信息
+     */
+    accessor draggableUploadTip: string | undefined;
+    /**
+     * 是否自动上传
+     */
+    accessor autoUpload: boolean;
+    /**
+     * 自动上传的地址
+     */
+    accessor url: string | undefined;
+    /**
+     * 自动上传的方法
+     */
+    accessor method: string;
+    /**
+     * 自动上传的文件参数名
+     */
+    accessor uploadName: string;
+    handleChange: (fileDataList: FileData[]) => void;
+    render(): JSX.Element;
+}
+interface UploadFileComponentProps extends UploadFileProps, FormItemProps {
+    onChange?: (fileDataList: FileData[]) => void;
+}
+export declare function EoUploadFileComponent(props: UploadFileComponentProps): JSX.Element;
+export {};

package/dist-types/upload/upload-file/index.spec.d.ts

@@ -0,0 +1 @@
+import "./index.jsx";

package/docs/eo-upload-file.md

@@ -0,0 +1,22 @@
+上传文件
+
+## Examples
+
+### Basic
+
+```yaml preview
+brick: eo-upload-file
+properties:
+  style:
+    width: 300px
+  uploadDraggable: true
+  maxCount: 2
+  multiple: true
+  accept: image/*
+  draggableUploadTip: 支持上传图片
+events:
+  change:
+    - action: console.log
+      args:
+        - <% EVENT.detail %>
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/form",
-  "version": "0.11.3",
+  "version": "0.12.1",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/form",
   "repository": {
     "type": "git",
@@ -37,5 +37,5 @@
     "@next-core/build-next-bricks": "^1.13.2",
     "@next-core/test-next": "^1.0.7"
   },
-  "gitHead": "f1d29ebf93aac3b9e3a9ffbed716a15e0476b876"
+  "gitHead": "dac6b6cc81d6456ebe70ad06ed98364d0b6fc412"
 }