diff --git a/packages/designer/public/designer-canvas/empty1.json b/packages/designer/public/designer-canvas/empty1.json index c257280239217c5dc16a035ffdc4e42745006bfd..257d9663944a6e5f8044eaf40a08dded895e5a5c 100644 --- a/packages/designer/public/designer-canvas/empty1.json +++ b/packages/designer/public/designer-canvas/empty1.json @@ -1,734 +1,1513 @@ { - "header" : { - "Code" : "CommonDictionary", - "Type" : "Form", - "NameSpace" : "Inspur.GS.SagiDemo.SagiDemeModule.CommonDictionaries.CommonDictionaries.Front", - "CertId" : null, - "Name" : "通用字典", - "FileName" : "CommonDictionary.frm", - "BizobjectID" : "d8b09de6-5e7c-bfdf-d308-468827ba0d6b", - "Language" : null, - "Extendable" : false, - "NameLanguage" : { - "zh-CHS" : "通用字典", - "en" : "Common Dictionary", - "zh-CHT" : "" + "Header": { + "Code": "MobileVueTest", + "Type": "MobileForm", + "NameSpace": "Inspur.GS.MyDev.FarrisVueTest.VueFormTest.VueFormTest.Front", + "CertId": null, + "Name": "移动Vue测试", + "FileName": "MobileVueTest.mfrm", + "BizobjectID": "e34f063d-9c31-1e20-4ad7-c6b4f57ddfc9", + "Language": null, + "Extendable": false, + "NameLanguage": { + "zh-CHS": "移动Vue测试", + "en": "", + "zh-CHT": "" }, - "ID" : "35dd45be-60c7-4ae8-a827-533424031b76", - "IsTranslating" : false + "ID": "af47af33-345b-471e-9a00-49db59c222a1", + "IsTranslating": false }, - "refs" : [ { - "DependentMetadata" : { - "ID" : "4fdfc52d-8ac3-4f56-b431-d371c1fcf3ec", - "CertId" : null, - "NameSpace" : "Inspur.GS.SagiDemo.SagiDemeModule.CommonDictionaries.CommonDictionaries.Front", - "Code" : "CommonDictionary.frm", - "Name" : "CommonDictionary.frm", - "Type" : "ResourceMetadata", - "BizobjectID" : "d8b09de6-5e7c-bfdf-d308-468827ba0d6b" + "Refs": [ + { + "DependentMetadata": { + "ID": "1cfb0d2a-7300-4fc7-8d01-cd09a5df9198", + "CertId": null, + "NameSpace": "Inspur.GS.MyDev.FarrisVueTest.VueFormTest.VueFormTest.Front", + "Code": "MobileVueTest.mfrm", + "Name": "MobileVueTest.mfrm", + "Type": "ResourceMetadata", + "BizobjectID": "e34f063d-9c31-1e20-4ad7-c6b4f57ddfc9" + } } - } ], - "Content" : { - "code" : null, - "name" : null, - "Contents" : { - "module" : { - "id" : "35dd45be-60c7-4ae8-a827-533424031b76", - "code" : "CommonDictionary", - "name" : "通用字典", - "type" : "Module", - "creator" : "Sagi", - "creationDate" : "2025-02-07T07:43:41.186Z", - "templateId" : "list-card-template", - "templateRule" : "list-card-template", - "entity" : [ { - "eapiId" : "626b3ac9-e713-4cf2-95bd-9d01e401b51e", - "eapiCode" : "CommonDictionary_frm", - "eapiName" : "通用字典_frm", - "eapiNameSpace" : "Inspur.GS.SagiDemo.SagiDemeModule.CommonDictionaries.CommonDictionaries.Front", - "voPath" : "SagiDemo/SagiDemeModule/CommonDictionaries/bo-commondictionaries-front/metadata/components", - "voNameSpace" : "Inspur.GS.SagiDemo.SagiDemeModule.CommonDictionaries.CommonDictionaries.Front", - "name" : "通用字典_frm", - "id" : "52c7e73a-4797-4547-a772-fd50edf39f63", - "entities" : [ { - "label" : "commonDictionarys", - "name" : "通用字典", - "id" : "57a6ad1b-0dc2-4617-b820-a973da18887c", - "type" : { - "$type" : "EntityType", - "fields" : [ { - "$type" : "SimpleField", - "defaultValue" : "", - "editor" : { - "$type" : "TextBox" - }, - "require" : true, - "multiLanguage" : false, - "readonly" : false, - "label" : "id", - "name" : "主键", - "id" : "740c1cff-164d-4f47-96d9-cf7c8075cddb", - "type" : { - "$type" : "StringType", - "displayName" : "字符串", - "length" : 36, - "name" : "String" - }, - "path" : "ID", - "code" : "ID", - "originalId" : "740c1cff-164d-4f47-96d9-cf7c8075cddb", - "bindingField" : "id", - "bindingPath" : "id" - }, { - "$type" : "SimpleField", - "defaultValue" : "", - "editor" : { - "$type" : "DateBox", - "format" : "'yyyy-MM-dd'" - }, - "require" : false, - "multiLanguage" : false, - "readonly" : false, - "label" : "version", - "name" : "版本", - "id" : "43a7c79e-56e0-442e-b39d-8f9f45e8b0c8", - "type" : { - "$type" : "DateTimeType", - "displayName" : "日期时间", - "name" : "DateTime" - }, - "path" : "Version", - "code" : "Version", - "originalId" : "43a7c79e-56e0-442e-b39d-8f9f45e8b0c8", - "bindingField" : "version", - "bindingPath" : "version" - }, { - "$type" : "SimpleField", - "defaultValue" : "", - "editor" : { - "$type" : "TextBox" - }, - "require" : false, - "multiLanguage" : false, - "readonly" : false, - "label" : "code", - "name" : "编号", - "id" : "ddfc72d4-0c9b-49bf-8f41-8047264f6edc", - "type" : { - "$type" : "StringType", - "displayName" : "字符串", - "length" : 36, - "name" : "String" - }, - "path" : "Code", - "code" : "Code", - "originalId" : "ddfc72d4-0c9b-49bf-8f41-8047264f6edc", - "bindingField" : "code", - "bindingPath" : "code" - }, { - "$type" : "SimpleField", - "defaultValue" : "", - "editor" : { - "$type" : "TextBox" - }, - "require" : false, - "multiLanguage" : false, - "readonly" : false, - "label" : "name", - "name" : "名称", - "id" : "1ecd5759-6df4-41c8-9526-0108a5e2d9b6", - "type" : { - "$type" : "StringType", - "displayName" : "字符串", - "length" : 36, - "name" : "String" - }, - "path" : "Name", - "code" : "Name", - "originalId" : "1ecd5759-6df4-41c8-9526-0108a5e2d9b6", - "bindingField" : "name", - "bindingPath" : "name" - }, { - "$type" : "SimpleField", - "defaultValue" : "", - "editor" : { - "$type" : "TextBox" - }, - "require" : false, - "multiLanguage" : false, - "readonly" : false, - "label" : "category", - "name" : "分类", - "id" : "8e00ef40-17ba-4cbb-8a3c-709cf40b7939", - "type" : { - "$type" : "StringType", - "displayName" : "字符串", - "length" : 36, - "name" : "String" - }, - "path" : "Category", - "code" : "Category", - "originalId" : "8e00ef40-17ba-4cbb-8a3c-709cf40b7939", - "bindingField" : "category", - "bindingPath" : "category" - }, { - "$type" : "SimpleField", - "defaultValue" : "", - "editor" : { - "$type" : "EnumField" - }, - "require" : false, - "multiLanguage" : false, - "readonly" : false, - "label" : "enableStatus", - "name" : "启用状态", - "id" : "df3b84c2-dc6b-419c-85e3-0006b0535e61", - "type" : { - "$type" : "EnumType", - "displayName" : "枚举", - "name" : "Enum", - "enumValues" : [ { - "disabled" : false, - "name" : "未启用", - "value" : "0" - }, { - "disabled" : false, - "name" : "已启用", - "value" : "1" - } ], - "valueType" : { - "$type" : "StringType", - "displayName" : "字符串", - "length" : 36, - "name" : "String" - } - }, - "path" : "EnableStatus", - "code" : "EnableStatus", - "originalId" : "df3b84c2-dc6b-419c-85e3-0006b0535e61", - "bindingField" : "enableStatus", - "bindingPath" : "enableStatus" - } ], - "entities" : [ ], - "primary" : "id", - "displayName" : "通用字典", - "name" : "CommonDictionary" + ], + "Content": { + "code": null, + "name": null, + "Id": "af47af33-345b-471e-9a00-49db59c222a1", + "Contents": { + "module": { + "id": "af47af33-345b-471e-9a00-49db59c222a1", + "code": "MobileVueTest", + "name": "移动Vue测试", + "type": "Module", + "creator": "lijiangkun", + "creationDate": "2025-04-17T03:50:32.907Z", + "templateId": "list-card-template", + "templateRule": "list-card-template", + "entity": [ + { + "eapiId": "29245968-6379-4c6c-a812-72e3411917c0", + "eapiCode": null, + "eapiName": null, + "eapiNameSpace": null, + "voPath": null, + "voNameSpace": null, + "name": "移动Vue测试_mfrm", + "id": "0d20adf7-9ed1-44cf-a8f5-e9714353c174", + "extendProperties": { + "enableStdTimeFormat": true }, - "code" : "CommonDictionary" - } ], - "sourceUri" : "api/sagidemo/sagidememodule/v1.0/CommonDictionary_frm", - "code" : "CommonDictionary_frm", - "variables" : [ ], - "sourceType" : "vo", - "extendProperties" : { - "enableStdTimeFormat" : true + "sourceType": "vo", + "variables": [], + "code": "MobileVueTest_mfrm", + "entities": [ + { + "name": "Vue测试", + "id": "fa4b4e84-11b2-40ce-b071-7b2cd5b93eed", + "type": { + "$type": "EntityType", + "fields": [ + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "TextBox" + }, + "readonly": false, + "multiLanguage": false, + "require": true, + "name": "主键", + "id": "389ab039-9b60-4dd0-8cdc-a23c0feccf31", + "type": { + "$type": "StringType", + "length": 36, + "name": "String", + "displayName": "字符串" + }, + "path": "ID", + "originalId": "389ab039-9b60-4dd0-8cdc-a23c0feccf31", + "code": "ID", + "label": "id", + "bindingField": "id", + "bindingPath": "id" + }, + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "DateBox", + "format": "'yyyy-MM-dd'" + }, + "readonly": false, + "multiLanguage": false, + "require": false, + "name": "版本", + "id": "e3ca9955-1155-4a4b-a164-e48c31928c24", + "type": { + "$type": "DateTimeType", + "name": "DateTime", + "displayName": "日期时间" + }, + "path": "Version", + "originalId": "e3ca9955-1155-4a4b-a164-e48c31928c24", + "code": "Version", + "label": "version", + "bindingField": "version", + "bindingPath": "version" + }, + { + "$type": "ComplexField", + "name": "状态", + "id": "9fefd0ed-7594-43f7-a6f2-10828a4d00ae", + "type": { + "$type": "ObjectType", + "name": "BillState9fef", + "fields": [ + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "EnumField" + }, + "readonly": false, + "multiLanguage": false, + "require": false, + "name": "状态", + "id": "9fefd0ed-0101-468f-ae3f-40c76c0f06b0", + "type": { + "$type": "EnumType", + "name": "Enum", + "displayName": "枚举", + "enumValues": [ + { + "disabled": false, + "name": "制单", + "value": "Billing" + }, + { + "disabled": false, + "name": "提交审批", + "value": "SubmitApproval" + }, + { + "disabled": false, + "name": "审批通过", + "value": "Approved" + }, + { + "disabled": false, + "name": "审批不通过", + "value": "ApprovalNotPassed" + } + ], + "valueType": { + "$type": "StringType", + "length": 36, + "name": "String", + "displayName": "字符串" + } + }, + "path": "BillStatus.BillState", + "originalId": "a0b19650-0101-468f-ae3f-40c76c0f06b0", + "code": "BillState", + "label": "billState", + "bindingField": "billStatus_BillState", + "bindingPath": "billStatus.billState" + } + ], + "displayName": "状态" + }, + "path": "BillStatus", + "originalId": "9fefd0ed-7594-43f7-a6f2-10828a4d00ae", + "code": "BillStatus", + "label": "billStatus", + "bindingField": "billStatus", + "bindingPath": "billStatus" + }, + { + "$type": "ComplexField", + "name": "流程实例", + "id": "12ef9c5c-4ba3-4df4-bd0f-5672c3e0ecff", + "type": { + "$type": "ObjectType", + "name": "ProcessInstance12ef", + "fields": [ + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "TextBox" + }, + "readonly": false, + "multiLanguage": false, + "require": false, + "name": "流程实例", + "id": "12ef9c5c-ad8f-4da3-a430-c8a7f2162135", + "type": { + "$type": "StringType", + "length": 36, + "name": "String", + "displayName": "字符串" + }, + "path": "ProcessInstance.ProcessInstance", + "originalId": "2e1beb7d-ad8f-4da3-a430-c8a7f2162135", + "code": "ProcessInstance", + "label": "processInstance", + "bindingField": "processInstance_ProcessInstance", + "bindingPath": "processInstance.processInstance" + } + ], + "displayName": "流程实例" + }, + "path": "ProcessInstance", + "originalId": "12ef9c5c-4ba3-4df4-bd0f-5672c3e0ecff", + "code": "ProcessInstance", + "label": "processInstance", + "bindingField": "processInstance", + "bindingPath": "processInstance" + }, + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "TextBox" + }, + "readonly": false, + "multiLanguage": false, + "require": false, + "name": "编号", + "id": "8537ca17-502f-4b90-ac87-ae1dde9a7f03", + "type": { + "$type": "StringType", + "length": 36, + "name": "String", + "displayName": "字符串" + }, + "path": "code", + "originalId": "8537ca17-502f-4b90-ac87-ae1dde9a7f03", + "code": "code", + "label": "code", + "bindingField": "code", + "bindingPath": "code" + }, + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "TextBox" + }, + "readonly": false, + "multiLanguage": false, + "require": false, + "name": "名称", + "id": "6a051d6e-f870-4a9f-84df-043cfbc26cf2", + "type": { + "$type": "StringType", + "length": 36, + "name": "String", + "displayName": "字符串" + }, + "path": "name", + "originalId": "6a051d6e-f870-4a9f-84df-043cfbc26cf2", + "code": "name", + "label": "name", + "bindingField": "name", + "bindingPath": "name" + }, + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "SwitchField" + }, + "readonly": false, + "multiLanguage": false, + "require": false, + "name": "布尔字段", + "id": "f51c1e5d-fe58-4591-8cd1-25a119c9f4c1", + "type": { + "$type": "BooleanType", + "name": "Boolean", + "displayName": "布尔" + }, + "path": "booleanField", + "originalId": "f51c1e5d-fe58-4591-8cd1-25a119c9f4c1", + "code": "booleanField", + "label": "booleanField", + "bindingField": "booleanField", + "bindingPath": "booleanField" + }, + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "NumericBox" + }, + "readonly": false, + "multiLanguage": false, + "require": false, + "name": "数值字段", + "id": "1f816b38-2a72-4252-8eb6-760b8f97fcea", + "type": { + "$type": "NumericType", + "length": 0, + "name": "Number", + "displayName": "数字", + "precision": 0 + }, + "path": "numberField", + "originalId": "1f816b38-2a72-4252-8eb6-760b8f97fcea", + "code": "numberField", + "label": "numberField", + "bindingField": "numberField", + "bindingPath": "numberField" + }, + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "DateBox", + "format": "'yyyy-MM-dd'" + }, + "readonly": false, + "multiLanguage": false, + "require": false, + "name": "日期字段", + "id": "4911913b-1868-4b34-b4e0-84939b14ab6e", + "type": { + "$type": "DateType", + "name": "Date", + "displayName": "日期" + }, + "path": "dateField", + "originalId": "4911913b-1868-4b34-b4e0-84939b14ab6e", + "code": "dateField", + "label": "dateField", + "bindingField": "dateField", + "bindingPath": "dateField" + } + ], + "primary": "id", + "entities": [ + { + "name": "子表1", + "id": "97347b0b-1c54-432f-891a-4d7b139d6dbc", + "type": { + "$type": "EntityType", + "fields": [ + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "TextBox" + }, + "readonly": false, + "multiLanguage": false, + "require": true, + "name": "主键", + "id": "7d1363dc-bbb0-41ac-b52d-5cc12832bf58", + "type": { + "$type": "StringType", + "length": 36, + "name": "String", + "displayName": "字符串" + }, + "path": "ID", + "originalId": "7d1363dc-bbb0-41ac-b52d-5cc12832bf58", + "code": "ID", + "label": "id", + "bindingField": "id", + "bindingPath": "id" + }, + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "TextBox" + }, + "readonly": false, + "multiLanguage": false, + "require": true, + "name": "上级对象主键", + "id": "750cc77b-6562-4c83-9e5b-80ad5abb7bb8", + "type": { + "$type": "StringType", + "length": 36, + "name": "String", + "displayName": "字符串" + }, + "path": "ParentID", + "originalId": "750cc77b-6562-4c83-9e5b-80ad5abb7bb8", + "code": "ParentID", + "label": "parentID", + "bindingField": "parentID", + "bindingPath": "parentID" + }, + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "TextBox" + }, + "readonly": false, + "multiLanguage": false, + "require": false, + "name": "编号", + "id": "3c2b560e-5b8d-4781-b31f-719f83443df1", + "type": { + "$type": "StringType", + "length": 36, + "name": "String", + "displayName": "字符串" + }, + "path": "code", + "originalId": "3c2b560e-5b8d-4781-b31f-719f83443df1", + "code": "code", + "label": "code", + "bindingField": "code", + "bindingPath": "code" + }, + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "TextBox" + }, + "readonly": false, + "multiLanguage": false, + "require": false, + "name": "名称", + "id": "f89eb4ab-8d41-4fb5-a99d-013bd9242150", + "type": { + "$type": "StringType", + "length": 36, + "name": "String", + "displayName": "字符串" + }, + "path": "name", + "originalId": "f89eb4ab-8d41-4fb5-a99d-013bd9242150", + "code": "name", + "label": "name", + "bindingField": "name", + "bindingPath": "name" + } + ], + "primary": "id", + "entities": [], + "name": "Child1", + "displayName": "子表1" + }, + "code": "Child1", + "label": "child1s" + }, + { + "name": "子表2", + "id": "e1c8145b-15d6-4a54-9d79-9149af8d6dc4", + "type": { + "$type": "EntityType", + "fields": [ + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "TextBox" + }, + "readonly": false, + "multiLanguage": false, + "require": true, + "name": "主键", + "id": "3a1e8cf0-9ad2-4eeb-b16b-e898a8b24be4", + "type": { + "$type": "StringType", + "length": 36, + "name": "String", + "displayName": "字符串" + }, + "path": "ID", + "originalId": "3a1e8cf0-9ad2-4eeb-b16b-e898a8b24be4", + "code": "ID", + "label": "id", + "bindingField": "id", + "bindingPath": "id" + }, + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "TextBox" + }, + "readonly": false, + "multiLanguage": false, + "require": true, + "name": "上级对象主键", + "id": "22649c9f-2483-4907-8a67-9fd70ce9b5e7", + "type": { + "$type": "StringType", + "length": 36, + "name": "String", + "displayName": "字符串" + }, + "path": "ParentID", + "originalId": "22649c9f-2483-4907-8a67-9fd70ce9b5e7", + "code": "ParentID", + "label": "parentID", + "bindingField": "parentID", + "bindingPath": "parentID" + }, + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "TextBox" + }, + "readonly": false, + "multiLanguage": false, + "require": false, + "name": "编号", + "id": "bdc235f6-eded-443a-b95d-cf07fb4a741a", + "type": { + "$type": "StringType", + "length": 36, + "name": "String", + "displayName": "字符串" + }, + "path": "code", + "originalId": "bdc235f6-eded-443a-b95d-cf07fb4a741a", + "code": "code", + "label": "code", + "bindingField": "code", + "bindingPath": "code" + }, + { + "$type": "SimpleField", + "defaultValue": "", + "editor": { + "$type": "TextBox" + }, + "readonly": false, + "multiLanguage": false, + "require": false, + "name": "名称", + "id": "b5c97bc2-94e3-483c-8002-1352e103e9f6", + "type": { + "$type": "StringType", + "length": 36, + "name": "String", + "displayName": "字符串" + }, + "path": "name", + "originalId": "b5c97bc2-94e3-483c-8002-1352e103e9f6", + "code": "name", + "label": "name", + "bindingField": "name", + "bindingPath": "name" + } + ], + "primary": "id", + "entities": [], + "name": "Child2", + "displayName": "子表2" + }, + "code": "Child2", + "label": "child2s" + } + ], + "name": "VueTest", + "displayName": "Vue测试" + }, + "code": "VueTest", + "label": "vueTests" + } + ], + "sourceUri": "api/mydev/farrisvuetest/v1.0/MobileVueTest_mfrm" } - } ], - "states" : [ ], - "stateMachines" : [ { - "id" : "CommonDictionary_state_machine", - "name" : "通用字典", - "uri" : "cde50e74-98bb-484d-8c21-247c84e615e0", - "code" : "CommonDictionary_frm", - "nameSpace" : "Inspur.GS.SagiDemo.SagiDemeModule.CommonDictionaries.CommonDictionaries.Front" - } ], - "viewmodels" : [ { - "id" : "root-viewmodel", - "code" : "root-viewmodel", - "name" : "通用字典", - "fields" : [ ], - "stateMachine" : "CommonDictionary_state_machine", - "serviceRefs" : [ ], - "commands" : [ ], - "states" : [ ], - "bindTo" : "/", - "enableValidation" : false, - "enableUnifiedSession" : false - }, { - "id" : "data-grid-component-viewmodel", - "code" : "data-grid-component-viewmodel", - "name" : "通用字典", - "fields" : [ { - "type" : "Form", - "id" : "ddfc72d4-0c9b-49bf-8f41-8047264f6edc", - "fieldName" : "code", - "groupId" : null, - "groupName" : null, - "updateOn" : "blur" - }, { - "type" : "Form", - "id" : "1ecd5759-6df4-41c8-9526-0108a5e2d9b6", - "fieldName" : "name", - "groupId" : null, - "groupName" : null, - "updateOn" : "blur" - }, { - "type" : "Form", - "id" : "df3b84c2-dc6b-419c-85e3-0006b0535e61", - "fieldName" : "enableStatus", - "groupId" : null, - "groupName" : null, - "updateOn" : "change" - } ], - "commands" : [ { - "id" : "fda876c8-7230-46e7-af3d-d38233642275", - "code" : "loadList1", - "name" : "加载列表数据", - "params" : [ ], - "handlerName" : "loadList", - "cmpId" : "7c48ef46-339c-42d4-8365-a21236c63044", - "extensions" : [ ], - "isInvalid" : false - }, { - "id" : "22576fc1-08fb-49a9-b132-295c7392b481", - "code" : "remove1", - "name" : "删除当前数据", - "params" : [ { - "name" : "id", - "shownName" : "待删除数据的标识", - "value" : "{DATA~/id}" - } ], - "handlerName" : "remove", - "cmpId" : "7c48ef46-339c-42d4-8365-a21236c63044", - "extensions" : [ ], - "isInvalid" : false - }, { - "id" : "8788c27e-722a-4b98-9d57-98eafb526fe5", - "code" : "loadCard1", - "name" : "加载卡片数据", - "params" : [ ], - "handlerName" : "loadCard", - "cmpId" : "7c48ef46-339c-42d4-8365-a21236c63044", - "extensions" : [ ], - "isInvalid" : false - }, { - "id" : "ef281c13-4480-4256-901e-4bef5f92bd9e", - "code" : "add1", - "name" : "新增一条数据", - "params" : [ ], - "handlerName" : "add", - "cmpId" : "7c48ef46-339c-42d4-8365-a21236c63044", - "extensions" : [ ], - "isInvalid" : false - }, { - "id" : "e7cf83c2-e52d-4dce-aded-047a819c8068", - "code" : "changePage1", - "name" : "切换页码", - "params" : [ { - "name" : "loadCommandName", - "shownName" : "切换页面后回调方法", - "value" : "loadList1" - }, { - "name" : "loadCommandFrameId", - "shownName" : "目标组件", - "value" : "data-grid-component" - } ], - "handlerName" : "changePage", - "cmpId" : "7c48ef46-339c-42d4-8365-a21236c63044", - "extensions" : [ ], - "isInvalid" : false - } ], - "serviceRefs" : [ ], - "states" : [ ], - "bindTo" : "/", - "parent" : "root-viewmodel", - "enableValidation" : false - }, { - "id" : "detail-form-component-viewmodel", - "code" : "detail-form-component-viewmodel", - "name" : "通用字典", - "fields" : [ { - "type" : "Form", - "id" : "ddfc72d4-0c9b-49bf-8f41-8047264f6edc", - "fieldName" : "code", - "groupId" : null, - "groupName" : null, - "updateOn" : "blur" - }, { - "type" : "Form", - "id" : "1ecd5759-6df4-41c8-9526-0108a5e2d9b6", - "fieldName" : "name", - "groupId" : null, - "groupName" : null, - "updateOn" : "blur" - }, { - "type" : "Form", - "id" : "8e00ef40-17ba-4cbb-8a3c-709cf40b7939", - "fieldName" : "category", - "groupId" : null, - "groupName" : null, - "updateOn" : "blur" - } ], - "commands" : [ { - "id" : "d12acc4e-6274-44dc-95e6-cedeb5e66707", - "code" : "edit1", - "name" : "编辑数据", - "params" : [ { - "name" : "id", - "shownName" : "待编辑数据的标识", - "value" : "{DATA~/id}" - }, { - "name" : "transitionAction", - "shownName" : "状态机动作", - "value" : "Edit" - } ], - "handlerName" : "edit", - "cmpId" : "7c48ef46-339c-42d4-8365-a21236c63044", - "extensions" : [ ], - "isInvalid" : false - }, { - "id" : "5707d460-c441-45c4-8fe1-f77abd9f75b1", - "code" : "save1", - "name" : "保存变更", - "params" : [ ], - "handlerName" : "save", - "cmpId" : "7c48ef46-339c-42d4-8365-a21236c63044", - "extensions" : [ ], - "isInvalid" : false - }, { - "id" : "b3897b4b-a37f-48e3-afb3-8489cec02806", - "code" : "cancel1", - "name" : "取消变更", - "params" : [ ], - "handlerName" : "cancel", - "cmpId" : "7c48ef46-339c-42d4-8365-a21236c63044", - "extensions" : [ ], - "isInvalid" : false - } ], - "serviceRefs" : [ ], - "states" : [ ], - "bindTo" : "/", - "parent" : "root-viewmodel", - "enableValidation" : true - } ], - "components" : [ { - "id" : "root-component", - "type" : "component", - "componentType" : "frame", - "viewModel" : "root-viewmodel", - "contents" : [ { - "id" : "root-layout", - "type" : "content-container", - "appearance" : { - "class" : "f-page f-page-navigate f-page-is-grid-card" - }, - "contents" : [ { - "id" : "page-header", - "type" : "page-header", - "appearance" : { - "class" : "f-page-header" + ], + "states": [], + "stateMachines": [ + { + "id": "MobileVueTest_list-page-component_state_machine", + "name": "移动Vue测试_list-page-component状态机", + "uri": "74843186-76b9-4ab3-8fad-c8ba64390c3c" + }, + { + "id": "MobileVueTest_card-page-component_state_machine", + "name": "移动Vue测试_card-page-component状态机", + "uri": "a39bf6b2-330a-4000-9d5e-82aa1c457edf" + } + ], + "viewmodels": [ + { + "id": "list-page-viewmodel", + "code": "list-page-viewmodel", + "name": "Vue测试", + "fields": [], + "stateMachine": "MobileVueTest_list-page-component_state_machine", + "commands": [ + { + "id": "LoadPageForList", + "code": "LoadPageForList", + "name": "页面加载命令", + "params": [ + { + "name": "commandName", + "shownName": "命令名称", + "value": "LoadDataForList" + }, + { + "name": "viewModelId", + "shownName": "视图模型id", + "value": "" + } + ], + "handlerName": "LoadPageForList", + "cmpId": "cf5e568a-5243-4539-94ea-e195eb4d6736", + "extensions": [], + "isInvalid": false + }, + { + "id": "LoadDataForList", + "code": "LoadDataForList", + "name": "列表取数命令", + "params": [ + { + "name": "filters", + "shownName": "过滤条件", + "value": "[]" + }, + { + "name": "sorts", + "shownName": "排序条件", + "value": "[]" + }, + { + "name": "autoMerge", + "shownName": "是否合并过滤条件", + "value": true + } + ], + "handlerName": "LoadForList", + "cmpId": "0a68799b-48c6-4c9f-b0d7-140683c62b58", + "extensions": [], + "isInvalid": false + }, + { + "id": "OpenCardAndAdd", + "code": "OpenCardAndAdd", + "name": "打开卡片并新增命令", + "params": [ + { + "name": "path", + "shownName": "路由地址", + "value": "/MobileVueTest/card-page-component" + }, + { + "name": "queryParams", + "shownName": "携带参数", + "value": "{ \"action\": \"LoadAndAddForCard\" }" + } + ], + "handlerName": "Navigate", + "cmpId": "910661bd-963a-4287-aa32-441c95b8720f", + "extensions": [], + "isInvalid": false }, - "iconClass" : "f-title-icon f-text-orna-dict", - "icon" : "f-icon f-icon-page-title-dictionary", - "title" : "通用字典", - "toolbar" : { - "type" : "response-toolbar", - "buttons" : [ { - "id" : "button-add", - "type" : "response-toolbar-item", - "appearance" : { - "class" : "btn-primary" + { + "id": "OpenCardAndEdit", + "code": "OpenCardAndEdit", + "name": "打开卡片并编辑命令", + "params": [ + { + "name": "path", + "shownName": "路由地址", + "value": "/MobileVueTest/card-page-component" }, - "disabled" : "!viewModel.stateMachine['canAdd']", - "onClick" : "root-viewmodel.data-grid-component-viewmodel.add1", - "text" : "新增" - }, { - "id" : "button-edit", - "type" : "response-toolbar-item", - "text" : "编辑", - "disabled" : "!viewModel.stateMachine['canEdit']", - "onClick" : "root-viewmodel.detail-form-component-viewmodel.edit1" - }, { - "id" : "button-save", - "type" : "response-toolbar-item", - "text" : "保存", - "disabled" : "!viewModel.stateMachine['canSave']", - "onClick" : "root-viewmodel.detail-form-component-viewmodel.save1" - }, { - "id" : "button-cancel", - "type" : "response-toolbar-item", - "text" : "取消", - "disabled" : "!viewModel.stateMachine['canCancel']", - "onClick" : "root-viewmodel.detail-form-component-viewmodel.cancel1" - }, { - "id" : "button-delete", - "type" : "response-toolbar-item", - "text" : "删除", - "disabled" : "!viewModel.stateMachine['canRemove']", - "onClick" : "root-viewmodel.data-grid-component-viewmodel.remove1" - } ] + { + "name": "queryParams", + "shownName": "携带参数", + "value": "{ \"action\": \"LoadAndEditForCard\", \"id\":\"{DATA~/id}\"}" + } + ], + "handlerName": "Navigate", + "cmpId": "910661bd-963a-4287-aa32-441c95b8720f", + "extensions": [], + "isInvalid": false + }, + { + "id": "OpenCardAndView", + "code": "OpenCardAndView", + "name": "打开卡片并查看命令", + "params": [ + { + "name": "path", + "shownName": "路由地址", + "value": "/MobileVueTest/card-page-component" + }, + { + "name": "queryParams", + "shownName": "携带参数", + "value": "{ \"action\": \"LoadAndViewForCard\", \"id\":\"{DATA~/id}\"}" + } + ], + "handlerName": "Navigate", + "cmpId": "910661bd-963a-4287-aa32-441c95b8720f", + "extensions": [], + "isInvalid": false + }, + { + "id": "RemoveById", + "code": "RemoveById", + "name": "删除命令", + "params": [ + { + "name": "id", + "shownName": "数据id", + "value": "{DATA~/id}" + } + ], + "handlerName": "RemoveById", + "cmpId": "dab6b7f1-f56f-490a-879c-3d74232cd3ba", + "extensions": [], + "isInvalid": false + }, + { + "id": "RemoveByIds", + "code": "RemoveByIds", + "name": "批量删除命令", + "params": [ + { + "name": "ids", + "shownName": "数据id的数组", + "value": "" + } + ], + "handlerName": "RemoveByIds", + "cmpId": "dab6b7f1-f56f-490a-879c-3d74232cd3ba", + "extensions": [], + "isInvalid": false + }, + { + "id": "GoBack", + "code": "GoBack", + "name": "返回命令", + "params": [ + { + "name": "params", + "shownName": "携带参数", + "value": "{}" + } + ], + "handlerName": "GoBack", + "cmpId": "910661bd-963a-4287-aa32-441c95b8720f", + "extensions": [], + "isInvalid": false + }, + { + "id": "77a277bf-6db3-4f7c-9418-1c12212ccab0", + "code": "componentOnBeforeInit", + "name": "列表页面初始化前事件", + "params": [], + "handlerName": "componentOnBeforeInit", + "cmpId": "791cc5d9-65f9-40d0-b40c-444c7bc1afa3", + "shortcut": {}, + "extensions": [], + "isInvalid": false } - }, { - "id" : "main-container", - "type" : "content-container", - "appearance" : { - "class" : "f-page-main" + ], + "states": [], + "bindTo": "/", + "parent": null, + "enableValidation": false + }, + { + "id": "card-page-viewmodel", + "code": "card-page-viewmodel", + "name": "卡片页面视图模型", + "fields": [ + { + "type": "Form", + "id": "389ab039-9b60-4dd0-8cdc-a23c0feccf31", + "fieldName": "id", + "groupId": null, + "groupName": null, + "updateOn": "blur" }, - "contents" : [ { - "id" : "content-splitter", - "type" : "splitter", - "appearance" : { - "class" : "f-page-content" - }, - "contents" : [ { - "id" : "content-list", - "type" : "splitter-pane", - "appearance" : { - "class" : "f-col-w6 f-page-content-nav" + { + "type": "Form", + "id": "e3ca9955-1155-4a4b-a164-e48c31928c24", + "fieldName": "version", + "groupId": null, + "groupName": null, + "updateOn": "blur" + }, + { + "type": "Form", + "id": "9fefd0ed-0101-468f-ae3f-40c76c0f06b0", + "fieldName": "billStatus_BillState", + "groupId": null, + "groupName": null, + "updateOn": "change" + }, + { + "type": "Form", + "id": "12ef9c5c-ad8f-4da3-a430-c8a7f2162135", + "fieldName": "processInstance_ProcessInstance", + "groupId": null, + "groupName": null, + "updateOn": "blur" + }, + { + "type": "Form", + "id": "8537ca17-502f-4b90-ac87-ae1dde9a7f03", + "fieldName": "code", + "groupId": null, + "groupName": null, + "updateOn": "blur" + }, + { + "type": "Form", + "id": "6a051d6e-f870-4a9f-84df-043cfbc26cf2", + "fieldName": "name", + "groupId": null, + "groupName": null, + "updateOn": "blur" + }, + { + "type": "Form", + "id": "f51c1e5d-fe58-4591-8cd1-25a119c9f4c1", + "fieldName": "booleanField", + "groupId": null, + "groupName": null, + "updateOn": "blur" + }, + { + "type": "Form", + "id": "1f816b38-2a72-4252-8eb6-760b8f97fcea", + "fieldName": "numberField", + "groupId": null, + "groupName": null, + "updateOn": "blur" + }, + { + "type": "Form", + "id": "4911913b-1868-4b34-b4e0-84939b14ab6e", + "fieldName": "dateField", + "groupId": null, + "groupName": null, + "updateOn": "blur" + } + ], + "stateMachine": "MobileVueTest_card-page-component_state_machine", + "commands": [ + { + "id": "LoadPageForCard", + "code": "LoadPageForCard", + "name": "卡片页面加载命令", + "params": [ + { + "name": "commandName", + "shownName": "命令名称", + "value": "{UISTATE~/#{card-page-component}/routerState/queryParams/action}" + }, + { + "name": "viewModelId", + "shownName": "视图模型id", + "value": "" + } + ], + "handlerName": "LoadPageForCard", + "cmpId": "cf5e568a-5243-4539-94ea-e195eb4d6736", + "extensions": [], + "isInvalid": false + }, + { + "id": "LoadAndAddForCard", + "code": "LoadAndAddForCard", + "name": "卡片加载并新增命令", + "params": [ + { + "name": "action", + "shownName": "状态迁移动作", + "value": "editAction" + } + ], + "handlerName": "LoadAndAddForCard", + "cmpId": "0a68799b-48c6-4c9f-b0d7-140683c62b58", + "extensions": [], + "isInvalid": false + }, + { + "id": "LoadAndEditForCard", + "code": "LoadAndEditForCard", + "name": "卡片加载并编辑命令", + "params": [ + { + "name": "id", + "shownName": "数据id", + "value": "{UISTATE~/#{card-page-component}/routerState/queryParams/id}" + }, + { + "name": "action", + "shownName": "状态迁移动作", + "value": "editAction" + } + ], + "handlerName": "LoadAndEditForCard", + "cmpId": "0a68799b-48c6-4c9f-b0d7-140683c62b58", + "extensions": [], + "isInvalid": false + }, + { + "id": "LoadAndViewForCard", + "code": "LoadAndViewForCard", + "name": "卡片加载并查看命令", + "params": [ + { + "name": "id", + "shownName": "数据id", + "value": "{UISTATE~/#{card-page-component}/routerState/queryParams/id}" + }, + { + "name": "action", + "shownName": "状态迁移动作", + "value": "viewAction" + } + ], + "handlerName": "LoadAndViewForCard", + "cmpId": "0a68799b-48c6-4c9f-b0d7-140683c62b58", + "extensions": [], + "isInvalid": false + }, + { + "id": "Save", + "code": "Save", + "name": "保存命令", + "params": [ + { + "name": "action", + "shownName": "状态迁移动作", + "value": null + } + ], + "handlerName": "Save", + "cmpId": "f863c66a-bf93-4d1f-9f99-bcd76009609d", + "extensions": [], + "isInvalid": false + }, + { + "id": "Cancel", + "code": "Cancel", + "name": "取消命令", + "params": [ + { + "name": "id", + "shownName": "数据id", + "value": "{DATA~/id}" + }, + { + "name": "action", + "shownName": "迁移动作", + "value": null + } + ], + "handlerName": "Cancel", + "cmpId": "05592163-fd45-474e-b0ab-61d7dc02e5c0", + "extensions": [], + "isInvalid": false + }, + { + "id": "GoBackAndCheck", + "code": "GoBackAndCheck", + "name": "返回并检查", + "params": [ + { + "name": "params", + "shownName": "返回携带参数", + "value": "{}" + } + ], + "handlerName": "GoBackAndCheck", + "cmpId": "910661bd-963a-4287-aa32-441c95b8720f", + "extensions": [], + "isInvalid": false + } + ], + "states": [], + "bindTo": "/", + "parent": null, + "enableValidation": false + } + ], + "components": [ + { + "id": "card-page-component", + "type": "component", + "title": "卡片页面", + "componentType": "page", + "pageType": "Card", + "viewModel": "card-page-viewmodel", + "appearance": null, + "visible": true, + "onBeforeInit": null, + "onInit": "LoadPageForCard", + "onLoadData": null, + "goBack": "GoBackAndCheck", + "contents": [ + { + "id": "card-page-container", + "type": "page-container", + "title": "页面根容器", + "appearance": null, + "visible": true, + "contents": [ + { + "id": "card-page-header-container", + "type": "page-header-container", + "title": "页头容器", + "appearance": null, + "visible": true, + "contents": [ + { + "id": "card-page-navigation-bar", + "type": "navbar", + "appearance": null, + "title": "卡片页面", + "text": "导航栏", + "visible": true, + "onLeftClick": "GoBackAndCheck", + "rightToolbar": { + "items": [ + { + "id": "add-btn", + "type": "tool-bar-item", + "appearance": null, + "iconType": "", + "disabled": false, + "text": "新增", + "visible": true, + "onClick": "LoadAndAddForCard" + }, + { + "id": "cancel-btn", + "type": "tool-bar-item", + "appearance": null, + "iconType": "", + "disabled": false, + "text": "取消", + "visible": true, + "onClick": "Cancel" + } + ] + } + } + ] }, - "resizable" : true, - "contents" : [ { - "id" : "data-grid-component-ref", - "type" : "component-ref", - "component" : "data-grid-component" - } ] - }, { - "id" : "content-main", - "type" : "splitter-pane", - "appearance" : { - "class" : "f-page-content-main" + { + "id": "card-page-body-container", + "type": "page-body-container", + "title": "主内容容器", + "appearance": null, + "visible": true, + "contents": [ + { + "id": "card-page-form-container", + "type": "form", + "title": "Form组件容器", + "appearance": null, + "contents": [ + { + "id": "form_id", + "type": "form-group", + "appearance": null, + "label": "主键", + "binding": { + "type": "Form", + "path": "id", + "field": "389ab039-9b60-4dd0-8cdc-a23c0feccf31", + "fullPath": "ID" + }, + "editor": { + "type": "input-group", + "required": true, + "readonly": { + "type": "StateMachine", + "field": "canEdit", + "status": false + }, + "maxLength": 36 + }, + "path": "id" + }, + { + "id": "form_version", + "type": "form-group", + "appearance": null, + "label": "版本", + "binding": { + "type": "Form", + "path": "version", + "field": "e3ca9955-1155-4a4b-a164-e48c31928c24", + "fullPath": "Version" + }, + "editor": { + "type": "datetime-picker", + "required": false, + "readonly": { + "type": "StateMachine", + "field": "canEdit", + "status": false + }, + "displayFormat": "yyyy-MM-dd HH:mm:ss" + }, + "path": "version" + }, + { + "id": "form_billStatus_BillState", + "type": "form-group", + "appearance": null, + "label": "状态", + "binding": { + "type": "Form", + "path": "billStatus_BillState", + "field": "9fefd0ed-0101-468f-ae3f-40c76c0f06b0", + "fullPath": "BillStatus.BillState" + }, + "editor": { + "type": "picker", + "data": [ + { + "disabled": false, + "name": "制单", + "value": "Billing" + }, + { + "disabled": false, + "name": "提交审批", + "value": "SubmitApproval" + }, + { + "disabled": false, + "name": "审批通过", + "value": "Approved" + }, + { + "disabled": false, + "name": "审批不通过", + "value": "ApprovalNotPassed" + } + ], + "textField": "name", + "valueField": "value", + "required": false, + "readonly": { + "type": "StateMachine", + "field": "canEdit", + "status": false + } + }, + "path": "billStatus.billState" + }, + { + "id": "form_processInstance_ProcessInstance", + "type": "form-group", + "appearance": null, + "label": "流程实例", + "binding": { + "type": "Form", + "path": "processInstance_ProcessInstance", + "field": "12ef9c5c-ad8f-4da3-a430-c8a7f2162135", + "fullPath": "ProcessInstance.ProcessInstance" + }, + "editor": { + "type": "input-group", + "required": false, + "readonly": { + "type": "StateMachine", + "field": "canEdit", + "status": false + }, + "maxLength": 36 + }, + "path": "processInstance.processInstance" + }, + { + "id": "form_code", + "type": "form-group", + "appearance": null, + "label": "编号", + "binding": { + "type": "Form", + "path": "code", + "field": "8537ca17-502f-4b90-ac87-ae1dde9a7f03", + "fullPath": "code" + }, + "editor": { + "type": "input-group", + "required": false, + "readonly": { + "type": "StateMachine", + "field": "canEdit", + "status": false + }, + "maxLength": 36 + }, + "path": "code" + }, + { + "id": "form_name", + "type": "form-group", + "appearance": null, + "label": "名称", + "binding": { + "type": "Form", + "path": "name", + "field": "6a051d6e-f870-4a9f-84df-043cfbc26cf2", + "fullPath": "name" + }, + "editor": { + "type": "input-group", + "required": false, + "readonly": { + "type": "StateMachine", + "field": "canEdit", + "status": false + }, + "maxLength": 36 + }, + "path": "name" + }, + { + "id": "form_booleanField", + "type": "form-group", + "appearance": null, + "label": "布尔字段", + "binding": { + "type": "Form", + "path": "booleanField", + "field": "f51c1e5d-fe58-4591-8cd1-25a119c9f4c1", + "fullPath": "booleanField" + }, + "editor": { + "type": "switch", + "required": false, + "readonly": { + "type": "StateMachine", + "field": "canEdit", + "status": false + } + }, + "path": "booleanField" + }, + { + "id": "form_numberField", + "type": "form-group", + "appearance": null, + "label": "数值字段", + "binding": { + "type": "Form", + "path": "numberField", + "field": "1f816b38-2a72-4252-8eb6-760b8f97fcea", + "fullPath": "numberField" + }, + "editor": { + "type": "number-input", + "precision": 0, + "required": false, + "readonly": { + "type": "StateMachine", + "field": "canEdit", + "status": false + }, + "maxLength": 0 + }, + "path": "numberField" + }, + { + "id": "form_dateField", + "type": "form-group", + "appearance": null, + "label": "日期字段", + "binding": { + "type": "Form", + "path": "dateField", + "field": "4911913b-1868-4b34-b4e0-84939b14ab6e", + "fullPath": "dateField" + }, + "editor": { + "type": "date-picker", + "required": false, + "readonly": { + "type": "StateMachine", + "field": "canEdit", + "status": false + }, + "displayFormat": "yyyy-MM-dd" + }, + "path": "dateField" + } + ] + } + ] }, - "contents" : [ { - "id" : "detail-component-ref", - "type" : "component-ref", - "component" : "detail-form-component" - } ] - } ] - } ] - } ] - } ] - }, { - "id" : "data-grid-component", - "type" : "component", - "componentType" : "data-grid", - "viewModel" : "data-grid-component-viewmodel", - "appearance" : { - "class" : "f-struct-wrapper f-utils-fill-flex-column" + { + "id": "card-page-footer-container", + "type": "page-footer-container", + "title": "页尾容器", + "appearance": null, + "size": null, + "position": null, + "visible": true, + "contents": [ + { + "id": "card-page-buttongroup-container", + "type": "content-container", + "appearance": null, + "size": null, + "padding": { + "left": 16, + "right": 16, + "top": 8, + "bottom": 8 + }, + "display": "flex", + "flexBox": { + "direction": "row" + }, + "visible": true, + "title": "按钮组容器", + "contents": [ + { + "id": "card-page-save-button", + "type": "button", + "title": "保存按钮", + "visible": true, + "round": true, + "disabled": false, + "text": "按钮", + "icon": "图标", + "block": true, + "displayType": "primary", + "onClick": "Save" + } + ] + } + ] + } + ] + } + ], + "route": { + "id": "card-page-component", + "uri": "card-page-component", + "name": "card-page-component", + "params": [] + } + } + ], + "webcmds": [ + { + "id": "cf5e568a-5243-4539-94ea-e195eb4d6736", + "path": "Gsp/Mobile/MobileCmp/bo-mobilecmp/metadata/webcmd", + "name": "LoadPageCommands.webcmd", + "refedHandlers": [ + { + "host": "LoadPageForList", + "handler": "LoadPageForList" + }, + { + "host": "LoadPageForCard", + "handler": "LoadPageForCard" + } + ], + "code": "LoadPageCommands", + "nameSpace": "Inspur.GS.Gsp.Mobile.MobileCmp" }, - "onInit" : "loadList1", - "contents" : [ { - "id" : "data-grid-section", - "type" : "section", - "appearance" : { - "class" : "f-section-grid f-section-in-nav" - }, - "fill" : true, - "showHeader" : false, - "contents" : [ { - "id" : "dataGrid", - "type" : "data-grid", - "appearance" : { - "class" : "f-component-grid" + { + "id": "0a68799b-48c6-4c9f-b0d7-140683c62b58", + "path": "Gsp/Mobile/MobileCmp/bo-mobilecmp/metadata/webcmd", + "name": "LoadCommands.webcmd", + "refedHandlers": [ + { + "host": "LoadDataForList", + "handler": "LoadForList" }, - "dataSource" : "commonDictionarys", - "columns" : [ { - "id" : "code_ddfc72d4_hxcr", - "type" : "data-grid-column", - "title" : "编号", - "field" : "code", - "dataType" : "string", - "binding" : { - "type" : "Form", - "path" : "code", - "field" : "ddfc72d4-0c9b-49bf-8f41-8047264f6edc", - "fullPath" : "Code" - }, - "width" : 120, - "visible" : true, - "filter" : "", - "showSetting" : false, - "actualWidth" : 120 - }, { - "id" : "name_1ecd5759_yj0s", - "type" : "data-grid-column", - "title" : "名称", - "field" : "name", - "dataType" : "string", - "binding" : { - "type" : "Form", - "path" : "name", - "field" : "1ecd5759-6df4-41c8-9526-0108a5e2d9b6", - "fullPath" : "Name" - }, - "width" : 120, - "visible" : true, - "filter" : "", - "showSetting" : false, - "actualWidth" : 120 - }, { - "id" : "enableStatus_df3b84c2_jhvi", - "type" : "data-grid-column", - "title" : "启用状态", - "field" : "enableStatus", - "dataType" : "enum", - "binding" : { - "type" : "Form", - "path" : "enableStatus", - "field" : "df3b84c2-dc6b-419c-85e3-0006b0535e61", - "fullPath" : "EnableStatus" - }, - "width" : 120, - "formatter" : { - "type" : "enum", - "data" : [ { - "disabled" : false, - "name" : "未启用", - "value" : "0" - }, { - "disabled" : false, - "name" : "已启用", - "value" : "1" - } ] - }, - "visible" : true, - "filter" : "", - "showSetting" : true, - "actualWidth" : 120 - } ], - "fieldEditable" : false, - "onClickRow" : "loadCard1", - "onPageIndexChanged" : "changePage1", - "onPageSizeChanged" : "changePage1", - "pagination" : { - "enable" : true, - "mode" : "server" + { + "host": "LoadAndAddForCard", + "handler": "LoadAndAddForCard" }, - "disabled" : "viewModel.stateMachine['editable']" - } ] - } ] - }, { - "id" : "detail-form-component", - "type" : "component", - "componentType" : "form", - "formColumns" : 1, - "viewModel" : "detail-form-component-viewmodel", - "appearance" : { - "class" : "f-struct-wrapper" + { + "host": "LoadAndEditForCard", + "handler": "LoadAndEditForCard" + }, + { + "host": "LoadAndViewForCard", + "handler": "LoadAndViewForCard" + } + ], + "code": "LoadCommands", + "nameSpace": "Inspur.GS.Gsp.Mobile.MobileCmp" }, - "contents" : [ { - "id" : "detail-form-section", - "type" : "section", - "appearance" : { - "class" : "f-section-form f-section-in-main" - }, - "mainTitle" : "基本信息", - "contents" : [ { - "id" : "detail-form-layout", - "type" : "response-form", - "appearance" : { - "class" : "f-form-layout farris-form farris-form-controls-inline" + { + "id": "910661bd-963a-4287-aa32-441c95b8720f", + "path": "Gsp/Mobile/MobileCmp/bo-mobilecmp/metadata/webcmd", + "name": "NavigateCommands.webcmd", + "refedHandlers": [ + { + "host": "OpenCardAndAdd", + "handler": "Navigate" }, - "contents" : [ { - "id" : "code_ddfc72d4_njzh", - "type" : "form-group", - "appearance" : { - "class" : "col-12" - }, - "label" : "编号", - "binding" : { - "type" : "Form", - "path" : "code", - "field" : "ddfc72d4-0c9b-49bf-8f41-8047264f6edc", - "fullPath" : "Code" - }, - "editor" : { - "type" : "input-group", - "readonly" : "!viewModel.stateMachine['editable']", - "maxLength" : 36 - }, - "path" : "code" - }, { - "id" : "name_1ecd5759_onbj", - "type" : "form-group", - "appearance" : { - "class" : "col-12" - }, - "label" : "名称", - "binding" : { - "type" : "Form", - "path" : "name", - "field" : "1ecd5759-6df4-41c8-9526-0108a5e2d9b6", - "fullPath" : "Name" - }, - "editor" : { - "type" : "input-group", - "readonly" : "!viewModel.stateMachine['editable']", - "maxLength" : 36 - }, - "path" : "name" - }, { - "id" : "category_8e00ef40_wdtg", - "type" : "form-group", - "appearance" : { - "class" : "col-12" - }, - "label" : "分类", - "binding" : { - "type" : "Form", - "path" : "category", - "field" : "8e00ef40-17ba-4cbb-8a3c-709cf40b7939", - "fullPath" : "Category" - }, - "editor" : { - "type" : "input-group", - "readonly" : "!viewModel.stateMachine['editable']", - "maxLength" : 36 - }, - "path" : "category" - } ], - "controlsInline" : true, - "formAutoIntl" : true - } ] - } ] - } ], - "webcmds" : [ { - "id" : "7c48ef46-339c-42d4-8365-a21236c63044", - "path" : "/projects/packages/Inspur.GS.Gsp.Web.WebCmp/webcmd", - "name" : "ListCardController.webcmd", - "refedHandlers" : [ { - "host" : "fda876c8-7230-46e7-af3d-d38233642275", - "handler" : "loadList" - }, { - "host" : "8788c27e-722a-4b98-9d57-98eafb526fe5", - "handler" : "loadCard" - }, { - "host" : "ef281c13-4480-4256-901e-4bef5f92bd9e", - "handler" : "add" - }, { - "host" : "d12acc4e-6274-44dc-95e6-cedeb5e66707", - "handler" : "edit" - }, { - "host" : "5707d460-c441-45c4-8fe1-f77abd9f75b1", - "handler" : "save" - }, { - "host" : "b3897b4b-a37f-48e3-afb3-8489cec02806", - "handler" : "cancel" - }, { - "host" : "22576fc1-08fb-49a9-b132-295c7392b481", - "handler" : "remove" - }, { - "host" : "e7cf83c2-e52d-4dce-aded-047a819c8068", - "handler" : "changePage" - } ], - "code" : "ListCardController", - "nameSpace" : "Inspur.GS.Gsp.Web.WebCmp" - } ], - "projectName" : "bo-commondictionaries-front", - "actions" : [ ] + { + "host": "OpenCardAndEdit", + "handler": "Navigate" + }, + { + "host": "OpenCardAndView", + "handler": "Navigate" + }, + { + "host": "GoBack", + "handler": "GoBack" + }, + { + "host": "GoBackAndCheck", + "handler": "GoBackAndCheck" + } + ], + "code": "NavigateCommands", + "nameSpace": "Inspur.GS.Gsp.Mobile.MobileCmp" + }, + { + "id": "dab6b7f1-f56f-490a-879c-3d74232cd3ba", + "path": "Gsp/Mobile/MobileCmp/bo-mobilecmp/metadata/webcmd", + "name": "RemoveCommands.webcmd", + "refedHandlers": [ + { + "host": "RemoveById", + "handler": "RemoveById" + }, + { + "host": "RemoveByIds", + "handler": "RemoveByIds" + } + ], + "code": "RemoveCommands", + "nameSpace": "Inspur.GS.Gsp.Mobile.MobileCmp" + }, + { + "id": "f863c66a-bf93-4d1f-9f99-bcd76009609d", + "path": "Gsp/Mobile/MobileCmp/bo-mobilecmp/metadata/webcmd", + "name": "SaveCommands.webcmd", + "refedHandlers": [ + { + "host": "Save", + "handler": "Save" + } + ], + "code": "SaveCommands", + "nameSpace": "Inspur.GS.Gsp.Mobile.MobileCmp" + }, + { + "id": "05592163-fd45-474e-b0ab-61d7dc02e5c0", + "path": "Gsp/Mobile/MobileCmp/bo-mobilecmp/metadata/webcmd", + "name": "CancelCommands.webcmd", + "refedHandlers": [ + { + "host": "Cancel", + "handler": "Cancel" + } + ], + "code": "CancelCommands", + "nameSpace": "Inspur.GS.Gsp.Mobile.MobileCmp" + }, + { + "id": "791cc5d9-65f9-40d0-b40c-444c7bc1afa3", + "path": "MyDev/FarrisVueTest/VueFormTest/bo-vueformtest-front/metadata/components", + "name": "MobileVueTest_frm_Controller.webcmd", + "refedHandlers": [ + { + "host": "77a277bf-6db3-4f7c-9418-1c12212ccab0", + "handler": "componentOnBeforeInit" + } + ], + "code": "MobileVueTest_frm_Controller", + "nameSpace": "Inspur.GS.MyDev.FarrisVueTest.VueFormTest.VueFormTest.Front" + } + ], + "projectName": "bo-vueformtest-front", + "customClass": {}, + "actions": [] } }, - "Id" : "35dd45be-60c7-4ae8-a827-533424031b76", - "CreationDate" : null + "CreationDate": null }, - "extendRule" : null, - "relativePath" : "SagiDemo/SagiDemeModule/CommonDictionaries/bo-commondictionaries-front/metadata/components", - "extendProperty" : "", - "extended" : false, - "previousVersion" : null, - "version" : null, - "properties" : { - "SchemaVersion" : null, - "CacheVersion" : null, - "Framework" : "Vue" + "ExtendRule": null, + "RelativePath": "MyDev/FarrisVueTest/VueFormTest/bo-vueformtest-front/metadata/components", + "ExtendProperty": "", + "Extended": false, + "PreviousVersion": null, + "Version": null, + "Properties": { + "SchemaVersion": null, + "CacheVersion": null, + "Framework": "Vue" } } \ No newline at end of file diff --git a/packages/designer/src/app-providers.ts b/packages/designer/src/app-providers.ts index c621b690c56f66c3f75e50488050e772e97e15ad..95ca72ad60a61387f212490e454c5b09d57fc9f0 100644 --- a/packages/designer/src/app-providers.ts +++ b/packages/designer/src/app-providers.ts @@ -2,6 +2,7 @@ import { FLoadingService, FTooltipDirective, FMessageBoxService, F_MODAL_SERVICE_TOKEN, FModalService, LookupSchemaRepositoryToken, FieldSelectorRepositoryToken, F_NOTIFY_SERVICE_TOKEN, FNotifyService, ControllerSchemaRepositorySymbol, FormSchemaRepositorySymbol } from "@farris/ui-vue/components"; import { App } from "vue"; + export default { install(app: App): void { app.provide(F_MODAL_SERVICE_TOKEN, new FModalService(app)); diff --git a/packages/designer/src/components/components/form-designer/form-designer.component.tsx b/packages/designer/src/components/components/form-designer/form-designer.component.tsx index ba93c31696454a97059973d1c56628e3cb6b594f..d5a8988609a5dde8b07990ac518f49c9a89a9867 100644 --- a/packages/designer/src/components/components/form-designer/form-designer.component.tsx +++ b/packages/designer/src/components/components/form-designer/form-designer.component.tsx @@ -1,4 +1,4 @@ -import { computed, defineComponent, inject, provide, ref, nextTick } from "vue"; +import { computed, defineComponent, inject, provide, ref, nextTick, Ref } from "vue"; import { ComponentSchema, DesignerComponentInstance, FDesignerCanvas, FTabs, FTabPage, propertyConfigSchemaMap, FSplitter, FSplitterPane, FDesignerToolbox, FPropertyPanel, FDesignerOutline, DesignerHost } from "@farris/ui-vue/components"; import { FormDesignerProps, formDesignerProps } from "./form-designer.props"; import { useComponentSchemaService } from '../../composition/component-schema.service'; @@ -7,6 +7,7 @@ import MonacoEditor from '../monaco-editor/monaco-editor.component'; import FEntityTreeView from '../entity-tree-view/components/entity-tree-view.component'; import FCustomClassEditor from './components/custom-class-editor/custom-class-editor.component'; import modulePropertyConfig from '../../types/form-property-config.json'; +import { UseDesignerContext } from "src/components/types/designer-context"; export default defineComponent({ name: 'FFormDesigner', @@ -25,6 +26,10 @@ export default defineComponent({ const customClassEditorRef = ref(); const designerHostService = inject('designer-host-service') as DesignerHost; + const designerContextRef = inject("designerContext") as Ref; + const designerContext = designerContextRef.value as UseDesignerContext; + const { toolboxItems, componentsToRegister, designerMode } = designerContext; + function onCanvasInitialized(dragula: any) { dragulaCompostion.value = dragula; @@ -190,7 +195,7 @@ export default defineComponent({ - + @@ -209,6 +214,8 @@ export default defineComponent({ onCanvasChanged={onCanvasChanged} componentId={componentId.value} onDragEnd={onCanvasDragEnd} + components={componentsToRegister} + canvasMode={designerMode} > ): UseDesignerContext { function getDesignerMode(): DesignerMode { - const metadataService = new MetadataService(); - const metadataPath = metadataService.getMetadataPath(); - if (metadataPath && metadataPath.includes('.mfrm')) { + if (formSchemaType.value === "MobileForm") { return DesignerMode.Mobile; } return DesignerMode.PC; diff --git a/packages/designer/src/components/composition/use-page-metadata.ts b/packages/designer/src/components/composition/use-page-metadata.ts index 14fee36c0bed4d1fea7dfb37d196f237ffd412d6..d18d8abfe577fec62c1b7f8232a3798435f0e03b 100644 --- a/packages/designer/src/components/composition/use-page-metadata.ts +++ b/packages/designer/src/components/composition/use-page-metadata.ts @@ -2,7 +2,7 @@ import axios from 'axios'; import { mergeWith, omit } from 'lodash-es'; import { DesignerProps } from '../designer.props'; import { MetadataDto, MetadataPathToken, UsePageSchema, UsePageMetadata, PageMetadataContent, PageModule } from '../types'; -import { inject } from 'vue'; +import { inject, ref } from 'vue'; import { FNotifyService } from '@farris/ui-vue/components'; import { PageMetadataConverter } from './page-metadata-converter'; import { ConfigOptions, UseMetadata, UseResolveMetadataUrl } from './types'; @@ -17,7 +17,7 @@ export function usePageMetadata( const { localMetadataUri, templateRulesOfCommon, templateRulesBaseUri, publishStatusSocketUri, publishApplicationUri, deployApplicationUri } = options; const { saveMetadata } = useMetadataComposition; const { resolveUrlOfLoadMetadataByPath } = useResolveMetadataUrlComposition; - + const formSchemaType = ref(''); function fetchLocalSchema(): Promise { return new Promise((resolve, reject) => { const pathInHash = window.location.hash; @@ -29,10 +29,9 @@ export function usePageMetadata( axios.get(loacalSchemaUrl).then((response) => { const formSchema = response.data.Content.Contents; const formMetadataBasicInfo = omit(response.data, 'content') as MetadataDto; - usePageSchemaComposition.setMetadata(formMetadataBasicInfo); usePageSchemaComposition.setPageSchema(formSchema); - + formSchemaType.value = response.data.Header.Type as string; resolve(formSchema); }); } @@ -61,12 +60,13 @@ export function usePageMetadata( usePageSchemaComposition.setMetadata(formMetadataBasicInfo); usePageSchemaComposition.setPageSchema(pageSchema); + formSchemaType.value = response.data.Header.Type as string; resolve(pageSchema); }); }); - } + function save() { const formMetadataBasicInfo = usePageSchemaComposition.getMetadata(); const formSchema = usePageSchemaComposition.getPageSchema(); @@ -205,6 +205,6 @@ export function usePageMetadata( }; return axios.post(api, sendData, { headers: requestHeader }); } - return { query, save, getTemplateRule, publish, deploy }; + return { query, save, getTemplateRule, publish, deploy, formSchemaType }; } diff --git a/packages/designer/src/components/designer.component.tsx b/packages/designer/src/components/designer.component.tsx index 1e664ec4a08b4c24dbf91d7cb153f5ccd12f7ba0..5a054d6393a24feb10259ba7b6a27075e00ea645 100644 --- a/packages/designer/src/components/designer.component.tsx +++ b/packages/designer/src/components/designer.component.tsx @@ -1,4 +1,4 @@ -import { defineComponent, inject, ref, computed, provide, watch, onBeforeMount } from "vue"; +import { defineComponent, inject, ref, computed, provide, watch, onBeforeMount, Ref } from "vue"; import { DesignerProps, designerProps } from "./designer.props"; import { usePageSchema } from "./composition/use-page-schema"; import { usePageMetadata } from "./composition/use-page-metadata"; @@ -24,6 +24,7 @@ import FViewModelDesigner from '../components/components/view-model-designer/vie import FPreview from './preview.component'; import './designer.scss'; import { DesignerMode, UseDesignerContext } from "./types/designer-context"; +import { useDesignerContext } from "./composition/designer-context/use-designer-context"; export default defineComponent({ @@ -69,9 +70,7 @@ export default defineComponent({ // 实体服务 const useEntitySchemaComposition = useEntitySchema(options, useMetadataComposition, usePageSchemaComposition); designerHostService.entitySchema = useEntitySchemaComposition; - // 控件创建服务 - const controlCreatorService = designerContext.useControlCreator(); - designerHostService.controlCreator = controlCreatorService; + // 操作表单设计时ViewModel的工具类 const useDesignViewModelComposition = useDesignViewModel(usePageSchemaComposition, useEntitySchemaComposition); designerHostService.designViewModel = useDesignViewModelComposition; @@ -95,6 +94,8 @@ export default defineComponent({ designerHostService.messagerService = messagerService; } + const designerContextRef = ref(); + provide("designerContext", designerContextRef); configInitialized.then((options: ConfigOptions) => { @@ -103,6 +104,13 @@ export default defineComponent({ designerHostService.usePageMetadataComposition.query().then((formSchema: PageMetadataContent) => { schema.value = formSchema; designerHostService.usePageMetadataComposition.getTemplateRule(formSchema?.module).then(() => { + // 初始化设计器上下文 + const formSchemaType = designerHostService.usePageMetadataComposition.formSchemaType as Ref; + designerContextRef.value = useDesignerContext(formSchemaType); + // 控件创建服务 + const controlCreatorService = designerContextRef.value.useControlCreator(); + designerHostService.controlCreator = controlCreatorService; + metadataLoaded.value = true; // 加载命令->虽然是异步，但是此处不需要异步串联 designerHostService.commands.checkCommands(); @@ -113,7 +121,6 @@ export default defineComponent({ }); }); }); - const metadataPath: string = inject(MetadataPathToken, ''); // const { eventBetweenDesignerAndCodeView } = commandBuilderService; diff --git a/packages/designer/src/components/types/metadata.ts b/packages/designer/src/components/types/metadata.ts index 036f17d11120c32115dac8058d2a6af6ea2b3188..9531771777bbab71a6bbdd6aa2f02f81ebc85cf6 100644 --- a/packages/designer/src/components/types/metadata.ts +++ b/packages/designer/src/components/types/metadata.ts @@ -1,3 +1,4 @@ +import { Ref } from "vue"; import { PageComponent, Expression, StateMachine, Command } from "./basic"; import { DesignViewModel } from "./design-viewmodel"; import { EntitySchema, EntityObject, EntityObjectField } from "./entity-schema"; @@ -130,6 +131,8 @@ export interface MetadataDto { export interface UsePageMetadata { /** 查询表单元数据 */ query: () => Promise; + /** 查询表类型 */ + queryType: () => Promise; /** 保存表单元数据 */ save: () => Promise; /** 查询表单模板的拖拽控制规则 */ @@ -137,7 +140,9 @@ export interface UsePageMetadata { /** 发布表单 */ publish: () => Promise<{ result: boolean, error?: string }>; /** 部署表单 */ - deploy: (metadataId: string, path: string) => Promise + deploy: (metadataId: string, path: string) => Promise; + /** 表单类型 */ + formSchemaType: Ref; } export interface UsePageSchema { diff --git a/packages/ui-vue/components/designer-canvas/src/composition/class/designer-canvas.css b/packages/ui-vue/components/designer-canvas/src/composition/class/designer-canvas.css index e6abeef6472e160b180fbcedf7b3bf449b80c515..03e0d6fa03730fb05b7eec74460f3d8b66e8c7d0 100644 --- a/packages/ui-vue/components/designer-canvas/src/composition/class/designer-canvas.css +++ b/packages/ui-vue/components/designer-canvas/src/composition/class/designer-canvas.css @@ -12,7 +12,7 @@ right: 0; } -.component-btn-group>div { +.component-btn-group > div { position: fixed; } @@ -20,9 +20,18 @@ /* border: dotted 2px transparent; */ } -.farris-component.farris-nested { +/* .farris-component.farris-nested { padding: 10px !important; border: dotted 2px #e8e8e8; +} */ +.farris-component.farris-nested { + padding-top: 10px !important; + padding-bottom: 10px !important; + border: dotted 2px #e8e8e8; +} +.farris-component.farris-nested:not(.px-0) { + padding-left: 10px !important; + padding-right: 10px !important; } .farris-component.farris-nested.dgComponentFocused { @@ -34,7 +43,7 @@ padding: 2px; } -.farris-component.dgComponentSelected>.component-btn-group { +.farris-component.dgComponentSelected > .component-btn-group { display: flex; } @@ -43,7 +52,7 @@ cursor: pointer; float: right; margin-left: 4px; - padding: 0!important; + padding: 0 !important; font-size: 10px; line-height: 1.2em; border-radius: 2px 2px 0px 0px; @@ -52,11 +61,11 @@ color: #fff !important; background: #388fff !important; } -.component-btn-group .component-settings-button +.component-settings-button{ - margin-left: 4px!important; +.component-btn-group .component-settings-button + .component-settings-button { + margin-left: 4px !important; } -.component-btn-group .component-settings-button:last-child{ - margin-left:0!important; +.component-btn-group .component-settings-button:last-child { + margin-left: 0 !important; } .component-btn-group .component-settings-button .f-icon { font-size: 18px; @@ -126,17 +135,17 @@ } /** 拖拽区域内的元素不显示按钮区域 */ -.gu-unselectable .farris-component.dgComponentSelected>.component-btn-group { +.gu-unselectable .farris-component.dgComponentSelected > .component-btn-group { display: none; } /** 拖拽区域内的镜像元素显示按钮区域 */ -.gu-unselectable .gu-mirror.farris-component.dgComponentSelected>.component-btn-group { +.gu-unselectable .gu-mirror.farris-component.dgComponentSelected > .component-btn-group { display: flex; } /** 拖拽过程中的源元素不显示按钮区域 */ -.gu-transit.farris-component.dgComponentSelected>.component-btn-group { +.gu-transit.farris-component.dgComponentSelected > .component-btn-group { display: none; } @@ -146,14 +155,14 @@ } /* 镜像元素的按钮区域定位 */ -.gu-mirror.farris-component.dgComponentSelected>.component-btn-group>div { +.gu-mirror.farris-component.dgComponentSelected > .component-btn-group > div { position: relative; top: 0 !important; left: 0 !important; } /** 镜像元素的按钮区域设置宽度。是为了适配控件本身宽度比较小，但是操作按钮比较多时，按钮被换行的问题 */ -.gu-mirror.farris-component.dgComponentSelected>.component-btn-group { +.gu-mirror.farris-component.dgComponentSelected > .component-btn-group { width: max-content; } @@ -210,7 +219,7 @@ margin-bottom: 15px; } -.f-struct-wrapper+.f-struct-wrapper { +.f-struct-wrapper + .f-struct-wrapper { position: relative; display: inherit; margin-bottom: 15px; @@ -226,7 +235,7 @@ } /** 解决带导航的列表和带导航的卡片模板中，右侧区域滚动条位置问题 */ -.editorDiv .f-page-navigate .f-page.f-page-card .f-page-main>.drag-container { +.editorDiv .f-page-navigate .f-page.f-page-card .f-page-main > .drag-container { display: block; overflow: unset; } @@ -241,7 +250,6 @@ margin-top: 0; } - /** 解决拟物风下从从表区域的下拉箭头错位的问题 */ .f-struct-subsub-wrapper { padding-top: 0 !important; @@ -282,7 +290,7 @@ } .editorPanel .f-page.f-page-has-scheme .f-page-header { - margin: 0 .5rem; + margin: 0 0.5rem; } /************************子列表填充布局 start ******************/ @@ -294,14 +302,14 @@ /** 设计器section的适配样式 **/ .f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-mainsubcard { - height: 100% + height: 100%; } .f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-main { - height: 100% + height: 100%; } -.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section.f-section-fill>.f-section-content { +.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section.f-section-fill > .f-section-content { flex-basis: 0%; } @@ -311,21 +319,27 @@ } /** 标签页下直接放组件节点（附件组件、卡片组件）的场景要设置组件填充，否则组件无法显示 **/ -.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill .farris-tabs-body>.farris-component-component { +.f-page-child-fill + .f-struct-wrapper.f-struct-wrapper-child + .f-section + .f-component-tabs + .f-tabs-content-fill + .farris-tabs-body + > .farris-component-component { flex: 1; } /************************子列表填充布局 end ******************/ /*图标样式*/ -.component-btn-group .settings-button-extend{ - padding:0 0 0 2px!important; - width:auto!important; - display:flex; +.component-btn-group .settings-button-extend { + padding: 0 0 0 2px !important; + width: auto !important; + display: flex; align-items: center; } -.settings-button-extend .icon-text{ - margin:0 4px 0 4px; - font-size:13px; +.settings-button-extend .icon-text { + margin: 0 4px 0 4px; + font-size: 13px; line-height: unset; }