@cicctencent/formily 0.0.0-stage → 0.0.1

package/example/src/views/demo/datatime/data.ts

@@ -0,0 +1,62 @@
+export default {
+    type: 'object',
+    properties: {
+        datetime: {
+            title: 'datetime',
+            type: 'string',
+            'x-component': 'DatePicker',
+            'x-component-props': {
+                type: 'datetime',
+                format: 'YYYY/MM/DD HH:mm:ss',
+            },
+        },
+        year: {
+            title: 'year',
+            type: 'string',
+            'x-component': 'DatePicker',
+            'x-component-props': {
+                type: 'year',
+            },
+        },
+        month: {
+            title: 'month',
+            type: 'string',
+            'x-component': 'DatePicker',
+            'x-component-props': {
+                type: 'month',
+            },
+        },
+        date: {
+            title: 'date',
+            type: 'string',
+            'x-component': 'DatePicker',
+            'x-component-props': {
+                type: 'date',
+            },
+        },
+        week: {
+            title: 'week',
+            type: 'string',
+            'x-component': 'DatePicker',
+            'x-component-props': {
+                type: 'week',
+            },
+        },
+        datetimerange: {
+            title: 'datetimerange',
+            type: 'string',
+            'x-component': 'DatePicker',
+            'x-component-props': {
+                type: 'datetimerange',
+            },
+        },
+        daterange: {
+            title: 'daterange',
+            type: 'string',
+            'x-component': 'DatePicker',
+            'x-component-props': {
+                type: 'daterange',
+            },
+        },
+    },
+};

package/example/src/views/demo/datatime/index.vue

@@ -0,0 +1,22 @@
+<template>
+    <div class="demo-wrap">
+        <VueForm
+            @on-change="onChange"
+            :schema="schema"
+            :modelValue="values"
+        ></VueForm>
+        value:{{ values }}
+    </div>
+</template>
+
+<script setup lang="ts">
+import { VueForm } from '@jt/formily/src/vue-form';
+import { ref, reactive } from 'vue';
+import schema from './data';
+const values = ref({});
+
+function onChange(val) {
+    console.log('onChange', val);
+    values.value = val;
+}
+</script>

package/example/src/views/demo/event/data.ts

