@cloudbase/weda-ui 3.5.0 → 3.5.2

package/dist/configs/components/form-time.js

@@ -3,8 +3,6 @@ const data = Type.Object({
     name: Type.String({
         type: 'string',
         title: '绑定字段',
-        default: 'formTime',
-        remarks: '提交表单时会将组件值提交保存到所配置的字段中',
         'x-index': 5,
         'x-rules': [
             {
@@ -18,13 +16,13 @@ const data = Type.Object({
         ],
         required: true,
         'x-category': '基础属性',
-        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。',
+        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。表单内需保证唯一。',
     }),
     label: Type.String({
         type: 'string',
         title: '字段标题',
         default: '时间',
-        remarks: '组件标题位置的显示内容',
+        description: '组件标题位置的显示内容',
         'x-index': 10,
         'x-category': '基础属性',
     }),
@@ -32,7 +30,7 @@ const data = Type.Object({
         type: 'boolean',
         title: '显示标题',
         default: true,
-        remarks: '显示组件的标题',
+        description: '显示组件的标题',
         'x-index': 15,
         'x-category': '基础属性',
     }),
@@ -40,7 +38,7 @@ const data = Type.Object({
         type: 'string',
         title: '提示文字',
         default: '请选择',
-        remarks: '用于说明组件用途或注意事项的提示文字',
+        description: '用于说明组件用途或注意事项的提示文字',
         'x-index': 20,
         'x-category': '基础属性',
     }),
@@ -48,25 +46,30 @@ const data = Type.Object({
         type: 'string',
         title: '选中时间',
         format: 'time',
-        default: '',
-        remarks: '默认选中的时间',
+        'x-runtime-default': '',
+        description: '默认选中的时间',
         'x-index': 25,
         dataType: 'number',
-        inputProp: {
-            changeEvent: 'change',
-            valueFromEvent: 'event.detail.value',
-        },
         'x-category': '基础属性',
         'x-component': 'time',
         'x-component-props': {
             format: 'HH:mm',
         },
     }),
+    clearable: Type.Boolean({
+        title: '显示清空按钮',
+        type: 'boolean',
+        default: false,
+        description: '开启后提供快捷清空按钮（暂不支持小程序端）',
+        'x-index': 26,
+        'x-category': '基础属性',
+        'x-platforms': ['MOBILEWEB', 'PCWEB', 'WEB'],
+    }),
     required: Type.Boolean({
         type: 'boolean',
         title: '必填',
         default: false,
-        remarks: '启用后该组件强制必填，值不可为空',
+        description: '启用后该组件强制必填，值不可为空',
         'x-index': 30,
         'x-category': '基础属性',
         'x-linkages': [
@@ -81,7 +84,7 @@ const data = Type.Object({
         type: 'boolean',
         title: '必填标识',
         default: true,
-        remarks: '启用后，组件若要求必填，则会显示必填星号标记',
+        description: '启用后，组件若要求必填，则会显示必填星号标记',
         'x-index': 35,
         'x-category': '基础属性',
     }),
@@ -89,7 +92,7 @@ const data = Type.Object({
         type: 'string',
         title: '必填校验提示',
         default: '该项为必填项',
-        remarks: '启用必填，但组件值为空时的提示信息',
+        description: '启用必填，但组件值为空时的提示信息',
         'x-index': 40,
         'x-category': '基础属性',
     }),
@@ -111,7 +114,7 @@ const data = Type.Object({
         type: 'string',
         title: '布局方式',
         default: '',
-        remarks: '设置当前组件的标题和输入选择区域为左右布局或上下布局，如选择“自动”，则跟随父级表单容器的配置',
+        description: '设置当前组件的标题和输入选择区域为左右布局或上下布局，如选择“自动”，则跟随父级表单容器的配置',
         'x-index': 60,
         'x-category': '高级属性',
     }),
@@ -145,7 +148,7 @@ const data = Type.Object({
         type: 'string',
         title: '最早可选时间',
         default: '',
-        remarks: '可选择的最早时间',
+        description: '可选择的最早时间',
         'x-index': 110,
         'x-category': '高级属性',
         'x-component': 'time',
@@ -157,7 +160,7 @@ const data = Type.Object({
         type: 'string',
         title: '最晚可选时间',
         default: '',
-        remarks: '可选择的最晚时间',
+        description: '可选择的最晚时间',
         'x-index': 115,
         'x-category': '高级属性',
         'x-component': 'time',
@@ -169,7 +172,7 @@ const data = Type.Object({
         type: 'boolean',
         title: '禁用',
         default: false,
-        remarks: '是否禁用输入/选择，启用后组件强制显示为只读效果',
+        description: '是否禁用输入/选择，启用后组件强制显示为只读效果',
         'x-index': 120,
         'x-category': '高级属性',
     }),
@@ -202,6 +205,7 @@ const config = defineConfig({
         componentOrder: 410,
         visible: ['APP', 'COMPONENT'],
     },
+    properties: Type.Pick(data, ['value']),
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormTime',
         shortcut: {

package/dist/configs/components/form-upload-file.d.ts

@@ -0,0 +1,95 @@
+import { Simplify, Static, StaticEventsType } from '../type-utils';
+declare const data: import("@sinclair/typebox").TObject<{
+    name: import("@sinclair/typebox").TString;
+    label: import("@sinclair/typebox").TString;
+    labelVisible: import("@sinclair/typebox").TBoolean;
+    required: import("@sinclair/typebox").TBoolean;
+    requiredFlag: import("@sinclair/typebox").TBoolean;
+    requiredMsg: import("@sinclair/typebox").TString;
+    value: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>;
+    maxSize: import("@sinclair/typebox").TNumber;
+    layout: import("@sinclair/typebox").TUnsafe<"" | "vertical" | "horizontal">;
+    acceptTypes: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>;
+    downloadVisible: import("@sinclair/typebox").TBoolean;
+    deleteVisible: import("@sinclair/typebox").TBoolean;
+    disabled: import("@sinclair/typebox").TBoolean;
+    disableMultiSwitch: import("@sinclair/typebox").TBoolean;
+    single: import("@sinclair/typebox").TBoolean;
+    maxUploadCount: import("@sinclair/typebox").TNumber;
+}>;
+declare const events: readonly [{
+    readonly title: "值改变";
+    readonly name: "change";
+}, {
+    readonly title: "上传成功";
+    readonly name: "success";
+}, {
+    readonly title: "上传失败";
+    readonly name: "error";
+}];
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        name: import("@sinclair/typebox").TString;
+        label: import("@sinclair/typebox").TString;
+        labelVisible: import("@sinclair/typebox").TBoolean;
+        required: import("@sinclair/typebox").TBoolean;
+        requiredFlag: import("@sinclair/typebox").TBoolean;
+        requiredMsg: import("@sinclair/typebox").TString;
+        value: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>;
+        maxSize: import("@sinclair/typebox").TNumber;
+        layout: import("@sinclair/typebox").TUnsafe<"" | "vertical" | "horizontal">;
+        acceptTypes: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>;
+        downloadVisible: import("@sinclair/typebox").TBoolean;
+        deleteVisible: import("@sinclair/typebox").TBoolean;
+        disabled: import("@sinclair/typebox").TBoolean;
+        disableMultiSwitch: import("@sinclair/typebox").TBoolean;
+        single: import("@sinclair/typebox").TBoolean;
+        maxUploadCount: import("@sinclair/typebox").TNumber;
+    }>;
+    readonly properties: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>;
+    }>;
+    readonly events: readonly [{
+        readonly title: "值改变";
+        readonly name: "change";
+    }, {
+        readonly title: "上传成功";
+        readonly name: "success";
+    }, {
+        readonly title: "上传失败";
+        readonly name: "error";
+    }];
+    readonly compConfig: {
+        readonly componentType: "formField";
+    };
+    readonly meta: {
+        readonly title: "文件上传";
+        readonly name: "FormUploadFile";
+        readonly componentName: "UploadFile";
+        readonly category: "表单";
+        readonly description: "用于上传文件、保存文件数据。";
+        readonly icon: "../icons/FormUploadFile.svg";
+        readonly categoryOrder: 500;
+        readonly componentOrder: 430;
+        readonly visible: readonly ["APP", "COMPONENT"];
+    };
+    readonly configMeta: {
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormUploadFile";
+        readonly shortcut: {
+            readonly props: readonly ["name", "label"];
+        };
+        readonly recommendTypes: {
+            readonly name: readonly [{
+                readonly text: "文件";
+                readonly type: "string";
+                readonly format: "x-file";
+            }];
+        };
+    };
+};
+export type DataType = Simplify<Static<typeof data>> & {
+    value: string[] | string;
+};
+export type EventsType = Simplify<StaticEventsType<typeof events>>;
+export default config;

package/dist/configs/components/form-upload-file.js

@@ -3,8 +3,6 @@ const data = Type.Object({
     name: Type.String({
         type: 'string',
         title: '绑定字段',
-        default: 'formFileUpload',
-        remarks: '提交表单时会将组件值提交保存到所配置的字段中',
         'x-index': 5,
         'x-rules': [
             {
@@ -18,14 +16,14 @@ const data = Type.Object({
         ],
         required: true,
         'x-category': '基础属性',
-        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。文件上传后，所有人可通过文件http地址下载查看。如需限制所有文件/图片资源仅当前上传用户可下载，请在微搭环境的云开发-云存储模块中调整存储桶访问权限为「仅创建者及管理员可读写」',
-        'x-helper-text': '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。文件上传后，所有人可通过文件http地址下载查看。如需限制所有文件/图片资源仅当前上传用户可下载，请在微搭环境的云开发-云存储模块中调整存储桶访问权限为「仅创建者及管理员可读写」',
+        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。文件上传后，文件 https 链接默认仅可在微搭应用中访问，有效期2小时，可在云开发-云存储模块中调整访问权限。',
+        'x-helper-text': '文件上传后，文件 https 链接默认仅可在微搭应用中访问，有效期2小时，可在[云存储权限设置](https://console.cloud.tencent.com/tcb/storage/index?envId=lowcode-3gp1xflvc8844909&rid=4&tabId=auth)中调整访问权限。',
     }),
     label: Type.String({
         type: 'string',
         title: '字段标题',
         default: '上传文件',
-        remarks: '组件标题位置的显示内容',
+        description: '组件标题位置的显示内容',
         'x-index': 10,
         'x-category': '基础属性',
     }),
@@ -33,7 +31,7 @@ const data = Type.Object({
         type: 'boolean',
         title: '显示标题',
         default: true,
-        remarks: '显示组件的标题',
+        description: '显示组件的标题',
         'x-index': 15,
         'x-category': '基础属性',
     }),
@@ -41,7 +39,7 @@ const data = Type.Object({
         type: 'boolean',
         title: '必填',
         default: false,
-        remarks: '启用后该组件强制必填，值不可为空',
+        description: '启用后该组件强制必填，值不可为空',
         'x-index': 25,
         'x-category': '基础属性',
         'x-linkages': [
@@ -56,7 +54,7 @@ const data = Type.Object({
         type: 'boolean',
         title: '必填标识',
         default: true,
-        remarks: '启用后，组件若要求必填，则会显示必填星号标记',
+        description: '启用后，组件若要求必填，则会显示必填星号标记',
         'x-index': 30,
         'x-category': '基础属性',
     }),
@@ -64,7 +62,7 @@ const data = Type.Object({
         type: 'string',
         title: '必填校验提示',
         default: '该项为必填项',
-        remarks: '启用必填，但组件值为空时的提示信息',
+        description: '启用必填，但组件值为空时的提示信息',
         'x-index': 35,
         'x-category': '基础属性',
     }),
@@ -75,10 +73,6 @@ const data = Type.Object({
         display: false,
         'x-index': 101,
         dataType: 'string',
-        inputProp: {
-            changeEvent: 'change',
-            valueFromEvent: 'event.detail.value',
-        },
         'x-category': '基础属性',
         'x-component': 'jsontext',
     }),
@@ -109,7 +103,7 @@ const data = Type.Object({
         type: 'string',
         title: '布局方式',
         default: '',
-        remarks: '设置当前组件的标题和输入选择区域为左右布局或上下布局，如选择“自动”，则跟随父级表单容器的配置',
+        description: '设置当前组件的标题和输入选择区域为左右布局或上下布局，如选择“自动”，则跟随父级表单容器的配置',
         'x-index': 105,
         'x-category': '高级属性',
     }),
@@ -151,7 +145,7 @@ const data = Type.Object({
         type: 'array',
         title: '文件类型',
         default: ['*'],
-        remarks: '支持上传的文件类型格式',
+        description: '支持上传的文件类型格式',
         'x-index': 110,
         'x-category': '高级属性',
         'x-platforms': ['WEB'],
@@ -160,7 +154,7 @@ const data = Type.Object({
         type: 'boolean',
         title: '显示下载按钮',
         default: true,
-        remarks: '显示文件下载按钮',
+        description: '显示文件下载按钮',
         'x-index': 115,
         'x-category': '高级属性',
     }),
@@ -168,7 +162,7 @@ const data = Type.Object({
         type: 'boolean',
         title: '显示删除按钮',
         default: true,
-        remarks: '显示文件删除按钮',
+        description: '显示文件删除按钮',
         'x-index': 120,
         'x-category': '高级属性',
     }),
@@ -176,7 +170,7 @@ const data = Type.Object({
         type: 'boolean',
         title: '禁用',
         default: false,
-        remarks: '是否禁用输入/选择，启用后组件强制显示为只读效果',
+        description: '是否禁用输入/选择，启用后组件强制显示为只读效果',
         'x-index': 125,
         'x-category': '高级属性',
     }),
@@ -235,6 +229,7 @@ const events = [
 const config = defineConfig({
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
     data,
+    properties: Type.Pick(data, ['value']),
     events,
     compConfig: {
         componentType: 'formField',

package/dist/configs/components/form-url.d.ts

@@ -0,0 +1,108 @@
+import { Simplify, Static, StaticEventsType } from '../type-utils';
+declare const data: import("@sinclair/typebox").TObject<{
+    name: import("@sinclair/typebox").TString;
+    label: import("@sinclair/typebox").TString;
+    labelVisible: import("@sinclair/typebox").TBoolean;
+    value: import("@sinclair/typebox").TString;
+    maxLength: import("@sinclair/typebox").TNumber;
+    placeholder: import("@sinclair/typebox").TString;
+    disabled: import("@sinclair/typebox").TBoolean;
+    focus: import("@sinclair/typebox").TBoolean;
+    layout: import("@sinclair/typebox").TUnsafe<"" | "vertical" | "horizontal">;
+    size: import("@sinclair/typebox").TUnsafe<"s" | "m" | "l" | "full">;
+    required: import("@sinclair/typebox").TBoolean;
+    requiredFlag: import("@sinclair/typebox").TBoolean;
+    requiredMsg: import("@sinclair/typebox").TString;
+    clearable: import("@sinclair/typebox").TBoolean;
+}>;
+declare const events: readonly [{
+    readonly title: "值改变";
+    readonly name: "change";
+}, {
+    readonly title: "失焦";
+    readonly name: "blur";
+}, {
+    readonly title: "聚焦";
+    readonly name: "focus";
+}, {
+    readonly title: "确认";
+    readonly name: "confirm";
+}, {
+    readonly title: "清除内容";
+    readonly name: "clear";
+}];
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        name: import("@sinclair/typebox").TString;
+        label: import("@sinclair/typebox").TString;
+        labelVisible: import("@sinclair/typebox").TBoolean;
+        value: import("@sinclair/typebox").TString;
+        maxLength: import("@sinclair/typebox").TNumber;
+        placeholder: import("@sinclair/typebox").TString;
+        disabled: import("@sinclair/typebox").TBoolean;
+        focus: import("@sinclair/typebox").TBoolean;
+        layout: import("@sinclair/typebox").TUnsafe<"" | "vertical" | "horizontal">;
+        size: import("@sinclair/typebox").TUnsafe<"s" | "m" | "l" | "full">;
+        required: import("@sinclair/typebox").TBoolean;
+        requiredFlag: import("@sinclair/typebox").TBoolean;
+        requiredMsg: import("@sinclair/typebox").TString;
+        clearable: import("@sinclair/typebox").TBoolean;
+    }>;
+    readonly compConfig: {
+        readonly componentType: "formField";
+    };
+    readonly events: readonly [{
+        readonly title: "值改变";
+        readonly name: "change";
+    }, {
+        readonly title: "失焦";
+        readonly name: "blur";
+    }, {
+        readonly title: "聚焦";
+        readonly name: "focus";
+    }, {
+        readonly title: "确认";
+        readonly name: "confirm";
+    }, {
+        readonly title: "清除内容";
+        readonly name: "clear";
+    }];
+    readonly meta: {
+        readonly name: "FormUrl";
+        readonly title: "URL输入[旧]";
+        readonly componentName: "UrlInput";
+        readonly description: "用于输入URL地址，会强制校验输入内容是否符合邮箱格式。";
+        readonly category: "表单";
+        readonly categoryOrder: 500;
+        readonly componentOrder: 510;
+        readonly icon: "../icons/FormUrl.svg";
+        readonly visible: readonly [];
+        readonly disableUpgradeAll: true;
+        readonly deprecated: true;
+        readonly renderMode: readonly [{
+            readonly component: "WdInputUrl";
+            readonly renderType: "update";
+            readonly props: {
+                readonly 'data.value': "data.inputValue";
+            };
+            readonly description: "- 支持标题、输入框的提示语配置；\n          - 支持标题的对齐、宽度、换行配置；\n          - 支持输入框前/后缀图标和文本的配置；\n          - 支持支持控制限制字数的展示；\n          - 支持快捷去除移动端下划线、PC端输入边框；\n          - 支持通过标准化的样式API和CSS变量灵活修改和自定义组件样式；";
+        }];
+    };
+    readonly configMeta: {
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormUrl";
+        readonly shortcut: {
+            readonly props: readonly ["name", "label"];
+        };
+        readonly recommendTypes: {
+            readonly name: readonly [{
+                readonly type: "string";
+                readonly format: "url";
+                readonly text: "网址";
+            }];
+        };
+    };
+};
+export type DataType = Simplify<Static<typeof data>>;
+export type EventsType = Simplify<StaticEventsType<typeof events>>;
+export default config;

package/dist/configs/components/form-url.js

@@ -3,8 +3,6 @@ const data = Type.Object({
     name: Type.String({
         type: 'string',
         title: '字段绑定',
-        default: 'formUrl',
-        remarks: '提交表单时会将组件值提交保存到所配置的字段中',
         'x-index': 1,
         'x-rules': [
             {
@@ -18,13 +16,13 @@ const data = Type.Object({
         ],
         required: true,
         'x-category': '基础属性',
-        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。',
+        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。表单内需保证唯一。',
     }),
     label: Type.String({
         type: 'string',
         title: '字段标题',
         default: '网址',
-        remarks: '组件标题位置的显示内容',
+        description: '组件标题位置的显示内容',
         'x-index': 10,
         'x-category': '基础属性',
     }),
@@ -32,7 +30,7 @@ const data = Type.Object({
         type: 'boolean',
         title: '显示标题',
         default: true,
-        remarks: '显示组件的标题',
+        description: '显示组件的标题',
         'x-index': 11,
         'x-category': '基础属性',
     }),
@@ -41,20 +39,15 @@ const data = Type.Object({
         title: '网址内容',
         format: 'url',
         default: '',
-        remarks: '网址输入框中的默认值',
+        description: '网址输入框中的默认值',
         'x-index': 30,
         dataType: 'string',
-        inputProp: {
-            changeEvent: 'change',
-            valueFromEvent: 'event.detail !== undefined && event.detail.value !== undefined ? event.detail.value : event.detail',
-        },
         'x-category': '基础属性',
     }),
     maxLength: Type.Number({
         type: 'number',
         title: '最大长度',
         default: 140,
-        remarks: '允许输入的最大字符数量',
         'x-index': 40,
         'x-category': '高级属性',
         description: '最大输入n个字符，设置为 -1 的时候不限制最大长度',
@@ -63,7 +56,7 @@ const data = Type.Object({
         type: 'string',
         title: '占位符',
         default: '请输入网址',
-        remarks: '用于说明组件用途或注意事项的提示文字',
+        description: '用于说明组件用途或注意事项的提示文字',
         'x-index': 50,
         'x-category': '高级属性',
     }),
@@ -71,7 +64,7 @@ const data = Type.Object({
         type: 'boolean',
         title: '是否禁用',
         default: false,
-        remarks: '是否禁用输入/选择，启用后组件强制显示为只读效果',
+        description: '是否禁用输入/选择，启用后组件强制显示为只读效果',
         'x-index': 60,
         'x-category': '高级属性',
         'x-linkages': [
@@ -86,7 +79,7 @@ const data = Type.Object({
         type: 'boolean',
         title: '获取焦点',
         default: false,
-        remarks: '启用后，打开页面时，该组件的输入框将自动获取焦点（多组件启用时，仅最下方的组件生效）',
+        description: '启用后，打开页面时，该组件的输入框将自动获取焦点（多组件启用时，仅最下方的组件生效）',
         'x-index': 70,
         syncProp: [
             {
@@ -125,7 +118,7 @@ const data = Type.Object({
         type: 'string',
         title: '布局方式',
         default: '',
-        remarks: '设置当前组件的标题和输入选择区域为左右布局或上下布局，如选择“自动”，则跟随父级表单容器的配置',
+        description: '设置当前组件的标题和输入选择区域为左右布局或上下布局，如选择“自动”，则跟随父级表单容器的配置',
         'x-index': 80,
         'x-category': '高级属性',
     }),
@@ -159,7 +152,7 @@ const data = Type.Object({
         type: 'boolean',
         title: '必填',
         default: false,
-        remarks: '启用后该组件强制必填，值不可为空',
+        description: '启用后该组件强制必填，值不可为空',
         'x-index': 90,
         'x-category': '基础属性',
         'x-linkages': [
@@ -179,7 +172,7 @@ const data = Type.Object({
         type: 'boolean',
         title: '必填标识',
         default: true,
-        remarks: '启用后，组件若要求必填，则会显示必填星号标记',
+        description: '启用后，组件若要求必填，则会显示必填星号标记',
         'x-index': 91,
         'x-category': '基础属性',
     }),
@@ -187,7 +180,7 @@ const data = Type.Object({
         type: 'string',
         title: '必填校验提示',
         default: '该项为必填项',
-        remarks: '启用必填，但组件值为空时的提示信息',
+        description: '启用必填，但组件值为空时的提示信息',
         'x-index': 92,
         'x-category': '基础属性',
     }),
@@ -195,14 +188,14 @@ const data = Type.Object({
         type: 'boolean',
         title: '显示清空按钮',
         default: true,
-        remarks: '启用后，输入框有值时，右侧将显示清空按钮，点击后可清空输入框中的值',
+        description: '启用后，输入框有值时，右侧将显示清空按钮，点击后可清空输入框中的值',
         'x-index': 100,
         'x-category': '高级属性',
     }),
 });
 const events = [
     {
-        title: '输入改变',
+        title: '值改变',
         name: 'change',
     },
     {