Merge pull request #233 from opentiny/optimize-core-materials

fix(core,materials): prompt add eventName and optimize materials

Author: rhlin

packages/core/src/prompt-generator/component/extract.ts

@@ -38,12 +38,13 @@ function getUsefulEventInfo(events: any) {
   if (!events) {
     return {};
   }
-  return Object.values(events).map((event: any) => {
-    const { label, description } = event;
-    delete event.label;
-    delete event.description;
-    event.description = getI18n(description) || getI18n(label);
-    return event;
+  return Object.entries(events).map(([eventName, eventInfo]: [string, any]) => {
+    const { label, description, functionInfo } = eventInfo || {};
+    return {
+      event: eventName,
+      functionInfo,
+      description: getI18n(description) || getI18n(label),
+    };
   });
 }
 

packages/core/src/prompt-generator/component/gen.ts

@@ -11,9 +11,8 @@ export interface IGenPromptComponentProperty {
 }
 
 export interface IGenPromptComponentEvent {
-  type: string;
+  event: string;
   functionInfo?: IFunctionInfo;
-  defaultValue?: string;
   description: string;
 }
 

packages/core/src/prompt-generator/framework-config.ts

@@ -6,7 +6,7 @@ export type IGenPromptFramework = 'vue' | 'angular' | 'react' | string;
 
 export const vueFrameworkConfig: IGenPromptFrameworkConfig = {
   rules: [
-    '- 表单必须要有 `model` 属性，表单输入项（input/select/radio 等）必须设置 `modelValue` 的 `type` 为 `JSExpression` 且 `model` 为 `true`，且必须具有对应 `state` 状态字段，否则将不能交互',
+    '- 表单输入项（input/select/radio 等）必须设置双向绑定，如设置 `modelValue` 的  `type` 为 `JSExpression` 且 `model` 为 `true`，且 `value` 必须具有对应 `state` 状态字段',
   ],
 };
 

packages/frameworks/angular/projects/renderer/src/lib/config.ts

@@ -5,6 +5,7 @@ export const requiredCompleteFieldSelectors = [ // TODO: move to core & material
   '[type=JSExpression]',
   'type',
   ':empty:object',
+  '[componentName=Page] > css',
   // ng
   '[componentName=img] > props > src',
   '[componentName] > props > ngModel',

packages/frameworks/vue/src/renderer/config.ts

@@ -1,5 +1,4 @@
 export const requiredCompleteFieldSelectors = [
-  '[componentName=Img] > props > src',
   '[componentName=img] > props > src',
   'componentName',
   'style',