@@ -0,0 +1,184 @@
+export default {
+    type: 'object',
+    properties: {
+        event: {
+            type: 'object',
+            'x-component': 'Event',
+            'x-component-props': {
+                schema: {
+                    list: {
+                        type: 'array',
+                        'ui:hidden': false,
+                        items: {
+                            type: 'object',
+                            required: ['type'],
+                            properties: {
+                                type: {
+                                    title: '事件类型',
+                                    enum: ['click'],
+                                    enumNames: ['单击时触发'],
+                                },
+                                middlewares: {
+                                    title: '前置执行程序',
+                                    type: 'array',
+                                    items: {
+                                        type: 'object',
+                                        oneOf: [
+                                            {
+                                                title: '检查用户是否风测',
+                                                properties: {
+                                                    name: {
+                                                        'ui:hidden': true,
+                                                        const: 'goTovRiskEvaluate',
+                                                        default:
+                                                            'goTovRiskEvaluate',
+                                                    },
+                                                },
+                                            },
+                                            {
+                                                title: '理财通授权-联系顾问',
+                                                properties: {
+                                                    name: {
+                                                        'ui:hidden': true,
+                                                        const: 'goWithConsultDetail',
+                                                        default:
+                                                            'goWithConsultDetail',
+                                                    },
+                                                },
+                                            },
+                                        ],
+                                    },
+                                },
+                                handler: {
+                                    title: '事件名称',
+                                    type: 'object',
+                                    oneOf: [
+                                        {
+                                            title: '进入专区',
+                                            properties: {
+                                                name: {
+                                                    type: 'string',
+                                                    'ui:hidden': true,
+                                                    const: 'goToHome',
+                                                    default: 'goToHome',
+                                                },
+                                                options: {
+                                                    type: 'object',
+                                                    required: [
+                                                        'buryReportName',
+                                                    ],
+                                                    properties: {
+                                                        buryReportName: {
+                                                            default: '',
+                                                            title: '埋点名',
+                                                            description:
+                                                                '埋点中文名',
+                                                            type: 'string',
+                                                        },
+                                                    },
+                                                },
+                                            },
+                                        },
+                                        {
+                                            title: '跳转小程序',
+                                            properties: {
+                                                name: {
+                                                    type: 'string',
+                                                    'ui:hidden': true,
+                                                    const: 'goToMiniProgram',
+                                                    default: 'goToMiniProgram',
+                                                },
+                                                options: {
+                                                    type: 'object',
+                                                    required: [
+                                                        'buryReportName',
+                                                    ],
+                                                    properties: {
+                                                        buryReportName: {
+                                                            default: '',
+                                                            title: '埋点名',
+                                                            description:
+                                                                '埋点中文名',
+                                                            type: 'string',
+                                                        },
+                                                        url: {
+                                                            title: '跳转路径（只在内嵌小程序场景生效！）',
+                                                            type: 'string',
+                                                            'err:required':
+                                                                '必须输入跳转路径🔗',
+                                                            default: '',
+                                                        },
+                                                    },
+                                                },
+                                            },
+                                        },
+                                        {
+                                            title: '页面跳转',
+                                            properties: {
+                                                name: {
+                                                    type: 'string',
+                                                    'ui:hidden': true,
+                                                    const: 'goToPage',
+                                                    default: 'goToPage',
+                                                },
+                                                options: {
+                                                    type: 'object',
+                                                    required: [
+                                                        'buryReportName',
+                                                    ],
+                                                    properties: {
+                                                        buryReportName: {
+                                                            default: '',
+                                                            title: '埋点名',
+                                                            description:
+                                                                '埋点中文名',
+                                                            type: 'string',
+                                                        },
+                                                        url: {
+                                                            title: '跳转链接',
+                                                            type: 'string',
+                                                            'err:required':
+                                                                '必须输入跳转链接🔗',
+                                                            default: '',
+                                                        },
+                                                    },
+                                                },
+                                            },
+                                        },
+                                        {
+                                            title: '联系投顾弹框',
+                                            properties: {
+                                                name: {
+                                                    type: 'string',
+                                                    'ui:hidden': true,
+                                                    const: 'showCconsultPanel',
+                                                    default:
+                                                        'showCconsultPanel',
+                                                },
+                                                options: {
+                                                    type: 'object',
+                                                    required: [
+                                                        'buryReportName',
+                                                    ],
+                                                    properties: {
+                                                        buryReportName: {
+                                                            default: '',
+                                                            title: '埋点名',
+                                                            description:
+                                                                '埋点中文名',
+                                                            type: 'string',
+                                                        },
+                                                    },
+                                                },
+                                            },
+                                        },
+                                    ],
+                                },
+                            },
+                        },
+                    },
+                },
+            },
+        },
+    },
+};

package/example/src/views/demo/event/index.vue

@@ -0,0 +1,33 @@
+<template>
+    <div class="demo-wrap">
+        <VueForm
+            @on-change="onChange"
+            :schema="schema"
+            :modelValue="values"
+            @fileUpload="onFileUpload"
+        ></VueForm>
+
+        <div>[value]: {{ values }}</div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { VueForm } from '@jt/formily/src/vue-form';
+import { ref } from 'vue';
+import schema from './data';
+
+const values = ref({});
+/**
+ *  file 上传的文件
+ *  done 上传成功回调方法
+ */
+function onFileUpload(file: any, done: any) {
+    done(
+        'https://jt-test-1301270551.cos.ap-guangzhou.myqcloud.com/create-server/test/c3c3bc/6661658229463019.jpg'
+    );
+}
+function onChange(val: any) {
+    console.log('onChange', val);
+    values.value = val;
+}
+</script>

package/example/src/views/demo/hot-area/data.ts

