@shwfed/nuxt 0.1.20 → 0.1.21

package/dist/module.json

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

package/dist/runtime/components/app.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { useHead } from "#app";
-import { Tooltip } from "reka-ui/namespaced";
+import { TooltipProvider } from "./ui/tooltip";
 import { Toaster } from "vue-sonner";
 useHead({
   bodyAttrs: {
@@ -12,10 +12,10 @@ useHead({
 </script>
 
 <template>
-  <Tooltip.Provider>
+  <TooltipProvider>
     <ClientOnly>
       <Toaster />
     </ClientOnly>
     <slot />
-  </Tooltip.Provider>
+  </TooltipProvider>
 </template>

package/dist/runtime/components/table.vue

@@ -7,10 +7,8 @@ import { Pagination } from "reka-ui/namespaced";
 import { computed, ref } from "vue";
 import { useNuxtApp } from "#app";
 import { Button } from "./ui/button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
 import { useTableRenderers } from "../composables/useTableRenderers";
-import Tooltip from "./tooltip.vue";
-import Dialog from "./dialog.vue";
-import MarkdownEditor from "./markdown.vue";
 import { useCheating } from "#imports";
 </script>
 
@@ -70,7 +68,7 @@ function translate(column) {
         return getProperty(row, key);
       } else if (key !== void 0) {
         try {
-          return $dsl.evaluate(key.read, {
+          return $dsl.evaluate`${key.read}`({
             row,
             index: BigInt(index)
           });
@@ -108,8 +106,7 @@ const table = useVueTable({
   getPaginationRowModel: getPaginationRowModel(),
   getRowId: props.getRowId ? (originalRow, index, parent) => {
     try {
-      const key = $dsl.evaluate(
-        props.getRowId,
+      const key = $dsl.evaluate`${props.getRowId}`(
         {
           row: originalRow,
           index,
@@ -132,7 +129,7 @@ const table = useVueTable({
     if (!props.getSubRows)
       return void 0;
     try {
-      const value = $dsl.evaluate(props.getSubRows, {
+      const value = $dsl.evaluate`${props.getSubRows}`({
         row,
         index
       });
@@ -146,7 +143,7 @@ const table = useVueTable({
     if (!props.enableRowSelection)
       return true;
     try {
-      return Boolean($dsl.evaluate(props.enableRowSelection, {
+      return Boolean($dsl.evaluate`${props.enableRowSelection}`({
         row: row.original,
         index: BigInt(row.index),
         id: row.id
@@ -158,7 +155,7 @@ const table = useVueTable({
   },
   enableMultiRowSelection: props.enableMultiRowSelection ? (row) => {
     try {
-      return Boolean($dsl.evaluate(props.enableMultiRowSelection, {
+      return Boolean($dsl.evaluate`${props.enableMultiRowSelection}`({
         row: row.original,
         index: BigInt(row.index),
         id: row.id
@@ -195,7 +192,7 @@ function getCellStyles(ctx) {
   if (!props.cellStyles)
     return {};
   try {
-    const result = $dsl.evaluate(props.cellStyles, {
+    const result = $dsl.evaluate`${props.cellStyles}`({
       row: ctx.row.original,
       index: BigInt(ctx.row.index),
       id: ctx.column.id,
@@ -296,9 +293,16 @@ function getSortIcon(column) {
                 <Tooltip
                   v-if="!header.isPlaceholder && header.column.columnDef.meta?.tooltip"
                   :delay-duration="180"
-                  :content="$md.inline`${header.column.columnDef.meta.tooltip}`()"
                 >
-                  <Icon icon="fluent:info-20-regular" />
+                  <TooltipTrigger as-child>
+                    <Icon icon="fluent:info-20-regular" />
+                  </TooltipTrigger>
+                  <TooltipContent
+                    align="center"
+                    side="top"
+                  >
+                    <span v-html="$md.inline`${header.column.columnDef.meta.tooltip}`()" />
+                  </TooltipContent>
                 </Tooltip>
 
                 <Button
@@ -410,47 +414,24 @@ function getSortIcon(column) {
     </div>
 
     <div class="flex items-center justify-between w-full py-2 gap-2 text-sm text-zinc-600">
-      <Dialog
-        title="编辑分页左侧文字"
-        width="50%"
-        :disabled="!isCheating"
-      >
-        <template #trigger>
-          <div
-            :class="[
+      <div
+        :class="[
   'relative p-1 flex-1 prose prose-zinc text-xs border border-dashed',
   isCheating ? 'border-(--primary)/20 rounded hover:border-(--primary)/40 transition-colors duration-150 group cursor-pointer' : 'border-transparent'
 ]"
-          >
-            <span
-              v-html="$md.inline`${props.paginationLeft}`({
+      >
+        <span
+          v-html="$md.inline`${props.paginationLeft}`({
   selected: table.getSelectedRowModel().rows.map((row) => row.original)
 })"
-            />
-            <Icon
-              v-if="isCheating"
-              icon="fluent:edit-20-regular"
-              class="w-4 h-4 text-(--primary) absolute right-1 top-1/2 -translate-y-1/2 transform-3d group-hover:opacity-100 opacity-50 transition-opacity duration-150"
-            />
+        />
+        <Icon
+          v-if="isCheating"
+          icon="fluent:edit-20-regular"
+          class="w-4 h-4 text-(--primary) absolute right-1 top-1/2 -translate-y-1/2 transform-3d group-hover:opacity-100 opacity-50 transition-opacity duration-150"
+        />
             &nbsp;
-          </div>
-        </template>
-        <template #default>
-          <MarkdownEditor
-            :model-value="props.paginationLeft ?? ''"
-            class="w-full h-64"
-            :variables="[
-  {
-    identity: 'selected',
-    type: 'list<dyn>',
-    description: $md.raw`
-                  表格被选中的行：如果没有被选中的行，那么这个变量将始终为空列表。
-                `
-  }
-]"
-          />
-        </template>
-      </Dialog>
+      </div>
       <div class="flex items-center gap-4">
         <span class="text-xs">{{ `\u5171 ${props.data.length} \u6761` }}</span>
         <Pagination.Root
@@ -535,47 +516,24 @@ function getSortIcon(column) {
         </Pagination.Root>
         <span class="text-xs">前往</span>
       </div>
-      <Dialog
-        title="编辑分页右侧文字"
-        width="50%"
-        :disabled="!isCheating"
-      >
-        <template #trigger>
-          <div
-            :class="[
+      <div
+        :class="[
   'relative p-1 flex-1 prose prose-zinc text-xs border border-dashed',
   isCheating ? 'border-(--primary)/20 rounded hover:border-(--primary)/40 transition-colors duration-150 group cursor-pointer' : 'border-transparent'
 ]"
-          >
-            <span
-              v-html="$md.inline`${props.paginationRight}`({
+      >
+        <span
+          v-html="$md.inline`${props.paginationRight}`({
   selected: table.getSelectedRowModel().rows.map((row) => row.original)
 })"
-            />
-            <Icon
-              v-if="isCheating"
-              icon="fluent:edit-20-regular"
-              class="w-4 h-4 text-(--primary) absolute right-1 top-1/2 -translate-y-1/2 transform-3d group-hover:opacity-100 opacity-50 transition-opacity duration-150"
-            />
+        />
+        <Icon
+          v-if="isCheating"
+          icon="fluent:edit-20-regular"
+          class="w-4 h-4 text-(--primary) absolute right-1 top-1/2 -translate-y-1/2 transform-3d group-hover:opacity-100 opacity-50 transition-opacity duration-150"
+        />
             &nbsp;
-          </div>
-        </template>
-        <template #default>
-          <MarkdownEditor
-            :model-value="props.paginationRight ?? ''"
-            class="w-full h-64"
-            :variables="[
-  {
-    identity: 'selected',
-    type: 'list<dyn>',
-    description: $md.raw`
-                  表格被选中的行：如果没有被选中的行，那么这个变量将始终为空列表。
-                `
-  }
-]"
-          />
-        </template>
-      </Dialog>
+      </div>
     </div>
   </div>
 </template>

package/dist/runtime/components/ui/button/index.d.ts

@@ -1,7 +1,7 @@
 import type { VariantProps } from 'class-variance-authority';
 export { default as Button } from './Button.vue.js';
 export declare const buttonVariants: (props?: ({
-    variant?: "primary" | "default" | "destructive" | "ghost" | null | undefined;
+    variant?: "default" | "primary" | "destructive" | "ghost" | null | undefined;
     size?: "default" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ButtonVariants = VariantProps<typeof buttonVariants>;

package/dist/runtime/components/{dialog.d.vue.ts → ui/button-group/ButtonGroup.d.vue.ts}

@@ -1,15 +1,12 @@
+import type { HTMLAttributes } from 'vue';
+import type { ButtonGroupVariants } from '.';
 type __VLS_Props = {
-    /**
-     * MD
-     */
-    title?: string;
-    width?: string;
-    description?: string;
-    disabled?: boolean;
+    class?: HTMLAttributes['class'];
+    orientation?: ButtonGroupVariants['orientation'];
 };
-type __VLS_Slots = {
-    trigger: () => void;
-    default: () => void;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
 };
 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>;

package/dist/runtime/components/ui/button-group/ButtonGroup.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { cn } from "../../../utils/cn";
+import { buttonGroupVariants } from ".";
+const props = defineProps({
+  class: { type: null, required: false },
+  orientation: { type: null, required: false }
+});
+</script>
+
+<template>
+  <div
+    role="group"
+    data-slot="button-group"
+    :data-orientation="props.orientation"
+    :class="cn(buttonGroupVariants({ orientation: props.orientation }), props.class)"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/{dialog.vue.d.ts → ui/button-group/ButtonGroup.vue.d.ts}

@@ -1,15 +1,12 @@
+import type { HTMLAttributes } from 'vue';
+import type { ButtonGroupVariants } from '.';
 type __VLS_Props = {
-    /**
-     * MD
-     */
-    title?: string;
-    width?: string;
-    description?: string;
-    disabled?: boolean;
+    class?: HTMLAttributes['class'];
+    orientation?: ButtonGroupVariants['orientation'];
 };
-type __VLS_Slots = {
-    trigger: () => void;
-    default: () => void;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
 };
 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>;

package/dist/runtime/components/ui/button-group/ButtonGroupSeparator.d.vue.ts

@@ -0,0 +1,10 @@
+import type { SeparatorProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = SeparatorProps & {
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    orientation: "horizontal" | "vertical";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/button-group/ButtonGroupSeparator.vue

@@ -0,0 +1,25 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { cn } from "../../../utils/cn";
+import { Separator } from "../separator";
+const props = defineProps({
+  orientation: { type: String, required: false, default: "vertical" },
+  decorative: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+</script>
+
+<template>
+  <Separator
+    data-slot="button-group-separator"
+    v-bind="delegatedProps"
+    :orientation="props.orientation"
+    :class="cn(
+  'bg-input relative m-0! self-stretch data-[orientation=vertical]:h-auto',
+  props.class
+)"
+  />
+</template>

package/dist/runtime/components/ui/button-group/ButtonGroupSeparator.vue.d.ts

@@ -0,0 +1,10 @@
+import type { SeparatorProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = SeparatorProps & {
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    orientation: "horizontal" | "vertical";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/button-group/ButtonGroupText.d.vue.ts

@@ -0,0 +1,22 @@
+import type { PrimitiveProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { ButtonGroupVariants } from '.';
+interface Props extends PrimitiveProps {
+    class?: HTMLAttributes['class'];
+    orientation?: ButtonGroupVariants['orientation'];
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/ui/button-group/ButtonGroupText.vue

@@ -0,0 +1,23 @@
+<script setup>
+import { Primitive } from "reka-ui";
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  class: { type: null, required: false },
+  orientation: { type: null, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false, default: "div" }
+});
+</script>
+
+<template>
+  <Primitive
+    role="group"
+    data-slot="button-group"
+    :data-orientation="props.orientation"
+    :as="as"
+    :as-child="asChild"
+    :class="cn('bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
+  >
+    <slot />
+  </Primitive>
+</template>

package/dist/runtime/components/ui/button-group/ButtonGroupText.vue.d.ts

@@ -0,0 +1,22 @@
+import type { PrimitiveProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { ButtonGroupVariants } from '.';
+interface Props extends PrimitiveProps {
+    class?: HTMLAttributes['class'];
+    orientation?: ButtonGroupVariants['orientation'];
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/ui/button-group/index.d.ts

@@ -0,0 +1,8 @@
+import type { VariantProps } from 'class-variance-authority';
+export { default as ButtonGroup } from './ButtonGroup.vue.js';
+export { default as ButtonGroupSeparator } from './ButtonGroupSeparator.vue.js';
+export { default as ButtonGroupText } from './ButtonGroupText.vue.js';
+export declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonGroupVariants = VariantProps<typeof buttonGroupVariants>;

package/dist/runtime/components/ui/button-group/index.js

@@ -0,0 +1,18 @@
+import { cva } from "class-variance-authority";
+export { default as ButtonGroup } from "./ButtonGroup.vue";
+export { default as ButtonGroupSeparator } from "./ButtonGroupSeparator.vue";
+export { default as ButtonGroupText } from "./ButtonGroupText.vue";
+export const buttonGroupVariants = cva(
+  "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);

package/dist/runtime/components/ui/tooltip/Tooltip.d.vue.ts

@@ -0,0 +1,20 @@
+import type { TooltipRootProps } from 'reka-ui';
+declare var __VLS_8: {
+    open: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TooltipRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<TooltipRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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/ui/tooltip/Tooltip.vue

@@ -0,0 +1,24 @@
+<script setup>
+import { TooltipRoot, useForwardPropsEmits } from "reka-ui";
+const props = defineProps({
+  defaultOpen: { type: Boolean, required: false },
+  open: { type: Boolean, required: false },
+  delayDuration: { type: Number, required: false },
+  disableHoverableContent: { type: Boolean, required: false },
+  disableClosingTrigger: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  ignoreNonKeyboardFocus: { type: Boolean, required: false }
+});
+const emits = defineEmits(["update:open"]);
+const forwarded = useForwardPropsEmits(props, emits);
+</script>
+
+<template>
+  <TooltipRoot
+    v-slot="slotProps"
+    data-slot="tooltip"
+    v-bind="forwarded"
+  >
+    <slot v-bind="slotProps" />
+  </TooltipRoot>
+</template>

package/dist/runtime/components/ui/tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,20 @@
+import type { TooltipRootProps } from 'reka-ui';
+declare var __VLS_8: {
+    open: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TooltipRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<TooltipRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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/{tooltip.d.vue.ts → ui/tooltip/TooltipContent.d.vue.ts}

@@ -1,16 +1,21 @@
-import { type TooltipRootProps } from 'reka-ui';
-type __VLS_Props = TooltipRootProps & {
-    content?: string;
+import type { TooltipContentProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = TooltipContentProps & {
+    class?: HTMLAttributes['class'];
 };
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: Event) => any) | undefined;
+}>, {
+    sideOffset: number;
+}, {}, {}, {}, 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;

package/dist/runtime/components/ui/tooltip/TooltipContent.vue

@@ -0,0 +1,58 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { TooltipArrow, TooltipContent, TooltipPortal, useForwardPropsEmits } from "reka-ui";
+import { cn } from "../../../utils/cn";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  forceMount: { type: Boolean, required: false },
+  ariaLabel: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  side: { type: null, required: false },
+  sideOffset: { type: Number, required: false, default: 4 },
+  align: { type: null, required: false },
+  alignOffset: { type: Number, required: false },
+  avoidCollisions: { type: Boolean, required: false },
+  collisionBoundary: { type: null, required: false },
+  collisionPadding: { type: [Number, Object], required: false },
+  arrowPadding: { type: Number, required: false },
+  sticky: { type: String, required: false },
+  hideWhenDetached: { type: Boolean, required: false },
+  positionStrategy: { type: String, required: false },
+  updatePositionStrategy: { type: String, required: false },
+  class: { type: null, required: false }
+});
+const emits = defineEmits(["escapeKeyDown", "pointerDownOutside"]);
+const delegatedProps = reactiveOmit(props, "class");
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+</script>
+
+<template>
+  <TooltipPortal>
+    <TooltipContent
+      data-slot="tooltip-content"
+      v-bind="{ ...forwarded, ...$attrs }"
+      :class="cn(
+  'bg-white text-zinc-700 animate-in fade-in-0 zoom-in-95',
+  'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',
+  'data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2',
+  'data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2',
+  'data-[side=top]:slide-in-from-bottom-2',
+  'z-1024 w-fit rounded border border-zinc-200 px-6 py-2 text-xs',
+  'text-balance shadow-md',
+  props.class
+)"
+    >
+      <slot />
+
+      <TooltipArrow
+        :class="[
+  'bg-white fill-white size-2.5 translate-y-[calc(-50%)] rotate-45 rounded-xs',
+  'border-b border-r border-zinc-200'
+]"
+      />
+    </TooltipContent>
+  </TooltipPortal>
+</template>

package/dist/runtime/components/{tooltip.vue.d.ts → ui/tooltip/TooltipContent.vue.d.ts}

@@ -1,16 +1,21 @@
-import { type TooltipRootProps } from 'reka-ui';
-type __VLS_Props = TooltipRootProps & {
-    content?: string;
+import type { TooltipContentProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = TooltipContentProps & {
+    class?: HTMLAttributes['class'];
 };
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: Event) => any) | undefined;
+}>, {
+    sideOffset: number;
+}, {}, {}, {}, 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;

package/dist/runtime/components/ui/tooltip/TooltipProvider.d.vue.ts

@@ -0,0 +1,16 @@
+import type { TooltipProviderProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TooltipProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipProviderProps> & Readonly<{}>, {
+    delayDuration: number;
+}, {}, {}, {}, 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/ui/tooltip/TooltipProvider.vue

@@ -0,0 +1,17 @@
+<script setup>
+import { TooltipProvider } from "reka-ui";
+const props = defineProps({
+  delayDuration: { type: Number, required: false, default: 0 },
+  skipDelayDuration: { type: Number, required: false },
+  disableHoverableContent: { type: Boolean, required: false },
+  disableClosingTrigger: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  ignoreNonKeyboardFocus: { type: Boolean, required: false }
+});
+</script>
+
+<template>
+  <TooltipProvider v-bind="props">
+    <slot />
+  </TooltipProvider>
+</template>

package/dist/runtime/components/ui/tooltip/TooltipProvider.vue.d.ts

@@ -0,0 +1,16 @@
+import type { TooltipProviderProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TooltipProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipProviderProps> & Readonly<{}>, {
+    delayDuration: number;
+}, {}, {}, {}, 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/ui/tooltip/TooltipTrigger.d.vue.ts

@@ -0,0 +1,14 @@
+import type { TooltipTriggerProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TooltipTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipTriggerProps> & 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/ui/tooltip/TooltipTrigger.vue

@@ -0,0 +1,17 @@
+<script setup>
+import { TooltipTrigger } from "reka-ui";
+const props = defineProps({
+  reference: { type: null, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+</script>
+
+<template>
+  <TooltipTrigger
+    data-slot="tooltip-trigger"
+    v-bind="props"
+  >
+    <slot />
+  </TooltipTrigger>
+</template>

package/dist/runtime/components/ui/tooltip/TooltipTrigger.vue.d.ts

@@ -0,0 +1,14 @@
+import type { TooltipTriggerProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TooltipTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipTriggerProps> & 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/ui/tooltip/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Tooltip } from './Tooltip.vue.js';
+export { default as TooltipContent } from './TooltipContent.vue.js';
+export { default as TooltipProvider } from './TooltipProvider.vue.js';
+export { default as TooltipTrigger } from './TooltipTrigger.vue.js';

package/dist/runtime/components/ui/tooltip/index.js

@@ -0,0 +1,4 @@
+export { default as Tooltip } from "./Tooltip.vue";
+export { default as TooltipContent } from "./TooltipContent.vue";
+export { default as TooltipProvider } from "./TooltipProvider.vue";
+export { default as TooltipTrigger } from "./TooltipTrigger.vue";

package/dist/runtime/plugins/cel/env.d.ts

@@ -1,2 +1,9 @@
 import { Environment } from '@marcbachmann/cel-js';
+import type { Table } from '@tanstack/vue-table';
+export declare class TableWrapper {
+    private readonly table;
+    constructor(table: Table<unknown>);
+    get size(): number;
+    get selected(): ReadonlyArray<unknown>;
+}
 export declare function createEnvironment(): Environment;

package/dist/runtime/plugins/cel/env.js

@@ -1,6 +1,17 @@
 import { Environment, EvaluationError } from "@marcbachmann/cel-js";
 import { startOfDay, startOfWeek, startOfYear, startOfMonth, endOfDay, endOfWeek, endOfYear, endOfMonth, addYears, addMonths, addDays, addWeeks, setDate, setMonth, setYear, formatDate, isBefore, isAfter, isEqual } from "date-fns";
 import { TZDate } from "@date-fns/tz";
+export class TableWrapper {
+  constructor(table) {
+    this.table = table;
+  }
+  get size() {
+    return this.table.getRowCount();
+  }
+  get selected() {
+    return this.table.getSelectedRowModel().rows.map((row) => row.original);
+  }
+}
 export function createEnvironment() {
   const env = new Environment({
     enableOptionalTypes: true,

package/dist/runtime/plugins/cel/index.d.ts

@@ -1,23 +1,31 @@
 import type { Context } from '@marcbachmann/cel-js';
 declare const _default: import("#app").Plugin<{
     dsl: {
-        check: (source: string) => import("@marcbachmann/cel-js").TypeCheckResult;
+        check: (template: {
+            raw: readonly string[] | ArrayLike<string>;
+        }, ...substitutions: any[]) => import("@marcbachmann/cel-js").TypeCheckResult;
         /**
          * Synchronous evaluation for render-time usage (e.g. table accessors).
          *
          * Will throw `TypeError` / `EvaluationError` on failure.
          */
-        evaluate: <T>(source: string, context?: Context) => T;
+        evaluate: <T>(template: {
+            raw: readonly string[] | ArrayLike<string>;
+        }, ...substitutions: any[]) => (context?: Context) => T;
     };
 }> & import("#app").ObjectPlugin<{
     dsl: {
-        check: (source: string) => import("@marcbachmann/cel-js").TypeCheckResult;
+        check: (template: {
+            raw: readonly string[] | ArrayLike<string>;
+        }, ...substitutions: any[]) => import("@marcbachmann/cel-js").TypeCheckResult;
         /**
          * Synchronous evaluation for render-time usage (e.g. table accessors).
          *
          * Will throw `TypeError` / `EvaluationError` on failure.
          */
-        evaluate: <T>(source: string, context?: Context) => T;
+        evaluate: <T>(template: {
+            raw: readonly string[] | ArrayLike<string>;
+        }, ...substitutions: any[]) => (context?: Context) => T;
     };
 }>;
 export default _default;

package/dist/runtime/plugins/cel/index.js

@@ -8,16 +8,16 @@ export default defineNuxtPlugin({
     return {
       provide: {
         dsl: {
-          check: (source) => {
-            return env.check(source);
+          check: (...args) => {
+            return env.check(String.raw(...args));
           },
           /**
            * Synchronous evaluation for render-time usage (e.g. table accessors).
            *
            * Will throw `TypeError` / `EvaluationError` on failure.
            */
-          evaluate: (source, context) => {
-            return env.evaluate(source, defu(context, {
+          evaluate: (...args) => (context) => {
+            return env.evaluate(String.raw(...args), defu(context, {
               now: /* @__PURE__ */ new Date()
             }));
           }

package/dist/runtime/plugins/markdown/index.js

@@ -14,7 +14,7 @@ export default defineNuxtPlugin({
         if (!expression)
           return "";
         try {
-          const result = $dsl.evaluate(expression, context);
+          const result = $dsl.evaluate`${expression}`(context);
           if (result !== null)
             return String(result);
           return "";

package/dist/runtime/table-renderers/builtins.js

@@ -197,7 +197,7 @@ defineTableRenderer(
         try {
           let text = String(ctx.cell.getValue());
           if (options.copyExpression) {
-            text = String($dsl.evaluate(options.copyExpression, {
+            text = String($dsl.evaluate`${options.copyExpression}`({
               row: ctx.row.original,
               index: BigInt(ctx.row.index)
             }));

package/package.json

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

package/dist/runtime/components/dialog.vue

@@ -1,64 +0,0 @@
-<script setup>
-import { Icon } from "@iconify/vue";
-import { Dialog } from "reka-ui/namespaced";
-defineProps({
-  title: { type: String, required: false },
-  width: { type: String, required: false },
-  description: { type: String, required: false },
-  disabled: { type: Boolean, required: false }
-});
-defineSlots();
-</script>
-
-<template>
-  <template v-if="disabled">
-    <slot name="trigger" />
-  </template>
-  <Dialog.Root v-else>
-    <Dialog.Trigger as-child>
-      <slot name="trigger" />
-    </Dialog.Trigger>
-    <Dialog.Portal>
-      <Dialog.Overlay
-        class="fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-zinc-900/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
-      >
-        <Dialog.Content
-          class="absolute z-50 grid my-8 gap-4 border border-slate-200 bg-white p-4 shadow-lg duration-200 rounded-sm outline-none -translate-y-32 translate-3d"
-          :style="{
-  minWidth: width
-}"
-          @pointer-down-outside="(event) => {
-  const originalEvent = event.detail.originalEvent;
-  const target = originalEvent.target;
-  if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {
-    event.preventDefault();
-  }
-}"
-        >
-          <Dialog.Title
-            class="flex items-center justify-between"
-          >
-            <span
-              class="prose prose-zinc prose-base"
-              v-html="$md.inline`${title}`({})"
-            />
-
-            <Dialog.Close
-              class="outline-none rounded-md p-1 text-zinc-500 hover:text-zinc-800 transition-colors duration-150 bg-transparent"
-            >
-              <Icon
-                icon="fluent:dismiss-20-regular"
-              />
-              <span class="sr-only">Close</span>
-            </Dialog.Close>
-          </Dialog.Title>
-          <Dialog.Description class="sr-only">
-            {{ description }}
-          </Dialog.Description>
-
-          <slot name="default" />
-        </Dialog.Content>
-      </Dialog.Overlay>
-    </Dialog.Portal>
-  </Dialog.Root>
-</template>

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

@@ -1,19 +0,0 @@
-type MarkdownEditorVariable = Readonly<{
-    identity: string;
-    type: string;
-    description: string;
-}>;
-type __VLS_Props = {
-    variables?: ReadonlyArray<MarkdownEditorVariable>;
-};
-type __VLS_ModelProps = {
-    'modelValue': string;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/markdown.vue

@@ -1,52 +0,0 @@
-<script setup>
-import { computed, useAttrs } from "vue";
-const model = defineModel("modelValue", { type: String, ...{ required: true } });
-defineOptions({
-  inheritAttrs: false
-});
-const props = defineProps({
-  variables: { type: Array, required: false }
-});
-const attrs = useAttrs();
-const textareaAttrs = computed(() => {
-  const { class: _class, ...rest } = attrs;
-  return rest;
-});
-</script>
-
-<template>
-  <div class="space-y-2">
-    <textarea
-      v-bind="textareaAttrs"
-      v-model="model"
-      :class="[
-  'w-full border text-sync-200 hover:text-sync-300 transition-colors duration-150 rounded-sm outline-none',
-  'text-zinc-700 text-xs font-mono placeholder:text-zinc-400 hover:border-zinc-300 focus:border-zinc-300',
-  'p-2 resize-none',
-  attrs.class
-]"
-      placeholder="输入 Markdown 使用 {{ }} 嵌入表达式"
-    />
-
-    <h3 class="text-sm text-zinc-700">
-      可使用的变量
-    </h3>
-
-    <ul
-      v-if="props.variables?.length"
-      class="space-y-1"
-    >
-      <li
-        v-for="variable in props.variables"
-        :key="variable.identity"
-        class="text-xs text-zinc-700 space-x-2 list-circle list-inside"
-      >
-        <span class="font-mono text-xs">{{ variable.identity }}: {{ variable.type }}</span>
-        <span
-          class="prose prose-zinc text-xs opacity-80"
-          v-html="$md.inline`${variable.description}`({})"
-        />
-      </li>
-    </ul>
-  </div>
-</template>

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

@@ -1,19 +0,0 @@
-type MarkdownEditorVariable = Readonly<{
-    identity: string;
-    type: string;
-    description: string;
-}>;
-type __VLS_Props = {
-    variables?: ReadonlyArray<MarkdownEditorVariable>;
-};
-type __VLS_ModelProps = {
-    'modelValue': string;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/tooltip.vue

@@ -1,48 +0,0 @@
-<script setup>
-import { useForwardPropsEmits } from "reka-ui";
-import { Tooltip } from "reka-ui/namespaced";
-const props = defineProps({
-  defaultOpen: { type: Boolean, required: false },
-  open: { type: Boolean, required: false },
-  delayDuration: { type: Number, required: false },
-  disableHoverableContent: { type: Boolean, required: false },
-  disableClosingTrigger: { type: Boolean, required: false },
-  disabled: { type: Boolean, required: false },
-  ignoreNonKeyboardFocus: { type: Boolean, required: false },
-  content: { type: String, required: false }
-});
-const emits = defineEmits(["update:open"]);
-const forwarded = useForwardPropsEmits(props, emits);
-</script>
-
-<template>
-  <Tooltip.Root v-bind="forwarded">
-    <Tooltip.Trigger as-child>
-      <slot />
-    </Tooltip.Trigger>
-    <Tooltip.Content
-      side="top"
-      align="center"
-      :class="[
-  'bg-white text-zinc-700 animate-in fade-in-0 zoom-in-95',
-  'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',
-  'data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2',
-  'data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2',
-  'data-[side=top]:slide-in-from-bottom-2',
-  'z-1024 w-fit rounded border border-zinc-200 px-6 py-2 text-xs',
-  'text-balance shadow-md'
-]"
-    >
-      <span
-        v-if="content"
-        v-html="content"
-      />
-      <Tooltip.Arrow
-        :class="[
-  'bg-white fill-white size-2.5 translate-y-[calc(-50%)] rotate-45 rounded-xs',
-  'border-b border-r border-zinc-200'
-]"
-      />
-    </Tooltip.Content>
-  </Tooltip.Root>
-</template>