@lcap/nasl 3.7.0-alpha.1 → 3.7.0-beta.1

package/src/concepts/ViewComponentDeclaration__.ts

@@ -0,0 +1,1670 @@
+//================================================================================
+// 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
+// ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
+//================================================================================
+import { EventPayload, Params } from '../common/EventEmitter';
+import { concept, excludedInJSON, property, getConceptConstructor } from '../decorators';
+
+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 PropDeclaration from './PropDeclaration__';
+import EventDeclaration from './EventDeclaration__';
+import SlotDeclaration from './SlotDeclaration__';
+import LogicDeclaration from './LogicDeclaration__';
+import ViewBlockWithImage from './ViewBlockWithImage__';
+import ThemeVariable from './ThemeVariable__';
+
+/**
+ * 页面组件
+ */
+@concept('页面组件')
+export class ViewComponentDeclaration extends BaseNode {
+  /** 类名 */
+  static readonly ConceptName: string = 'ViewComponentDeclaration';
+  /**
+   * 是否为抽象类
+   * 抽象类不能产生 concept: string
+   */
+  static isAbstract: boolean = false;
+  /** 继承链 */
+  static readonly inheritanceChain: string[] = ['BaseNode'];
+
+  /**
+   * 产品概念
+   */
+  @property('concept')
+  // @ts-ignore
+  readonly concept!: 'ViewComponentDeclaration';
+  /**
+   * 页面组件名称
+   */
+  @property({
+    objectRef: '',
+  })
+  name: string = '';
+
+  /**
+   * 页面组件中划线名称
+   */
+  @property({
+    objectRef: '',
+  })
+  kebabName: string;
+
+  /**
+   * 页面组件标题
+   */
+  @property({
+    objectRef: '',
+  })
+  title: string;
+
+  /**
+   * 所在分组
+   */
+  @property({
+    objectRef: '',
+  })
+  group: string;
+
+  /**
+   * 页面组件图标
+   */
+  @property({
+    objectRef: '',
+  })
+  icon: string;
+
+  /**
+   * 页面组件描述
+   */
+  @property({
+    objectRef: '',
+  })
+  description?: string = null;
+
+  /**
+   * 关于 TS 的 typeParams
+   */
+  @property({
+    objectRef: '',
+  })
+  tsTypeParams?: string = null;
+
+  /**
+   * 组件属性列表
+   */
+  @property({
+    objectRef: 'PropDeclaration',
+    isArray: true,
+    defaultValue: [],
+  })
+  props: Array<PropDeclaration> = [];
+
+  /**
+   * 可访问的组件属性列表
+   */
+  @property({
+    objectRef: 'PropDeclaration',
+    isArray: true,
+    defaultValue: [],
+  })
+  readableProps: Array<PropDeclaration> = [];
+
+  /**
+   * 组件事件列表
+   */
+  @property({
+    objectRef: 'EventDeclaration',
+    isArray: true,
+    defaultValue: [],
+  })
+  events: Array<EventDeclaration> = [];
+
+  /**
+   * 插槽列表
+   */
+  @property({
+    objectRef: 'SlotDeclaration',
+    isArray: true,
+    defaultValue: [],
+  })
+  slots: Array<SlotDeclaration> = [];
+
+  /**
+   * 逻辑列表
+   */
+  @property({
+    objectRef: 'LogicDeclaration',
+    isArray: true,
+    defaultValue: [],
+  })
+  methods: Array<LogicDeclaration> = [];
+
+  /**
+   * 页面组件列表
+   */
+  @property({
+    objectRef: 'ViewComponentDeclaration',
+    isArray: true,
+    defaultValue: [],
+  })
+  children: Array<ViewComponentDeclaration> = [];
+
+  /**
+   * 页面组件的代码块列表
+   */
+  @property({
+    objectRef: 'ViewBlockWithImage',
+    isArray: true,
+    defaultValue: [],
+  })
+  blocks: Array<ViewBlockWithImage> = [];
+
+  /**
+   * 主题变量
+   */
+  @property({
+    objectRef: 'ThemeVariable',
+    isArray: true,
+    defaultValue: [],
+  })
+  themeVariables: Array<ThemeVariable> = [];
+
+  /**
+   * @param source 需要合并的部分参数
+   */
+  constructor(source?: Partial<ViewComponentDeclaration>) {
+    source = Object.assign({}, ViewComponentDeclaration.getDefaultOptions(), source);
+    super(source);
+    super.subConstructor(source);
+  }
+
+  static from(source: any, parentNode?: any, parentKey?: string): ViewComponentDeclaration {
+    return super.from(source, parentNode, parentKey) as ViewComponentDeclaration;
+  }
+
+  getPropDeclarationExistingNames(excludedList: Array<PropDeclaration> = []) {
+    const excludedSet = new Set(excludedList);
+    return ((this.props as PropDeclaration[]) || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
+  }
+  getPropDeclarationUniqueName(name = 'propDeclaration1') {
+    return utils.unique(name, this.getPropDeclarationExistingNames(), undefined, false);
+  }
+
+  /**
+   * 插入组件属性
+   * @internal
+   * @param name 组件属性名称，如果不填会自动生成一个唯一名称
+   */
+  _insertPropDeclarationInPropsAt(name: string, index: number): PropDeclaration;
+
+  /**
+   * 插入组件属性
+   * @internal
+   * @param propDeclarationOptions 组件属性参数
+   */
+  _insertPropDeclarationInPropsAt(propDeclarationOptions: Partial<PropDeclaration>, index: number): PropDeclaration;
+
+  /**
+   * 插入组件属性
+   * @internal
+   * @param propDeclaration 已有的组件属性实例
+   */
+  _insertPropDeclarationInPropsAt(propDeclaration: PropDeclaration, index: number): PropDeclaration;
+
+  _insertPropDeclarationInPropsAt(options: string | Partial<PropDeclaration> | PropDeclaration, index: number) {
+    const propDeclarationOptions: any = {};
+    const relationOptions = { parentNode: this, parentKey: 'props' };
+    const PropDeclaration = getConceptConstructor('PropDeclaration');
+    let propDeclaration: PropDeclaration;
+    if (!options) {
+      propDeclaration = PropDeclaration.from(
+        {
+          ...propDeclarationOptions,
+          name: this.getPropDeclarationUniqueName(),
+        },
+        this,
+        'props',
+      );
+    } else if (typeof options === 'string') {
+      propDeclaration = PropDeclaration.from(
+        {
+          ...propDeclarationOptions,
+          name: options,
+        },
+        this,
+        'props',
+      );
+    } else if (asserts.isPropDeclaration(options)) {
+      options.ensureDelete(); // 同一实例不支持多处存在
+      propDeclaration = options;
+      Object.assign(propDeclaration, relationOptions);
+    } else {
+      propDeclaration = PropDeclaration.from(
+        {
+          ...propDeclarationOptions,
+          ...options,
+        },
+        this,
+        'props',
+      );
+    }
+    this.props.splice(index, 0, propDeclaration);
+    return propDeclaration;
+  }
+
+  /**
+   * 插入组件属性
+   * @param name 组件属性名称，如果不填会自动生成一个唯一名称
+   */
+  insertPropDeclarationInPropsAt(name: string, index: number): PropDeclaration;
+
+  /**
+   * 插入组件属性
+   * @param propDeclarationOptions 组件属性参数
+   */
+  insertPropDeclarationInPropsAt(propDeclarationOptions: Partial<PropDeclaration>, index: number): PropDeclaration;
+
+  /**
+   * 插入组件属性
+   * @param propDeclaration 已有的组件属性实例
+   */
+  insertPropDeclarationInPropsAt(propDeclaration: PropDeclaration, index: number): PropDeclaration;
+
+  insertPropDeclarationInPropsAt(options: string | Partial<PropDeclaration> | PropDeclaration, index: number) {
+    const node = this._insertPropDeclarationInPropsAt(options as any, index);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'props',
+    });
+    return node;
+  }
+
+  /**
+   * 添加组件属性
+   * @internal
+   * @param name 组件属性名称，如果不填会自动生成一个唯一名称
+   */
+  _addPropDeclarationInProps(name?: string): PropDeclaration;
+
+  /**
+   * 添加组件属性
+   * @internal
+   * @param propDeclarationOptions 组件属性参数
+   */
+  _addPropDeclarationInProps(propDeclarationOptions: Partial<PropDeclaration>): PropDeclaration;
+
+  /**
+   * 添加组件属性
+   * @internal
+   * @param propDeclaration 已有的组件属性实例
+   */
+  _addPropDeclarationInProps(propDeclaration: PropDeclaration): PropDeclaration;
+
+  _addPropDeclarationInProps(options?: string | Partial<PropDeclaration> | PropDeclaration) {
+    const index = this.props.length;
+    return this._insertPropDeclarationInPropsAt(options as any, index);
+  }
+
+  /**
+   * 添加组件属性
+   * @internal
+   * @param name 组件属性名称，如果不填会自动生成一个唯一名称
+   */
+  addPropDeclarationInProps(name?: string): PropDeclaration;
+
+  /**
+   * 添加组件属性
+   * @param propDeclarationOptions 组件属性参数
+   */
+  addPropDeclarationInProps(propDeclarationOptions: Partial<PropDeclaration>): PropDeclaration;
+
+  /**
+   * 添加组件属性
+   * @param propDeclaration 已有的组件属性实例
+   */
+  addPropDeclarationInProps(propDeclaration: PropDeclaration): PropDeclaration;
+
+  addPropDeclarationInProps(options?: string | Partial<PropDeclaration> | PropDeclaration) {
+    const node = this._addPropDeclarationInProps(options as any);
+    const index = this.props.indexOf(node);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'props',
+    });
+    return node;
+  }
+
+  /**
+   * 插入组件属性
+   * @internal
+   * @param name 组件属性名称，如果不填会自动生成一个唯一名称
+   */
+  _insertPropDeclarationInReadablePropsAt(name: string, index: number): PropDeclaration;
+
+  /**
+   * 插入组件属性
+   * @internal
+   * @param propDeclarationOptions 组件属性参数
+   */
+  _insertPropDeclarationInReadablePropsAt(
+    propDeclarationOptions: Partial<PropDeclaration>,
+    index: number,
+  ): PropDeclaration;
+
+  /**
+   * 插入组件属性
+   * @internal
+   * @param propDeclaration 已有的组件属性实例
+   */
+  _insertPropDeclarationInReadablePropsAt(propDeclaration: PropDeclaration, index: number): PropDeclaration;
+
+  _insertPropDeclarationInReadablePropsAt(options: string | Partial<PropDeclaration> | PropDeclaration, index: number) {
+    const propDeclarationOptions: any = {};
+    const relationOptions = { parentNode: this, parentKey: 'readableProps' };
+    const PropDeclaration = getConceptConstructor('PropDeclaration');
+    let propDeclaration: PropDeclaration;
+    if (!options) {
+      propDeclaration = PropDeclaration.from(
+        {
+          ...propDeclarationOptions,
+          name: this.getPropDeclarationUniqueName(),
+        },
+        this,
+        'readableProps',
+      );
+    } else if (typeof options === 'string') {
+      propDeclaration = PropDeclaration.from(
+        {
+          ...propDeclarationOptions,
+          name: options,
+        },
+        this,
+        'readableProps',
+      );
+    } else if (asserts.isPropDeclaration(options)) {
+      options.ensureDelete(); // 同一实例不支持多处存在
+      propDeclaration = options;
+      Object.assign(propDeclaration, relationOptions);
+    } else {
+      propDeclaration = PropDeclaration.from(
+        {
+          ...propDeclarationOptions,
+          ...options,
+        },
+        this,
+        'readableProps',
+      );
+    }
+    this.readableProps.splice(index, 0, propDeclaration);
+    return propDeclaration;
+  }
+
+  /**
+   * 插入组件属性
+   * @param name 组件属性名称，如果不填会自动生成一个唯一名称
+   */
+  insertPropDeclarationInReadablePropsAt(name: string, index: number): PropDeclaration;
+
+  /**
+   * 插入组件属性
+   * @param propDeclarationOptions 组件属性参数
+   */
+  insertPropDeclarationInReadablePropsAt(
+    propDeclarationOptions: Partial<PropDeclaration>,
+    index: number,
+  ): PropDeclaration;
+
+  /**
+   * 插入组件属性
+   * @param propDeclaration 已有的组件属性实例
+   */
+  insertPropDeclarationInReadablePropsAt(propDeclaration: PropDeclaration, index: number): PropDeclaration;
+
+  insertPropDeclarationInReadablePropsAt(options: string | Partial<PropDeclaration> | PropDeclaration, index: number) {
+    const node = this._insertPropDeclarationInReadablePropsAt(options as any, index);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'readableProps',
+    });
+    return node;
+  }
+
+  /**
+   * 添加组件属性
+   * @internal
+   * @param name 组件属性名称，如果不填会自动生成一个唯一名称
+   */
+  _addPropDeclarationInReadableProps(name?: string): PropDeclaration;
+
+  /**
+   * 添加组件属性
+   * @internal
+   * @param propDeclarationOptions 组件属性参数
+   */
+  _addPropDeclarationInReadableProps(propDeclarationOptions: Partial<PropDeclaration>): PropDeclaration;
+
+  /**
+   * 添加组件属性
+   * @internal
+   * @param propDeclaration 已有的组件属性实例
+   */
+  _addPropDeclarationInReadableProps(propDeclaration: PropDeclaration): PropDeclaration;
+
+  _addPropDeclarationInReadableProps(options?: string | Partial<PropDeclaration> | PropDeclaration) {
+    const index = this.readableProps.length;
+    return this._insertPropDeclarationInReadablePropsAt(options as any, index);
+  }
+
+  /**
+   * 添加组件属性
+   * @internal
+   * @param name 组件属性名称，如果不填会自动生成一个唯一名称
+   */
+  addPropDeclarationInReadableProps(name?: string): PropDeclaration;
+
+  /**
+   * 添加组件属性
+   * @param propDeclarationOptions 组件属性参数
+   */
+  addPropDeclarationInReadableProps(propDeclarationOptions: Partial<PropDeclaration>): PropDeclaration;
+
+  /**
+   * 添加组件属性
+   * @param propDeclaration 已有的组件属性实例
+   */
+  addPropDeclarationInReadableProps(propDeclaration: PropDeclaration): PropDeclaration;
+
+  addPropDeclarationInReadableProps(options?: string | Partial<PropDeclaration> | PropDeclaration) {
+    const node = this._addPropDeclarationInReadableProps(options as any);
+    const index = this.readableProps.indexOf(node);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'readableProps',
+    });
+    return node;
+  }
+
+  getEventDeclarationExistingNames(excludedList: Array<EventDeclaration> = []) {
+    const excludedSet = new Set(excludedList);
+    return ((this.events as EventDeclaration[]) || [])
+      .filter((item) => !excludedSet.has(item))
+      .map((item) => item.name);
+  }
+  getEventDeclarationUniqueName(name = 'eventDeclaration1') {
+    return utils.unique(name, this.getEventDeclarationExistingNames(), undefined, false);
+  }
+
+  /**
+   * 插入组件事件
+   * @internal
+   * @param name 组件事件名称，如果不填会自动生成一个唯一名称
+   */
+  _insertEventDeclarationAt(name: string, index: number): EventDeclaration;
+
+  /**
+   * 插入组件事件
+   * @internal
+   * @param eventDeclarationOptions 组件事件参数
+   */
+  _insertEventDeclarationAt(eventDeclarationOptions: Partial<EventDeclaration>, index: number): EventDeclaration;
+
+  /**
+   * 插入组件事件
+   * @internal
+   * @param eventDeclaration 已有的组件事件实例
+   */
+  _insertEventDeclarationAt(eventDeclaration: EventDeclaration, index: number): EventDeclaration;
+
+  _insertEventDeclarationAt(options: string | Partial<EventDeclaration> | EventDeclaration, index: number) {
+    const eventDeclarationOptions: any = {};
+    const relationOptions = { parentNode: this, parentKey: 'events' };
+    const EventDeclaration = getConceptConstructor('EventDeclaration');
+    let eventDeclaration: EventDeclaration;
+    if (!options) {
+      eventDeclaration = EventDeclaration.from(
+        {
+          ...eventDeclarationOptions,
+          name: this.getEventDeclarationUniqueName(),
+        },
+        this,
+        'events',
+      );
+    } else if (typeof options === 'string') {
+      eventDeclaration = EventDeclaration.from(
+        {
+          ...eventDeclarationOptions,
+          name: options,
+        },
+        this,
+        'events',
+      );
+    } else if (asserts.isEventDeclaration(options)) {
+      options.ensureDelete(); // 同一实例不支持多处存在
+      eventDeclaration = options;
+      Object.assign(eventDeclaration, relationOptions);
+    } else {
+      eventDeclaration = EventDeclaration.from(
+        {
+          ...eventDeclarationOptions,
+          ...options,
+        },
+        this,
+        'events',
+      );
+    }
+    this.events.splice(index, 0, eventDeclaration);
+    return eventDeclaration;
+  }
+
+  /**
+   * 插入组件事件
+   * @param name 组件事件名称，如果不填会自动生成一个唯一名称
+   */
+  insertEventDeclarationAt(name: string, index: number): EventDeclaration;
+
+  /**
+   * 插入组件事件
+   * @param eventDeclarationOptions 组件事件参数
+   */
+  insertEventDeclarationAt(eventDeclarationOptions: Partial<EventDeclaration>, index: number): EventDeclaration;
+
+  /**
+   * 插入组件事件
+   * @param eventDeclaration 已有的组件事件实例
+   */
+  insertEventDeclarationAt(eventDeclaration: EventDeclaration, index: number): EventDeclaration;
+
+  insertEventDeclarationAt(options: string | Partial<EventDeclaration> | EventDeclaration, index: number) {
+    const node = this._insertEventDeclarationAt(options as any, index);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'events',
+    });
+    return node;
+  }
+
+  /**
+   * 添加组件事件
+   * @internal
+   * @param name 组件事件名称，如果不填会自动生成一个唯一名称
+   */
+  _addEventDeclaration(name?: string): EventDeclaration;
+
+  /**
+   * 添加组件事件
+   * @internal
+   * @param eventDeclarationOptions 组件事件参数
+   */
+  _addEventDeclaration(eventDeclarationOptions: Partial<EventDeclaration>): EventDeclaration;
+
+  /**
+   * 添加组件事件
+   * @internal
+   * @param eventDeclaration 已有的组件事件实例
+   */
+  _addEventDeclaration(eventDeclaration: EventDeclaration): EventDeclaration;
+
+  _addEventDeclaration(options?: string | Partial<EventDeclaration> | EventDeclaration) {
+    const index = this.events.length;
+    return this._insertEventDeclarationAt(options as any, index);
+  }
+
+  /**
+   * 添加组件事件
+   * @internal
+   * @param name 组件事件名称，如果不填会自动生成一个唯一名称
+   */
+  addEventDeclaration(name?: string): EventDeclaration;
+
+  /**
+   * 添加组件事件
+   * @param eventDeclarationOptions 组件事件参数
+   */
+  addEventDeclaration(eventDeclarationOptions: Partial<EventDeclaration>): EventDeclaration;
+
+  /**
+   * 添加组件事件
+   * @param eventDeclaration 已有的组件事件实例
+   */
+  addEventDeclaration(eventDeclaration: EventDeclaration): EventDeclaration;
+
+  addEventDeclaration(options?: string | Partial<EventDeclaration> | EventDeclaration) {
+    const node = this._addEventDeclaration(options as any);
+    const index = this.events.indexOf(node);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'events',
+    });
+    return node;
+  }
+
+  getSlotDeclarationExistingNames(excludedList: Array<SlotDeclaration> = []) {
+    const excludedSet = new Set(excludedList);
+    return ((this.slots as SlotDeclaration[]) || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
+  }
+  getSlotDeclarationUniqueName(name = 'slotDeclaration1') {
+    return utils.unique(name, this.getSlotDeclarationExistingNames(), undefined, false);
+  }
+
+  /**
+   * 插入插槽
+   * @internal
+   * @param name 插槽名称，如果不填会自动生成一个唯一名称
+   */
+  _insertSlotDeclarationAt(name: string, index: number): SlotDeclaration;
+
+  /**
+   * 插入插槽
+   * @internal
+   * @param slotDeclarationOptions 插槽参数
+   */
+  _insertSlotDeclarationAt(slotDeclarationOptions: Partial<SlotDeclaration>, index: number): SlotDeclaration;
+
+  /**
+   * 插入插槽
+   * @internal
+   * @param slotDeclaration 已有的插槽实例
+   */
+  _insertSlotDeclarationAt(slotDeclaration: SlotDeclaration, index: number): SlotDeclaration;
+
+  _insertSlotDeclarationAt(options: string | Partial<SlotDeclaration> | SlotDeclaration, index: number) {
+    const slotDeclarationOptions: any = {};
+    const relationOptions = { parentNode: this, parentKey: 'slots' };
+    const SlotDeclaration = getConceptConstructor('SlotDeclaration');
+    let slotDeclaration: SlotDeclaration;
+    if (!options) {
+      slotDeclaration = SlotDeclaration.from(
+        {
+          ...slotDeclarationOptions,
+          name: this.getSlotDeclarationUniqueName(),
+        },
+        this,
+        'slots',
+      );
+    } else if (typeof options === 'string') {
+      slotDeclaration = SlotDeclaration.from(
+        {
+          ...slotDeclarationOptions,
+          name: options,
+        },
+        this,
+        'slots',
+      );
+    } else if (asserts.isSlotDeclaration(options)) {
+      options.ensureDelete(); // 同一实例不支持多处存在
+      slotDeclaration = options;
+      Object.assign(slotDeclaration, relationOptions);
+    } else {
+      slotDeclaration = SlotDeclaration.from(
+        {
+          ...slotDeclarationOptions,
+          ...options,
+        },
+        this,
+        'slots',
+      );
+    }
+    this.slots.splice(index, 0, slotDeclaration);
+    return slotDeclaration;
+  }
+
+  /**
+   * 插入插槽
+   * @param name 插槽名称，如果不填会自动生成一个唯一名称
+   */
+  insertSlotDeclarationAt(name: string, index: number): SlotDeclaration;
+
+  /**
+   * 插入插槽
+   * @param slotDeclarationOptions 插槽参数
+   */
+  insertSlotDeclarationAt(slotDeclarationOptions: Partial<SlotDeclaration>, index: number): SlotDeclaration;
+
+  /**
+   * 插入插槽
+   * @param slotDeclaration 已有的插槽实例
+   */
+  insertSlotDeclarationAt(slotDeclaration: SlotDeclaration, index: number): SlotDeclaration;
+
+  insertSlotDeclarationAt(options: string | Partial<SlotDeclaration> | SlotDeclaration, index: number) {
+    const node = this._insertSlotDeclarationAt(options as any, index);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'slots',
+    });
+    return node;
+  }
+
+  /**
+   * 添加插槽
+   * @internal
+   * @param name 插槽名称，如果不填会自动生成一个唯一名称
+   */
+  _addSlotDeclaration(name?: string): SlotDeclaration;
+
+  /**
+   * 添加插槽
+   * @internal
+   * @param slotDeclarationOptions 插槽参数
+   */
+  _addSlotDeclaration(slotDeclarationOptions: Partial<SlotDeclaration>): SlotDeclaration;
+
+  /**
+   * 添加插槽
+   * @internal
+   * @param slotDeclaration 已有的插槽实例
+   */
+  _addSlotDeclaration(slotDeclaration: SlotDeclaration): SlotDeclaration;
+
+  _addSlotDeclaration(options?: string | Partial<SlotDeclaration> | SlotDeclaration) {
+    const index = this.slots.length;
+    return this._insertSlotDeclarationAt(options as any, index);
+  }
+
+  /**
+   * 添加插槽
+   * @internal
+   * @param name 插槽名称，如果不填会自动生成一个唯一名称
+   */
+  addSlotDeclaration(name?: string): SlotDeclaration;
+
+  /**
+   * 添加插槽
+   * @param slotDeclarationOptions 插槽参数
+   */
+  addSlotDeclaration(slotDeclarationOptions: Partial<SlotDeclaration>): SlotDeclaration;
+
+  /**
+   * 添加插槽
+   * @param slotDeclaration 已有的插槽实例
+   */
+  addSlotDeclaration(slotDeclaration: SlotDeclaration): SlotDeclaration;
+
+  addSlotDeclaration(options?: string | Partial<SlotDeclaration> | SlotDeclaration) {
+    const node = this._addSlotDeclaration(options as any);
+    const index = this.slots.indexOf(node);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'slots',
+    });
+    return node;
+  }
+
+  getLogicDeclarationExistingNames(excludedList: Array<LogicDeclaration> = []) {
+    const excludedSet = new Set(excludedList);
+    return ((this.methods as LogicDeclaration[]) || [])
+      .filter((item) => !excludedSet.has(item))
+      .map((item) => item.name);
+  }
+  getLogicDeclarationUniqueName(name = 'logicDeclaration1') {
+    return utils.unique(name, this.getLogicDeclarationExistingNames(), undefined, false);
+  }
+
+  /**
+   * 插入逻辑声明
+   * @internal
+   * @param name 逻辑声明名称，如果不填会自动生成一个唯一名称
+   */
+  _insertLogicDeclarationAt(name: string, index: number): LogicDeclaration;
+
+  /**
+   * 插入逻辑声明
+   * @internal
+   * @param logicDeclarationOptions 逻辑声明参数
+   */
+  _insertLogicDeclarationAt(logicDeclarationOptions: Partial<LogicDeclaration>, index: number): LogicDeclaration;
+
+  /**
+   * 插入逻辑声明
+   * @internal
+   * @param logicDeclaration 已有的逻辑声明实例
+   */
+  _insertLogicDeclarationAt(logicDeclaration: LogicDeclaration, index: number): LogicDeclaration;
+
+  _insertLogicDeclarationAt(options: string | Partial<LogicDeclaration> | LogicDeclaration, index: number) {
+    const logicDeclarationOptions: any = {};
+    const relationOptions = { parentNode: this, parentKey: 'methods' };
+    const LogicDeclaration = getConceptConstructor('LogicDeclaration');
+    let logicDeclaration: LogicDeclaration;
+    if (!options) {
+      logicDeclaration = LogicDeclaration.from(
+        {
+          ...logicDeclarationOptions,
+          name: this.getLogicDeclarationUniqueName(),
+        },
+        this,
+        'methods',
+      );
+    } else if (typeof options === 'string') {
+      logicDeclaration = LogicDeclaration.from(
+        {
+          ...logicDeclarationOptions,
+          name: options,
+        },
+        this,
+        'methods',
+      );
+    } else if (asserts.isLogicDeclaration(options)) {
+      options.ensureDelete(); // 同一实例不支持多处存在
+      logicDeclaration = options;
+      Object.assign(logicDeclaration, relationOptions);
+    } else {
+      logicDeclaration = LogicDeclaration.from(
+        {
+          ...logicDeclarationOptions,
+          ...options,
+        },
+        this,
+        'methods',
+      );
+    }
+    this.methods.splice(index, 0, logicDeclaration);
+    return logicDeclaration;
+  }
+
+  /**
+   * 插入逻辑声明
+   * @param name 逻辑声明名称，如果不填会自动生成一个唯一名称
+   */
+  insertLogicDeclarationAt(name: string, index: number): LogicDeclaration;
+
+  /**
+   * 插入逻辑声明
+   * @param logicDeclarationOptions 逻辑声明参数
+   */
+  insertLogicDeclarationAt(logicDeclarationOptions: Partial<LogicDeclaration>, index: number): LogicDeclaration;
+
+  /**
+   * 插入逻辑声明
+   * @param logicDeclaration 已有的逻辑声明实例
+   */
+  insertLogicDeclarationAt(logicDeclaration: LogicDeclaration, index: number): LogicDeclaration;
+
+  insertLogicDeclarationAt(options: string | Partial<LogicDeclaration> | LogicDeclaration, index: number) {
+    const node = this._insertLogicDeclarationAt(options as any, index);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'methods',
+    });
+    return node;
+  }
+
+  /**
+   * 添加逻辑声明
+   * @internal
+   * @param name 逻辑声明名称，如果不填会自动生成一个唯一名称
+   */
+  _addLogicDeclaration(name?: string): LogicDeclaration;
+
+  /**
+   * 添加逻辑声明
+   * @internal
+   * @param logicDeclarationOptions 逻辑声明参数
+   */
+  _addLogicDeclaration(logicDeclarationOptions: Partial<LogicDeclaration>): LogicDeclaration;
+
+  /**
+   * 添加逻辑声明
+   * @internal
+   * @param logicDeclaration 已有的逻辑声明实例
+   */
+  _addLogicDeclaration(logicDeclaration: LogicDeclaration): LogicDeclaration;
+
+  _addLogicDeclaration(options?: string | Partial<LogicDeclaration> | LogicDeclaration) {
+    const index = this.methods.length;
+    return this._insertLogicDeclarationAt(options as any, index);
+  }
+
+  /**
+   * 添加逻辑声明
+   * @internal
+   * @param name 逻辑声明名称，如果不填会自动生成一个唯一名称
+   */
+  addLogicDeclaration(name?: string): LogicDeclaration;
+
+  /**
+   * 添加逻辑声明
+   * @param logicDeclarationOptions 逻辑声明参数
+   */
+  addLogicDeclaration(logicDeclarationOptions: Partial<LogicDeclaration>): LogicDeclaration;
+
+  /**
+   * 添加逻辑声明
+   * @param logicDeclaration 已有的逻辑声明实例
+   */
+  addLogicDeclaration(logicDeclaration: LogicDeclaration): LogicDeclaration;
+
+  addLogicDeclaration(options?: string | Partial<LogicDeclaration> | LogicDeclaration) {
+    const node = this._addLogicDeclaration(options as any);
+    const index = this.methods.indexOf(node);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'methods',
+    });
+    return node;
+  }
+
+  getViewComponentDeclarationExistingNames(excludedList: Array<ViewComponentDeclaration> = []) {
+    const excludedSet = new Set(excludedList);
+    return ((this.children as ViewComponentDeclaration[]) || [])
+      .filter((item) => !excludedSet.has(item))
+      .map((item) => item.name);
+  }
+  getViewComponentDeclarationUniqueName(name = 'viewComponentDeclaration1') {
+    return utils.unique(name, this.getViewComponentDeclarationExistingNames(), undefined, false);
+  }
+
+  /**
+   * 插入页面组件
+   * @internal
+   * @param name 页面组件名称，如果不填会自动生成一个唯一名称
+   */
+  _insertViewComponentDeclarationAt(name: string, index: number): ViewComponentDeclaration;
+
+  /**
+   * 插入页面组件
+   * @internal
+   * @param viewComponentDeclarationOptions 页面组件参数
+   */
+  _insertViewComponentDeclarationAt(
+    viewComponentDeclarationOptions: Partial<ViewComponentDeclaration>,
+    index: number,
+  ): ViewComponentDeclaration;
+
+  /**
+   * 插入页面组件
+   * @internal
+   * @param viewComponentDeclaration 已有的页面组件实例
+   */
+  _insertViewComponentDeclarationAt(
+    viewComponentDeclaration: ViewComponentDeclaration,
+    index: number,
+  ): ViewComponentDeclaration;
+
+  _insertViewComponentDeclarationAt(
+    options: string | Partial<ViewComponentDeclaration> | ViewComponentDeclaration,
+    index: number,
+  ) {
+    const viewComponentDeclarationOptions: any = {};
+    const relationOptions = { parentNode: this, parentKey: 'children' };
+    const ViewComponentDeclaration = getConceptConstructor('ViewComponentDeclaration');
+    let viewComponentDeclaration: ViewComponentDeclaration;
+    if (!options) {
+      viewComponentDeclaration = ViewComponentDeclaration.from(
+        {
+          ...viewComponentDeclarationOptions,
+          name: this.getViewComponentDeclarationUniqueName(),
+        },
+        this,
+        'children',
+      );
+    } else if (typeof options === 'string') {
+      viewComponentDeclaration = ViewComponentDeclaration.from(
+        {
+          ...viewComponentDeclarationOptions,
+          name: options,
+        },
+        this,
+        'children',
+      );
+    } else if (asserts.isViewComponentDeclaration(options)) {
+      options.ensureDelete(); // 同一实例不支持多处存在
+      viewComponentDeclaration = options;
+      Object.assign(viewComponentDeclaration, relationOptions);
+    } else {
+      viewComponentDeclaration = ViewComponentDeclaration.from(
+        {
+          ...viewComponentDeclarationOptions,
+          ...options,
+        },
+        this,
+        'children',
+      );
+    }
+    this.children.splice(index, 0, viewComponentDeclaration);
+    return viewComponentDeclaration;
+  }
+
+  /**
+   * 插入页面组件
+   * @param name 页面组件名称，如果不填会自动生成一个唯一名称
+   */
+  insertViewComponentDeclarationAt(name: string, index: number): ViewComponentDeclaration;
+
+  /**
+   * 插入页面组件
+   * @param viewComponentDeclarationOptions 页面组件参数
+   */
+  insertViewComponentDeclarationAt(
+    viewComponentDeclarationOptions: Partial<ViewComponentDeclaration>,
+    index: number,
+  ): ViewComponentDeclaration;
+
+  /**
+   * 插入页面组件
+   * @param viewComponentDeclaration 已有的页面组件实例
+   */
+  insertViewComponentDeclarationAt(
+    viewComponentDeclaration: ViewComponentDeclaration,
+    index: number,
+  ): ViewComponentDeclaration;
+
+  insertViewComponentDeclarationAt(
+    options: string | Partial<ViewComponentDeclaration> | ViewComponentDeclaration,
+    index: number,
+  ) {
+    const node = this._insertViewComponentDeclarationAt(options as any, index);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'children',
+    });
+    return node;
+  }
+
+  /**
+   * 添加页面组件
+   * @internal
+   * @param name 页面组件名称，如果不填会自动生成一个唯一名称
+   */
+  _addViewComponentDeclaration(name?: string): ViewComponentDeclaration;
+
+  /**
+   * 添加页面组件
+   * @internal
+   * @param viewComponentDeclarationOptions 页面组件参数
+   */
+  _addViewComponentDeclaration(
+    viewComponentDeclarationOptions: Partial<ViewComponentDeclaration>,
+  ): ViewComponentDeclaration;
+
+  /**
+   * 添加页面组件
+   * @internal
+   * @param viewComponentDeclaration 已有的页面组件实例
+   */
+  _addViewComponentDeclaration(viewComponentDeclaration: ViewComponentDeclaration): ViewComponentDeclaration;
+
+  _addViewComponentDeclaration(options?: string | Partial<ViewComponentDeclaration> | ViewComponentDeclaration) {
+    const index = this.children.length;
+    return this._insertViewComponentDeclarationAt(options as any, index);
+  }
+
+  /**
+   * 添加页面组件
+   * @internal
+   * @param name 页面组件名称，如果不填会自动生成一个唯一名称
+   */
+  addViewComponentDeclaration(name?: string): ViewComponentDeclaration;
+
+  /**
+   * 添加页面组件
+   * @param viewComponentDeclarationOptions 页面组件参数
+   */
+  addViewComponentDeclaration(
+    viewComponentDeclarationOptions: Partial<ViewComponentDeclaration>,
+  ): ViewComponentDeclaration;
+
+  /**
+   * 添加页面组件
+   * @param viewComponentDeclaration 已有的页面组件实例
+   */
+  addViewComponentDeclaration(viewComponentDeclaration: ViewComponentDeclaration): ViewComponentDeclaration;
+
+  addViewComponentDeclaration(options?: string | Partial<ViewComponentDeclaration> | ViewComponentDeclaration) {
+    const node = this._addViewComponentDeclaration(options as any);
+    const index = this.children.indexOf(node);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'children',
+    });
+    return node;
+  }
+
+  getViewBlockWithImageExistingNames(excludedList: Array<ViewBlockWithImage> = []) {
+    const excludedSet = new Set(excludedList);
+    return ((this.blocks as ViewBlockWithImage[]) || [])
+      .filter((item) => !excludedSet.has(item))
+      .map((item) => item.name);
+  }
+  getViewBlockWithImageUniqueName(name = 'viewBlockWithImage1') {
+    return utils.unique(name, this.getViewBlockWithImageExistingNames(), undefined, false);
+  }
+
+  /**
+   * 插入带截图的代码块
+   * @internal
+   * @param name 带截图的代码块名称，如果不填会自动生成一个唯一名称
+   */
+  _insertViewBlockWithImageAt(name: string, index: number): ViewBlockWithImage;
+
+  /**
+   * 插入带截图的代码块
+   * @internal
+   * @param viewBlockWithImageOptions 带截图的代码块参数
+   */
+  _insertViewBlockWithImageAt(
+    viewBlockWithImageOptions: Partial<ViewBlockWithImage>,
+    index: number,
+  ): ViewBlockWithImage;
+
+  /**
+   * 插入带截图的代码块
+   * @internal
+   * @param viewBlockWithImage 已有的带截图的代码块实例
+   */
+  _insertViewBlockWithImageAt(viewBlockWithImage: ViewBlockWithImage, index: number): ViewBlockWithImage;
+
+  _insertViewBlockWithImageAt(options: string | Partial<ViewBlockWithImage> | ViewBlockWithImage, index: number) {
+    const viewBlockWithImageOptions: any = {};
+    const relationOptions = { parentNode: this, parentKey: 'blocks' };
+    const ViewBlockWithImage = getConceptConstructor('ViewBlockWithImage');
+    let viewBlockWithImage: ViewBlockWithImage;
+    if (!options) {
+      viewBlockWithImage = ViewBlockWithImage.from(
+        {
+          ...viewBlockWithImageOptions,
+          name: this.getViewBlockWithImageUniqueName(),
+        },
+        this,
+        'blocks',
+      );
+    } else if (typeof options === 'string') {
+      viewBlockWithImage = ViewBlockWithImage.from(
+        {
+          ...viewBlockWithImageOptions,
+          name: options,
+        },
+        this,
+        'blocks',
+      );
+    } else if (asserts.isViewBlockWithImage(options)) {
+      options.ensureDelete(); // 同一实例不支持多处存在
+      viewBlockWithImage = options;
+      Object.assign(viewBlockWithImage, relationOptions);
+    } else {
+      viewBlockWithImage = ViewBlockWithImage.from(
+        {
+          ...viewBlockWithImageOptions,
+          ...options,
+        },
+        this,
+        'blocks',
+      );
+    }
+    this.blocks.splice(index, 0, viewBlockWithImage);
+    return viewBlockWithImage;
+  }
+
+  /**
+   * 插入带截图的代码块
+   * @param name 带截图的代码块名称，如果不填会自动生成一个唯一名称
+   */
+  insertViewBlockWithImageAt(name: string, index: number): ViewBlockWithImage;
+
+  /**
+   * 插入带截图的代码块
+   * @param viewBlockWithImageOptions 带截图的代码块参数
+   */
+  insertViewBlockWithImageAt(viewBlockWithImageOptions: Partial<ViewBlockWithImage>, index: number): ViewBlockWithImage;
+
+  /**
+   * 插入带截图的代码块
+   * @param viewBlockWithImage 已有的带截图的代码块实例
+   */
+  insertViewBlockWithImageAt(viewBlockWithImage: ViewBlockWithImage, index: number): ViewBlockWithImage;
+
+  insertViewBlockWithImageAt(options: string | Partial<ViewBlockWithImage> | ViewBlockWithImage, index: number) {
+    const node = this._insertViewBlockWithImageAt(options as any, index);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'blocks',
+    });
+    return node;
+  }
+
+  /**
+   * 添加带截图的代码块
+   * @internal
+   * @param name 带截图的代码块名称，如果不填会自动生成一个唯一名称
+   */
+  _addViewBlockWithImage(name?: string): ViewBlockWithImage;
+
+  /**
+   * 添加带截图的代码块
+   * @internal
+   * @param viewBlockWithImageOptions 带截图的代码块参数
+   */
+  _addViewBlockWithImage(viewBlockWithImageOptions: Partial<ViewBlockWithImage>): ViewBlockWithImage;
+
+  /**
+   * 添加带截图的代码块
+   * @internal
+   * @param viewBlockWithImage 已有的带截图的代码块实例
+   */
+  _addViewBlockWithImage(viewBlockWithImage: ViewBlockWithImage): ViewBlockWithImage;
+
+  _addViewBlockWithImage(options?: string | Partial<ViewBlockWithImage> | ViewBlockWithImage) {
+    const index = this.blocks.length;
+    return this._insertViewBlockWithImageAt(options as any, index);
+  }
+
+  /**
+   * 添加带截图的代码块
+   * @internal
+   * @param name 带截图的代码块名称，如果不填会自动生成一个唯一名称
+   */
+  addViewBlockWithImage(name?: string): ViewBlockWithImage;
+
+  /**
+   * 添加带截图的代码块
+   * @param viewBlockWithImageOptions 带截图的代码块参数
+   */
+  addViewBlockWithImage(viewBlockWithImageOptions: Partial<ViewBlockWithImage>): ViewBlockWithImage;
+
+  /**
+   * 添加带截图的代码块
+   * @param viewBlockWithImage 已有的带截图的代码块实例
+   */
+  addViewBlockWithImage(viewBlockWithImage: ViewBlockWithImage): ViewBlockWithImage;
+
+  addViewBlockWithImage(options?: string | Partial<ViewBlockWithImage> | ViewBlockWithImage) {
+    const node = this._addViewBlockWithImage(options as any);
+    const index = this.blocks.indexOf(node);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'blocks',
+    });
+    return node;
+  }
+
+  getThemeVariableExistingNames(excludedList: Array<ThemeVariable> = []) {
+    const excludedSet = new Set(excludedList);
+    return ((this.themeVariables as ThemeVariable[]) || [])
+      .filter((item) => !excludedSet.has(item))
+      .map((item) => item.name);
+  }
+  getThemeVariableUniqueName(name = 'themeVariable1') {
+    return utils.unique(name, this.getThemeVariableExistingNames(), undefined, false);
+  }
+
+  /**
+   * 插入主题变量
+   * @internal
+   * @param name 主题变量名称，如果不填会自动生成一个唯一名称
+   */
+  _insertThemeVariableAt(name: string, index: number): ThemeVariable;
+
+  /**
+   * 插入主题变量
+   * @internal
+   * @param themeVariableOptions 主题变量参数
+   */
+  _insertThemeVariableAt(themeVariableOptions: Partial<ThemeVariable>, index: number): ThemeVariable;
+
+  /**
+   * 插入主题变量
+   * @internal
+   * @param themeVariable 已有的主题变量实例
+   */
+  _insertThemeVariableAt(themeVariable: ThemeVariable, index: number): ThemeVariable;
+
+  _insertThemeVariableAt(options: string | Partial<ThemeVariable> | ThemeVariable, index: number) {
+    const themeVariableOptions: any = {};
+    const relationOptions = { parentNode: this, parentKey: 'themeVariables' };
+    const ThemeVariable = getConceptConstructor('ThemeVariable');
+    let themeVariable: ThemeVariable;
+    if (!options) {
+      themeVariable = ThemeVariable.from(
+        {
+          ...themeVariableOptions,
+          name: this.getThemeVariableUniqueName(),
+        },
+        this,
+        'themeVariables',
+      );
+    } else if (typeof options === 'string') {
+      themeVariable = ThemeVariable.from(
+        {
+          ...themeVariableOptions,
+          name: options,
+        },
+        this,
+        'themeVariables',
+      );
+    } else if (asserts.isThemeVariable(options)) {
+      options.ensureDelete(); // 同一实例不支持多处存在
+      themeVariable = options;
+      Object.assign(themeVariable, relationOptions);
+    } else {
+      themeVariable = ThemeVariable.from(
+        {
+          ...themeVariableOptions,
+          ...options,
+        },
+        this,
+        'themeVariables',
+      );
+    }
+    this.themeVariables.splice(index, 0, themeVariable);
+    return themeVariable;
+  }
+
+  /**
+   * 插入主题变量
+   * @param name 主题变量名称，如果不填会自动生成一个唯一名称
+   */
+  insertThemeVariableAt(name: string, index: number): ThemeVariable;
+
+  /**
+   * 插入主题变量
+   * @param themeVariableOptions 主题变量参数
+   */
+  insertThemeVariableAt(themeVariableOptions: Partial<ThemeVariable>, index: number): ThemeVariable;
+
+  /**
+   * 插入主题变量
+   * @param themeVariable 已有的主题变量实例
+   */
+  insertThemeVariableAt(themeVariable: ThemeVariable, index: number): ThemeVariable;
+
+  insertThemeVariableAt(options: string | Partial<ThemeVariable> | ThemeVariable, index: number) {
+    const node = this._insertThemeVariableAt(options as any, index);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'themeVariables',
+    });
+    return node;
+  }
+
+  /**
+   * 添加主题变量
+   * @internal
+   * @param name 主题变量名称，如果不填会自动生成一个唯一名称
+   */
+  _addThemeVariable(name?: string): ThemeVariable;
+
+  /**
+   * 添加主题变量
+   * @internal
+   * @param themeVariableOptions 主题变量参数
+   */
+  _addThemeVariable(themeVariableOptions: Partial<ThemeVariable>): ThemeVariable;
+
+  /**
+   * 添加主题变量
+   * @internal
+   * @param themeVariable 已有的主题变量实例
+   */
+  _addThemeVariable(themeVariable: ThemeVariable): ThemeVariable;
+
+  _addThemeVariable(options?: string | Partial<ThemeVariable> | ThemeVariable) {
+    const index = this.themeVariables.length;
+    return this._insertThemeVariableAt(options as any, index);
+  }
+
+  /**
+   * 添加主题变量
+   * @internal
+   * @param name 主题变量名称，如果不填会自动生成一个唯一名称
+   */
+  addThemeVariable(name?: string): ThemeVariable;
+
+  /**
+   * 添加主题变量
+   * @param themeVariableOptions 主题变量参数
+   */
+  addThemeVariable(themeVariableOptions: Partial<ThemeVariable>): ThemeVariable;
+
+  /**
+   * 添加主题变量
+   * @param themeVariable 已有的主题变量实例
+   */
+  addThemeVariable(themeVariable: ThemeVariable): ThemeVariable;
+
+  addThemeVariable(options?: string | Partial<ThemeVariable> | ThemeVariable) {
+    const node = this._addThemeVariable(options as any);
+    const index = this.themeVariables.indexOf(node);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'themeVariables',
+    });
+    return node;
+  }
+
+  /**
+   * 删除组件属性
+   * @param name 组件属性名称
+   */
+  removePropDeclarationInProps(name: string): void;
+
+  /**
+   * 删除组件属性
+   * @param propDeclaration 已有的组件属性实例
+   */
+  removePropDeclarationInProps(propDeclaration: PropDeclaration): void;
+
+  removePropDeclarationInProps(options: string | PropDeclaration) {
+    let propDeclaration: PropDeclaration;
+    if (typeof options === 'string') {
+      propDeclaration = (this.props as PropDeclaration[]).find((item) => item.name === options);
+      if (!propDeclaration) {
+        throw new Error('找不到组件属性 ' + options);
+      }
+    } else {
+      propDeclaration = options;
+    }
+    return propDeclaration.delete();
+  }
+
+  /**
+   * 删除组件属性
+   * @param name 组件属性名称
+   */
+  removePropDeclarationInReadableProps(name: string): void;
+
+  /**
+   * 删除组件属性
+   * @param propDeclaration 已有的组件属性实例
+   */
+  removePropDeclarationInReadableProps(propDeclaration: PropDeclaration): void;
+
+  removePropDeclarationInReadableProps(options: string | PropDeclaration) {
+    let propDeclaration: PropDeclaration;
+    if (typeof options === 'string') {
+      propDeclaration = (this.readableProps as PropDeclaration[]).find((item) => item.name === options);
+      if (!propDeclaration) {
+        throw new Error('找不到组件属性 ' + options);
+      }
+    } else {
+      propDeclaration = options;
+    }
+    return propDeclaration.delete();
+  }
+
+  /**
+   * 删除组件事件
+   * @param name 组件事件名称
+   */
+  removeEventDeclaration(name: string): void;
+
+  /**
+   * 删除组件事件
+   * @param eventDeclaration 已有的组件事件实例
+   */
+  removeEventDeclaration(eventDeclaration: EventDeclaration): void;
+
+  removeEventDeclaration(options: string | EventDeclaration) {
+    let eventDeclaration: EventDeclaration;
+    if (typeof options === 'string') {
+      eventDeclaration = (this.events as EventDeclaration[]).find((item) => item.name === options);
+      if (!eventDeclaration) {
+        throw new Error('找不到组件事件 ' + options);
+      }
+    } else {
+      eventDeclaration = options;
+    }
+    return eventDeclaration.delete();
+  }
+
+  /**
+   * 删除插槽
+   * @param name 插槽名称
+   */
+  removeSlotDeclaration(name: string): void;
+
+  /**
+   * 删除插槽
+   * @param slotDeclaration 已有的插槽实例
+   */
+  removeSlotDeclaration(slotDeclaration: SlotDeclaration): void;
+
+  removeSlotDeclaration(options: string | SlotDeclaration) {
+    let slotDeclaration: SlotDeclaration;
+    if (typeof options === 'string') {
+      slotDeclaration = (this.slots as SlotDeclaration[]).find((item) => item.name === options);
+      if (!slotDeclaration) {
+        throw new Error('找不到插槽 ' + options);
+      }
+    } else {
+      slotDeclaration = options;
+    }
+    return slotDeclaration.delete();
+  }
+
+  /**
+   * 删除逻辑声明
+   * @param name 逻辑声明名称
+   */
+  removeLogicDeclaration(name: string): void;
+
+  /**
+   * 删除逻辑声明
+   * @param logicDeclaration 已有的逻辑声明实例
+   */
+  removeLogicDeclaration(logicDeclaration: LogicDeclaration): void;
+
+  removeLogicDeclaration(options: string | LogicDeclaration) {
+    let logicDeclaration: LogicDeclaration;
+    if (typeof options === 'string') {
+      logicDeclaration = (this.methods as LogicDeclaration[]).find((item) => item.name === options);
+      if (!logicDeclaration) {
+        throw new Error('找不到逻辑声明 ' + options);
+      }
+    } else {
+      logicDeclaration = options;
+    }
+    return logicDeclaration.delete();
+  }
+
+  /**
+   * 删除页面组件
+   * @param name 页面组件名称
+   */
+  removeViewComponentDeclaration(name: string): void;
+
+  /**
+   * 删除页面组件
+   * @param viewComponentDeclaration 已有的页面组件实例
+   */
+  removeViewComponentDeclaration(viewComponentDeclaration: ViewComponentDeclaration): void;
+
+  removeViewComponentDeclaration(options: string | ViewComponentDeclaration) {
+    let viewComponentDeclaration: ViewComponentDeclaration;
+    if (typeof options === 'string') {
+      viewComponentDeclaration = (this.children as ViewComponentDeclaration[]).find((item) => item.name === options);
+      if (!viewComponentDeclaration) {
+        throw new Error('找不到页面组件 ' + options);
+      }
+    } else {
+      viewComponentDeclaration = options;
+    }
+    return viewComponentDeclaration.delete();
+  }
+
+  /**
+   * 删除带截图的代码块
+   * @param name 带截图的代码块名称
+   */
+  removeViewBlockWithImage(name: string): void;
+
+  /**
+   * 删除带截图的代码块
+   * @param viewBlockWithImage 已有的带截图的代码块实例
+   */
+  removeViewBlockWithImage(viewBlockWithImage: ViewBlockWithImage): void;
+
+  removeViewBlockWithImage(options: string | ViewBlockWithImage) {
+    let viewBlockWithImage: ViewBlockWithImage;
+    if (typeof options === 'string') {
+      viewBlockWithImage = (this.blocks as ViewBlockWithImage[]).find((item) => item.name === options);
+      if (!viewBlockWithImage) {
+        throw new Error('找不到带截图的代码块 ' + options);
+      }
+    } else {
+      viewBlockWithImage = options;
+    }
+    return viewBlockWithImage.delete();
+  }
+
+  /**
+   * 删除主题变量
+   * @param name 主题变量名称
+   */
+  removeThemeVariable(name: string): void;
+
+  /**
+   * 删除主题变量
+   * @param themeVariable 已有的主题变量实例
+   */
+  removeThemeVariable(themeVariable: ThemeVariable): void;
+
+  removeThemeVariable(options: string | ThemeVariable) {
+    let themeVariable: ThemeVariable;
+    if (typeof options === 'string') {
+      themeVariable = (this.themeVariables as ThemeVariable[]).find((item) => item.name === options);
+      if (!themeVariable) {
+        throw new Error('找不到主题变量 ' + options);
+      }
+    } else {
+      themeVariable = options;
+    }
+    return themeVariable.delete();
+  }
+
+  //================================================================================
+  // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+  // 自动生成的代码已结束。下面可以手动编写。
+  //================================================================================
+
+  //================================================================================
+  // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
+  // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
+  //================================================================================
+}
+
+export default ViewComponentDeclaration;
+//================================================================================
+// ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+// 自动生成的代码已结束。下面可以手动编写。
+//================================================================================