@lcap/nasl 3.6.0-alpha.6 → 3.6.0-alpha.7

package/src/concepts/View__.ts

@@ -1,3 +1,4 @@
+import { v4 as uuidv4 } from 'uuid';
 import {
   wrapForEachToGenerator as wrapForEach,
   wrapIteratorToGenerator as wrapIterator,
@@ -26,12 +27,7 @@ import type BatchAssignment from './BatchAssignment__';
 import type CallInterface from './CallInterface__';
 import type CallLogic from './CallLogic__';
 import type DefaultValue from './DefaultValue__';
-import type Interface from './Interface__';
-
-const getBranchCopyUniCode = () => (window as any)?.BranchCopyUniCode;
-const removedViewElementCache: {
-  [key: string]: number | bigint;
-} = {}; // 临时记录删除的页面元素计数的最大值
+import type Interface from './Interface__'; // 临时记录删除的页面元素计数的最大值
 
 //================================================================================
 // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
@@ -43,7 +39,6 @@ import { concept, excludedInJSON, property, getConceptConstructor } from '../dec
 import * as utils from '../utils';
 import * as types from './utils/types';
 import * as asserts from './utils/asserts';
-import { v4 as uuidv4 } from 'uuid';
 import BaseNode from '../common/BaseNode';
 import type StaticString from './StaticString__';
 import type ViewElement from './ViewElement__';
@@ -55,6 +50,11 @@ import type Module from './Module__';
 import type Frontend from './Frontend__';
 import type App from './App__';
 
+const getBranchCopyUniCode = () => (window as any)?.BranchCopyUniCode;
+const removedViewElementCache: {
+  [key: string]: number | bigint;
+} = {};
+
 /**
  * 页面
  */
@@ -216,12 +216,14 @@ export class View extends BaseNode {
   get module() {
     return this.getAncestor('Module') as Module;
   }
+
   /**
    * 祖先 App
    */
   get app() {
     return this.getAncestor('App') as App;
   }
+
   /**
    * 祖先 Frontend
    */
@@ -233,7 +235,7 @@ export class View extends BaseNode {
    * @param source 需要合并的部分参数
    */
   constructor(source?: Partial<View>) {
-    source = Object.assign({}, View.getDefaultOptions(), source);
+    source = { ...View.getDefaultOptions(), ...source};
     super(source);
     super.subConstructor(source);
   }
@@ -253,6 +255,7 @@ export class View extends BaseNode {
     }
     return params;
   }
+
   /**
    * 设置页面名称
    */
@@ -929,6 +932,7 @@ export class View extends BaseNode {
     const excludedSet = new Set(excludedList);
     return ((this.bindEvents as BindEvent[]) || []).filter((item) => !excludedSet.has(item)).map((item) => item?.name);
   }
+
   getBindEventUniqueName(name = 'bindEvent1') {
     return utils.unique(name, this.getBindEventExistingNames(), undefined, false);
   }
@@ -1083,6 +1087,7 @@ export class View extends BaseNode {
     const excludedSet = new Set(excludedList);
     return ((this.children as View[]) || []).filter((item) => !excludedSet.has(item)).map((item) => item?.name);
   }
+
   getViewUniqueName(name = 'view1') {
     return utils.unique(name, this.getViewExistingNames(), undefined, false);
   }
@@ -1250,7 +1255,7 @@ export class View extends BaseNode {
     if (typeof options === 'string') {
       crumb = this.crumb;
       if (!crumb) {
-        throw new Error('找不到静态字符串 ' + options);
+        throw new Error(`找不到静态字符串 ${  options}`);
       }
     } else {
       crumb = options;
@@ -1259,7 +1264,7 @@ export class View extends BaseNode {
   }
 
   __removeStaticString(staticString: StaticString) {
-    const parentKey = staticString.parentKey;
+    const {parentKey} = staticString;
     const params: Params = {
       parentNode: this,
       parentKey,
@@ -1306,7 +1311,7 @@ export class View extends BaseNode {
     if (typeof options === 'string') {
       viewElement = (this.elements as ViewElement[]).find((item) => item.name === options);
       if (!viewElement) {
-        throw new Error('找不到页面元素 ' + options);
+        throw new Error(`找不到页面元素 ${  options}`);
       }
     } else {
       viewElement = options;
@@ -1315,7 +1320,7 @@ export class View extends BaseNode {
   }
 
   __removeViewElement(viewElement: ViewElement) {
-    const parentKey = viewElement.parentKey;
+    const {parentKey} = viewElement;
     const params: Params = {
       parentNode: this,
       parentKey,
@@ -1362,7 +1367,7 @@ export class View extends BaseNode {
     if (typeof options === 'string') {
       param = (this.params as Param[]).find((item) => item.name === options);
       if (!param) {
-        throw new Error('找不到输入参数 ' + options);
+        throw new Error(`找不到输入参数 ${  options}`);
       }
     } else {
       param = options;
@@ -1371,7 +1376,7 @@ export class View extends BaseNode {
   }
 
   __removeParam(param: Param) {
-    const parentKey = param.parentKey;
+    const {parentKey} = param;
     const params: Params = {
       parentNode: this,
       parentKey,
@@ -1418,7 +1423,7 @@ export class View extends BaseNode {
     if (typeof options === 'string') {
       variable = (this.variables as Variable[]).find((item) => item.name === options);
       if (!variable) {
-        throw new Error('找不到变量 ' + options);
+        throw new Error(`找不到变量 ${  options}`);
       }
     } else {
       variable = options;
@@ -1427,7 +1432,7 @@ export class View extends BaseNode {
   }
 
   __removeVariable(variable: Variable) {
-    const parentKey = variable.parentKey;
+    const {parentKey} = variable;
     const params: Params = {
       parentNode: this,
       parentKey,
@@ -1474,7 +1479,7 @@ export class View extends BaseNode {
     if (typeof options === 'string') {
       logic = (this.logics as Logic[]).find((item) => item.name === options);
       if (!logic) {
-        throw new Error('找不到逻辑 ' + options);
+        throw new Error(`找不到逻辑 ${  options}`);
       }
     } else {
       logic = options;
@@ -1483,7 +1488,7 @@ export class View extends BaseNode {
   }
 
   __removeLogic(logic: Logic) {
-    const parentKey = logic.parentKey;
+    const {parentKey} = logic;
     const params: Params = {
       parentNode: this,
       parentKey,
@@ -1530,7 +1535,7 @@ export class View extends BaseNode {
     if (typeof options === 'string') {
       bindEvent = (this.bindEvents as BindEvent[]).find((item) => item.name === options);
       if (!bindEvent) {
-        throw new Error('找不到元素绑定事件 ' + options);
+        throw new Error(`找不到元素绑定事件 ${  options}`);
       }
     } else {
       bindEvent = options;
@@ -1539,7 +1544,7 @@ export class View extends BaseNode {
   }
 
   __removeBindEvent(bindEvent: BindEvent) {
-    const parentKey = bindEvent.parentKey;
+    const {parentKey} = bindEvent;
     const params: Params = {
       parentNode: this,
       parentKey,
@@ -1586,7 +1591,7 @@ export class View extends BaseNode {
     if (typeof options === 'string') {
       view = (this.children as View[]).find((item) => item.name === options);
       if (!view) {
-        throw new Error('找不到页面 ' + options);
+        throw new Error(`找不到页面 ${  options}`);
       }
     } else {
       view = options;
@@ -1595,7 +1600,7 @@ export class View extends BaseNode {
   }
 
   __removeView(view: View) {
-    const parentKey = view.parentKey;
+    const {parentKey} = view;
     const params: Params = {
       parentNode: this,
       parentKey,
@@ -1949,7 +1954,7 @@ export class View extends BaseNode {
     this.elementsAttrs(this.elements, componentList);
     this.elementsAttrsAll(this.elements, componentListExtra);
 
-    let crumbI18n = this.frontend?.i18nInfo?.enabled && this.crumb?.i18nKey ? this.crumb?.i18nKey : undefined;
+    const crumbI18n = this.frontend?.i18nInfo?.enabled && this.crumb?.i18nKey ? this.crumb?.i18nKey : undefined;
 
     const definition = {
       params: this.params,
@@ -1958,7 +1963,7 @@ export class View extends BaseNode {
       events: this.bindEvents,
       title: this.title,
       crumb: this.crumb?.value,
-      crumbI18n: crumbI18n,
+      crumbI18n,
       first: this.children.find((child) => child.isIndex)?.name,
       auth: this.auth ? 'loginAuth' : undefined,
       viewBindEvents: this.getViewBindEvents(),
@@ -2100,7 +2105,7 @@ export class View extends BaseNode {
     if (elements) {
       elements.forEach((item: ViewElement) => {
         const { bindAttrs = [], name } = item;
-        const isDataSource = bindAttrs.some((attr) => attr.name === 'data-source');
+        const isDataSource = bindAttrs.some((attr) => attr.name === 'dataSource');
         const isInclude = parentNodeNames.includes(name);
 
         allMethods.push(item);
@@ -2121,7 +2126,7 @@ export class View extends BaseNode {
   elementsAttrs(elements: Array<ViewElement>, componentList: Array<ViewElement>) {
     if (elements) {
       elements.forEach((item: ViewElement) => {
-        if (PAGE_COMPONENT_INCLUDE_TAG_MAP?.[item.tag]) {
+        if (ComponentCompletionPropertyMap[item.tag]) {
           componentList.push(item);
         }
         if (item.children.length > 0) {
@@ -2134,7 +2139,7 @@ export class View extends BaseNode {
   elementsAttrsAll(elements: Array<ViewElement>, componentListExtra: Array<ViewElement>) {
     if (elements) {
       elements.forEach((item: ViewElement) => {
-        if (!PAGE_COMPONENT_INCLUDE_TAG_MAP?.[item.tag]) {
+        if (!ComponentCompletionPropertyMap[item.tag]) {
           componentListExtra.push(item);
         }
         if (item.children.length > 0) {
@@ -2272,7 +2277,7 @@ export class View extends BaseNode {
       code += ';\n';
     });
     // elements类型声明定义
-    code += `interface __elements {\n`;
+    code += `interface IElements {\n`;
     // 生成所有的name和类型定义
     yield* wrapForEach(self.elements, function* warpForEachGenerator(element) {
       code += yield* element.toEmbeddedTSDefinition(
@@ -2282,32 +2287,58 @@ export class View extends BaseNode {
       );
     });
     code += `${indent((state?.tabSize || 0) + 1)}}\n`;
-    code += `let __elements: __elements;\n`;
+    code += `let __elements: IElements;\n`;
     if (Array.isArray(self.elements)) {
-      code += `${indent((state?.tabSize || 0) + 1)}interface `;
-      code += `__elements_completionProperty {\n`;
-      const componentList: Array<ViewElement> = [];
-      self.elementsAttrs(self.elements, componentList);
-      const variableList: string[] = [];
-      yield* wrapForEach(self.elements, function* warpForEachGenerator(item) {
-        code += yield* item.toEmbeddedTSVariableDefinition(shiftState(state, code, { inline: true }), variableList);
-      });
-      code += indent((state?.tabSize || 0) + 1) + `}\n`;
-      code += indent((state?.tabSize || 0) + 1);
-      code += `let __elements_completionProperty: __elements_completionProperty;\n`;
-      code += indent((state?.tabSize || 0) + 1);
-      code += `let __elements_variable_function = {\n`;
+      // __elementsRef
+      const elementsPathMap: Record<string, string> = {};
+
+      // elementsRefTree
+      code += `function elementsRefTree() {\n`;
+      code += `return {\n`;
+      code += `children: {\n`;
       yield* wrapForEach(self.elements, function* warpForEachGenerator(item) {
-        code += yield* item.toEmbeddedTSVariableFunctionDefinition(shiftState(state, code, { inline: true }));
+        code += yield* item.toEmbeddedTSRefTree(shiftState(state, code, { inline: true }), elementsPathMap);
       });
-      code += indent((state?.tabSize || 0) + 1) + `}\n`;
-      code += indent((state?.tabSize || 0) + 1);
-      code += `let __elements_stashFunctionVariable = {\n`;
-      yield* wrapForEach(variableList, function* warpForEachGenerator(item) {
-        code += indent((state?.tabSize || 0) + 2);
-        code += `${item}`;
-      });
-      code += indent((state?.tabSize || 0) + 1) + `}\n`;
+      code += `},\n`;
+      code += `};\n`;
+      code += `};\n`;
+
+      code += `const __elementsRef = {\n`;
+      // eslint-disable-next-line no-restricted-syntax, guard-for-in
+      for (const key in elementsPathMap) {
+        const pathStr = elementsPathMap[key];
+        const pathArr = pathStr.split('.');
+        const path = pathArr.reduce((prev: string, cur: string) => {
+          return `${prev}.children.${cur}()`;
+        }, 'elementsRefTree()')
+        code += `${indent((state?.tabSize || 0) + 1)}${key}: ${path},\n`;
+      }
+      code += `};\n`;
+
+      // code += `${indent((state?.tabSize || 0) + 1)}interface `;
+      // code += `__elements_completionProperty {\n`;
+      // const componentList: Array<ViewElement> = [];
+      // self.elementsAttrs(self.elements, componentList);
+      // const variableList: string[] = [];
+      // yield* wrapForEach(self.elements, function* warpForEachGenerator(item) {
+      //   code += yield* item.toEmbeddedTSVariableDefinition(shiftState(state, code, { inline: true }), variableList);
+      // });
+      // code += indent((state?.tabSize || 0) + 1) + `}\n`;
+      // code += indent((state?.tabSize || 0) + 1);
+      // code += `let __elements_completionProperty: __elements_completionProperty;\n`;
+      // code += indent((state?.tabSize || 0) + 1);
+      // code += `let __elements_variable_function = {\n`;
+      // yield* wrapForEach(self.elements, function* warpForEachGenerator(item) {
+      //   code += yield* item.toEmbeddedTSRefTree(shiftState(state, code, { inline: true }));
+      // });
+      // code += indent((state?.tabSize || 0) + 1) + `}\n`;
+      // code += indent((state?.tabSize || 0) + 1);
+      // code += `let __elements_stashFunctionVariable = {\n`;
+      // yield* wrapForEach(variableList, function* warpForEachGenerator(item) {
+      //   code += indent((state?.tabSize || 0) + 2);
+      //   code += `${item}`;
+      // });
+      // code += indent((state?.tabSize || 0) + 1) + `}\n`;
     }
     // 逻辑
     if (Array.isArray(self.logics) && self.logics.length) {
@@ -2352,6 +2383,7 @@ export class View extends BaseNode {
         code += '\n';
       });
     }
+
     code += `\n${indent((state?.tabSize || 0) + 1)}}\n`;
     if (Array.isArray(self.params)) {
       code += `${indent((state?.tabSize || 0) + 1)}export function $destination(options: {`;
@@ -2790,7 +2822,7 @@ ${indent(state.tabSize)}export function ${this.tsName}_view`;
 
   *getRightCode(code: string, assignment: Assignment | BatchAssignment, rightNode: any) {
     code = code.replaceAll('\n', ' ');
-    const logic = assignment.logic;
+    const {logic} = assignment;
     const logicRtn = logic?.returns[0];
     // 调用接口，参数替换成 null
     if (asserts.isCallInterface(rightNode)) {
@@ -2859,7 +2891,7 @@ ${indent(state.tabSize)}export function ${this.tsName}_view`;
       if (
         element.concept &&
         element.concept === 'ViewElement' &&
-        (element as ViewElement).bindAttrs.find((bAttr) => bAttr.name === 'data-source')
+        (element as ViewElement).bindAttrs.find((bAttr) => bAttr.name === 'dataSource')
       ) {
         viewElements.push(element as ViewElement);
       }
@@ -2874,7 +2906,7 @@ ${indent(state.tabSize)}export function ${this.tsName}_view`;
       const currentIndex = viewElementsWithDataSource.length - 1 - index;
       const currentItemCode = `current${currentIndex === 0 ? '' : currentIndex}.item`;
       if (code.includes(currentItemCode)) {
-        const dataSource = viewElement.bindAttrs.find((bAttr) => bAttr.name === 'data-source');
+        const dataSource = viewElement.bindAttrs.find((bAttr) => bAttr.name === 'dataSource');
         if (dataSource) {
           const view = viewElement.getAncestor('View') as View;
           const dataSourceTS = yield* dataSource.expression.toEmbeddedTS();
@@ -2914,7 +2946,7 @@ ${indent(state.tabSize)}export function ${this.tsName}_view`;
     const callbackLogics: string[] = [];
     this.traverseChildren((el) => {
       if (asserts.isIdentifier(el) && el.namespace?.endsWith('logics')) {
-        callbackLogics.push(el.namespace + '.' + el.name);
+        callbackLogics.push(`${el.namespace  }.${  el.name}`);
       }
     });
     return callbackLogics;
@@ -2935,47 +2967,48 @@ type AttrObject = {
   value: string;
   label: string;
 };
+
 export const PAGE_COMPONENT_INCLUDE_TAG_MAP: Record<string, Record<string, AttrObject>> = {
   'u-list-view': {
-    'page-size': {
+    'pageSize': {
       value: 'size',
       label: '分页大小',
     },
-    'page-number': {
+    'pageNumber': {
       value: 'page',
       label: '当前页数',
     },
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
   },
   'u-grid-view': {
-    'page-size': {
+    'pageSize': {
       value: 'size',
       label: '分页大小',
     },
-    'page-number': {
+    'pageNumber': {
       value: 'page',
       label: '当前页数',
     },
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
   },
   'u-list-components': {
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
   },
   'u-table-view': {
-    'page-size': {
+    'pageSize': {
       value: 'size',
       label: '分页大小',
     },
-    'page-number': {
+    'pageNumber': {
       value: 'page',
       label: '当前页数',
     },
@@ -2991,7 +3024,7 @@ export const PAGE_COMPONENT_INCLUDE_TAG_MAP: Record<string, Record<string, AttrO
       value: 'values',
       label: '多选选中值',
     },
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
@@ -3001,7 +3034,7 @@ export const PAGE_COMPONENT_INCLUDE_TAG_MAP: Record<string, Record<string, AttrO
       value: 'value',
       label: '选中值',
     },
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
@@ -3011,7 +3044,7 @@ export const PAGE_COMPONENT_INCLUDE_TAG_MAP: Record<string, Record<string, AttrO
       value: 'value',
       label: '选中值',
     },
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
@@ -3021,7 +3054,7 @@ export const PAGE_COMPONENT_INCLUDE_TAG_MAP: Record<string, Record<string, AttrO
       value: 'value',
       label: '选中值',
     },
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
@@ -3029,11 +3062,11 @@ export const PAGE_COMPONENT_INCLUDE_TAG_MAP: Record<string, Record<string, AttrO
       value: 'opened',
       label: '弹出状态',
     },
-    'page-size': {
+    'pageSize': {
       value: 'size',
       label: '分页大小',
     },
-    'page-number': {
+    'pageNumber': {
       value: 'page',
       label: '当前页数',
     },
@@ -3043,7 +3076,7 @@ export const PAGE_COMPONENT_INCLUDE_TAG_MAP: Record<string, Record<string, AttrO
       value: 'value',
       label: '选中值',
     },
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
@@ -3053,17 +3086,18 @@ export const PAGE_COMPONENT_INCLUDE_TAG_MAP: Record<string, Record<string, AttrO
       value: 'value',
       label: '选中值',
     },
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
   },
+
   'van-radio-group': {
     value: {
       value: 'value',
       label: '选中值',
     },
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
@@ -3073,7 +3107,7 @@ export const PAGE_COMPONENT_INCLUDE_TAG_MAP: Record<string, Record<string, AttrO
       value: 'value',
       label: '选中值',
     },
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
@@ -3083,15 +3117,15 @@ export const PAGE_COMPONENT_INCLUDE_TAG_MAP: Record<string, Record<string, AttrO
       value: 'value',
       label: '选中值',
     },
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
-    'page-size': {
+    'pageSize': {
       value: 'size',
       label: '分页大小',
     },
-    'page-number': {
+    'pageNumber': {
       value: 'page',
       label: '当前页数',
     },
@@ -3101,43 +3135,390 @@ export const PAGE_COMPONENT_INCLUDE_TAG_MAP: Record<string, Record<string, AttrO
       value: 'value',
       label: '选中值',
     },
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
   },
   'van-list-view': {
-    'page-size': {
+    'pageSize': {
       value: 'size',
       label: '分页大小',
     },
-    'page-number': {
+    'pageNumber': {
       value: 'page',
       label: '当前页数',
     },
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
   },
   'van-grid-view': {
-    'page-size': {
+    'pageSize': {
       value: 'size',
       label: '分页大小',
     },
-    'page-number': {
+    'pageNumber': {
       value: 'page',
       label: '当前页数',
     },
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
   },
   'van-for-components': {
-    'data-source': {
+    'dataSource': {
       value: 'data',
       label: '数据',
     },
   },
 };
+
+/**
+ * 组件支持补全取值的属性映射
+ * prop 组件属性
+ * state 组件内部状态
+ */
+export const ComponentCompletionPropertyMap: Record<string, any> = {
+  // h5
+  'van-list-view': {
+    page: {
+      prop: 'pageNumber',
+      state: 'paging?.number',
+      label: '当前页数',
+
+    },
+    size: {
+      prop: 'pageSize',
+      state: 'paging?.size',
+      label: '分页大小',
+
+    },
+    filterText: {
+      prop: 'filterText',
+      state: 'filterText',
+      label: '过滤文本',
+
+    },
+    data: {
+      prop: 'dataSource',
+      state: 'currentData',
+      label: '数据',
+
+    }
+  },
+  'van-grid-view': {
+    page: {
+      prop: 'pageNumber',
+      state: 'paging?.number',
+      label: '当前页数',
+
+    },
+    size: {
+      prop: 'pageSize',
+      state: 'paging?.size',
+      label: '分页大小',
+
+    },
+    filterText: {
+      prop: 'filterText',
+      state: 'filterText',
+      label: '过滤文本',
+
+    },
+    data: {
+      prop: 'dataSource',
+      state: 'currentData',
+      label: '数据',
+
+    }
+  },
+  'van-for-components': {
+    data: {
+      prop: 'dataSource',
+      state: 'options',
+      label: '数据',
+
+    }
+  },
+  'van-pickerson': {
+    value: {
+      prop: 'value',
+      state: 'value',
+      label: '选中值',
+
+    },
+    page: {
+      prop: 'pageNumber',
+      state: 'paging?.number',
+      label: '当前页数',
+
+    },
+    size: {
+      prop: 'pageSize',
+      state: 'paging?.size',
+      label: '分页大小',
+
+    },
+    filterText: {
+      prop: 'filterText',
+      state: 'filterText',
+      label: '过滤文本',
+
+    },
+    data: {
+      prop: 'dataSource',
+      state: 'currentData',
+      label: '数据',
+
+    },
+  },
+  'van-cascader': {
+    value: {
+      prop: 'value',
+      state: 'value',
+      label: '选中值',
+
+    },
+    filterText: {
+      prop: 'filterText',
+      state: 'filterText',
+      label: '过滤文本',
+
+    }
+  },
+  'van-radio-group': {
+    value: {
+      prop: 'value',
+      state: 'value',
+      label: '选中值',
+
+    },
+    data: {
+      prop: 'dataSource',
+      state: 'options',
+      label: '数据',
+
+    }
+  },
+  'van-checkbox-group': {
+    value: {
+      prop: 'value',
+      state: 'value',
+      label: '选中值',
+
+    },
+    data: {
+      prop: 'dataSource',
+      state: 'options',
+      label: '数据',
+
+    }
+  },
+
+  // pc
+  'u-table-view': {
+    page: {
+      prop: 'pageNumber',
+      state: 'paging?.number',
+      label: '当前页数',
+
+    },
+    size: {
+      prop: 'pageSize',
+      state: 'paging?.size',
+      label: '分页大小',
+
+    },
+    sort: {
+      prop: 'sorting',
+      state: 'sorting?.field',
+      label: '排序属性',
+
+    },
+    order: {
+      prop: 'sorting',
+      state: 'sorting?.order',
+      label: '排序方式',
+
+    },
+    data: {
+      prop: 'dataSource',
+      state: 'currentData',
+      label: '数据',
+
+    }
+  },
+  'u-grid-view': {
+    page: {
+      prop: 'pageNumber',
+      state: 'paging?.number',
+      label: '当前页数',
+
+    },
+    size: {
+      prop: 'pageSize',
+      state: 'paging?.size',
+      label: '分页大小',
+
+    },
+    sort: {
+      prop: 'sorting',
+      state: 'sorting?.field',
+      label: '排序属性',
+
+    },
+    order: {
+      prop: 'sorting',
+      state: 'sorting?.order',
+      label: '排序方式',
+
+    },
+    data: {
+      prop: 'dataSource',
+      state: 'currentData',
+      label: '数据',
+    }
+  },
+  'u-list-view': {
+    page: {
+      prop: 'pageNumber',
+      state: 'paging?.number',
+      label: '当前页数',
+
+    },
+    size: {
+      prop: 'pageSize',
+      state: 'paging?.size',
+      label: '分页大小',
+    },
+    sort: {
+      prop: 'sorting',
+      state: 'sorting?.field',
+      label: '排序属性',
+    },
+    order: {
+      prop: 'sorting',
+      state: 'sorting?.order',
+      label: '排序方式',
+    },
+    filterText: {
+      prop: 'filterText',
+      state: 'filterText',
+      label: '过滤文本',
+    },
+  },
+  'u-list-components': {
+    data: {
+      prop: 'dataSource',
+      state: 'options',
+      label: '数据',
+    }
+  },
+  'u-radios': {
+    value: {
+      prop: 'value',
+      state: 'value',
+      label: '选中值',
+    },
+    data: {
+      prop: 'dataSource',
+      state: 'currentDataSource?.data',
+      label: '数据',
+    }
+  },
+  'u-checkboxes': {
+    value: {
+      prop: 'value',
+      state: 'value',
+      label: '选中值',
+    },
+    data: {
+      prop: 'dataSource',
+      state: 'currentDataSource?.data',
+      label: '数据',
+    }
+  },
+  'u-select': {
+    value: {
+      prop: 'value',
+      state: 'value',
+      label: '选中值',
+    },
+    page: {
+      prop: 'pageNumber',
+      state: 'paging?.number',
+      label: '当前页数',
+    },
+    size: {
+      prop: 'pageSize',
+      state: 'paging?.size',
+      label: '分页大小',
+    },
+    filterText: {
+      prop: 'filterText',
+      state: 'filterText',
+      label: '过滤文本',
+    },
+    data: {
+      prop: 'dataSource',
+      state: 'currentData',
+      label: '数据',
+    },
+    opened: {
+      prop: 'opened',
+      state: 'popperOpened',
+      label: '弹出状态',
+    },
+  },
+  'u-cascader': {
+    value: {
+      prop: 'value',
+      state: 'value',
+      label: '选中值',
+    },
+    filterText: {
+      prop: 'filterText',
+      state: 'filterText',
+      label: '过滤文本',
+    },
+    data: {
+      prop: 'dataSource',
+      state: 'currentData',
+      label: '数据',
+    },
+  },
+  'u-tree-select-new': {
+    value: {
+      prop: 'value',
+      state: 'value',
+      label: '选中值',
+    },
+    data: {
+      prop: 'dataSource',
+      state: 'currentDataSource?.data',
+      label: '数据',
+    }
+  }
+}
+
+export const FrontendTypeComponentNamePerfixMap: Record<string, string> = {
+  'h5': 'van-',
+  'pc': 'u-'
+}
+
+export function getComponentNameFromElementName(name: string, frontendType: string = 'pc') {
+  const prefix = FrontendTypeComponentNamePerfixMap[frontendType];
+
+  // radio_group_1 =>  radio_group
+  let componentName = name.replace(/_\d+$/, '');
+  // radio_group => radioGroup
+  componentName = utils.snake2Camel(componentName, true);
+  // radioGroup => radio-group
+  componentName = utils.Camel2kebab(componentName);
+  componentName = `${prefix}${componentName}`;
+
+  return componentName;
+}