platform-core-ng 22.9.0-rc.2 → 22.9.0-rc.3
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/fesm2022/platform-core-ng-ui-desktop.mjs +4 -6
- package/fesm2022/platform-core-ng-ui-desktop.mjs.map +1 -1
- package/fesm2022/platform-core-ng-ui-mobile.mjs +2 -2
- package/fesm2022/platform-core-ng-ui-mobile.mjs.map +1 -1
- package/package.json +1 -1
- package/shared/components/s-dialog/s-dialog-container.component.scss +1 -1
- package/styles/index.scss +1 -0
- package/styles/recipes/_index.scss +2 -1
- package/styles/recipes/_list-page-filter.scss +269 -0
- package/styles/themes/_table.scss +1 -1
- package/styles/tokens/_table.scss +1 -1
- package/styles/tokens/table.tokens.json +2 -2
- package/types/platform-core-ng-ui-desktop.d.ts +1 -0
|
@@ -1602,17 +1602,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
1602
1602
|
}]
|
|
1603
1603
|
}] });
|
|
1604
1604
|
|
|
1605
|
+
/** 标记筛选字段容器；桌面和移动布局由全局 Filter Recipe 及项目 SCSS 决定。 */
|
|
1605
1606
|
class ListPageFilterGridDirective {
|
|
1606
1607
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ListPageFilterGridDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1607
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: ListPageFilterGridDirective, isStandalone: true, selector: "[SListPageFilterGrid]",
|
|
1608
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: ListPageFilterGridDirective, isStandalone: true, selector: "[SListPageFilterGrid]", ngImport: i0 });
|
|
1608
1609
|
}
|
|
1609
1610
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ListPageFilterGridDirective, decorators: [{
|
|
1610
1611
|
type: Directive,
|
|
1611
1612
|
args: [{
|
|
1612
1613
|
selector: '[SListPageFilterGrid]',
|
|
1613
|
-
host: {
|
|
1614
|
-
style: 'display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-4); min-width: 0;',
|
|
1615
|
-
},
|
|
1616
1614
|
}]
|
|
1617
1615
|
}] });
|
|
1618
1616
|
class ListPageFilterFieldDirective {
|
|
@@ -2608,11 +2606,11 @@ class ListPageLayoutComponent {
|
|
|
2608
2606
|
hasSidebar = computed(() => !!this.sidebarSlot() || !!this.sidebarComponent(), /* @ts-ignore */
|
|
2609
2607
|
...(ngDevMode ? [{ debugName: "hasSidebar" }] : /* istanbul ignore next */ []));
|
|
2610
2608
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ListPageLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2611
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: ListPageLayoutComponent, isStandalone: true, selector: "s-list-page-layout", queries: [{ propertyName: "sidebarSlot", first: true, predicate: ListPageSidebarSlotDirective, descendants: true, isSignal: true }, { propertyName: "sidebarComponent", first: true, predicate: ListPageSidebarComponent, descendants: true, isSignal: true }, { propertyName: "paginationTemplate", first: true, predicate: ListPagePaginationSlotDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "desktopContentTemplate", first: true, predicate: ListPageContentDesktopSlotDirective, descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<header>\r\n <ng-content select=\"[SListPageHeader]\"/>\r\n <ng-content select=\"s-list-page-header\"/>\r\n <ng-content select=\"[SListPageSummary]\"/>\r\n <ng-content select=\"s-filter-summary\"/>\r\n</header>\r\n<main>\r\n @if (hasSidebar()) {\r\n <aside>\r\n <ng-content select=\"[SListPageSidebar]\"/>\r\n <ng-content select=\"s-list-page-sidebar\"/>\r\n </aside>\r\n }\r\n <section data-platform-content-padding-owner>\r\n @if (desktopContentTemplate(); as contentTemplate) {\r\n <ng-container [ngTemplateOutlet]=\"contentTemplate\"/>\r\n }\r\n <ng-content select=\"s-list-page-content-desktop\"/>\r\n </section>\r\n</main>\r\n<footer>\r\n @if (paginationTemplate(); as footerTemplate) {\r\n <ng-container [ngTemplateOutlet]=\"footerTemplate\"/>\r\n }\r\n <ng-content select=\"s-list-page-pagination\"/>\r\n</footer>\r\n\r\n", styles: ["s-list-page-layout{display:flex;flex:1 1 auto;flex-direction:column;width:100%;max-width:100%;height:100%;min-width:0;min-height:0;padding:var(--space-3);box-sizing:border-box;gap:var(--space-3);background:var(--color-bg);overflow:hidden}s-list-page-layout>header{flex:0 0 auto;position:sticky;top:0;z-index:2;border:1px solid var(--color-divider);border-radius:var(--radius-common-l);background:var(--color-surface);box-shadow:var(--shadow-common-s)}s-list-page-layout>main{flex:1 1 auto;display:flex;min-height:0;border:1px solid var(--color-divider);border-radius:var(--radius-common-l);background:var(--color-surface);box-shadow:var(--shadow-common-s);overflow:hidden}s-list-page-layout>main>aside{display:flex;flex:0 0 240px;width:240px;min-width:0;padding:16px;border-right:1px solid var(--color-border);background:var(--color-surface);overflow:hidden;box-sizing:border-box}s-list-page-layout>main>section{flex:1 1 auto;min-width:0;padding:16px;background:var(--color-surface);overflow:auto;box-sizing:border-box}s-list-page-layout>footer{flex:0 0 auto;height:50px;display:flex;align-items:center;padding:0 16px;border:1px solid var(--color-divider);border-radius:var(--radius-common-l);background:var(--color-surface);box-shadow:var(--shadow-common-s)}s-list-page-layout>footer:empty{display:none}s-list-page-layout>main>aside>s-list-page-sidebar,s-list-page-layout>main>aside>[SListPageSidebar]{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-3);min-width:0;min-height:0}s-list-page-layout [SListPageSidebarSearch]{position:sticky;top:0;z-index:1;flex:0 0 auto;background:var(--color-surface)}s-list-page-layout [SListPageSidebarTree]{flex:1 1 auto;min-height:0;overflow:auto}
|
|
2609
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: ListPageLayoutComponent, isStandalone: true, selector: "s-list-page-layout", queries: [{ propertyName: "sidebarSlot", first: true, predicate: ListPageSidebarSlotDirective, descendants: true, isSignal: true }, { propertyName: "sidebarComponent", first: true, predicate: ListPageSidebarComponent, descendants: true, isSignal: true }, { propertyName: "paginationTemplate", first: true, predicate: ListPagePaginationSlotDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "desktopContentTemplate", first: true, predicate: ListPageContentDesktopSlotDirective, descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<header>\r\n <ng-content select=\"[SListPageHeader]\"/>\r\n <ng-content select=\"s-list-page-header\"/>\r\n <ng-content select=\"[SListPageSummary]\"/>\r\n <ng-content select=\"s-filter-summary\"/>\r\n</header>\r\n<main>\r\n @if (hasSidebar()) {\r\n <aside>\r\n <ng-content select=\"[SListPageSidebar]\"/>\r\n <ng-content select=\"s-list-page-sidebar\"/>\r\n </aside>\r\n }\r\n <section data-platform-content-padding-owner>\r\n @if (desktopContentTemplate(); as contentTemplate) {\r\n <ng-container [ngTemplateOutlet]=\"contentTemplate\"/>\r\n }\r\n <ng-content select=\"s-list-page-content-desktop\"/>\r\n </section>\r\n</main>\r\n<footer>\r\n @if (paginationTemplate(); as footerTemplate) {\r\n <ng-container [ngTemplateOutlet]=\"footerTemplate\"/>\r\n }\r\n <ng-content select=\"s-list-page-pagination\"/>\r\n</footer>\r\n\r\n", styles: ["s-list-page-layout{display:flex;flex:1 1 auto;flex-direction:column;width:100%;max-width:100%;height:100%;min-width:0;min-height:0;padding:var(--space-3);box-sizing:border-box;gap:var(--space-3);background:var(--color-bg);overflow:hidden}s-list-page-layout>header{flex:0 0 auto;position:sticky;top:0;z-index:2;border:1px solid var(--color-divider);border-radius:var(--radius-common-l);background:var(--color-surface);box-shadow:var(--shadow-common-s)}s-list-page-layout>main{flex:1 1 auto;display:flex;min-height:0;border:1px solid var(--color-divider);border-radius:var(--radius-common-l);background:var(--color-surface);box-shadow:var(--shadow-common-s);overflow:hidden}s-list-page-layout>main>aside{display:flex;flex:0 0 240px;width:240px;min-width:0;padding:16px;border-right:1px solid var(--color-border);background:var(--color-surface);overflow:hidden;box-sizing:border-box}s-list-page-layout>main>section{flex:1 1 auto;min-width:0;padding:16px;background:var(--color-surface);overflow:auto;box-sizing:border-box}s-list-page-layout>footer{flex:0 0 auto;height:50px;display:flex;align-items:center;padding:0 16px;border:1px solid var(--color-divider);border-radius:var(--radius-common-l);background:var(--color-surface);box-shadow:var(--shadow-common-s)}s-list-page-layout>footer:empty{display:none}s-list-page-layout>main>aside>s-list-page-sidebar,s-list-page-layout>main>aside>[SListPageSidebar]{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-3);min-width:0;min-height:0}s-list-page-layout [SListPageSidebarSearch]{position:sticky;top:0;z-index:1;flex:0 0 auto;background:var(--color-surface)}s-list-page-layout [SListPageSidebarTree]{flex:1 1 auto;min-height:0;overflow:auto}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2612
2610
|
}
|
|
2613
2611
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ListPageLayoutComponent, decorators: [{
|
|
2614
2612
|
type: Component,
|
|
2615
|
-
args: [{ selector: 's-list-page-layout', imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<header>\r\n <ng-content select=\"[SListPageHeader]\"/>\r\n <ng-content select=\"s-list-page-header\"/>\r\n <ng-content select=\"[SListPageSummary]\"/>\r\n <ng-content select=\"s-filter-summary\"/>\r\n</header>\r\n<main>\r\n @if (hasSidebar()) {\r\n <aside>\r\n <ng-content select=\"[SListPageSidebar]\"/>\r\n <ng-content select=\"s-list-page-sidebar\"/>\r\n </aside>\r\n }\r\n <section data-platform-content-padding-owner>\r\n @if (desktopContentTemplate(); as contentTemplate) {\r\n <ng-container [ngTemplateOutlet]=\"contentTemplate\"/>\r\n }\r\n <ng-content select=\"s-list-page-content-desktop\"/>\r\n </section>\r\n</main>\r\n<footer>\r\n @if (paginationTemplate(); as footerTemplate) {\r\n <ng-container [ngTemplateOutlet]=\"footerTemplate\"/>\r\n }\r\n <ng-content select=\"s-list-page-pagination\"/>\r\n</footer>\r\n\r\n", styles: ["s-list-page-layout{display:flex;flex:1 1 auto;flex-direction:column;width:100%;max-width:100%;height:100%;min-width:0;min-height:0;padding:var(--space-3);box-sizing:border-box;gap:var(--space-3);background:var(--color-bg);overflow:hidden}s-list-page-layout>header{flex:0 0 auto;position:sticky;top:0;z-index:2;border:1px solid var(--color-divider);border-radius:var(--radius-common-l);background:var(--color-surface);box-shadow:var(--shadow-common-s)}s-list-page-layout>main{flex:1 1 auto;display:flex;min-height:0;border:1px solid var(--color-divider);border-radius:var(--radius-common-l);background:var(--color-surface);box-shadow:var(--shadow-common-s);overflow:hidden}s-list-page-layout>main>aside{display:flex;flex:0 0 240px;width:240px;min-width:0;padding:16px;border-right:1px solid var(--color-border);background:var(--color-surface);overflow:hidden;box-sizing:border-box}s-list-page-layout>main>section{flex:1 1 auto;min-width:0;padding:16px;background:var(--color-surface);overflow:auto;box-sizing:border-box}s-list-page-layout>footer{flex:0 0 auto;height:50px;display:flex;align-items:center;padding:0 16px;border:1px solid var(--color-divider);border-radius:var(--radius-common-l);background:var(--color-surface);box-shadow:var(--shadow-common-s)}s-list-page-layout>footer:empty{display:none}s-list-page-layout>main>aside>s-list-page-sidebar,s-list-page-layout>main>aside>[SListPageSidebar]{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-3);min-width:0;min-height:0}s-list-page-layout [SListPageSidebarSearch]{position:sticky;top:0;z-index:1;flex:0 0 auto;background:var(--color-surface)}s-list-page-layout [SListPageSidebarTree]{flex:1 1 auto;min-height:0;overflow:auto}
|
|
2613
|
+
args: [{ selector: 's-list-page-layout', imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<header>\r\n <ng-content select=\"[SListPageHeader]\"/>\r\n <ng-content select=\"s-list-page-header\"/>\r\n <ng-content select=\"[SListPageSummary]\"/>\r\n <ng-content select=\"s-filter-summary\"/>\r\n</header>\r\n<main>\r\n @if (hasSidebar()) {\r\n <aside>\r\n <ng-content select=\"[SListPageSidebar]\"/>\r\n <ng-content select=\"s-list-page-sidebar\"/>\r\n </aside>\r\n }\r\n <section data-platform-content-padding-owner>\r\n @if (desktopContentTemplate(); as contentTemplate) {\r\n <ng-container [ngTemplateOutlet]=\"contentTemplate\"/>\r\n }\r\n <ng-content select=\"s-list-page-content-desktop\"/>\r\n </section>\r\n</main>\r\n<footer>\r\n @if (paginationTemplate(); as footerTemplate) {\r\n <ng-container [ngTemplateOutlet]=\"footerTemplate\"/>\r\n }\r\n <ng-content select=\"s-list-page-pagination\"/>\r\n</footer>\r\n\r\n", styles: ["s-list-page-layout{display:flex;flex:1 1 auto;flex-direction:column;width:100%;max-width:100%;height:100%;min-width:0;min-height:0;padding:var(--space-3);box-sizing:border-box;gap:var(--space-3);background:var(--color-bg);overflow:hidden}s-list-page-layout>header{flex:0 0 auto;position:sticky;top:0;z-index:2;border:1px solid var(--color-divider);border-radius:var(--radius-common-l);background:var(--color-surface);box-shadow:var(--shadow-common-s)}s-list-page-layout>main{flex:1 1 auto;display:flex;min-height:0;border:1px solid var(--color-divider);border-radius:var(--radius-common-l);background:var(--color-surface);box-shadow:var(--shadow-common-s);overflow:hidden}s-list-page-layout>main>aside{display:flex;flex:0 0 240px;width:240px;min-width:0;padding:16px;border-right:1px solid var(--color-border);background:var(--color-surface);overflow:hidden;box-sizing:border-box}s-list-page-layout>main>section{flex:1 1 auto;min-width:0;padding:16px;background:var(--color-surface);overflow:auto;box-sizing:border-box}s-list-page-layout>footer{flex:0 0 auto;height:50px;display:flex;align-items:center;padding:0 16px;border:1px solid var(--color-divider);border-radius:var(--radius-common-l);background:var(--color-surface);box-shadow:var(--shadow-common-s)}s-list-page-layout>footer:empty{display:none}s-list-page-layout>main>aside>s-list-page-sidebar,s-list-page-layout>main>aside>[SListPageSidebar]{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-3);min-width:0;min-height:0}s-list-page-layout [SListPageSidebarSearch]{position:sticky;top:0;z-index:1;flex:0 0 auto;background:var(--color-surface)}s-list-page-layout [SListPageSidebarTree]{flex:1 1 auto;min-height:0;overflow:auto}\n"] }]
|
|
2616
2614
|
}], propDecorators: { sidebarSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ListPageSidebarSlotDirective), { isSignal: true }] }], sidebarComponent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ListPageSidebarComponent), { isSignal: true }] }], paginationTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ListPagePaginationSlotDirective), { ...{
|
|
2617
2615
|
read: TemplateRef,
|
|
2618
2616
|
}, isSignal: true }] }], desktopContentTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ListPageContentDesktopSlotDirective), { ...{
|