ngx-axis-appforge 0.0.5 → 0.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/axis-components/design/index.d.ts +8 -1
- package/fesm2022/ngx-axis-appforge-axis-components-design.mjs +31 -11
- package/fesm2022/ngx-axis-appforge-axis-components-design.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-core.mjs +11 -6
- package/fesm2022/ngx-axis-appforge-core.mjs.map +1 -1
- package/package.json +75 -75
|
@@ -33,7 +33,10 @@ declare class Tree implements OnDestroy {
|
|
|
33
33
|
private cdRef;
|
|
34
34
|
readonly node: _angular_core.InputSignal<OptionsNode | null | undefined>;
|
|
35
35
|
readonly optionsNodes: _angular_core.InputSignal<Map<string, OptionsNode>>;
|
|
36
|
-
onChange: _angular_core.OutputEmitterRef<
|
|
36
|
+
onChange: _angular_core.OutputEmitterRef<void | {
|
|
37
|
+
value?: any;
|
|
38
|
+
nextNodeId?: string;
|
|
39
|
+
}>;
|
|
37
40
|
readonly onSelect: _angular_core.OutputEmitterRef<string[]>;
|
|
38
41
|
readonly onContextMenu: _angular_core.OutputEmitterRef<{
|
|
39
42
|
nodeId: string;
|
|
@@ -222,6 +225,10 @@ declare class Design extends ValueAccess<DesignOptions> implements OnDestroy {
|
|
|
222
225
|
private buildScopeInfoSubject;
|
|
223
226
|
private buildComponentInfoForSetting;
|
|
224
227
|
onContextMenu(e: MouseEvent, nodeId: string): void;
|
|
228
|
+
onTreeChange(e: {
|
|
229
|
+
value?: any;
|
|
230
|
+
nextNodeId?: string;
|
|
231
|
+
} | void): Promise<void>;
|
|
225
232
|
chooseComponent(...tags: string[]): Observable<{
|
|
226
233
|
options?: any;
|
|
227
234
|
config?: DesignConfig;
|
|
@@ -185,7 +185,7 @@ class Tree {
|
|
|
185
185
|
onChange = output();
|
|
186
186
|
onSelect = output();
|
|
187
187
|
onContextMenu = output();
|
|
188
|
-
dragdrop = computed(() => new DragDrop(this.optionsNodes(), this.optionIdflatNodes, this.treeControl, () => this.onChange.emit(
|
|
188
|
+
dragdrop = computed(() => new DragDrop(this.optionsNodes(), this.optionIdflatNodes, this.treeControl, () => this.onChange.emit()), ...(ngDevMode ? [{ debugName: "dragdrop" }] : []));
|
|
189
189
|
optionIdflatNodes = new Map();
|
|
190
190
|
flatNodeMap = new Map();
|
|
191
191
|
nestedNodeMap = new Map();
|
|
@@ -296,9 +296,9 @@ class Tree {
|
|
|
296
296
|
this.unSelectAll();
|
|
297
297
|
for (const nodeId of nodeIds) {
|
|
298
298
|
this.select(nodeId);
|
|
299
|
-
const node = this.
|
|
300
|
-
if (node) {
|
|
301
|
-
this.treeControl.expand(node);
|
|
299
|
+
const node = this.optionsNodes().get(nodeId);
|
|
300
|
+
if (node?.parentId) {
|
|
301
|
+
this.treeControl.expand(this.optionIdflatNodes.get(node.parentId));
|
|
302
302
|
}
|
|
303
303
|
}
|
|
304
304
|
this.cdRef.markForCheck();
|
|
@@ -329,6 +329,7 @@ class Tree {
|
|
|
329
329
|
removeSelected() {
|
|
330
330
|
let changed = false;
|
|
331
331
|
let next = undefined;
|
|
332
|
+
let nextNodeId;
|
|
332
333
|
for (const nodeId of this.selectListSelection.selected) {
|
|
333
334
|
const node = this.optionsNodes().get(nodeId);
|
|
334
335
|
if (node) {
|
|
@@ -337,8 +338,12 @@ class Tree {
|
|
|
337
338
|
next = null;
|
|
338
339
|
}
|
|
339
340
|
else {
|
|
341
|
+
nextNodeId = node.parentId;
|
|
340
342
|
if (Array.isArray(node.parentObj)) {
|
|
341
343
|
node.parentObj.splice(node.parentObj.indexOf(node.options), 1);
|
|
344
|
+
if (node.parentObj.length) {
|
|
345
|
+
nextNodeId = node.parentObj[Math.min(node.indexOfParentObj, node.parentObj.length - 1)].id;
|
|
346
|
+
}
|
|
342
347
|
}
|
|
343
348
|
else {
|
|
344
349
|
node.parentObj[node.indexOfParentObj] = null;
|
|
@@ -347,7 +352,7 @@ class Tree {
|
|
|
347
352
|
}
|
|
348
353
|
}
|
|
349
354
|
if (changed) {
|
|
350
|
-
this.onChange.emit(next);
|
|
355
|
+
this.onChange.emit({ value: next, nextNodeId: nextNodeId });
|
|
351
356
|
}
|
|
352
357
|
}
|
|
353
358
|
addNodeForSelected(nodes, deleteSuccess = false) {
|
|
@@ -368,7 +373,7 @@ class Tree {
|
|
|
368
373
|
}
|
|
369
374
|
}
|
|
370
375
|
}
|
|
371
|
-
this.onChange.emit(
|
|
376
|
+
this.onChange.emit();
|
|
372
377
|
}
|
|
373
378
|
}
|
|
374
379
|
deleteNode(node) {
|
|
@@ -385,7 +390,7 @@ class Tree {
|
|
|
385
390
|
this.design.chooseComponent().subscribe(res => {
|
|
386
391
|
const { options, config } = res;
|
|
387
392
|
if (options && config) {
|
|
388
|
-
this.onChange.emit(options);
|
|
393
|
+
this.onChange.emit({ value: options });
|
|
389
394
|
}
|
|
390
395
|
});
|
|
391
396
|
}
|
|
@@ -1470,7 +1475,7 @@ class Design extends ValueAccess {
|
|
|
1470
1475
|
else if (this.settingOptionsNodeId) {
|
|
1471
1476
|
const oldNode = this.optionsNodes.get(this.settingOptionsNodeId);
|
|
1472
1477
|
const newNode = this.optionsNodes.get(nodeId);
|
|
1473
|
-
if (oldNode.parentId == newNode.parentId && oldNode.settingType == newNode.settingType) {
|
|
1478
|
+
if (oldNode && oldNode.parentId == newNode.parentId && oldNode.settingType == newNode.settingType) {
|
|
1474
1479
|
this.settingOptionsNodeId = nodeId;
|
|
1475
1480
|
this.settingOptionsStr.set(JSON.stringify(newNode.options, null, " "));
|
|
1476
1481
|
this.settingRef?.instance.writeValue(newNode.options);
|
|
@@ -1570,11 +1575,26 @@ class Design extends ValueAccess {
|
|
|
1570
1575
|
this.menu.clear();
|
|
1571
1576
|
const ref = this.menu.createComponent(node.contextMenu, { injector: injector });
|
|
1572
1577
|
ref.instance.contextMenu(e);
|
|
1573
|
-
ref.instance.onChange = (value) => {
|
|
1578
|
+
ref.instance.onChange = async (value, nextNodeId) => {
|
|
1574
1579
|
this.onChangeOptionsConfig(value);
|
|
1580
|
+
if (nextNodeId) {
|
|
1581
|
+
await this.loadAndOptions()[0];
|
|
1582
|
+
this.tree.selectByNodeIds([nextNodeId]);
|
|
1583
|
+
this.preview.selectByNodeIds([nextNodeId]);
|
|
1584
|
+
this.loadSetting(nextNodeId);
|
|
1585
|
+
}
|
|
1575
1586
|
};
|
|
1576
1587
|
}
|
|
1577
1588
|
}
|
|
1589
|
+
async onTreeChange(e) {
|
|
1590
|
+
this.onChangeOptionsConfig(e?.value);
|
|
1591
|
+
if (e?.nextNodeId) {
|
|
1592
|
+
await this.loadAndOptions()[0];
|
|
1593
|
+
this.tree.selectByNodeIds([e.nextNodeId]);
|
|
1594
|
+
this.preview.selectByNodeIds([e.nextNodeId]);
|
|
1595
|
+
this.loadSetting(e.nextNodeId);
|
|
1596
|
+
}
|
|
1597
|
+
}
|
|
1578
1598
|
chooseComponent(...tags) {
|
|
1579
1599
|
this.chooseComponentTags.set(tags);
|
|
1580
1600
|
this.chooseComponentVisible.set(true);
|
|
@@ -1707,14 +1727,14 @@ class Design extends ValueAccess {
|
|
|
1707
1727
|
}
|
|
1708
1728
|
}
|
|
1709
1729
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Design, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1710
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: Design, isStandalone: true, selector: "axis-design", inputs: { chooseComponentVisible: { classPropertyName: "chooseComponentVisible", publicName: "chooseComponentVisible", isSignal: true, isRequired: false, transformFunction: null }, settingOptionsStr: { classPropertyName: "settingOptionsStr", publicName: "settingOptionsStr", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { chooseComponentVisible: "chooseComponentVisibleChange", settingOptionsStr: "settingOptionsStrChange" }, host: { attributes: { "tabindex": "-1", "autofocus": "true" }, listeners: { "keydown": "onKeyPress($event)" } }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "setting", first: true, predicate: ["setting"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "preview", first: true, predicate: ["preview"], descendants: true, static: true }, { propertyName: "tree", first: true, predicate: ["tree"], descendants: true, static: true }, { propertyName: "codeEditor", first: true, predicate: ["codeEditor"], descendants: true }, { propertyName: "tools", first: true, predicate: ["tools"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<nz-splitter (nzResize)=\"layoutEditor($event)\">\n <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[0]\" nzMin=\"15%\" nzMax=\"40%\"\n [nzSize]=\"tools.onlyPreview()?0:undefined\">\n <nz-tabs nzCentered>\n <nz-tab nzTitle=\"\u7EC4\u4EF6\u6811\">\n <axis-design-tree #tree [node]=\"treeNode()\" [optionsNodes]=\"optionsNodes\"\n (onSelect)=\"onTreeSelect($event)\" (onChange)=\"
|
|
1730
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: Design, isStandalone: true, selector: "axis-design", inputs: { chooseComponentVisible: { classPropertyName: "chooseComponentVisible", publicName: "chooseComponentVisible", isSignal: true, isRequired: false, transformFunction: null }, settingOptionsStr: { classPropertyName: "settingOptionsStr", publicName: "settingOptionsStr", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { chooseComponentVisible: "chooseComponentVisibleChange", settingOptionsStr: "settingOptionsStrChange" }, host: { attributes: { "tabindex": "-1", "autofocus": "true" }, listeners: { "keydown": "onKeyPress($event)" } }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "setting", first: true, predicate: ["setting"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "preview", first: true, predicate: ["preview"], descendants: true, static: true }, { propertyName: "tree", first: true, predicate: ["tree"], descendants: true, static: true }, { propertyName: "codeEditor", first: true, predicate: ["codeEditor"], descendants: true }, { propertyName: "tools", first: true, predicate: ["tools"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<nz-splitter (nzResize)=\"layoutEditor($event)\">\n <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[0]\" nzMin=\"15%\" nzMax=\"40%\"\n [nzSize]=\"tools.onlyPreview()?0:undefined\">\n <nz-tabs nzCentered>\n <nz-tab nzTitle=\"\u7EC4\u4EF6\u6811\">\n <axis-design-tree #tree [node]=\"treeNode()\" [optionsNodes]=\"optionsNodes\"\n (onSelect)=\"onTreeSelect($event)\" (onChange)=\"onTreeChange($event)\"\n (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-tree>\n </nz-tab>\n <nz-tab nzTitle=\"\u7EC4\u4EF6\u5E93\">\n <axis-cmplib selectMode=\"drag\" (dragStart)=\"onCmplibDragStart($event.example,$event.element)\"\n (dragEnd)=\"onCmplibDragEnd()\"></axis-cmplib>\n </nz-tab>\n </nz-tabs>\n </nz-splitter-panel>\n <nz-splitter-panel>\n <div nz-flex nzVertical style=\"height: 100%;width: 100%;position: relative;\">\n <h2 style=\"text-align: center;margin-top: 4px;\">\u9884\u89C8</h2>\n <axis-toolbar #tools></axis-toolbar>\n <axis-design-preview #preview style=\"flex:1;overflow: auto;\" [loadAndOptions]=\"loadAndOptions()\"\n [optionsNodes]=\"optionsNodes\" [injectData]=\"injectDataObs\" (onChange)=\"onChangeOptionsConfig()\"\n (onSelect)=\"onPreviewSelect($event)\"\n (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-preview>\n </div>\n </nz-splitter-panel>\n <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[1]\" nzMin=\"15%\" nzMax=\"40%\"\n [nzSize]=\"tools.onlyPreview()?0:undefined\" style=\"position: relative;\">\n <nz-tabs nzCentered style=\"height: 100%;\">\n <nz-tab nzTitle=\"\u5C5E\u6027\u8BBE\u7F6E\" (nzClick)=\"syncToSetting()\">\n <ng-container #setting></ng-container>\n @if (!settingOptionsStr()){\n <nz-empty style=\"height: 300px;\" nzNotFoundContent=\"\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\"></nz-empty>\n }\n </nz-tab>\n <nz-tab nzTitle=\"\u4EE3\u7801\" nzForceRender (nzSelect)=\"syncToCode();\">\n <ng-container #codeEditor=\"axisDynamic\"\n [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:!settingOptionsStr(),otherOptions:{tabSize:2}}\"\n [standalone]=\"true\" [(ngModel)]=\"settingOptionsStr\"\n (ngModelChange)=\"onEditorChange($event)\"></ng-container>\n </nz-tab>\n </nz-tabs>\n </nz-splitter-panel>\n</nz-splitter>\n<ng-container #menu></ng-container>\n<nz-drawer [(nzVisible)]=\"chooseComponentVisible\" nzTitle=\"\u9009\u62E9\u7EC4\u4EF6\" [nzBodyStyle]=\"{padding:0}\"\n (nzOnClose)=\"chooseComponentVisible.set(false);chooseComponentSubject.next(undefined)\">\n <ng-container *nzDrawerContent>\n <axis-cmplib selectMode=\"click\" [tags]=\"chooseComponentTags()\"\n (clickExample)=\"chooseComponentVisible.set(false);chooseComponentSubject.next($event)\"></axis-cmplib>\n </ng-container>\n</nz-drawer>", styles: ["nz-tabs,::ng-deep .ant-tabs-content,::ng-deep .ant-tabs-tabpane{height:100%}::ng-deep .ant-tabs-content{overflow:auto}:host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: NzSplitterModule }, { kind: "component", type: i1$3.NzSplitterComponent, selector: "nz-splitter", inputs: ["nzLayout", "nzLazy"], outputs: ["nzResizeStart", "nzResize", "nzResizeEnd"], exportAs: ["nzSplitter"] }, { kind: "component", type: i1$3.NzSplitterPanelComponent, selector: "nz-splitter-panel", inputs: ["nzDefaultSize", "nzMin", "nzMax", "nzSize", "nzCollapsible", "nzResizable"], exportAs: ["nzSplitterPanel"] }, { kind: "ngmodule", type: NzTabsModule }, { kind: "component", type: i2$3.NzTabsComponent, selector: "nz-tabs,nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabs"] }, { kind: "component", type: i2$3.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "component", type: Preview, selector: "axis-design-preview", inputs: ["loadAndOptions", "optionsNodes", "injectData"], outputs: ["onChange", "onSelect", "onContextMenu"] }, { kind: "component", type: Tree, selector: "axis-design-tree", inputs: ["node", "optionsNodes"], outputs: ["onChange", "onSelect", "onContextMenu"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$1.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }, { kind: "component", type: Cmplib, selector: "axis-cmplib", inputs: ["cmplib", "selectMode", "tags"], outputs: ["cmplibChange", "clickExample", "dragStart", "dragEnd"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzEmptyModule }, { kind: "component", type: i10.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzDrawerModule }, { kind: "component", type: i6$2.NzDrawerComponent, selector: "nz-drawer", inputs: ["nzContent", "nzCloseIcon", "nzClosable", "nzMaskClosable", "nzMask", "nzCloseOnNavigation", "nzNoAnimation", "nzKeyboard", "nzTitle", "nzExtra", "nzFooter", "nzPlacement", "nzSize", "nzMaskStyle", "nzBodyStyle", "nzWrapClassName", "nzWidth", "nzHeight", "nzZIndex", "nzOffsetX", "nzOffsetY", "nzVisible"], outputs: ["nzOnViewInit", "nzOnClose", "nzVisibleChange"], exportAs: ["nzDrawer"] }, { kind: "directive", type: i6$2.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }, { kind: "component", type: Toolbar, selector: "axis-toolbar", inputs: ["shortcutKeysModal"], outputs: ["shortcutKeysModalChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1711
1731
|
}
|
|
1712
1732
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Design, decorators: [{
|
|
1713
1733
|
type: Component,
|
|
1714
1734
|
args: [{ selector: 'axis-design', imports: [NzSplitterModule, NzTabsModule, Preview, Tree, NzFlexModule, Cmplib, FormsModule, NzEmptyModule, DynamicDirective, NzDrawerModule, Toolbar], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1715
1735
|
tabindex: "-1",
|
|
1716
1736
|
autofocus: "true",
|
|
1717
|
-
}, template: "<nz-splitter (nzResize)=\"layoutEditor($event)\">\n <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[0]\" nzMin=\"15%\" nzMax=\"40%\"\n [nzSize]=\"tools.onlyPreview()?0:undefined\">\n <nz-tabs nzCentered>\n <nz-tab nzTitle=\"\u7EC4\u4EF6\u6811\">\n <axis-design-tree #tree [node]=\"treeNode()\" [optionsNodes]=\"optionsNodes\"\n (onSelect)=\"onTreeSelect($event)\" (onChange)=\"
|
|
1737
|
+
}, template: "<nz-splitter (nzResize)=\"layoutEditor($event)\">\n <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[0]\" nzMin=\"15%\" nzMax=\"40%\"\n [nzSize]=\"tools.onlyPreview()?0:undefined\">\n <nz-tabs nzCentered>\n <nz-tab nzTitle=\"\u7EC4\u4EF6\u6811\">\n <axis-design-tree #tree [node]=\"treeNode()\" [optionsNodes]=\"optionsNodes\"\n (onSelect)=\"onTreeSelect($event)\" (onChange)=\"onTreeChange($event)\"\n (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-tree>\n </nz-tab>\n <nz-tab nzTitle=\"\u7EC4\u4EF6\u5E93\">\n <axis-cmplib selectMode=\"drag\" (dragStart)=\"onCmplibDragStart($event.example,$event.element)\"\n (dragEnd)=\"onCmplibDragEnd()\"></axis-cmplib>\n </nz-tab>\n </nz-tabs>\n </nz-splitter-panel>\n <nz-splitter-panel>\n <div nz-flex nzVertical style=\"height: 100%;width: 100%;position: relative;\">\n <h2 style=\"text-align: center;margin-top: 4px;\">\u9884\u89C8</h2>\n <axis-toolbar #tools></axis-toolbar>\n <axis-design-preview #preview style=\"flex:1;overflow: auto;\" [loadAndOptions]=\"loadAndOptions()\"\n [optionsNodes]=\"optionsNodes\" [injectData]=\"injectDataObs\" (onChange)=\"onChangeOptionsConfig()\"\n (onSelect)=\"onPreviewSelect($event)\"\n (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-preview>\n </div>\n </nz-splitter-panel>\n <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[1]\" nzMin=\"15%\" nzMax=\"40%\"\n [nzSize]=\"tools.onlyPreview()?0:undefined\" style=\"position: relative;\">\n <nz-tabs nzCentered style=\"height: 100%;\">\n <nz-tab nzTitle=\"\u5C5E\u6027\u8BBE\u7F6E\" (nzClick)=\"syncToSetting()\">\n <ng-container #setting></ng-container>\n @if (!settingOptionsStr()){\n <nz-empty style=\"height: 300px;\" nzNotFoundContent=\"\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\"></nz-empty>\n }\n </nz-tab>\n <nz-tab nzTitle=\"\u4EE3\u7801\" nzForceRender (nzSelect)=\"syncToCode();\">\n <ng-container #codeEditor=\"axisDynamic\"\n [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:!settingOptionsStr(),otherOptions:{tabSize:2}}\"\n [standalone]=\"true\" [(ngModel)]=\"settingOptionsStr\"\n (ngModelChange)=\"onEditorChange($event)\"></ng-container>\n </nz-tab>\n </nz-tabs>\n </nz-splitter-panel>\n</nz-splitter>\n<ng-container #menu></ng-container>\n<nz-drawer [(nzVisible)]=\"chooseComponentVisible\" nzTitle=\"\u9009\u62E9\u7EC4\u4EF6\" [nzBodyStyle]=\"{padding:0}\"\n (nzOnClose)=\"chooseComponentVisible.set(false);chooseComponentSubject.next(undefined)\">\n <ng-container *nzDrawerContent>\n <axis-cmplib selectMode=\"click\" [tags]=\"chooseComponentTags()\"\n (clickExample)=\"chooseComponentVisible.set(false);chooseComponentSubject.next($event)\"></axis-cmplib>\n </ng-container>\n</nz-drawer>", styles: ["nz-tabs,::ng-deep .ant-tabs-content,::ng-deep .ant-tabs-tabpane{height:100%}::ng-deep .ant-tabs-content{overflow:auto}:host{display:block;width:100%;height:100%}\n"] }]
|
|
1718
1738
|
}], ctorParameters: () => [], propDecorators: { menu: [{
|
|
1719
1739
|
type: ViewChild,
|
|
1720
1740
|
args: ["menu", { static: true, read: ViewContainerRef }]
|