@svadmin/ui 0.73.0 → 0.74.0

package/dist/components/SettingsPage.svelte

@@ -30,6 +30,7 @@
   }
 
   interface Props {
+    preferencesProvider?: import('./NotificationsSettings.svelte').NotificationPreferencesProvider;
     customSections?: SettingsSection[];
     profile?: Snippet;
     appearance?: Snippet;
@@ -44,6 +45,7 @@
   }
 
   let {
+    preferencesProvider,
     customSections,
     profile,
     appearance,
@@ -197,7 +199,7 @@
     {:else if activeKey === "integrations"}
       {#if integrations}{@render integrations()}{:else}<IntegrationsSettings />{/if}
     {:else if activeKey === "notifications"}
-      {#if notifications}{@render notifications()}{:else}<NotificationsSettings />{/if}
+      {#if notifications}{@render notifications()}{:else}<NotificationsSettings {...preferencesProvider ? { preferencesProvider } : {}} />{/if}
     {:else if activeKey === "api"}
       {#if api}{@render api()}{:else}<ApiSettings />{/if}
     {:else if activeKey === "audit"}

package/dist/components/SettingsPage.svelte.d.ts

@@ -10,6 +10,7 @@ interface SettingsSection {
     items: SettingsItem[];
 }
 interface Props {
+    preferencesProvider?: import('./NotificationsSettings.svelte').NotificationPreferencesProvider;
     customSections?: SettingsSection[];
     profile?: Snippet;
     appearance?: Snippet;

package/dist/components/ShowPage.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { ResourceRendering } from '../rendering/index.js';
-  import { useNavigation } from '@svadmin/core';
+  import { captureAdminContext, useNavigation } from '@svadmin/core';
   import { useRecordDetail } from './record-detail.svelte';
   import { useTranslation } from '@svadmin/core/i18n';
   import type { Snippet } from 'svelte';
@@ -27,6 +27,9 @@
     headerActions?: Snippet;
     children?: Snippet;
     class?: string;
+    /** 宿主明确提供来源时优先使用，拒绝外部地址。 */
+    returnTo?: string;
+    onBack?: () => void;
   }
 
   let {
@@ -40,9 +43,21 @@
     headerActions,
     children,
     class: className = '',
+    returnTo,
+    onBack,
   }: Props = $props();
 
   const navigation = useNavigation();
+  const context = captureAdminContext();
+  function goBack() {
+    if (onBack) { onBack(); return; }
+    const target = returnTo ?? context.routerProvider?.parse().params['returnTo'];
+    if (target?.startsWith('/') && !target.startsWith('//') && !/[\\\r\n]/.test(target)) {
+      navigation.push(target);
+      return;
+    }
+    navigation.list(resourceName);
+  }
   const isCompact = $derived(density === 'compact');
 
   const detail = useRecordDetail(() => ({ resourceName, id, rendering }));
@@ -65,8 +80,8 @@
   <PageHeader
     title="{resource.label} {i18n.t('common.detail')} #{id}"
     {density}
-    onBack={() => navigation.list(resourceName)}
-    backLabel={i18n.t('common.backToList')}
+    onBack={goBack}
+    backLabel={i18n.t('common.back')}
   >
     {#snippet actions()}
       {#if detail.canRead && query.isSuccess && resource.canEdit !== false}

package/dist/components/ShowPage.svelte.d.ts

@@ -11,6 +11,9 @@ interface Props {
     headerActions?: Snippet;
     children?: Snippet;
     class?: string;
+    /** 宿主明确提供来源时优先使用，拒绝外部地址。 */
+    returnTo?: string;
+    onBack?: () => void;
 }
 declare const ShowPage: import("svelte").Component<Props, {}, "">;
 type ShowPage = ReturnType<typeof ShowPage>;

package/dist/components/Sidebar.svelte

@@ -309,8 +309,8 @@
   aria-label="Sidebar navigation"
   class="svadmin-u-7bc555991dba svadmin-u-5f89f14a26db svadmin-u-c78facc7a0a6 svadmin-u-0f2fff0ae96e svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-5ceb636bd9f3 svadmin-u-6ee2d41e2d2d svadmin-u-0fe7d7d814d0 svadmin-u-7890552ecd63"
   style="background-color: var(--sidebar);"
-  class:svadmin-sidebar--expanded={!collapsed}
-  class:svadmin-sidebar--collapsed={collapsed}
+  class:svadmin-sidebar-expanded={!collapsed}
+  class:svadmin-sidebar-collapsed={collapsed}
 >
   <div class="svadmin-u-60fbb7713999 svadmin-u-07017cde3e97 svadmin-u-3960ffc248d9 svadmin-u-012fbd121f37" class:svadmin-u-d139dd09e38d={!collapsed} class:svadmin-u-86843cf1e227={collapsed}>
     {#if !collapsed}

package/dist/components/Slider.svelte

@@ -0,0 +1,100 @@
+<script lang="ts">
+  import { cn } from '../utils.js';
+
+  interface Props {
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    describedby?: string;
+    ariaLabel?: string;
+    showValue?: boolean;
+    class?: string;
+    onchange?: (value: number) => void;
+  }
+
+  let {
+    value = $bindable(0),
+    min = 0,
+    max = 100,
+    step = 1,
+    id,
+    name,
+    disabled = false,
+    required = false,
+    invalid = false,
+    describedby,
+    ariaLabel,
+    showValue = false,
+    class: className = '',
+    onchange,
+  }: Props = $props();
+
+  const boundsValid = $derived(
+    Number.isFinite(min) && Number.isFinite(max) && min < max
+      && Number.isFinite(step) && step > 0,
+  );
+  const normalizedValue = $derived(
+    boundsValid ? Math.min(max, Math.max(min, Number.isFinite(value) ? value : min)) : min,
+  );
+
+  function handleInput(event: Event): void {
+    const input = event.currentTarget;
+    if (!(input instanceof HTMLInputElement) || disabled || !boundsValid) return;
+    const next = Number(input.value);
+    if (!Number.isFinite(next)) return;
+    value = next;
+    onchange?.(next);
+  }
+</script>
+
+<div class={cn('svadmin-slider', className)} data-invalid={invalid ? 'true' : undefined}>
+  <input
+    {id}
+    {name}
+    type="range"
+    value={normalizedValue}
+    {min}
+    {max}
+    {step}
+    {disabled}
+    {required}
+    aria-label={ariaLabel}
+    aria-invalid={invalid || undefined}
+    aria-describedby={describedby}
+    aria-valuetext={showValue ? String(normalizedValue) : undefined}
+    oninput={handleInput}
+  />
+  {#if showValue}<output for={id}>{normalizedValue}</output>{/if}
+</div>
+
+<style>
+  .svadmin-slider {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    inline-size: 100%;
+  }
+
+  .svadmin-slider input {
+    min-inline-size: 0;
+    flex: 1 1 auto;
+    accent-color: var(--primary);
+  }
+
+  .svadmin-slider output {
+    min-inline-size: 3ch;
+    color: var(--muted-foreground);
+    text-align: end;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .svadmin-slider[data-invalid='true'] input {
+    accent-color: var(--destructive);
+  }
+</style>

package/dist/components/Slider.svelte.d.ts

@@ -0,0 +1,19 @@
+interface Props {
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    describedby?: string;
+    ariaLabel?: string;
+    showValue?: boolean;
+    class?: string;
+    onchange?: (value: number) => void;
+}
+declare const Slider: import("svelte").Component<Props, {}, "value">;
+type Slider = ReturnType<typeof Slider>;
+export default Slider;