@synopackageland/ui 0.23.0 → 0.23.2
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 +15 -0
- package/dist/cli.js +0 -0
- package/dist/components/app/app-layout/AppLayout.vue.d.ts +9 -0
- package/dist/index.js +4368 -4359
- package/dist/json-preview/preview.js +4972 -4963
- 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 +21 -0
- package/package.json +60 -67
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
## Unreleased
|
|
4
4
|
|
|
5
|
+
## 0.23.2 (2026-11-07)
|
|
6
|
+
|
|
7
|
+
Two phone fixes for tab pages. No App change is required; a DSM window and desktop are unchanged.
|
|
8
|
+
|
|
9
|
+
- **The drawer shows the App's whole name.** The 44px button style meant for the drawer's close button also reached a brand with an action (`@brand`), so "Library Manager" read "Library Mana…". The style now applies to the close button only, and the brand takes the drawer's row up to the close button: a name is cut with "…" only when it is longer than that
|
|
10
|
+
- **No empty bar on a tab page.** With `phone-bar-title="none"`, a bar with nothing in it (no menu button, Back, action, account entry, "…" or page action) is not drawn, so the page starts at the top instead of under an empty 44px strip, and in the DSM portal no empty bar takes the place of DSM's banner. The bar comes back as soon as it holds something. The drawer is still headed by `brand-name` and `brand-icon`, so an App can always pass its real title and brand on a tab page
|
|
11
|
+
- `check:phone-layout` takes `--scene name,…` to run only those scenes. The tab page scene now also runs with nothing in the bar (no bar, no header row, the page at the top), with an account action and the name "Library Manager" (whole in the drawer), and with a name longer than the drawer's row (cut with "…", the close button a whole 44px target)
|
|
12
|
+
|
|
13
|
+
## 0.23.1 (2026-11-07)
|
|
14
|
+
|
|
15
|
+
Phone tab pages without a title in the bar. No App change is required; a DSM window and desktop are unchanged.
|
|
16
|
+
|
|
17
|
+
- **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)
|
|
18
|
+
- `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
|
|
19
|
+
|
|
5
20
|
## 0.23.0 (2026-11-07)
|
|
6
21
|
|
|
7
22
|
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.
|
package/dist/cli.js
CHANGED
|
File without changes
|
|
@@ -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>;
|