@@ -0,0 +1,196 @@
+export default {
+    type: 'object',
+    properties: {
+        imgUrl: {
+            title: '图片地址',
+            type: 'string',
+            'x-component': 'UploadButton',
+            'x-decorator': 'FormItem',
+        },
+        hotArea: {
+            title: '',
+            type: 'array',
+            'x-component': 'HotArea',
+            'x-decorator': 'FormItem',
+            'x-component-props': {
+                event: {
+                    type: 'object',
+                    properties: {
+                        list: {
+                            type: 'array',
+                            'ui:hidden': false,
+                            items: {
+                                type: 'object',
+                                required: ['type'],
+                                properties: {
+                                    type: {
+                                        title: '事件类型',
+                                        enum: ['click'],
+                                        enumNames: ['单击时触发'],
+                                    },
+                                    middlewares: {
+                                        title: '前置执行程序',
+                                        type: 'array',
+                                        items: {
+                                            type: 'object',
+                                            oneOf: [
+                                                {
+                                                    title: '检查用户是否风测',
+                                                    properties: {
+                                                        name: {
+                                                            'ui:hidden': true,
+                                                            const: 'goTovRiskEvaluate',
+                                                            default:
+                                                                'goTovRiskEvaluate',
+                                                        },
+                                                    },
+                                                },
+                                                {
+                                                    title: '理财通授权-联系顾问',
+                                                    properties: {
+                                                        name: {
+                                                            'ui:hidden': true,
+                                                            const: 'goWithConsultDetail',
+                                                            default:
+                                                                'goWithConsultDetail',
+                                                        },
+                                                    },
+                                                },
+                                            ],
+                                        },
+                                    },
+                                    handler: {
+                                        title: '事件名称',
+                                        type: 'object',
+                                        oneOf: [
+                                            {
+                                                title: '进入专区',
+                                                properties: {
+                                                    name: {
+                                                        type: 'string',
+                                                        'ui:hidden': true,
+                                                        const: 'goToHome',
+                                                        default: 'goToHome',
+                                                    },
+                                                    options: {
+                                                        type: 'object',
+                                                        required: [
+                                                            'buryReportName',
+                                                        ],
+                                                        properties: {
+                                                            buryReportName: {
+                                                                default: '',
+                                                                title: '埋点名',
+                                                                description:
+                                                                    '埋点中文名',
+                                                                type: 'string',
+                                                            },
+                                                        },
+                                                    },
+                                                },
+                                            },
+                                            {
+                                                title: '跳转小程序',
+                                                properties: {
+                                                    name: {
+                                                        type: 'string',
+                                                        'ui:hidden': true,
+                                                        const: 'goToMiniProgram',
+                                                        default:
+                                                            'goToMiniProgram',
+                                                    },
+                                                    options: {
+                                                        type: 'object',
+                                                        required: [
+                                                            'buryReportName',
+                                                        ],
+                                                        properties: {
+                                                            buryReportName: {
+                                                                default: '',
+                                                                title: '埋点名',
+                                                                description:
+                                                                    '埋点中文名',
+                                                                type: 'string',
+                                                            },
+                                                            url: {
+                                                                title: '跳转路径（只在内嵌小程序场景生效！）',
+                                                                type: 'string',
+                                                                'err:required':
+                                                                    '必须输入跳转路径🔗',
+                                                                default: '',
+                                                            },
+                                                        },
+                                                    },
+                                                },
+                                            },
+                                            {
+                                                title: '页面跳转',
+                                                properties: {
+                                                    name: {
+                                                        type: 'string',
+                                                        'ui:hidden': true,
+                                                        const: 'goToPage',
+                                                        default: 'goToPage',
+                                                    },
+                                                    options: {
+                                                        type: 'object',
+                                                        required: [
+                                                            'buryReportName',
+                                                        ],
+                                                        properties: {
+                                                            buryReportName: {
+                                                                default: '',
+                                                                title: '埋点名',
+                                                                description:
+                                                                    '埋点中文名',
+                                                                type: 'string',
+                                                            },
+                                                            url: {
+                                                                title: '跳转链接',
+                                                                type: 'string',
+                                                                'err:required':
+                                                                    '必须输入跳转链接🔗',
+                                                                default: '',
+                                                            },
+                                                        },
+                                                    },
+                                                },
+                                            },
+                                            {
+                                                title: '联系投顾弹框',
+                                                properties: {
+                                                    name: {
+                                                        type: 'string',
+                                                        'ui:hidden': true,
+                                                        const: 'showCconsultPanel',
+                                                        default:
+                                                            'showCconsultPanel',
+                                                    },
+                                                    options: {
+                                                        type: 'object',
+                                                        required: [
+                                                            'buryReportName',
+                                                        ],
+                                                        properties: {
+                                                            buryReportName: {
+                                                                default: '',
+                                                                title: '埋点名',
+                                                                description:
+                                                                    '埋点中文名',
+                                                                type: 'string',
+                                                            },
+                                                        },
+                                                    },
+                                                },
+                                            },
+                                        ],
+                                    },
+                                },
+                            },
+                        },
+                    },
+                },
+            },
+        },
+    },
+};

