@lcap/nasl 2.13.0-beta.1 → 2.13.0-beta.2

package/src/concepts/BindDirective__.ts

@@ -1,3 +1,4 @@
+import { TranslatorState, shiftState, withSourceMap, indent, createCompilerState, embeddedTSEmitter } from '../translator';
 import { ElementToVueOptions } from './ViewElement__';
 //================================================================================
 // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
@@ -69,6 +70,12 @@ export class BindDirective extends BaseNode {
     @property()
     modifiers: string = undefined;
 
+    /**
+     * 草稿态
+     */
+    @property('LogicItem')
+    playground: Array<LogicItem> = [];
+
     /**
      * 祖先 ViewElement
      */
@@ -137,6 +144,111 @@ export class BindDirective extends BaseNode {
 
     
 
+    /**
+    * 插入逻辑项
+    * @internal
+    * @param logicItemOptions 逻辑项参数
+    */
+    _insertItemInPlaygroundAt(logicItemOptions: Partial<LogicItem>, index: number): LogicItem;
+
+    /**
+    * 插入逻辑项
+    * @internal
+    * @param logicItem 已有的逻辑项实例
+    */
+    _insertItemInPlaygroundAt(logicItem: LogicItem, index: number): LogicItem;
+
+    _insertItemInPlaygroundAt(options: Partial<LogicItem> | LogicItem, index: number) {
+        const logicItemOptions: any = {};
+        const relationOptions = { parentNode: this, parentKey: 'playground' };
+        let logicItem: LogicItem;
+        if (options instanceof LogicItem) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            logicItem = options;
+            Object.assign(logicItem, relationOptions);
+        } else {
+            logicItem = LogicItem.from({
+                ...logicItemOptions,
+                ...options,
+            }, this, 'playground');
+        }
+        this.playground.splice(index, 0, logicItem);
+        return logicItem;
+    }
+
+    
+
+    /**
+     * 插入逻辑项
+     * @param logicItemOptions 逻辑项参数
+     */
+    insertItemInPlaygroundAt(logicItemOptions: Partial<LogicItem>, index: number): LogicItem;
+
+    /**
+     * 插入逻辑项
+     * @param logicItem 已有的逻辑项实例
+     */
+    insertItemInPlaygroundAt(logicItem: LogicItem, index: number): LogicItem;
+
+    insertItemInPlaygroundAt(options: Partial<LogicItem> | LogicItem, index: number) {
+        const node = this._insertItemInPlaygroundAt(options as any, index);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'playground',
+        });
+        return node;
+    }
+
+    
+
+    /**
+     * 添加逻辑项
+     * @internal
+     * @param logicItemOptions 逻辑项参数
+     */
+    _addItemInPlayground(logicItemOptions: Partial<LogicItem>): LogicItem;
+
+    /**
+     * 添加逻辑项
+     * @internal
+     * @param logicItem 已有的逻辑项实例
+     */
+    _addItemInPlayground(logicItem: LogicItem): LogicItem;
+
+    _addItemInPlayground(options?: Partial<LogicItem> | LogicItem) {
+        const index = this.playground.length;
+        return this._insertItemInPlaygroundAt(options as any, index);
+    }
+
+    
+
+    /**
+     * 添加逻辑项
+     * @param logicItemOptions 逻辑项参数
+     */
+    addItemInPlayground(logicItemOptions: Partial<LogicItem>): LogicItem;
+
+    /**
+     * 添加逻辑项
+     * @param logicItem 已有的逻辑项实例
+     */
+    addItemInPlayground(logicItem: LogicItem): LogicItem;
+
+    addItemInPlayground(options?: Partial<LogicItem> | LogicItem) {
+        const node = this._addItemInPlayground(options as any);
+        const index = this.playground.indexOf(node);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'playground',
+        });
+        return node;
+    }
+
+
+    
+
     /**
     * 删除逻辑项
     * @param name 逻辑项名称
@@ -162,6 +274,19 @@ export class BindDirective extends BaseNode {
         return expression.delete();
     }
 
+    
+
+    /**
+     * 删除逻辑项
+     * @param logicItem 已有的逻辑项实例
+     */
+    removeItemInPlayground(logicItem: LogicItem): void;
+
+    removeItemInPlayground(options: LogicItem) {
+        let logicItem: LogicItem = options;
+        return logicItem.delete();
+    }
+
     __removeLogicItem(logicItem: LogicItem) {
         const parentKey = logicItem.parentKey;
         const params: Params = {
@@ -253,6 +378,20 @@ export class BindDirective extends BaseNode {
         return value !== '' && value !== undefined && value !== null ? `v-${this.name}${modifiersString}${this.arg ? ':' + this.arg : ''}="${value}"` : '';
     }
 
+    @withSourceMap()
+    toEmbeddedTS(state?: TranslatorState): string {
+        let code = '';
+        if (this.expression) {
+            code += this.expression.toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+        }
+        this.playground?.forEach((item, index) => {
+            code += item.toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+            if (index !== this.playground.length - 1)
+                code += ',\n';
+        });
+        return code;
+    }
+
     //================================================================================
     // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
     // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