@shwfed/nuxt 0.11.15 → 0.11.17

package/dist/module.d.mts

@@ -1,6 +1,7 @@
 import * as _nuxt_schema from '@nuxt/schema';
 export { FieldsInstance } from '../dist/runtime/components/fields-instance.js';
-export { FieldsSlotProps } from '../dist/runtime/components/ui/fields/slot-props.js';
+export { TableInstance } from '../dist/runtime/components/table-instance.js';
+export { CellContext } from '@tanstack/vue-table';
 
 type Wrap<T> = T extends object ? Readonly<{
     [P in keyof T]?: Wrap<T[P]>;

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.11.15",
+  "version": "0.11.17",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,5 +1,5 @@
 import { execSync } from 'node:child_process';
-import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, addImportsDir, addComponentsDir, addRouteMiddleware, addLayout } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, addImportsDir, addComponent, addRouteMiddleware, addLayout } from '@nuxt/kit';
 import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
 import TailwindCSS from '@tailwindcss/vite';
 import defu from 'defu';
@@ -65,11 +65,37 @@ const module$1 = defineNuxtModule({
       mode: "client"
     });
     addImportsDir(resolver.resolve("runtime/composables"));
-    addComponentsDir({
-      path: resolver.resolve("runtime/components"),
-      ignore: ["ui/**/*.{vue,ts}"],
-      prefix: "shwfed",
-      extensions: ["vue"]
+    addComponent({
+      name: "ShwfedApp",
+      filePath: resolver.resolve("runtime/components/app.vue")
+    });
+    addComponent({
+      name: "ShwfedButton",
+      filePath: resolver.resolve("runtime/components/button.vue")
+    });
+    addComponent({
+      name: "ShwfedButtonAction",
+      filePath: resolver.resolve("runtime/components/button-action.vue")
+    });
+    addComponent({
+      name: "ShwfedFields",
+      filePath: resolver.resolve("runtime/components/fields.vue")
+    });
+    addComponent({
+      name: "ShwfedMarkdown",
+      filePath: resolver.resolve("runtime/components/markdown.vue")
+    });
+    addComponent({
+      name: "ShwfedMenuTabs",
+      filePath: resolver.resolve("runtime/components/menu-tabs.vue")
+    });
+    addComponent({
+      name: "ShwfedModal",
+      filePath: resolver.resolve("runtime/components/modal.vue")
+    });
+    addComponent({
+      name: "ShwfedTable",
+      filePath: resolver.resolve("runtime/components/table.vue")
     });
     addRouteMiddleware({
       path: resolver.resolve("runtime/middleware/token"),

package/dist/runtime/components/button-action.d.vue.ts

@@ -0,0 +1,18 @@
+import type { ButtonActionEffect, ButtonActionEffectFactory } from '../composables/useButtonAction.js';
+import type { OverlayBodyRender } from '../composables/useOverlay.js';
+type __VLS_Props = {
+    actionId: string;
+    effect?: ButtonActionEffect | ButtonActionEffectFactory;
+};
+type __VLS_Slots = {
+    default?: OverlayBodyRender;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/button-action.vue

@@ -0,0 +1,57 @@
+<script setup>
+import { inject, onBeforeUnmount, onMounted, onUpdated } from "vue";
+import { buttonActionRegistryKey } from "./ui/buttons/action-registry";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  actionId: { type: String, required: true },
+  effect: { type: Function, required: false, skipCheck: true }
+});
+const slots = defineSlots();
+const registry = inject(buttonActionRegistryKey, void 0);
+const ownerId = crypto.randomUUID();
+const isDevelopment = process.env.NODE_ENV !== "production";
+let registeredActionId;
+let hasWarnedMissingRegistry = false;
+function warnMissingRegistry() {
+  if (!isDevelopment || hasWarnedMissingRegistry) {
+    return;
+  }
+  hasWarnedMissingRegistry = true;
+  console.warn("[shwfed-button-action] must be used inside <shwfed-button>.");
+}
+function syncAction() {
+  if (!registry) {
+    warnMissingRegistry();
+    return;
+  }
+  if (registeredActionId && registeredActionId !== props.actionId) {
+    registry.unregisterAction(registeredActionId, ownerId);
+  }
+  registry.registerAction({
+    ownerId,
+    actionId: props.actionId,
+    effect: props.effect,
+    render: slots.default
+  });
+  registeredActionId = props.actionId;
+}
+syncAction();
+onMounted(() => {
+  syncAction();
+});
+onUpdated(() => {
+  syncAction();
+});
+onBeforeUnmount(() => {
+  if (!registry || !registeredActionId) {
+    return;
+  }
+  registry.unregisterAction(registeredActionId, ownerId);
+});
+</script>
+
+<template>
+  <span v-if="false" />
+</template>

package/dist/runtime/components/button-action.vue.d.ts

@@ -0,0 +1,18 @@
+import type { ButtonActionEffect, ButtonActionEffectFactory } from '../composables/useButtonAction.js';
+import type { OverlayBodyRender } from '../composables/useOverlay.js';
+type __VLS_Props = {
+    actionId: string;
+    effect?: ButtonActionEffect | ButtonActionEffectFactory;
+};
+type __VLS_Slots = {
+    default?: OverlayBodyRender;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/button.d.vue.ts

@@ -1,5 +1,4 @@
 import { Effect } from 'effect';
-import type { OverlayBodyRender } from '../composables/useOverlay.js';
 import type { ButtonConfigInput } from './ui/buttons/schema.js';
 export { ButtonActionC, ButtonBodyC, ButtonBodyInputC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './ui/buttons/schema.js';
 export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, ButtonSize, ButtonVariant, } from './ui/buttons/schema.js';
@@ -158,7 +157,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    [name: string]: OverlayBodyRender;
+    default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/button.vue

@@ -9,7 +9,6 @@ const props = defineProps({
   config: { type: null, required: false }
 });
 const emit = defineEmits(["update:config"]);
-const slots = defineSlots();
 const defaultConfig = createButtonConfig({
   gap: 12,
   groups: []
@@ -53,14 +52,6 @@ export { ButtonActionService, currentButtonAction } from "../composables/useButt
     :config="resolveConfig()"
     @update:config="handleConfigUpdate"
   >
-    <template
-      v-for="(_, slotName) in slots"
-      #[slotName]="slotProps"
-    >
-      <slot
-        :name="slotName"
-        v-bind="slotProps ?? {}"
-      />
-    </template>
+    <slot />
   </UiButtons>
 </template>

package/dist/runtime/components/button.vue.d.ts

@@ -1,5 +1,4 @@
 import { Effect } from 'effect';
-import type { OverlayBodyRender } from '../composables/useOverlay.js';
 import type { ButtonConfigInput } from './ui/buttons/schema.js';
 export { ButtonActionC, ButtonBodyC, ButtonBodyInputC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './ui/buttons/schema.js';
 export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, ButtonSize, ButtonVariant, } from './ui/buttons/schema.js';
@@ -158,7 +157,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    [name: string]: OverlayBodyRender;
+    default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/table-instance.d.ts

@@ -0,0 +1 @@
+export type TableInstance = import('@tanstack/table-core').Table<unknown>;

package/dist/runtime/components/ui/buttons/Buttons.d.vue.ts

@@ -1,5 +1,4 @@
 import { Effect } from 'effect';
-import { type OverlayBodyRender } from '../../../composables/useOverlay.js';
 import { type ButtonConfigInput } from './schema.js';
 export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC } from './schema.js';
 export { ButtonBodyC, ButtonBodyInputC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './schema.js';
@@ -159,7 +158,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    [name: string]: OverlayBodyRender;
+    default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/ui/buttons/Buttons.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { useNuxtApp } from "#app";
-import { useAttrs, computed, onBeforeUnmount, ref, watch } from "vue";
+import { useAttrs, computed, onBeforeUnmount, provide, reactive, ref, watch } from "vue";
 import { computedAsync } from "@vueuse/core";
 import { Icon } from "@iconify/vue";
 import { Effect } from "effect";
@@ -25,6 +25,7 @@ import {
   ButtonConfigC,
   createButtonConfig
 } from "./schema";
+import { buttonActionRegistryKey } from "./action-registry";
 defineOptions({
   inheritAttrs: false
 });
@@ -37,8 +38,10 @@ const defaultConfig = createButtonConfig({
   groups: []
 });
 const uuidPattern = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/iu;
+const isDevelopment = process.env.NODE_ENV !== "production";
+const duplicateActionWarnings = /* @__PURE__ */ new Set();
+const unknownActionWarnings = /* @__PURE__ */ new Set();
 const attrs = useAttrs();
-const slots = defineSlots();
 const { locale, t } = useI18n();
 const { $dsl } = useNuxtApp();
 const overlay = useOverlay();
@@ -46,6 +49,7 @@ const isCheating = useCheating();
 const isConfiguratorOpen = ref(false);
 const pendingIds = ref([]);
 const overlayOwnerId = crypto.randomUUID();
+const declaredActions = reactive({});
 const currentConfig = computedAsync(
   async () => ButtonConfigC.parse(await props.config.pipe(Effect.runPromise) ?? defaultConfig)
 );
@@ -55,13 +59,69 @@ watch(currentConfig, (value) => {
     displayConfig.value = value;
   }
 }, { immediate: true });
+const actionIds = computed(() => displayConfig.value.groups.flatMap((group) => group.items.flatMap((item) => {
+  if (isDropdownItem(item)) {
+    return item.items.map((child) => child.id);
+  }
+  return [item.id];
+})));
+const actionIdSet = computed(() => new Set(actionIds.value));
+function warnDuplicateAction(actionId) {
+  if (!isDevelopment || duplicateActionWarnings.has(actionId)) {
+    return;
+  }
+  duplicateActionWarnings.add(actionId);
+  console.warn(`[shwfed-button] duplicate action declaration for "${actionId}". The latest declaration wins.`);
+}
+function warnUnknownAction(actionId) {
+  if (!isDevelopment || unknownActionWarnings.has(actionId)) {
+    return;
+  }
+  unknownActionWarnings.add(actionId);
+  console.warn(`[shwfed-button] action "${actionId}" is not present in the current button config.`);
+}
+function registerAction(definition) {
+  const existing = declaredActions[definition.actionId];
+  if (existing && existing.ownerId !== definition.ownerId) {
+    warnDuplicateAction(definition.actionId);
+  }
+  declaredActions[definition.actionId] = definition;
+}
+function unregisterAction(actionId, ownerId) {
+  const existing = declaredActions[actionId];
+  if (!existing) {
+    return;
+  }
+  if (ownerId !== void 0 && existing.ownerId !== ownerId) {
+    return;
+  }
+  Reflect.deleteProperty(declaredActions, actionId);
+}
+provide(buttonActionRegistryKey, {
+  registerAction,
+  unregisterAction,
+  hasAction: (actionId) => actionIdSet.value.has(actionId)
+});
+function validateDeclaredActions() {
+  if (currentConfig.value === void 0) {
+    return;
+  }
+  for (const actionId of Object.keys(declaredActions)) {
+    if (!actionIdSet.value.has(actionId)) {
+      warnUnknownAction(actionId);
+    }
+  }
+}
+watch(actionIdSet, () => {
+  validateDeclaredActions();
+}, { immediate: true });
 const modalDefinitions = computed(() => {
   const nextDefinitions = [];
   for (const group of displayConfig.value.groups) {
     for (const item of group.items) {
       if (isDropdownItem(item)) {
         for (const child of item.items) {
-          const render2 = slots[child.id];
+          const render2 = declaredActions[child.id]?.render;
           if (render2) {
             nextDefinitions.push({
               definitionId: child.id,
@@ -73,7 +133,7 @@ const modalDefinitions = computed(() => {
         }
         continue;
       }
-      const render = slots[item.id];
+      const render = declaredActions[item.id]?.render;
       if (render) {
         nextDefinitions.push({
           definitionId: item.id,
@@ -92,14 +152,8 @@ watch(modalDefinitions, (definitions) => {
 onBeforeUnmount(() => {
   overlay.syncDefinitions(overlayOwnerId, []);
 });
-const actionIds = computed(() => displayConfig.value.groups.flatMap((group) => group.items.flatMap((item) => {
-  if ("items" in item) {
-    return item.items.map((child) => child.id);
-  }
-  return [item.id];
-})));
 const rootAttrs = computed(() => {
-  const ignoredKeys = new Set(actionIds.value);
+  const ignoredKeys = actionIdSet.value;
   const nextAttrs = {};
   for (const [key, value] of Object.entries(attrs)) {
     if (ignoredKeys.has(key) || key === "class" || uuidPattern.test(key)) {
@@ -155,7 +209,7 @@ function getModalShell(modal) {
   };
 }
 function getButtonEffect(buttonId) {
-  return Reflect.get(attrs, buttonId);
+  return declaredActions[buttonId]?.effect;
 }
 function isEffectValue(value) {
   return typeof value === "object" && value !== null && "_op" in value;
@@ -456,6 +510,8 @@ export { ButtonActionService, currentButtonAction } from "../../../composables/u
         </DropdownMenu>
       </template>
     </ButtonGroup>
+
+    <slot />
   </div>
 </template>
 

package/dist/runtime/components/ui/buttons/Buttons.vue.d.ts

@@ -1,5 +1,4 @@
 import { Effect } from 'effect';
-import { type OverlayBodyRender } from '../../../composables/useOverlay.js';
 import { type ButtonConfigInput } from './schema.js';
 export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC } from './schema.js';
 export { ButtonBodyC, ButtonBodyInputC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './schema.js';
@@ -159,7 +158,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    [name: string]: OverlayBodyRender;
+    default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/ui/buttons/action-registry.d.ts

@@ -0,0 +1,15 @@
+import type { InjectionKey } from 'vue';
+import type { ButtonActionEffect, ButtonActionEffectFactory } from '../../../composables/useButtonAction.js';
+import type { OverlayBodyRender } from '../../../composables/useOverlay.js';
+export type DeclaredButtonAction = Readonly<{
+    ownerId: string;
+    actionId: string;
+    effect?: ButtonActionEffect | ButtonActionEffectFactory;
+    render?: OverlayBodyRender;
+}>;
+export interface ButtonActionRegistry {
+    registerAction: (definition: DeclaredButtonAction) => void;
+    unregisterAction: (actionId: string, ownerId?: string) => void;
+    hasAction: (actionId: string) => boolean;
+}
+export declare const buttonActionRegistryKey: InjectionKey<ButtonActionRegistry>;

package/dist/runtime/components/ui/buttons/action-registry.js

@@ -0,0 +1 @@
+export const buttonActionRegistryKey = Symbol("shwfed/button-action-registry");

package/dist/runtime/components/ui/buttons/schema.js

@@ -24,7 +24,7 @@ export const ButtonActionC = z.strictObject({
   variant: buttonVariantC,
   size: buttonSizeC,
   hideTitle: z.boolean().optional().describe("\u4EC5\u5BF9\u975E\u4E0B\u62C9\u6309\u94AE\u751F\u6548\uFF1B\u4E3A true \u65F6\u9690\u85CF\u6309\u94AE\u6587\u5B57\uFF0C\u4EC5\u663E\u793A\u56FE\u6807"),
-  modal: ButtonModalC.optional().describe("\u4E0E\u5F53\u524D\u6309\u94AE UUID \u540C\u540D slot \u6253\u5F00\u65F6\u4F7F\u7528\u7684\u9ED8\u8BA4 Modal \u58F3\u914D\u7F6E")
+  modal: ButtonModalC.optional().describe("\u4F9B\u5F53\u524D action \u7684 overlay \u58F0\u660E\u4F7F\u7528\u7684\u9ED8\u8BA4 Modal \u58F3\u914D\u7F6E")
 }).readonly();
 const DropdownButtonActionC = z.strictObject({
   id: buttonIdC,
@@ -32,7 +32,7 @@ const DropdownButtonActionC = z.strictObject({
   tooltip: localeC.optional().describe("\u4E0B\u62C9\u9879\u6309\u94AE\u63D0\u793A\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
   icon: z.string().optional().describe("Iconify \u56FE\u6807\u6807\u8BC6\u7B26"),
   variant: buttonVariantC,
-  modal: ButtonModalC.optional().describe("\u4E0E\u5F53\u524D\u4E0B\u62C9\u6309\u94AE UUID \u540C\u540D slot \u6253\u5F00\u65F6\u4F7F\u7528\u7684\u9ED8\u8BA4 Modal \u58F3\u914D\u7F6E")
+  modal: ButtonModalC.optional().describe("\u4F9B\u5F53\u524D action \u7684 overlay \u58F0\u660E\u4F7F\u7528\u7684\u9ED8\u8BA4 Modal \u58F3\u914D\u7F6E")
 }).readonly();
 export const ButtonDropdownC = z.strictObject({
   id: buttonIdC,

package/dist/types.d.mts

@@ -6,7 +6,9 @@ export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<
 
 export { type FieldsInstance } from '../dist/runtime/components/fields-instance.js'
 
-export { type FieldsSlotProps } from '../dist/runtime/components/ui/fields/slot-props.js'
+export { type TableInstance } from '../dist/runtime/components/table-instance.js'
+
+export { type CellContext } from '@tanstack/vue-table'
 
 export { default } from './module.mjs'
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.11.15",
+  "version": "0.11.17",
   "description": "",
   "license": "MIT",
   "type": "module",