@next-bricks/form 0.7.0 → 0.8.0

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

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

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

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+import "@next-core/theme";
+import { FormItemElementBase } from "@next-shared/form";
+import type { FormItemProps } from "../../form-item/index.js";
+import { type FileData } from "../utils.js";
+export interface UploadImageProps {
+    label?: string;
+    name?: string;
+    required?: boolean;
+    message?: Record<string, string>;
+    value?: FileData[];
+    bucketName: string;
+    multiple?: boolean;
+}
+/**
+ * 上传图片构件
+ */
+export declare class UploadImage extends FormItemElementBase implements UploadImageProps {
+    #private;
+    /**
+     * 字段名称
+     */
+    accessor name: string | undefined;
+    /**
+     * 字段说明
+     */
+    accessor label: string | undefined;
+    /**
+     * 值
+     */
+    accessor value: FileData[] | undefined;
+    /**
+     * 对象存储桶名字
+     */
+    accessor bucketName: string;
+    /**
+     * 是否支持选定的多张图片
+     */
+    accessor multiple: boolean | undefined;
+    /**
+     * 是否必填
+     */
+    accessor required: boolean | undefined;
+    /**
+     * 校验文本信息
+     */
+    accessor message: Record<string, string> | undefined;
+    handleChange: (fileDataList: FileData[]) => void;
+    render(): JSX.Element;
+}
+interface UploadImageComponentProps extends UploadImageProps, FormItemProps {
+    onChange?: (fileDataList: FileData[]) => void;
+}
+export declare function UploadImageComponent(props: UploadImageComponentProps): JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,27 @@
+export declare const symbolForAbortController: unique symbol;
+export declare const LIST_IGNORE: unique symbol;
+export declare const getUid: () => string;
+export declare const getImage: (file: string | File, revokeUrl?: boolean) => Promise<HTMLImageElement>;
+export declare const acceptValidator: (file: File, accepts?: string | string[]) => boolean;
+export declare const sizeValidator: (file: File, limitSize?: number) => Promise<unknown>;
+export declare const imageValidator: (file: File, limit?: {
+    width?: number;
+    height?: number;
+}) => Promise<unknown>;
+export declare const getUserData: (file: File) => Promise<{
+    url: string;
+    naturalWidth: number;
+    naturalHeight: number;
+}>;
+export type UploadStatus = "uploading" | "done" | "error";
+export interface FileData {
+    uid?: string;
+    file?: File & {
+        uid?: string;
+    };
+    response?: any;
+    userData?: any;
+    status?: UploadStatus;
+    errors?: Error[];
+    [symbolForAbortController]?: AbortController;
+}

package/docs/upload-image.md

@@ -0,0 +1,14 @@
+上传图片构件
+
+## Examples
+
+### Basic
+
+```yaml preview
+- brick: form.upload-image
+  events:
+    change:
+      action: console.log
+      args:
+        - "<% EVENT.detail %>"
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/form",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "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.7.2",
     "@next-core/test-next": "^1.0.6"
   },
-  "gitHead": "e0b6af107201669c9582d59553d8ef4316ce64f0"
+  "gitHead": "48d2da6ad924e806a65ec2907f03e9d161ded64f"
 }