@cicctencent/formily 0.0.0-stage → 0.0.1

package/docs/demos/event/index.vue

@@ -0,0 +1,436 @@
+<template>
+    <div>
+        <VueForm :schema="schema" v-model="formData"></VueForm>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+const formData = ref({});
+const properties = {
+    list: {
+        type: 'array',
+        'ui:hidden': false,
+        items: {
+            type: 'object',
+            required: ['type'],
+            properties: {
+                type: {
+                    title: '事件类型',
+                    enum: ['click'],
+                    enumNames: ['单击时触发'],
+                    'x-reactions': {
+                        target: 'handler',
+                        effects: ['onFieldInputValueChange', 'onFieldInit'],
+                        fulfill: {
+                            schema: {
+                                'x-component-props.list':
+                                    '{{filterOptions($self,$target)}}',
+                            },
+                        },
+                    },
+                },
+                middlewares: {
+                    title: '前置执行程序',
+                    type: 'array',
+                    items: {
+                        type: 'object',
+                        oneOf: [
+                            {
+                                title: '检查用户是否风测',
+                                isNoLogin: false,
+                                properties: {
+                                    name: {
+                                        'ui:hidden': true,
+                                        const: 'goTovRiskEvaluate',
+                                        default: 'goTovRiskEvaluate',
+                                    },
+                                },
+                            },
+                            {
+                                title: '理财通授权-联系顾问',
+                                isNoLogin: false,
+                                properties: {
+                                    name: {
+                                        'ui:hidden': true,
+                                        const: 'goWithConsultDetail',
+                                        default: 'goWithConsultDetail',
+                                    },
+                                },
+                            },
+                            {
+                                title: '合格投资者认证',
+                                isNoLogin: false,
+                                properties: {
+                                    name: {
+                                        'ui:hidden': true,
+                                        const: 'hasQualifiedStatementTrace',
+                                        default: 'hasQualifiedStatementTrace',
+                                    },
+                                },
+                            },
+                        ],
+                    },
+                },
+                handler: {
+                    title: '事件名称',
+                    type: 'object',
+                    oneOf: [
+                        {
+                            title: '进入专区',
+                            isNoLogin: false,
+                            eventType: 'click',
+                            properties: {
+                                name: {
+                                    type: 'string',
+                                    'ui:hidden': true,
+                                    const: 'goToHome',
+                                    default: 'goToHome',
+                                },
+                                options: {
+                                    type: 'object',
+                                    required: ['buryReportName'],
+                                    properties: {
+                                        buryReportName: {
+                                            default: '',
+                                            title: '埋点名',
+                                            description:
+                                                '输入埋点名，系统将补全埋点信息：例 运营.可视化创造.输入埋点名.点击',
+                                            type: 'string',
+                                            required: true,
+                                            unique: true,
+                                        },
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            title: '跳转小程序',
+                            isNoLogin: false,
+                            eventType: 'click',
+                            properties: {
+                                name: {
+                                    type: 'string',
+                                    'ui:hidden': true,
+                                    const: 'goToMiniProgram',
+                                    default: 'goToMiniProgram',
+                                },
+                                options: {
+                                    type: 'object',
+                                    required: ['buryReportName'],
+                                    properties: {
+                                        url: {
+                                            title: '跳转路径',
+                                            type: 'string',
+                                            'err:required':
+                                                '必须输入跳转路径🔗',
+                                            default: '',
+                                            description:
+                                                '（只在内嵌小程序场景生效！）',
+                                        },
+                                        buryReportName: {
+                                            default: '',
+                                            title: '埋点名',
+                                            description:
+                                                '输入埋点名，系统将补全埋点信息：例 运营.可视化创造.输入埋点名.点击',
+                                            type: 'string',
+                                            required: true,
+                                            unique: true,
+                                        },
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            title: '页面跳转',
+                            isNoLogin: true,
+                            eventType: 'click',
+                            properties: {
+                                name: {
+                                    type: 'string',
+                                    'ui:hidden': true,
+                                    const: 'goToPage',
+                                    default: 'goToPage',
+                                },
+                                options: {
+                                    type: 'object',
+                                    required: ['buryReportName'],
+                                    properties: {
+                                        url: {
+                                            title: '跳转链接',
+                                            type: 'string',
+                                            'err:required':
+                                                '必须输入跳转链接🔗',
+                                            default: '',
+                                            required: true,
+                                        },
+                                        buryReportName: {
+                                            default: '',
+                                            title: '埋点名',
+                                            description:
+                                                '输入埋点名，系统将补全埋点信息：例 运营.可视化创造.输入埋点名.点击',
+                                            type: 'string',
+                                            required: true,
+                                            unique: true,
+                                        },
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            title: '联系投顾弹框',
+                            isNoLogin: false,
+                            eventType: 'click',
+                            properties: {
+                                name: {
+                                    type: 'string',
+                                    'ui:hidden': true,
+                                    const: 'showCconsultPanel',
+                                    default: 'showCconsultPanel',
+                                },
+                                options: {
+                                    type: 'object',
+                                    required: ['buryReportName'],
+                                    properties: {
+                                        buryReportName: {
+                                            default: '',
+                                            title: '埋点名',
+                                            description:
+                                                '输入埋点名，系统将补全埋点信息：例 运营.可视化创造.输入埋点名.点击',
+                                            type: 'string',
+                                            required: true,
+                                            unique: true,
+                                        },
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                },
+            },
+        },
+    },
+};
+
+const schema = ref({
+    type: 'object',
+    properties: {
+        event: {
+            type: 'object',
+            properties: {
+                list: {
+                    type: 'array',
+                    'ui:hidden': false,
+                    items: {
+                        type: 'object',
+                        required: ['type'],
+                        properties: {
+                            type: {
+                                title: '事件类型',
+                                enum: ['click'],
+                                enumNames: ['单击时触发'],
+                                'x-reactions': {
+                                    target: 'handler',
+                                    effects: [
+                                        'onFieldInputValueChange',
+                                        'onFieldInit',
+                                    ],
+                                    fulfill: {
+                                        schema: {
+                                            'x-component-props.list':
+                                                '{{filterOptions($self,$target)}}',
+                                        },
+                                    },
+                                },
+                            },
+                            middlewares: {
+                                title: '前置执行程序',
+                                type: 'array',
+                                items: {
+                                    type: 'object',
+                                    oneOf: [
+                                        {
+                                            title: '检查用户是否风测',
+                                            isNoLogin: false,
+                                            properties: {
+                                                name: {
+                                                    'ui:hidden': true,
+                                                    const: 'goTovRiskEvaluate',
+                                                    default:
+                                                        'goTovRiskEvaluate',
+                                                },
+                                            },
+                                        },
+                                        {
+                                            title: '理财通授权-联系顾问',
+                                            isNoLogin: false,
+                                            properties: {
+                                                name: {
+                                                    'ui:hidden': true,
+                                                    const: 'goWithConsultDetail',
+                                                    default:
+                                                        'goWithConsultDetail',
+                                                },
+                                            },
+                                        },
+                                        {
+                                            title: '合格投资者认证',
+                                            isNoLogin: false,
+                                            properties: {
+                                                name: {
+                                                    'ui:hidden': true,
+                                                    const: 'hasQualifiedStatementTrace',
+                                                    default:
+                                                        'hasQualifiedStatementTrace',
+                                                },
+                                            },
+                                        },
+                                    ],
+                                },
+                            },
+                            handler: {
+                                title: '事件名称',
+                                type: 'object',
+                                oneOf: [
+                                    {
+                                        title: '进入专区',
+                                        isNoLogin: false,
+                                        eventType: 'click',
+                                        properties: {
+                                            name: {
+                                                type: 'string',
+                                                'ui:hidden': true,
+                                                const: 'goToHome',
+                                                default: 'goToHome',
+                                            },
+                                            options: {
+                                                type: 'object',
+                                                required: ['buryReportName'],
+                                                properties: {
+                                                    buryReportName: {
+                                                        default: '',
+                                                        title: '埋点名',
+                                                        description:
+                                                            '输入埋点名，系统将补全埋点信息：例 运营.可视化创造.输入埋点名.点击',
+                                                        type: 'string',
+                                                        required: true,
+                                                        unique: true,
+                                                    },
+                                                },
+                                            },
+                                        },
+                                    },
+                                    {
+                                        title: '跳转小程序',
+                                        isNoLogin: false,
+                                        eventType: 'click',
+                                        properties: {
+                                            name: {
+                                                type: 'string',
+                                                'ui:hidden': true,
+                                                const: 'goToMiniProgram',
+                                                default: 'goToMiniProgram',
+                                            },
+                                            options: {
+                                                type: 'object',
+                                                required: ['buryReportName'],
+                                                properties: {
+                                                    url: {
+                                                        title: '跳转路径',
+                                                        type: 'string',
+                                                        'err:required':
+                                                            '必须输入跳转路径🔗',
+                                                        default: '',
+                                                        description:
+                                                            '（只在内嵌小程序场景生效！）',
+                                                    },
+                                                    buryReportName: {
+                                                        default: '',
+                                                        title: '埋点名',
+                                                        description:
+                                                            '输入埋点名，系统将补全埋点信息：例 运营.可视化创造.输入埋点名.点击',
+                                                        type: 'string',
+                                                        required: true,
+                                                        unique: true,
+                                                    },
+                                                },
+                                            },
+                                        },
+                                    },
+                                    {
+                                        title: '页面跳转',
+                                        isNoLogin: true,
+                                        eventType: 'click',
+                                        properties: {
+                                            name: {
+                                                type: 'string',
+                                                'ui:hidden': true,
+                                                const: 'goToPage',
+                                                default: 'goToPage',
+                                            },
+                                            options: {
+                                                type: 'object',
+                                                required: ['buryReportName'],
+                                                properties: {
+                                                    url: {
+                                                        title: '跳转链接',
+                                                        type: 'string',
+                                                        'err:required':
+                                                            '必须输入跳转链接🔗',
+                                                        default: '',
+                                                        required: true,
+                                                    },
+                                                    buryReportName: {
+                                                        default: '',
+                                                        title: '埋点名',
+                                                        description:
+                                                            '输入埋点名，系统将补全埋点信息：例 运营.可视化创造.输入埋点名.点击',
+                                                        type: 'string',
+                                                        required: true,
+                                                        unique: true,
+                                                    },
+                                                },
+                                            },
+                                        },
+                                    },
+                                    {
+                                        title: '联系投顾弹框',
+                                        isNoLogin: false,
+                                        eventType: 'click',
+                                        properties: {
+                                            name: {
+                                                type: 'string',
+                                                'ui:hidden': true,
+                                                const: 'showCconsultPanel',
+                                                default: 'showCconsultPanel',
+                                            },
+                                            options: {
+                                                type: 'object',
+                                                required: ['buryReportName'],
+                                                properties: {
+                                                    buryReportName: {
+                                                        default: '',
+                                                        title: '埋点名',
+                                                        description:
+                                                            '输入埋点名，系统将补全埋点信息：例 运营.可视化创造.输入埋点名.点击',
+                                                        type: 'string',
+                                                        required: true,
+                                                        unique: true,
+                                                    },
+                                                },
+                                            },
+                                        },
+                                    },
+                                ],
+                            },
+                        },
+                    },
+                },
+            },
+        },
+    },
+});
+</script>
+
+<style scoped>
+</style>

package/docs/demos/hotArea/index.vue

@@ -0,0 +1,240 @@
+<template>
+    <div>
+        <VueForm :schema="schema" v-model="formData"></VueForm>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+const formData = ref({});
+const event = {
+    type: 'object',
+    properties: {
+        list: {
+            type: 'array',
+            'ui:hidden': false,
+            items: {
+                type: 'object',
+                required: ['type'],
+                properties: {
+                    type: {
+                        title: '事件类型',
+                        enum: ['click'],
+                        enumNames: ['单击时触发'],
+                        // 'x-reactions': {
+                        //     target: 'handler',
+                        //     effects: ['onFieldInputValueChange', 'onFieldInit'],
+                        //     fulfill: {
+                        //         schema: {
+                        //             'x-component-props.list':
+                        //                 '{{filterOptions($self,$target)}}',
+                        //         },
+                        //     },
+                        // },
+                    },
+                    middlewares: {
+                        title: '前置执行程序',
+                        type: 'array',
+                        items: {
+                            type: 'object',
+                            oneOf: [
+                                {
+                                    title: '检查用户是否风测',
+                                    isNoLogin: false,
+                                    properties: {
+                                        name: {
+                                            'ui:hidden': true,
+                                            const: 'goTovRiskEvaluate',
+                                            default: 'goTovRiskEvaluate',
+                                        },
+                                    },
+                                },
+                                {
+                                    title: '理财通授权-联系顾问',
+                                    isNoLogin: false,
+                                    properties: {
+                                        name: {
+                                            'ui:hidden': true,
+                                            const: 'goWithConsultDetail',
+                                            default: 'goWithConsultDetail',
+                                        },
+                                    },
+                                },
+                                {
+                                    title: '合格投资者认证',
+                                    isNoLogin: false,
+                                    properties: {
+                                        name: {
+                                            'ui:hidden': true,
+                                            const: 'hasQualifiedStatementTrace',
+                                            default:
+                                                'hasQualifiedStatementTrace',
+                                        },
+                                    },
+                                },
+                            ],
+                        },
+                    },
+                    handler: {
+                        title: '事件名称',
+                        type: 'object',
+                        oneOf: [
+                            {
+                                title: '进入专区',
+                                isNoLogin: false,
+                                eventType: 'click',
+                                properties: {
+                                    name: {
+                                        type: 'string',
+                                        'ui:hidden': true,
+                                        const: 'goToHome',
+                                        default: 'goToHome',
+                                    },
+                                    options: {
+                                        type: 'object',
+                                        required: ['buryReportName'],
+                                        properties: {
+                                            buryReportName: {
+                                                default: '',
+                                                title: '埋点名',
+                                                description:
+                                                    '输入埋点名，系统将补全埋点信息：例 运营.可视化创造.输入埋点名.点击',
+                                                type: 'string',
+                                                required: true,
+                                                unique: true,
+                                            },
+                                        },
+                                    },
+                                },
+                            },
+                            {
+                                title: '跳转小程序',
+                                isNoLogin: false,
+                                eventType: 'click',
+                                properties: {
+                                    name: {
+                                        type: 'string',
+                                        'ui:hidden': true,
+                                        const: 'goToMiniProgram',
+                                        default: 'goToMiniProgram',
+                                    },
+                                    options: {
+                                        type: 'object',
+                                        required: ['buryReportName'],
+                                        properties: {
+                                            url: {
+                                                title: '跳转路径',
+                                                type: 'string',
+                                                'err:required':
+                                                    '必须输入跳转路径🔗',
+                                                default: '',
+                                                description:
+                                                    '（只在内嵌小程序场景生效！）',
+                                            },
+                                            buryReportName: {
+                                                default: '',
+                                                title: '埋点名',
+                                                description:
+                                                    '输入埋点名，系统将补全埋点信息：例 运营.可视化创造.输入埋点名.点击',
+                                                type: 'string',
+                                                required: true,
+                                                unique: true,
+                                            },
+                                        },
+                                    },
+                                },
+                            },
+                            {
+                                title: '页面跳转',
+                                isNoLogin: true,
+                                eventType: 'click',
+                                properties: {
+                                    name: {
+                                        type: 'string',
+                                        'ui:hidden': true,
+                                        const: 'goToPage',
+                                        default: 'goToPage',
+                                    },
+                                    options: {
+                                        type: 'object',
+                                        required: ['buryReportName'],
+                                        properties: {
+                                            url: {
+                                                title: '跳转链接',
+                                                type: 'string',
+                                                'err:required':
+                                                    '必须输入跳转链接🔗',
+                                                default: '',
+                                                required: true,
+                                            },
+                                            buryReportName: {
+                                                default: '',
+                                                title: '埋点名',
+                                                description:
+                                                    '输入埋点名，系统将补全埋点信息：例 运营.可视化创造.输入埋点名.点击',
+                                                type: 'string',
+                                                required: true,
+                                                unique: true,
+                                            },
+                                        },
+                                    },
+                                },
+                            },
+                            {
+                                title: '联系投顾弹框',
+                                isNoLogin: false,
+                                eventType: 'click',
+                                properties: {
+                                    name: {
+                                        type: 'string',
+                                        'ui:hidden': true,
+                                        const: 'showCconsultPanel',
+                                        default: 'showCconsultPanel',
+                                    },
+                                    options: {
+                                        type: 'object',
+                                        required: ['buryReportName'],
+                                        properties: {
+                                            buryReportName: {
+                                                default: '',
+                                                title: '埋点名',
+                                                description:
+                                                    '输入埋点名，系统将补全埋点信息：例 运营.可视化创造.输入埋点名.点击',
+                                                type: 'string',
+                                                required: true,
+                                                unique: true,
+                                            },
+                                        },
+                                    },
+                                },
+                            },
+                        ],
+                    },
+                },
+            },
+        },
+    },
+};
+const schema = ref({
+    type: 'object',
+    properties: {
+        img:{
+            type:'string',
+            title: '图片地址',
+            default:'https://jtcospublic.ciccten.com/low-code/files/c3c3pg/fe801186-000b-487b-9a0d-6a855c42be701652787324980.png',
+            'x-hidden': true
+        },
+        demo1: {
+            type: 'string',
+            title: '热区',
+            'x-component': 'HotArea',
+            'x-component-props': {
+                event: JSON.stringify(event),
+            },
+        },
+    },
+});
+</script>
+
+<style scoped>
+</style>