@next-bricks/form 0.7.0 → 0.9.0

package/dist-types/bootstrap.d.ts

@@ -10,3 +10,5 @@ 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";

package/dist-types/general-switch/index.d.ts

@@ -0,0 +1,64 @@
+/// <reference types="react" />
+import "@next-core/theme";
+import { FormItemElementBase } from "@next-shared/form";
+import type { FormItemProps } from "../form-item/index.js";
+import type { GeneralIconProps } from "@next-bricks/icons/general-icon";
+import type { ComponentSize } from "../interface.js";
+interface SwitchProps extends FormItemProps {
+    curElement: HTMLElement;
+    onSwitch: (value: boolean) => void;
+    disabled?: boolean;
+    size?: ComponentSize;
+    value?: boolean;
+    checkedText?: string;
+    unCheckedText?: string;
+    checkedIcon?: GeneralIconProps;
+    unCheckedIcon?: GeneralIconProps;
+}
+/**
+ * 构件 general-switch
+ * @author zhendonghuang
+ */
+export declare class GeneralSwitch extends FormItemElementBase {
+    #private;
+    /**
+     * 字段名称
+     */
+    accessor name: string | undefined;
+    /**
+     * 字段文本
+     */
+    accessor label: string | undefined;
+    /**
+     * 初始值
+     */
+    accessor value: boolean | undefined;
+    /**
+     * 是否禁用
+     */
+    accessor disabled: boolean | undefined;
+    /**
+     * 按钮大小，目前只支持small和非small两种大小。
+     */
+    accessor size: ComponentSize | undefined;
+    /**
+     * 选中时的文本
+     */
+    accessor checkedText: string | undefined;
+    /**
+     * 非选中时的文本
+     */
+    accessor unCheckedText: string | undefined;
+    /**
+     * 选中时的图标
+     */
+    accessor checkedIcon: GeneralIconProps | undefined;
+    /**
+     * 非选中时的文本
+     */
+    accessor unCheckedIcon: GeneralIconProps | undefined;
+    handleSwitch: (value: boolean) => void;
+    render(): JSX.Element;
+}
+export declare function GeneralSwitchComponent(props: SwitchProps): JSX.Element;
+export {};

package/dist-types/general-switch/index.spec.d.ts

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

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

@@ -0,0 +1,22 @@
+import React from "react";
+import "@next-core/theme";
+import { type FileData } from "./utils.js";
+export interface UploadActions {
+    upload: () => void;
+}
+export interface ItemActions {
+    remove: () => void;
+}
+export interface UploadProps {
+    uploadRender: (fileDataList: FileData[], actions: UploadActions) => React.ReactElement;
+    itemRender: (fileData: FileData, fileDataList: FileData[], actions: ItemActions) => React.ReactElement;
+    fileList?: FileData[];
+    autoUpload?: boolean;
+    uploadName?: string;
+    action?: string;
+    method?: string;
+    accept?: string;
+    multiple?: boolean;
+    onChange?: (fileDataList: FileData[]) => void;
+}
+export declare function Upload(props: UploadProps): JSX.Element;

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

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

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/general-switch.md

@@ -0,0 +1,77 @@
+开关构件
+
+## Examples
+
+### Basic
+
+```yaml preview
+- brick: form.general-switch
+  events:
+    switch:
+      action: console.log
+  properties:
+    disabled: false
+```
+
+### Label
+
+```yaml preview
+- brick: form.general-switch
+  events:
+    switch:
+      action: console.log
+  properties:
+    disabled: false
+    label: switch
+```
+
+### disabled
+
+```yaml preview
+- brick: form.general-switch
+  properties:
+    disabled: true
+    value: true
+    label: switch
+```
+
+### size
+
+```yaml preview
+- brick: form.general-switch
+  properties:
+    disabled: false
+    value: true
+    label: switch
+    size: small
+```
+
+### cheeckText、unCheckedText、checkedIcon、unCheckedIcon
+
+```yaml preview
+- brick: form.general-switch
+  properties:
+    checkedText: 123
+    unCheckedText: 456
+    disabled: false
+    size: small
+    label: text
+    checkedIcon:
+      icon: plus-circle
+      lib: antd
+      theme: outlined
+    unCheckedIcon:
+      icon: plus-circle
+      lib: antd
+```
+
+### Event
+
+```yaml preview
+- brick: form.general-switch
+  events:
+    switch:
+      action: console.log
+  properties:
+    disabled: false
+```

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.9.0",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/form",
   "repository": {
     "type": "git",
@@ -34,8 +34,8 @@
     "postpublish": "mv package.json.bak package.json"
   },
   "devDependencies": {
-    "@next-core/build-next-bricks": "^1.7.2",
+    "@next-core/build-next-bricks": "^1.9.0",
     "@next-core/test-next": "^1.0.6"
   },
-  "gitHead": "e0b6af107201669c9582d59553d8ef4316ce64f0"
+  "gitHead": "17a18f696648ddc1417ec395d5b46a28a9dc386c"
 }