@dsh-workbench/shared 0.1.4 → 0.1.5

package/dist/components/CardHead.js

@@ -6,11 +6,11 @@ export function CardHead({ t, title, meta, refreshing, onRefresh, gear, gearOpen
     return (h("header", { className: "wb-cardHead" },
         h("h2", { className: "wb-cardTitle" }, title),
         meta === undefined ? null : h("span", { className: "wb-cardMeta" }, meta),
-        platformHref === undefined || platform === undefined ? null : (h(Tooltip, { label: platformTitle ?? platform },
+        platformHref === undefined || platform === undefined ? null : (h(Tooltip, { side: "bottom", align: "end", gap: 6, portal: true, label: platformTitle ?? platform },
             h("a", { className: "wb-iconButton wb-cardOpen", href: platformHref, target: "_blank", rel: "noreferrer noopener", "aria-label": platform },
                 h(IconRightUpOutlineRegular, { size: 14 })))),
-        h(Tooltip, { label: refreshLabel },
+        h(Tooltip, { side: "bottom", align: "end", gap: 6, portal: true, label: refreshLabel },
             h(Button, { type: "button", size: "sm", variant: "ghost", className: `wb-cardRefresh${refreshing ? ' wb-spinning' : ''}`, "aria-label": refreshLabel, disabled: refreshing, icon: h(IconRefreshOutlineRegular, { size: 14 }), onClick: onRefresh })),
-        gear === undefined || onToggleGear === undefined ? null : (h(Tooltip, { label: gear },
+        gear === undefined || onToggleGear === undefined ? null : (h(Tooltip, { side: "bottom", align: "end", gap: 6, portal: true, label: gear },
             h(Button, { type: "button", size: "sm", variant: "ghost", className: `wb-cardGear${gearOpen === true ? ' wb-iconButtonActive' : ''}`, "aria-label": gear, "aria-expanded": gearOpen === true, icon: h(IconSettingsOutlineRegular, { size: 15 }), onClick: onToggleGear })))));
 }

package/dist/lib/ui.d.ts

@@ -2,10 +2,4 @@ export declare function cx(...parts: Array<string | false | null | undefined>):
 export type TimeTranslate = (key: string, params?: Record<string, unknown>) => string;
 export declare function relativeTime(epochMs: number, t: TimeTranslate): string;
 export declare function shortenPath(path: unknown): string;
-export declare const LINK_BUTTON_STYLE: {
-    readonly display: "inline-flex";
-    readonly alignItems: "center";
-    readonly gap: "var(--wb-gap-xs)";
-    readonly textDecoration: "none";
-};
 export declare function parseLocalTimestamp(text: string | null | undefined): number;

package/dist/lib/ui.js

@@ -22,12 +22,6 @@ export function shortenPath(path) {
     const hit = path.match(/^\/Users\/[^/]+/);
     return hit === null ? path : path.replace(hit[0], '~');
 }
-export const LINK_BUTTON_STYLE = {
-    display: 'inline-flex',
-    alignItems: 'center',
-    gap: 'var(--wb-gap-xs)',
-    textDecoration: 'none',
-};
 const LOCAL_TIMESTAMP = /^(\d{4})-(\d{2})-(\d{2})[ T](\d{2}):(\d{2}):(\d{2})$/;
 export function parseLocalTimestamp(text) {
     const raw = String(text ?? '').trim();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dsh-workbench/shared",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "工作台与模块共享的纯代码与契约类型：类型、纯逻辑、哑组件、平台解析。宿主侧的东西从 /host 进（不影响浏览器产物）。",
   "license": "MIT",
   "type": "module",

package/src/components/CardHead.tsx

@@ -43,7 +43,7 @@ export function CardHead({
       <h2 className="wb-cardTitle">{title}</h2>
       {meta === undefined ? null : <span className="wb-cardMeta">{meta}</span>}
       {platformHref === undefined || platform === undefined ? null : (
-        <Tooltip label={platformTitle ?? platform}>
+        <Tooltip side="bottom" align="end" gap={6} portal label={platformTitle ?? platform}>
           <a
             className="wb-iconButton wb-cardOpen"
             href={platformHref}
@@ -55,7 +55,7 @@ export function CardHead({
           </a>
         </Tooltip>
       )}
-      <Tooltip label={refreshLabel}>
+      <Tooltip side="bottom" align="end" gap={6} portal label={refreshLabel}>
         <Button
           type="button"
           size="sm"
@@ -68,7 +68,7 @@ export function CardHead({
         />
       </Tooltip>
       {gear === undefined || onToggleGear === undefined ? null : (
-        <Tooltip label={gear}>
+        <Tooltip side="bottom" align="end" gap={6} portal label={gear}>
           <Button
             type="button"
             size="sm"

package/src/lib/ui.ts

@@ -22,13 +22,6 @@ export function shortenPath(path: unknown): string {
   return hit === null ? path : path.replace(hit[0], '~');
 }
 
-export const LINK_BUTTON_STYLE = {
-  display: 'inline-flex',
-  alignItems: 'center',
-  gap: 'var(--wb-gap-xs)',
-  textDecoration: 'none',
-} as const;
-
 const LOCAL_TIMESTAMP = /^(\d{4})-(\d{2})-(\d{2})[ T](\d{2}):(\d{2}):(\d{2})$/;
 
 export function parseLocalTimestamp(text: string | null | undefined): number {