@shwfed/nuxt 0.1.20 → 0.1.22

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,6 @@
 import { Environment } from '@marcbachmann/cel-js';
-export declare function createEnvironment(): Environment;
+type Options = Readonly<Partial<{
+    features: ReadonlyArray<string>;
+}>>;
+export declare function createEnvironment(options?: Options): Environment;
+export {};

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

@@ -1,7 +1,7 @@
 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 function createEnvironment() {
+export function createEnvironment(options) {
   const env = new Environment({
     enableOptionalTypes: true,
     homogeneousAggregateLiterals: false,
@@ -77,6 +77,8 @@ export function createEnvironment() {
     }
   }).registerFunction("Date.format(string): string", (date, format) => {
     return formatDate(date, format);
+  }).registerFunction("feature(string): bool", (feature) => {
+    return (options?.features ?? []).includes(feature);
   });
   return env;
 }

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

@@ -3,21 +3,23 @@ import defu from "defu";
 import { createEnvironment } from "./env.js";
 export default defineNuxtPlugin({
   name: "shwfed-nuxt:cel",
-  setup: () => {
-    const env = createEnvironment();
+  setup: (nuxt) => {
+    const env = createEnvironment({
+      features: nuxt.$config.public.shwfed.features
+    });
     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/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

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

@@ -0,0 +1,14 @@
+import { defineNuxtPlugin } from "#app";
+import { createI18n } from "vue-i18n";
+export default defineNuxtPlugin({
+  name: "shwfed-nuxt:i18n",
+  setup: (nuxt) => {
+    nuxt.vueApp.use(createI18n({
+      locale: navigator?.language,
+      legacy: false,
+      fallbackWarn: false,
+      fallbackLocale: "zh",
+      globalInjection: false
+    }));
+  }
+});

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

@@ -1,4 +1,4 @@
-import { Fragment, jsx, jsxs } from "vue/jsx-runtime";
+import { jsx, jsxs } from "vue/jsx-runtime";
 import { Icon } from "@iconify/vue";
 import { format as formatDate, isValid, toDate } from "date-fns";
 import { defineComponent } from "vue";
@@ -6,6 +6,7 @@ import { z } from "zod";
 import { defineTableRenderer } from "./registry.js";
 import { useNuxtApp } from "#app";
 import { Button } from "../components/ui/button/index.js";
+import { Checkbox } from "../components/ui/checkbox/index.js";
 const JUSTIFY_CLASS = {
   left: "justify-start",
   center: "justify-center",
@@ -197,7 +198,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)
             }));
@@ -241,34 +242,16 @@ defineTableRenderer(
   },
   {
     cell: ({ ctx }) => {
-      const isSingle = ctx.table.options.enableMultiRowSelection === false;
-      return /* @__PURE__ */ jsx("div", { class: "group w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsxs("label", { class: "flex items-center has-enabled:cursor-pointer has-disabled:cursor-not-allowed relative", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            id: `${ctx.column.id}-${ctx.row.id}`,
-            type: "checkbox",
-            disabled: !ctx.row.getCanSelect(),
-            checked: ctx.row.getIsSelected(),
-            class: [
-              "peer h-4 w-4 disabled:opacity-50 transition-colors duration-180 appearance-none",
-              "border border-zinc-200 not-checked-enabled-group-hover:border-zinc-300 not-checked-enabled-group-hover:bg-zinc-100 checked:border-(--primary)",
-              isSingle ? "rounded-full" : "rounded"
-            ],
-            onInput: (e) => ctx.row.getToggleSelectedHandler()(e)
-          }
-        ),
-        isSingle ? /* @__PURE__ */ jsx("div", { class: "absolute inset-1 bg-(--primary) pointer-events-none rounded-full peer-checked:opacity-100 opacity-0 transition-opacity duration-180" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              icon: "fluent:checkmark-20-filled",
-              class: "peer-checked:opacity-100 opacity-0 text-white text-xs absolute z-1 -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { class: "absolute inset-0 bg-(--primary) rounded pointer-events-none peer-checked:opacity-100 opacity-0 transition-opacity duration-180" })
-        ] })
-      ] }) });
+      return /* @__PURE__ */ jsx("div", { class: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          id: `${ctx.column.id}-${ctx.row.id}`,
+          disabled: !ctx.row.getCanSelect(),
+          modelValue: ctx.row.getIsSelected(),
+          "onUpdate:modelValue": ctx.row.getToggleSelectedHandler(),
+          class: "w-4 h-4"
+        }
+      ) });
     },
     header: ({ ctx, options }) => {
       if (ctx.table.options.enableMultiRowSelection === false)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "description": "",
   "license": "MIT",
   "type": "module",
@@ -39,6 +39,7 @@
   "dependencies": {
     "@date-fns/tz": "^1.4.1",
     "@iconify/vue": "^5.0.0",
+    "@intlify/unplugin-vue-i18n": "^11.0.3",
     "@marcbachmann/cel-js": "^7.2.1",
     "@nuxt/kit": "^4.3.0",
     "@tanstack/vue-table": "^8.21.3",
@@ -53,6 +54,7 @@
     "reka-ui": "^2.7.0",
     "tailwind-merge": "^3.4.0",
     "vue": "^3.5.27",
+    "vue-i18n": "^11.2.8",
     "vue-sonner": "^2.0.9",
     "zod": "^4.3.6"
   },

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>