@synopackageland/ui 0.23.0 → 0.23.1
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/CHANGELOG.md +7 -0
- package/dist/components/app/app-layout/AppLayout.vue.d.ts +9 -0
- package/dist/index.js +4567 -4559
- package/dist/json-preview/preview.js +5067 -5059
- package/dist/reka-runtime.json +1 -1
- package/dist/theme.css +1 -1
- package/dist/themes/dsm7-embedded-theme.css +1 -1
- package/dist/themes/dsm7-embedded.css +1 -1
- package/dist/themes/dsm7.css +1 -1
- package/docs/mobile-native.md +11 -0
- package/package.json +1 -93
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
## Unreleased
|
|
4
4
|
|
|
5
|
+
## 0.23.1 (2026-11-07)
|
|
6
|
+
|
|
7
|
+
Phone tab pages without a title in the bar. No App change is required; a DSM window and desktop are unchanged.
|
|
8
|
+
|
|
9
|
+
- **New `phone-bar-title="none"` on `AppLayout`.** In the phone layout a root page's bar draws no title and no App icon or brand (a bottom-tab page, like X), while the drawer opened from the menu button or the tab bar's More stays headed by `brand-name` and `brand-icon`, screen readers still hear the `title`, and the document title is untouched. The bar keeps its height, actions, single "…", hide on scroll and Back on a sub-page. Before, an App hid them by passing an empty `title` and brand, and the drawer then read "Application navigation". Defaults to `'auto'` (as before)
|
|
10
|
+
- `check:phone-layout` adds a tab page (scene `tab`) at 390x844, 360x800 and 390x664 with touch, in a DSM window and on desktop, in English and Traditional Chinese: no title, icon or brand in the bar, its height kept, the title kept for screen readers, hide on scroll, and the drawer from More headed by the App's name and icon
|
|
11
|
+
|
|
5
12
|
## 0.23.0 (2026-11-07)
|
|
6
13
|
|
|
7
14
|
Compact phone bars and native phone density. A DSM window and desktop are unchanged. No App change is required, except that among several `headerActions` only an entry marked `primary: true` is a bar button (below). Details in docs/mobile-native.md.
|
|
@@ -31,6 +31,14 @@ type __VLS_Props = {
|
|
|
31
31
|
* `PageHeader`, and without one of those the brand.
|
|
32
32
|
*/
|
|
33
33
|
title?: string;
|
|
34
|
+
/**
|
|
35
|
+
* `'none'` draws the phone bar of a root page without a title and without
|
|
36
|
+
* the App icon or brand (a bottom-tab page whose tab already names it).
|
|
37
|
+
* The drawer, screen readers and the document title still read `title`
|
|
38
|
+
* and the brand; a sub-page (Back) still shows its title. Only the phone
|
|
39
|
+
* layout changes. Defaults to `'auto'`.
|
|
40
|
+
*/
|
|
41
|
+
phoneBarTitle?: 'auto' | 'none';
|
|
34
42
|
/** The phone bar leads with a Back button (emits `back`) instead of the menu button, for a pushed page. */
|
|
35
43
|
back?: boolean;
|
|
36
44
|
/**
|
|
@@ -125,6 +133,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
|
|
|
125
133
|
brandName: string;
|
|
126
134
|
brandIcon: string;
|
|
127
135
|
navigation: AppNavigation;
|
|
136
|
+
phoneBarTitle: "auto" | "none";
|
|
128
137
|
headerActions: DropdownMenuEntry[];
|
|
129
138
|
hideOnScroll: boolean;
|
|
130
139
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|