vue-form-craft 4.0.9 → 4.2.0

package/README.md

@@ -4,8 +4,8 @@
 
 使用了最新的前端技术栈，可以让你免去vue项目中表单的烦恼。
 
-- [在线预览](https://xinnian999.github.io/vue-form-craft/form-design)
-- [官方文档](https://xinnian999.github.io/vue-form-craft/)
+- [在线预览](https://xinnian999.github.io/vue-form-craft/zh/form-design)
+- [官方文档](https://xinnian999.github.io/vue-form-craft/zh/)
 - 作者：Elin
 - 联系方式：17803000829
 
@@ -27,7 +27,7 @@
 
 - vuedraggable
 - element-plus
-- json-editor-vue3
+- vue-form-craft
 - lodash
 
 ## 使用
@@ -122,3 +122,12 @@ const handleSubmit = async () => {
 }
 </script>
 ```
+
+## 捐赠 vue-form-craft 的开发
+
+`vue-form-craft` 的文档和代码完全开源，如果该项目有帮助到你的开发工作，你可以捐赠`vue-form-craft`的研发工作，捐赠无门槛，哪怕是一杯可乐也好。
+
+<div style="display:flex;gap:15px">
+<img src="./docs/assets/wechat.png" style="height:400px" />
+<img src="./docs/assets/zhifubao.png" style="height:400px" />
+</div>

package/dist/index.d.ts

@@ -51,6 +51,7 @@ export declare const FormDesign: DefineComponent<ExtractPropTypes<    {
 modelValue: PropType<FormSchema>;
 schemaContext: {
 type: PropType<Record<string, any>>;
+default: () => {};
 };
 templates: {
 type: PropType<TemplateData>;
@@ -59,12 +60,14 @@ omitMenus: {
 type: PropType<string[]>;
 };
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+add: (element: FormElement) => void;
 onSave: () => void;
 save: () => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 modelValue: PropType<FormSchema>;
 schemaContext: {
 type: PropType<Record<string, any>>;
+default: () => {};
 };
 templates: {
 type: PropType<TemplateData>;
@@ -73,15 +76,18 @@ omitMenus: {
 type: PropType<string[]>;
 };
 }>> & Readonly<{
+onAdd?: ((element: FormElement) => any) | undefined;
 onOnSave?: (() => any) | undefined;
 onSave?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}>, {
+schemaContext: Record<string, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare type FormElement = {
     name: string;
     component: string | VNode | Component;
     icon: string | VNode | Component;
-    type: 'assist' | 'layout' | 'basic';
+    type: 'assist' | 'layout' | 'basic' | 'highBasic';
     order: number;
     initialValues: Omit<FormItemType, 'name'>;
     modelName?: string;
@@ -114,12 +120,14 @@ schema: FormSchema;
 schemaContext?: Record<string, any> | undefined;
 design?: boolean | undefined;
 footer?: boolean | undefined;
+read?: boolean | undefined;
 }>>>, {
 validate: () => FormValidationResult | undefined;
 context: ComputedRef<    {
 $values: {};
 $selectData: Record<string, Record<string, any>>;
 $initialValues: Record<string, any>;
+$locale: Locale;
 }>;
 resetFields: (names?: string[] | undefined) => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -131,6 +139,7 @@ schema: FormSchema;
 schemaContext?: Record<string, any> | undefined;
 design?: boolean | undefined;
 footer?: boolean | undefined;
+read?: boolean | undefined;
 }>>>> & Readonly<{
 "onUpdate:modelValue"?: ((values: Record<string, any>) => any) | undefined;
 onOnFinish?: ((values: Record<string, any>) => any) | undefined;
@@ -150,6 +159,7 @@ declare type FormRule = {
 export declare type FormSchema = {
     labelWidth?: number;
     labelAlign?: 'top' | 'left' | 'right';
+    labelSuffix?: string;
     size?: 'default' | 'small' | 'large';
     disabled?: boolean;
     hideRequiredAsterisk?: boolean;
@@ -157,6 +167,41 @@ export declare type FormSchema = {
     items: FormItemType[];
 };
 
+declare type Locale = {
+    menus: {
+        basicTitle: string;
+        highBasicTitle: string;
+        layoutTitle: string;
+        assistTitle: string;
+        useTemplateBtn: string;
+    };
+    actions: {
+        previewJson: string;
+        previewVueCode: string;
+        previewForm: string;
+        clear: string;
+        save: string;
+    };
+    canvas: {
+        emptyTip: string;
+        wrapperEmptyTip: string;
+    };
+    attr: {
+        tab1: {
+            title: string;
+            emptyTip: string;
+            linkage: {
+                text: string;
+                action1: string;
+                action2: string;
+            };
+        };
+        tab2: {
+            title: string;
+        };
+    };
+};
+
 export declare type TemplateData = {
     name: string;
     schema: FormSchema;