package/example/src/views/demo/hot-area/index.vue

@@ -0,0 +1,33 @@
+<template>
+    <div class="demo-wrap">
+        <VueForm
+            @on-change="onChange"
+            :schema="schema"
+            :modelValue="values"
+            @fileUpload="onFileUpload"
+        ></VueForm>
+
+        <div>[value]: {{ values }}</div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { VueForm } from '@jt/formily/src/vue-form';
+import { ref } from 'vue';
+import schema from './data';
+
+const values = ref({});
+/**
+ *  file 上传的文件
+ *  done 上传成功回调方法
+ */
+function onFileUpload(file: any, done: any) {
+    done(
+        'https://jt-test-1301270551.cos.ap-guangzhou.myqcloud.com/create-server/test/c3c3bc/6661658229463019.jpg'
+    );
+}
+function onChange(val: any) {
+    console.log('onChange', val);
+    values.value = val;
+}
+</script>

package/example/src/views/demo/input/data.ts

@@ -0,0 +1,39 @@
+export default {
+  type: 'object',
+  properties: {
+    input: {
+      title: '普通输入框',
+      type: 'string',
+      'x-decorator': 'FormItem',
+      'x-component-props': {
+        description:
+          '哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈',
+      },
+      description: '埋点名',
+    },
+    cInput: {
+      title: '颜色输入框',
+      type: 'string',
+      'x-decorator': 'FormItem',
+      'x-component-props': {
+        inputType: 'color',
+      },
+    },
+    input2: {
+      title: '限制长度(4)',
+      type: 'string',
+      'x-component-props': {
+        maxlength: 4,
+      },
+    },
+    toolTipInput: {
+      title: '带提示说明描述',
+      type: 'string',
+      'x-decorator': 'FormItem',
+      description: '带说明描述',
+      'x-component-props': {
+        inputType: 'toolTip',
+      },
+    },
+  },
+};

package/example/src/views/demo/input/index.vue

@@ -0,0 +1,33 @@
+<template>
+    <div class="demo-wrap">
+        <VueForm
+            @on-change="onChange"
+            :schema="schema"
+            :modelValue="values"
+            @fileUpload="onFileUpload"
+        ></VueForm>
+
+        <div>[value]: {{ values }}</div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { VueForm } from '@jt/formily/src/vue-form';
+import { ref } from 'vue';
+import schema from './data';
+
+const values = ref({});
+/**
+ *  file 上传的文件
+ *  done 上传成功回调方法
+ */
+function onFileUpload(file: any, done: any) {
+    done(
+        'https://jt-test-1301270551.cos.ap-guangzhou.myqcloud.com/create-server/test/c3c3bc/6661658229463019.jpg'
+    );
+}
+function onChange(val: any) {
+    console.log('onChange', val);
+    values.value = val;
+}
+</script>

package/example/src/views/demo/link/data.ts

@@ -0,0 +1,23 @@
+export default {
+    type: 'object',
+    properties: {
+        link: {
+            type: 'void',
+            'x-component': 'Link',
+            'x-component-props': {
+                links: [
+                    {
+                        href: 'http://testoa.ciccjinteng.cn/low-code/cos',
+                        label: '金腾创作系统(测试环境)',
+                    },
+                    {
+                        href: 'http://devops.ciccjinteng.com/console/',
+                        label: '蓝盾dev',
+                    },
+                    { href: 'http://npm.jintencent.com/', label: 'npm' },
+                    { href: 'http://git.jintencent.com/', label: 'github' },
+                ],
+            },
+        },
+    },
+};

package/example/src/views/demo/link/index.vue

@@ -0,0 +1,22 @@
+<template>
+    <div class="demo-wrap">
+        <VueForm
+            @on-change="onChange"
+            :schema="schema"
+            :modelValue="values"
+            @fileUpload="onFileUpload"
+        ></VueForm>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { VueForm } from '@jt/formily/src/vue-form';
+import { ref } from 'vue';
+import schema from './data';
+
+const values = ref();
+function onChange(val: any) {
+    console.log('onChange', val);
+    values.value = val;
+}
+</script>