fj-form 0.0.5 → 0.0.7

package/dist/index.d.ts

@@ -1,83 +1,128 @@
 import { App } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
+import { CreateComponentPublicInstanceWithMixins } from 'vue';
 import { DefineComponent } from 'vue';
+import { GlobalComponents } from 'vue';
+import { GlobalDirectives } from 'vue';
 import { PublicProps } from 'vue';
 
 export declare class Base {
     formType: FormItemType;
-    span: number;
+    span?: number;
     key: string;
-    label: string;
-    clearable: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    rules?: FormItemRule;
+    label?: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    rules?: FormItemRule | null;
     children?: Array<FormItem>;
-    constructor();
+    initValue?: InitValue;
+    [key: string]: unknown;
+    constructor(data: Record<string, unknown>);
 }
 
 export declare class Block extends Base {
     children: Array<FormItem>;
-    constructor();
+    initValue?: InitValue;
+    constructor(data: Record<string, unknown>);
 }
 
+export declare const EditForm: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
+formRef: CreateComponentPublicInstanceWithMixins<Readonly<Props> & Readonly<{
+onChange?: ((...args: any[]) => any) | undefined;
+onRemove?: ((...args: any[]) => any) | undefined;
+}>, {
+submit: () => Promise<FormModel>;
+reset: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+change: (...args: any[]) => void;
+remove: (...args: any[]) => void;
+}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+P: {};
+B: {};
+D: {};
+C: {};
+M: {};
+Defaults: {};
+}, Readonly<Props> & Readonly<{
+onChange?: ((...args: any[]) => any) | undefined;
+onRemove?: ((...args: any[]) => any) | undefined;
+}>, {
+submit: () => Promise<FormModel>;
+reset: () => void;
+}, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+
 export declare const FjForm: DefineComponent<Props, {
 submit: () => Promise<FormModel>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+reset: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+change: (...args: any[]) => void;
+remove: (...args: any[]) => void;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+onChange?: ((...args: any[]) => any) | undefined;
+onRemove?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 export declare interface FjFormInstance {
     submit: () => Promise<FormModel>;
+    reset: () => void;
 }
 
 export declare class Form extends Base {
     config: Array<FormItem>;
-    constructor();
+    constructor(data: Record<string, unknown>);
 }
 
 export declare class FormDateTime extends Base {
-    formType: string;
+    formType: FormItemType;
     type?: 'year' | 'years' | 'month' | 'months' | 'date' | 'dates' | 'datetime' | 'week' | 'datetimerange' | 'daterange' | 'monthrange' | 'yearrange';
     defaultValue?: Date | [Date, Date];
     defaultTime?: Date | [Date, Date];
     valueFormat?: string;
     dateFormat?: string;
     timeFormat?: string;
-    constructor();
+    initValue?: InitValue;
+    constructor(data: Record<string, unknown>);
 }
 
 export declare class FormInput extends Base {
-    formType: string;
+    formType: FormItemType;
     maxlength?: number;
     minlength?: number;
     showWordLimit?: boolean;
     placeholder?: string;
     type?: 'text' | 'textarea' | 'number' | 'password' | 'email' | 'search' | 'tel' | 'url';
-    constructor();
+    initValue?: InitValue;
+    constructor(data: Record<string, unknown>);
 }
 
 export declare type FormItem = Block | FormInput | FormSelect | FormNumber | FormSwitch | FormDateTime | FormRadio;
 
 export declare interface FormItemRule {
-    required: boolean;
-    message: string;
-    trigger: 'change' | 'blur';
+    required?: boolean;
+    message?: string;
+    trigger?: 'change' | 'blur';
 }
 
-export declare type FormItemType = 'block' | FormInput['formType'] | FormSelect['formType'] | FormNumber['formType'] | FormSwitch['formType'] | FormDateTime['formType'] | FormRadio['formType'];
+export declare type FormItemType = 'block' | 'input' | 'select' | 'number' | 'switch' | 'date' | 'radio';
 
 export declare interface FormModel {
-    [propName: string]: string | number | boolean | null | object | Array<string | number | boolean | null | object>;
+    [propName: string]: InitValue;
 }
 
 export declare class FormNumber extends Base {
-    formType: string;
+    formType: FormItemType;
     min?: number;
     max?: number;
     step?: number;
     precision?: number;
     controls?: boolean;
-    constructor();
+    placeholder?: string;
+    initValue?: InitValue;
+    constructor(data: Record<string, unknown>);
 }
 
 export declare interface FormOption {
@@ -88,41 +133,49 @@ export declare interface FormOption {
 }
 
 export declare class FormRadio extends Base {
-    formType: string;
+    formType: FormItemType;
     options?: Array<FormOption>;
     border?: boolean;
     textColor?: string;
     fill?: string;
     type?: 'radio' | 'button';
-    constructor();
+    initValue?: InitValue;
+    constructor(data: Record<string, unknown>);
 }
 
 export declare class FormSelect extends Base {
-    formType: string;
+    formType: FormItemType;
     options?: Array<FormOption>;
     multiple?: boolean;
     multipleLimit?: number;
-    constructor();
+    placeholder?: string;
+    initValue?: InitValue;
+    constructor(data: Record<string, unknown>);
 }
 
 export declare class FormSwitch extends Base {
-    formType: string;
+    formType: FormItemType;
     loading?: boolean;
     width?: string | number;
     activeText?: string;
     inactiveText?: string;
-    activeValue?: string;
-    inactiveValue?: string;
-    constructor();
+    activeValue?: string | number | boolean;
+    inactiveValue?: string | number | boolean;
+    initValue?: InitValue;
+    constructor(data: Record<string, unknown>);
 }
 
+export declare type InitValue = string | number | boolean | object | null | Date | undefined | Array<string | number | boolean | object | null | Date>;
+
 declare function install(app: App): void;
 export default install;
 export { install }
 
-declare interface Props {
+export declare interface Props {
     data: FormModel;
     config: Array<FormItem>;
+    draggable?: boolean;
+    edit?: boolean;
 }
 
 export { }
@@ -131,5 +184,6 @@ export { }
 declare module 'vue' {
     interface GlobalComponents {
         FjForm: typeof FjForm;
+        EditForm: typeof EditForm;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fj-form",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "type": "module",
   "files": [
     "dist"
@@ -8,7 +8,6 @@
   "main": "./dist/fj-form.umd.cjs",
   "module": "./dist/fj-form.js",
   "types": "./dist/index.d.ts",
-  "./style.css": "./dist/fj-form.css",
   "./dist/*": "./dist/*",
   "scripts": {
     "dev": "vite",
@@ -24,6 +23,7 @@
   "dependencies": {
     "@vueuse/core": "^14.1.0",
     "element-plus": "^2.13.1",
+    "lodash-es": "^4.17.23",
     "pinia": "^3.0.4",
     "vue": "^3.5.26",
     "vue-router": "^4.6.4"