ngx-axis-appforge 0.0.12 → 0.0.13
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/editor/design/index.d.ts +5 -0
- package/axis-components/modal/index.d.ts +1 -1
- package/axis-components/tabs/design/index.d.ts +5 -0
- package/axis-components/tabs/index.d.ts +38 -0
- package/axis-components-covers/editor.png +0 -0
- package/axis-components-covers/tabs.svg +1 -0
- package/core/index.d.ts +1 -0
- package/fesm2022/ngx-axis-appforge-axis-components-desc.mjs +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-desc.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-design.mjs +10 -7
- package/fesm2022/ngx-axis-appforge-axis-components-design.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-editor-design.mjs +75 -0
- package/fesm2022/ngx-axis-appforge-axis-components-editor-design.mjs.map +1 -0
- package/fesm2022/ngx-axis-appforge-axis-components-modal.mjs +3 -3
- package/fesm2022/ngx-axis-appforge-axis-components-modal.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-single-selector.mjs +2 -2
- package/fesm2022/ngx-axis-appforge-axis-components-single-selector.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-steps-design.mjs +3 -3
- package/fesm2022/ngx-axis-appforge-axis-components-steps-design.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-table-design.mjs +1 -2
- package/fesm2022/ngx-axis-appforge-axis-components-table-design.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-tabs-design.mjs +260 -0
- package/fesm2022/ngx-axis-appforge-axis-components-tabs-design.mjs.map +1 -0
- package/fesm2022/ngx-axis-appforge-axis-components-tabs.mjs +69 -0
- package/fesm2022/ngx-axis-appforge-axis-components-tabs.mjs.map +1 -0
- package/fesm2022/ngx-axis-appforge-axis-components-text-design.mjs +3 -3
- package/fesm2022/ngx-axis-appforge-axis-components-text-design.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-tree-selector.mjs +4 -1
- package/fesm2022/ngx-axis-appforge-axis-components-tree-selector.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components.mjs +61 -1
- package/fesm2022/ngx-axis-appforge-axis-components.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-core.mjs +3 -3
- package/fesm2022/ngx-axis-appforge-core.mjs.map +1 -1
- package/package.json +85 -73
|
@@ -10,7 +10,7 @@ declare class ModalOptions extends BaseOptions {
|
|
|
10
10
|
readonly showOkButton: _angular_core.WritableSignal<boolean>;
|
|
11
11
|
readonly showCancelButton: _angular_core.WritableSignal<boolean>;
|
|
12
12
|
readonly okText: _angular_core.WritableSignal<string>;
|
|
13
|
-
readonly
|
|
13
|
+
readonly cancelText: _angular_core.WritableSignal<string>;
|
|
14
14
|
readonly closeOnOk: _angular_core.WritableSignal<boolean>;
|
|
15
15
|
readonly closeOnCancel: _angular_core.WritableSignal<boolean>;
|
|
16
16
|
readonly okDisabled: _angular_core.WritableSignal<boolean>;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { BaseOptions, TriggeEventsOptions, Base } from 'ngx-axis-appforge/core';
|
|
3
|
+
|
|
4
|
+
declare class TabsOptions extends BaseOptions {
|
|
5
|
+
readonly current: _angular_core.WritableSignal<string>;
|
|
6
|
+
readonly size: _angular_core.WritableSignal<"small" | "default" | "large">;
|
|
7
|
+
readonly tabBarStyle: _angular_core.WritableSignal<any>;
|
|
8
|
+
readonly tabPosition: _angular_core.WritableSignal<"top" | "right" | "bottom" | "left">;
|
|
9
|
+
readonly type: _angular_core.WritableSignal<"line" | "card">;
|
|
10
|
+
readonly tabBarGutter: _angular_core.WritableSignal<number | undefined>;
|
|
11
|
+
readonly centered: _angular_core.WritableSignal<boolean>;
|
|
12
|
+
readonly destroyInactiveTabPane: _angular_core.WritableSignal<boolean>;
|
|
13
|
+
readonly tabBarExtraContentOnStart: _angular_core.WritableSignal<undefined>;
|
|
14
|
+
readonly tabBarExtraContentOnEnd: _angular_core.WritableSignal<undefined>;
|
|
15
|
+
readonly tabs: _angular_core.WritableSignal<any[]>;
|
|
16
|
+
}
|
|
17
|
+
declare class TabOptions {
|
|
18
|
+
readonly name: _angular_core.WritableSignal<string>;
|
|
19
|
+
readonly inuse: _angular_core.WritableSignal<boolean>;
|
|
20
|
+
readonly title: _angular_core.WritableSignal<string>;
|
|
21
|
+
readonly forceRender: _angular_core.WritableSignal<boolean>;
|
|
22
|
+
readonly disabled: _angular_core.WritableSignal<boolean>;
|
|
23
|
+
readonly triggeEvents: _angular_core.WritableSignal<TriggeEventsOptions | undefined>;
|
|
24
|
+
readonly child: _angular_core.WritableSignal<any>;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
declare class Tabs extends Base<TabsOptions> {
|
|
28
|
+
constructor();
|
|
29
|
+
options: TabsOptions;
|
|
30
|
+
readonly tabs: _angular_core.Signal<TabOptions[]>;
|
|
31
|
+
readonly displayTabs: _angular_core.Signal<TabOptions[]>;
|
|
32
|
+
readonly selectedIndex: _angular_core.ModelSignal<number | null>;
|
|
33
|
+
onSelectChange(index: number): void;
|
|
34
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tabs, never>;
|
|
35
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tabs, "axis-tabs", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; }, never, never, true, never>;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export { Tabs };
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="208" height="56" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><text font-family="PingFangSC-Regular, PingFang SC" font-size="14" fill="#000" fill-opacity=".85" transform="translate(0 -5)"><tspan x="85" y="15">标签2</tspan></text><text font-family="PingFangSC-Regular, PingFang SC" font-size="14" fill="#000" fill-opacity=".85" transform="translate(0 -5)"><tspan x="0" y="59">标签1的内容</tspan></text><text font-family="PingFangSC-Regular, PingFang SC" font-size="14" fill="#000" fill-opacity=".85" transform="translate(0 -5)"><tspan x="165" y="15">标签3</tspan></text><path fill="#F0F0F0" d="M0 26h208v1H0z"/><text font-family="PingFangSC-Medium, PingFang SC" font-size="14" font-weight="400" fill="#1890FF" transform="translate(0 -5)"><tspan x="6" y="15">标签1</tspan></text><path fill="#1890FF" d="M0 25h48v2H0z"/></g></svg>
|
package/core/index.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ class DescOptions extends DataOptions {
|
|
|
10
10
|
bordered = signal(false, ...(ngDevMode ? [{ debugName: "bordered" }] : []));
|
|
11
11
|
size = signal("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
12
12
|
colon = signal(true, ...(ngDevMode ? [{ debugName: "colon" }] : []));
|
|
13
|
-
extra = signal(
|
|
13
|
+
extra = signal(undefined, ...(ngDevMode ? [{ debugName: "extra" }] : []));
|
|
14
14
|
items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
15
15
|
}
|
|
16
16
|
class DescItemOptions {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-axis-appforge-axis-components-desc.mjs","sources":["../../../axis-components/desc/desc.options.ts","../../../axis-components/desc/desc.ts","../../../axis-components/desc/desc.html","../../../axis-components/desc/ngx-axis-appforge-axis-components-desc.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { DataOptions } from \"ngx-axis-appforge/core\";\n\nexport class DescOptions extends DataOptions {\n\n readonly title = signal(\"\");\n readonly column = signal(3);\n readonly bordered = signal(false);\n readonly size = signal<'default' | 'middle' | 'small'>(\"default\");\n readonly colon = signal(true);\n readonly extra = signal<any>(
|
|
1
|
+
{"version":3,"file":"ngx-axis-appforge-axis-components-desc.mjs","sources":["../../../axis-components/desc/desc.options.ts","../../../axis-components/desc/desc.ts","../../../axis-components/desc/desc.html","../../../axis-components/desc/ngx-axis-appforge-axis-components-desc.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { DataOptions } from \"ngx-axis-appforge/core\";\n\nexport class DescOptions extends DataOptions {\n\n readonly title = signal(\"\");\n readonly column = signal(3);\n readonly bordered = signal(false);\n readonly size = signal<'default' | 'middle' | 'small'>(\"default\");\n readonly colon = signal(true);\n readonly extra = signal<any>(undefined);\n readonly items = signal<DescItemOptions[]>([]);\n\n}\n\nexport class DescItemOptions {\n\n readonly inuse = signal(true);\n readonly title = signal(\"未命名\");\n readonly field = signal(\"\");\n readonly span = signal(1);\n readonly child = signal<any>(undefined);\n\n}","import { ChangeDetectionStrategy, Component, computed, effect } from '@angular/core';\nimport { DescItemOptions, DescOptions } from './desc.options';\nimport { Base, DynamicDirective } from 'ngx-axis-appforge/core';\nimport { NzDescriptionsModule } from 'ng-zorro-antd/descriptions';\n\n@Component({\n selector: 'axis-desc',\n imports: [NzDescriptionsModule, DynamicDirective],\n templateUrl: './desc.html',\n styleUrl: './desc.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Desc extends Base<DescOptions> {\n\n constructor() {\n super();\n effect(() => {\n this.items().forEach((p, i) => {\n this.bindWithConfig(this.options.items()[i], { options: p, tag: `bindItems.${i}` });\n });\n });\n }\n override options: DescOptions = new DescOptions();\n readonly items = computed(() => this.buildItems());\n\n private buildItems(): DescItemOptions[] {\n return this.options.items().map(_ => new DescItemOptions());\n }\n}\n","<nz-descriptions [nzTitle]=\"options.title()\" [nzColumn]=\"options.column()\" [nzBordered]=\"options.bordered()\"\n [nzSize]=\"options.size()\" [nzColon]=\"options.colon()\" [nzExtra]=\"extraTpl\">\n @for (item of items(); track $index;let i=$index) {\n @if (item.inuse()) {\n <nz-descriptions-item [nzTitle]=\"item.title()\" [nzSpan]=\"item.span()\">\n <div [attr.data-index]=\"i\" style=\"display: contents;\">\n @if (item.child()) {\n <ng-container [axisDynamic]=\"item.child()\"></ng-container>\n }@else if(item.field()){\n {{options.data()?.[item.field()]}}\n }\n </div>\n </nz-descriptions-item>\n }\n }\n</nz-descriptions>\n<ng-template #extraTpl>\n <ng-container [axisDynamic]=\"options.extra()\"></ng-container>\n</ng-template>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './desc';\n"],"names":[],"mappings":";;;;;;AAGM,MAAO,WAAY,SAAQ,WAAW,CAAA;AAE/B,IAAA,KAAK,GAAG,MAAM,CAAC,EAAE,iDAAC;AAClB,IAAA,MAAM,GAAG,MAAM,CAAC,CAAC,kDAAC;AAClB,IAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,oDAAC;AACxB,IAAA,IAAI,GAAG,MAAM,CAAiC,SAAS,gDAAC;AACxD,IAAA,KAAK,GAAG,MAAM,CAAC,IAAI,iDAAC;AACpB,IAAA,KAAK,GAAG,MAAM,CAAM,SAAS,iDAAC;AAC9B,IAAA,KAAK,GAAG,MAAM,CAAoB,EAAE,iDAAC;AAEjD;MAEY,eAAe,CAAA;AAEf,IAAA,KAAK,GAAG,MAAM,CAAC,IAAI,iDAAC;AACpB,IAAA,KAAK,GAAG,MAAM,CAAC,KAAK,iDAAC;AACrB,IAAA,KAAK,GAAG,MAAM,CAAC,EAAE,iDAAC;AAClB,IAAA,IAAI,GAAG,MAAM,CAAC,CAAC,gDAAC;AAChB,IAAA,KAAK,GAAG,MAAM,CAAM,SAAS,iDAAC;AAE1C;;ACXK,MAAO,IAAK,SAAQ,IAAiB,CAAA;AAEzC,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QACP,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;gBAC5B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,CAAA,UAAA,EAAa,CAAC,CAAA,CAAE,EAAE,CAAC;AACrF,aAAC,CAAC;AACJ,SAAC,CAAC;;AAEK,IAAA,OAAO,GAAgB,IAAI,WAAW,EAAE;IACxC,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;IAE1C,UAAU,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,eAAe,EAAE,CAAC;;uGAdlD,IAAI,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAJ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAI,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZjB,g0BAkBc,EAAA,MAAA,EAAA,CAAA,2HAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDXF,oBAAoB,8YAAE,gBAAgB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,YAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAKrC,IAAI,EAAA,UAAA,EAAA,CAAA;kBAPhB,SAAS;+BACE,WAAW,EAAA,OAAA,EACZ,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,EAAA,eAAA,EAGhC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,g0BAAA,EAAA,MAAA,EAAA,CAAA,2HAAA,CAAA,EAAA;;;AEVjD;;AAEG;;;;"}
|
|
@@ -1286,7 +1286,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
1286
1286
|
class Design extends ValueAccess {
|
|
1287
1287
|
constructor() {
|
|
1288
1288
|
super();
|
|
1289
|
-
this.addSubscribe(this.changeSubject
|
|
1289
|
+
this.addSubscribe(this.changeSubject.pipe(tap(() => {
|
|
1290
|
+
}))
|
|
1290
1291
|
.pipe(debounceTime(300))
|
|
1291
1292
|
.subscribe((value) => this.onChangeOptionsConfig(value)));
|
|
1292
1293
|
}
|
|
@@ -1414,7 +1415,12 @@ class Design extends ValueAccess {
|
|
|
1414
1415
|
if (e.nextNodeId) {
|
|
1415
1416
|
this.tree.selectByNodeIds([e.nextNodeId]);
|
|
1416
1417
|
this.preview.selectByNodeIds([e.nextNodeId]);
|
|
1417
|
-
|
|
1418
|
+
if (e.sameSetting) {
|
|
1419
|
+
this.settingOptionsNodeId = e.nextNodeId;
|
|
1420
|
+
}
|
|
1421
|
+
else {
|
|
1422
|
+
this.loadSetting(e.nextNodeId);
|
|
1423
|
+
}
|
|
1418
1424
|
}
|
|
1419
1425
|
});
|
|
1420
1426
|
this.onChange?.(this.value());
|
|
@@ -1438,10 +1444,7 @@ class Design extends ValueAccess {
|
|
|
1438
1444
|
else {
|
|
1439
1445
|
optionsNode.updateOptions(settingValue);
|
|
1440
1446
|
}
|
|
1441
|
-
this.
|
|
1442
|
-
this.preview.selectByNodeIds([this.settingOptionsNodeId]);
|
|
1443
|
-
this.tree.selectByNodeIds([this.settingOptionsNodeId]);
|
|
1444
|
-
this.changeSubject.next({ historyDesc: `设置属性${optionsNode.name}` });
|
|
1447
|
+
this.changeSubject.next({ historyDesc: `设置属性${optionsNode.name}`, nextNodeId: optionsNode.id, sameSetting: true });
|
|
1445
1448
|
}
|
|
1446
1449
|
}
|
|
1447
1450
|
}
|
|
@@ -1488,7 +1491,7 @@ class Design extends ValueAccess {
|
|
|
1488
1491
|
else if (this.settingOptionsNodeId) {
|
|
1489
1492
|
const oldNode = this.optionsNodes.get(this.settingOptionsNodeId);
|
|
1490
1493
|
const newNode = this.optionsNodes.get(nodeId);
|
|
1491
|
-
if (oldNode && oldNode.parentId == newNode.parentId && oldNode.settingType == newNode.settingType) {
|
|
1494
|
+
if (newNode.canSetting && oldNode && oldNode.parentId == newNode.parentId && oldNode.settingType == newNode.settingType) {
|
|
1492
1495
|
this.settingOptionsNodeId = nodeId;
|
|
1493
1496
|
this.settingOptionsStr.set(JSON.stringify(newNode.options, null, " "));
|
|
1494
1497
|
Object.keys(oldNode.options).forEach(k => newNode.options[k] ??= undefined);
|