@shwfed/nuxt 0.7.10 → 0.7.11

package/dist/runtime/components/ui/table-configurator/TableConfiguratorDialog.vue.d.ts

@@ -28,9 +28,42 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             grow?: boolean;
         }>[];
         cellStyles?: import("../table/schema.js").Expression;
-        props?: Omit<import("@tanstack/table-core").TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
+        props?: Readonly<{
+            [key: string]: unknown;
+            initialState?: Readonly<{
+                columnVisibility?: Record<string, boolean>;
+                columnOrder?: ReadonlyArray<string>;
+                columnPinning?: Readonly<{
+                    left?: ReadonlyArray<string>;
+                    right?: ReadonlyArray<string>;
+                }>;
+                rowPinning?: Readonly<{
+                    top?: ReadonlyArray<string>;
+                    bottom?: ReadonlyArray<string>;
+                }>;
+                columnFilters?: ReadonlyArray<Readonly<{
+                    id: string;
+                    value: unknown;
+                }>>;
+                globalFilter?: unknown;
+                sorting?: ReadonlyArray<Readonly<{
+                    id: string;
+                    desc: boolean;
+                }>>;
+                expanded?: boolean | Record<string, boolean>;
+                grouping?: ReadonlyArray<string>;
+                columnSizing?: Record<string, number>;
+                columnSizingInfo?: Record<string, unknown>;
+                pagination?: Readonly<{
+                    pageIndex?: number;
+                    pageSize?: number;
+                }>;
+                rowSelection?: Record<string, boolean>;
+            }>;
+        }>;
         paginationLeft?: import("../table/schema.js").Markdown;
         paginationRight?: import("../table/schema.js").Markdown;
+        paginationPageSizes?: ReadonlyArray<number>;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -53,9 +86,42 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             grow?: boolean;
         }>[];
         cellStyles?: import("../table/schema.js").Expression;
-        props?: Omit<import("@tanstack/table-core").TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
+        props?: Readonly<{
+            [key: string]: unknown;
+            initialState?: Readonly<{
+                columnVisibility?: Record<string, boolean>;
+                columnOrder?: ReadonlyArray<string>;
+                columnPinning?: Readonly<{
+                    left?: ReadonlyArray<string>;
+                    right?: ReadonlyArray<string>;
+                }>;
+                rowPinning?: Readonly<{
+                    top?: ReadonlyArray<string>;
+                    bottom?: ReadonlyArray<string>;
+                }>;
+                columnFilters?: ReadonlyArray<Readonly<{
+                    id: string;
+                    value: unknown;
+                }>>;
+                globalFilter?: unknown;
+                sorting?: ReadonlyArray<Readonly<{
+                    id: string;
+                    desc: boolean;
+                }>>;
+                expanded?: boolean | Record<string, boolean>;
+                grouping?: ReadonlyArray<string>;
+                columnSizing?: Record<string, number>;
+                columnSizingInfo?: Record<string, unknown>;
+                pagination?: Readonly<{
+                    pageIndex?: number;
+                    pageSize?: number;
+                }>;
+                rowSelection?: Record<string, boolean>;
+            }>;
+        }>;
         paginationLeft?: import("../table/schema.js").Markdown;
         paginationRight?: import("../table/schema.js").Markdown;
+        paginationPageSizes?: ReadonlyArray<number>;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ui/textarea/Textarea.vue

@@ -19,6 +19,6 @@ const modelValue = useVModel(props, "modelValue", emits, {
     v-model="modelValue"
     data-slot="textarea"
     :placeholder="props.placeholder"
-    :class="cn('border-zinc-200 placeholder:text-zinc-400 focus-visible:border-(--primary) aria-invalid:border-red-400 dark:bg-zinc-200/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', props.class)"
+    :class="cn('border-zinc-200 placeholder:text-zinc-400 focus-visible:border-(--primary) aria-invalid:border-red-400 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', props.class)"
   />
 </template>

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

@@ -11,6 +11,7 @@ declare const _default: import("#app").Plugin<{
             icon?: import("vue").Component | undefined;
             class?: string | undefined;
             style?: import("vue").CSSProperties | undefined;
+            cancel?: (import("vue-sonner").Action | import("vue").Component) | undefined;
             toasterId?: string | undefined;
             component?: import("vue").Component | undefined;
             componentProps?: any;
@@ -21,7 +22,6 @@ declare const _default: import("#app").Plugin<{
             duration?: number | undefined;
             important?: boolean | undefined;
             action?: (import("vue-sonner").Action | import("vue").Component) | undefined;
-            cancel?: (import("vue-sonner").Action | import("vue").Component) | undefined;
             onDismiss?: ((toast: import("vue-sonner").ToastT) => void) | undefined;
             onAutoClose?: ((toast: import("vue-sonner").ToastT) => void) | undefined;
             cancelButtonStyle?: import("vue").CSSProperties | undefined;
@@ -64,6 +64,7 @@ declare const _default: import("#app").Plugin<{
             icon?: import("vue").Component | undefined;
             class?: string | undefined;
             style?: import("vue").CSSProperties | undefined;
+            cancel?: (import("vue-sonner").Action | import("vue").Component) | undefined;
             toasterId?: string | undefined;
             component?: import("vue").Component | undefined;
             componentProps?: any;
@@ -74,7 +75,6 @@ declare const _default: import("#app").Plugin<{
             duration?: number | undefined;
             important?: boolean | undefined;
             action?: (import("vue-sonner").Action | import("vue").Component) | undefined;
-            cancel?: (import("vue-sonner").Action | import("vue").Component) | undefined;
             onDismiss?: ((toast: import("vue-sonner").ToastT) => void) | undefined;
             onAutoClose?: ((toast: import("vue-sonner").ToastT) => void) | undefined;
             cancelButtonStyle?: import("vue").CSSProperties | undefined;

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

@@ -1,28 +1,30 @@
 import { jsx, jsxs } from "vue/jsx-runtime";
 import { Icon } from "@iconify/vue";
 import { format as formatDate, isValid, toDate } from "date-fns";
-import { defineComponent, ref } from "vue";
+import { defineComponent, h, ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { z } from "zod";
 import { defineTableRenderer } from "./registry.js";
 import { useNuxtApp } from "#app";
-import { expressionC } from "../utils/coders.js";
+import { expressionC, getLocalizedText, hasVisibleLocaleValue, localeC } from "../utils/coders.js";
 import { Button } from "../components/ui/button/index.js";
 import { Checkbox } from "../components/ui/checkbox/index.js";
 import ExpressionEditor from "../components/ui/expression-editor/ExpressionEditor.vue";
 import { Input } from "../components/ui/input/index.js";
+import Locale from "../components/ui/locale/Locale.vue";
 import { NativeSelect, NativeSelectOption } from "../components/ui/native-select/index.js";
 import { Switch } from "../components/ui/switch/index.js";
-import { Textarea } from "../components/ui/textarea/index.js";
 const JUSTIFY_CLASS = {
   left: "justify-start",
   center: "justify-center",
   right: "justify-end"
 };
+const MARKDOWN_EXPRESSION_EXAMPLE = "{{ expression }}";
 const TABLE_RENDERER_CONFIG_MESSAGES = {
   zh: {
     "copyable": "\u53EF\u590D\u5236",
     "copyable-description": "\u4E3A\u975E\u7A7A\u5355\u5143\u683C\u663E\u793A\u590D\u5236\u64CD\u4F5C\u3002",
+    "copy-cell-value": "\u590D\u5236\u5355\u5143\u683C\u5185\u5BB9",
     "copy-expression": "\u590D\u5236\u8868\u8FBE\u5F0F",
     "copy-expression-description": "\u590D\u5236\u65F6\u4F7F\u7528\u7684 CEL \u8868\u8FBE\u5F0F\u3002\u53D8\u91CF\uFF1Arow\u3001index\u3002",
     "copy-expression-placeholder": "\u8F93\u5165\u590D\u5236 CEL \u8868\u8FBE\u5F0F",
@@ -34,14 +36,19 @@ const TABLE_RENDERER_CONFIG_MESSAGES = {
     "format": "\u683C\u5F0F",
     "preview": "\u9884\u89C8",
     "markdown": "Markdown",
-    "markdown-placeholder": "Markdown \u6E90\u7801\uFF08\u7559\u7A7A\u5219\u4F7F\u7528\u5355\u5143\u683C\u503C\uFF09",
+    "markdown-description": "\u652F\u6301 Markdown \u7F16\u8F91\uFF0C\u652F\u6301\u5728 {expression} \u4E2D\u6C42\u503C\uFF1B\u5168\u90E8\u8BED\u8A00\u7559\u7A7A\u65F6\u56DE\u9000\u5230\u5355\u5143\u683C\u503C\u3002",
     "no-options": "\u65E0\u53EF\u914D\u7F6E\u9879\u3002",
     "select-all-rows-on-page": "\u9009\u62E9\u5F53\u524D\u9875\u5168\u90E8\u884C",
-    "select-all-rows": "\u9009\u62E9\u5168\u90E8\u884C"
+    "select-all-rows": "\u9009\u62E9\u5168\u90E8\u884C",
+    "expand-row": "\u5C55\u5F00\u884C",
+    "collapse-row": "\u6536\u8D77\u884C",
+    "expand-all-rows": "\u5C55\u5F00\u5168\u90E8\u884C",
+    "collapse-all-rows": "\u6536\u8D77\u5168\u90E8\u884C"
   },
   ja: {
     "copyable": "\u30B3\u30D4\u30FC\u53EF\u80FD",
     "copyable-description": "\u7A7A\u3067\u306A\u3044\u30BB\u30EB\u306B\u30B3\u30D4\u30FC\u64CD\u4F5C\u3092\u8868\u793A\u3057\u307E\u3059\u3002",
+    "copy-cell-value": "\u30BB\u30EB\u306E\u5185\u5BB9\u3092\u30B3\u30D4\u30FC",
     "copy-expression": "\u30B3\u30D4\u30FC\u5F0F",
     "copy-expression-description": "\u30B3\u30D4\u30FC\u6642\u306B\u4F7F\u3046 CEL \u5F0F\u3067\u3059\u3002\u5909\u6570: row\u3001index\u3002",
     "copy-expression-placeholder": "\u30B3\u30D4\u30FC\u7528 CEL \u5F0F\u3092\u5165\u529B",
@@ -53,14 +60,19 @@ const TABLE_RENDERER_CONFIG_MESSAGES = {
     "format": "\u30D5\u30A9\u30FC\u30DE\u30C3\u30C8",
     "preview": "\u30D7\u30EC\u30D3\u30E5\u30FC",
     "markdown": "Markdown",
-    "markdown-placeholder": "Markdown \u30BD\u30FC\u30B9\uFF08\u7A7A\u6B04\u306E\u5834\u5408\u306F\u30BB\u30EB\u5024\u3092\u4F7F\u7528\uFF09",
+    "markdown-description": "Markdown \u3067\u7DE8\u96C6\u3067\u304D\u3001{expression} \u3082\u5229\u7528\u3067\u304D\u307E\u3059\u3002\u3059\u3079\u3066\u7A7A\u6B04\u306A\u3089\u30BB\u30EB\u5024\u306B\u623B\u308A\u307E\u3059\u3002",
     "no-options": "\u8A2D\u5B9A\u53EF\u80FD\u306A\u9805\u76EE\u306F\u3042\u308A\u307E\u305B\u3093\u3002",
     "select-all-rows-on-page": "\u73FE\u5728\u306E\u30DA\u30FC\u30B8\u306E\u3059\u3079\u3066\u306E\u884C\u3092\u9078\u629E",
-    "select-all-rows": "\u3059\u3079\u3066\u306E\u884C\u3092\u9078\u629E"
+    "select-all-rows": "\u3059\u3079\u3066\u306E\u884C\u3092\u9078\u629E",
+    "expand-row": "\u884C\u3092\u5C55\u958B",
+    "collapse-row": "\u884C\u3092\u6298\u308A\u305F\u305F\u3080",
+    "expand-all-rows": "\u3059\u3079\u3066\u306E\u884C\u3092\u5C55\u958B",
+    "collapse-all-rows": "\u3059\u3079\u3066\u306E\u884C\u3092\u6298\u308A\u305F\u305F\u3080"
   },
   en: {
     "copyable": "Copyable",
     "copyable-description": "Show a copy action for non-empty cells.",
+    "copy-cell-value": "Copy cell value",
     "copy-expression": "Copy expression",
     "copy-expression-description": "CEL expression used when copying. Variables: row, index.",
     "copy-expression-placeholder": "Enter a copy CEL expression",
@@ -72,10 +84,14 @@ const TABLE_RENDERER_CONFIG_MESSAGES = {
     "format": "Format",
     "preview": "Preview",
     "markdown": "Markdown",
-    "markdown-placeholder": "Markdown source (leave empty to use cell value)",
+    "markdown-description": "Supports Markdown and {expression}; if every locale is blank, use the cell value.",
     "no-options": "No options.",
     "select-all-rows-on-page": "Select all rows on page",
-    "select-all-rows": "Select all rows"
+    "select-all-rows": "Select all rows",
+    "expand-row": "Expand row",
+    "collapse-row": "Collapse row",
+    "expand-all-rows": "Expand all rows",
+    "collapse-all-rows": "Collapse all rows"
   }
 };
 function useTableRendererConfigI18n() {
@@ -123,19 +139,26 @@ const TableRendererTextConfig = defineComponent({
       validate
     });
     return () => /* @__PURE__ */ jsxs("div", { class: "flex flex-col gap-3 text-sm text-zinc-700", children: [
-      /* @__PURE__ */ jsxs("label", { class: "flex items-center justify-between gap-3 py-1", children: [
-        /* @__PURE__ */ jsxs("div", { class: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx("span", { class: "text-sm font-medium text-zinc-800", children: t("copyable") }),
-          /* @__PURE__ */ jsx("span", { class: "text-xs text-zinc-500", children: t("copyable-description") })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Switch,
-          {
-            modelValue: Boolean(value().copyable),
-            "onUpdate:modelValue": (...args) => update({ copyable: args[0] === true })
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsxs(
+        "label",
+        {
+          "data-field-key": "rendererCopyable",
+          class: "flex items-center justify-between gap-3 py-1",
+          children: [
+            /* @__PURE__ */ jsxs("div", { class: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx("span", { class: "text-sm font-medium text-zinc-800", children: t("copyable") }),
+              /* @__PURE__ */ jsx("span", { class: "text-xs text-zinc-500", children: t("copyable-description") })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                modelValue: Boolean(value().copyable),
+                "onUpdate:modelValue": (...args) => update({ copyable: args[0] === true })
+              }
+            )
+          ]
+        }
+      ),
       /* @__PURE__ */ jsx(
         ExpressionEditor,
         {
@@ -151,25 +174,23 @@ const TableRendererTextConfig = defineComponent({
       ),
       /* @__PURE__ */ jsxs("label", { class: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { class: "text-xs font-medium text-zinc-500", children: t("align") }),
-        /* @__PURE__ */ jsxs(
-          NativeSelect,
-          {
-            "data-field-key": "rendererAlign",
-            modelValue: value().align ?? "left",
-            class: "w-full",
-            "onUpdate:modelValue": (...args) => {
-              const nextValue = args[0];
-              if (nextValue === "left" || nextValue === "center" || nextValue === "right") {
-                update({ align: nextValue });
-              }
-            },
-            children: [
-              /* @__PURE__ */ jsx(NativeSelectOption, { value: "left", children: t("align-left") }),
-              /* @__PURE__ */ jsx(NativeSelectOption, { value: "center", children: t("align-center") }),
-              /* @__PURE__ */ jsx(NativeSelectOption, { value: "right", children: t("align-right") })
-            ]
+        h(NativeSelect, {
+          "data-field-key": "rendererAlign",
+          "modelValue": value().align ?? "left",
+          "class": "w-full",
+          "onUpdate:modelValue": (...args) => {
+            const nextValue = args[0];
+            if (nextValue === "left" || nextValue === "center" || nextValue === "right") {
+              update({ align: nextValue });
+            }
           }
-        )
+        }, {
+          default: () => [
+            h(NativeSelectOption, { value: "left" }, { default: () => t("align-left") }),
+            h(NativeSelectOption, { value: "center" }, { default: () => t("align-center") }),
+            h(NativeSelectOption, { value: "right" }, { default: () => t("align-right") })
+          ]
+        })
       ] })
     ] });
   }
@@ -189,20 +210,27 @@ const TableRendererSelectionConfig = defineComponent({
     const update = (patch) => {
       emit("update:modelValue", { ...value(), ...patch });
     };
-    return () => /* @__PURE__ */ jsx("div", { class: "flex flex-col gap-3 text-sm text-zinc-700", children: /* @__PURE__ */ jsxs("label", { class: "flex items-center gap-2 select-none", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "checkbox",
-          checked: Boolean(value().crossPage),
-          onInput: (e) => {
-            if (e.target instanceof HTMLInputElement)
-              update({ crossPage: e.target.checked });
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { children: t("selection-cross-page") })
-    ] }) });
+    return () => /* @__PURE__ */ jsx("div", { class: "flex flex-col gap-3 text-sm text-zinc-700", children: /* @__PURE__ */ jsxs(
+      "label",
+      {
+        "data-field-key": "rendererSelectionCrossPage",
+        class: "flex items-center gap-2 select-none",
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: Boolean(value().crossPage),
+              onInput: (e) => {
+                if (e.target instanceof HTMLInputElement)
+                  update({ crossPage: e.target.checked });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: t("selection-cross-page") })
+        ]
+      }
+    ) });
   }
 });
 const TableRendererDateConfig = defineComponent({
@@ -264,19 +292,64 @@ const TableRendererMarkdownConfig = defineComponent({
       clearValidation: () => void 0,
       validate: () => true
     });
-    return () => /* @__PURE__ */ jsx("div", { class: "flex flex-col gap-3 text-sm text-zinc-700", children: /* @__PURE__ */ jsxs("label", { class: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx("span", { class: "text-xs font-medium text-zinc-500", children: t("markdown") }),
+    return () => /* @__PURE__ */ jsxs("div", { class: "flex flex-col gap-3 text-sm text-zinc-700", children: [
+      /* @__PURE__ */ jsxs("div", { class: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx("span", { class: "text-xs font-medium text-zinc-500", children: t("markdown") }),
+        /* @__PURE__ */ jsx("span", { class: "text-sm text-zinc-500", children: t("markdown-description", { expression: MARKDOWN_EXPRESSION_EXAMPLE }) })
+      ] }),
       /* @__PURE__ */ jsx(
-        Textarea,
+        Locale,
         {
           "data-field-key": "rendererMarkdownSource",
-          class: "min-h-24",
-          placeholder: t("markdown-placeholder"),
-          modelValue: value().source ?? "",
-          "onUpdate:modelValue": (nextValue) => update({ source: String(nextValue).trim().length > 0 ? String(nextValue) : void 0 })
+          "data-slot": "table-renderer-markdown-source-locale",
+          multiline: true,
+          modelValue: value().source,
+          "onUpdate:modelValue": (nextValue) => update({ source: hasVisibleLocaleValue(nextValue) ? nextValue : void 0 })
         }
       )
-    ] }) });
+    ] });
+  }
+});
+const TableRendererMarkdownCell = defineComponent({
+  name: "TableRendererMarkdownCell",
+  props: {
+    source: {
+      type: Array,
+      default: void 0
+    },
+    fallbackSource: {
+      type: String,
+      required: true
+    },
+    row: {
+      default: void 0
+    },
+    index: {
+      type: Number,
+      required: true
+    },
+    id: {
+      type: String,
+      required: true
+    }
+  },
+  setup(props) {
+    const { locale } = useI18n();
+    const { $md } = useNuxtApp();
+    return () => {
+      const source = getLocalizedText(props.source, locale.value) ?? props.fallbackSource;
+      return /* @__PURE__ */ jsx("div", { class: "relative w-full py-2 px-1 flex items-center justify-center text-xs", children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          class: "prose prose-zinc text-xs",
+          innerHTML: $md.inline`${source}`({
+            row: props.row,
+            index: BigInt(props.index),
+            id: props.id
+          })
+        }
+      ) });
+    };
   }
 });
 const NoOptionsConfig = defineComponent({
@@ -348,6 +421,7 @@ defineTableRenderer(
             options.copyable && !isEmpty ? /* @__PURE__ */ jsx(
               Button,
               {
+                "aria-label": getTableRendererConfigText("copy-cell-value"),
                 class: "p-1 w-6 h-6 flex items-center justify-center right-1 top-1/2 -translate-y-1/2 transform-3d group-hover:opacity-100 opacity-0 absolute transition-opacity duration-180",
                 size: "xs",
                 onClick: onCopy,
@@ -358,7 +432,10 @@ defineTableRenderer(
         }
       );
     },
-    config: TableRendererTextConfig
+    config: TableRendererTextConfig,
+    columnDefOverrides: {
+      sortingFn: "alphanumeric"
+    }
   }
 );
 defineTableRenderer(
@@ -421,6 +498,7 @@ defineTableRenderer(
         {
           variant: "ghost",
           class: "cursor-pointer hover:bg-transparent text-lg",
+          "aria-label": ctx.row.getIsExpanded() ? getTableRendererConfigText("collapse-row") : getTableRendererConfigText("expand-row"),
           onClick: ctx.row.getToggleExpandedHandler(),
           children: /* @__PURE__ */ jsx(Icon, { icon: ctx.row.getIsExpanded() ? "fluent:subtract-square-20-regular" : "fluent:add-square-20-regular" })
         }
@@ -432,6 +510,7 @@ defineTableRenderer(
         variant: "ghost",
         size: "xs",
         class: "cursor-pointer hover:bg-transparent text-lg",
+        "aria-label": ctx.table.getIsAllRowsExpanded() ? getTableRendererConfigText("collapse-all-rows") : getTableRendererConfigText("expand-all-rows"),
         onClick: ctx.table.getToggleAllRowsExpandedHandler(),
         children: /* @__PURE__ */ jsx(Icon, { icon: ctx.table.getIsAllRowsExpanded() ? "fluent:subtract-square-20-regular" : "fluent:add-square-20-regular" })
       }
@@ -491,23 +570,20 @@ defineTableRenderer(
 defineTableRenderer(
   "table.renderer.markdown",
   {
-    source: z.string().optional()
+    source: localeC.optional()
   },
   {
     cell: ({ ctx, options }) => {
-      const { $md } = useNuxtApp();
-      const source = options.source ?? String(ctx.cell.getValue());
-      return /* @__PURE__ */ jsx("div", { class: "relative w-full py-2 px-1 flex items-center justify-center text-xs", children: /* @__PURE__ */ jsx(
-        "span",
+      return /* @__PURE__ */ jsx(
+        TableRendererMarkdownCell,
         {
-          class: "prose prose-zinc text-xs",
-          innerHTML: $md.inline`${source}`({
-            row: ctx.row.original,
-            index: BigInt(ctx.row.index),
-            id: ctx.column.id
-          })
+          source: options.source,
+          fallbackSource: String(ctx.cell.getValue()),
+          row: ctx.row.original,
+          index: ctx.row.index,
+          id: ctx.column.id
         }
-      ) });
+      );
     },
     config: TableRendererMarkdownConfig
   }

package/dist/runtime/table-renderers/registry.d.ts

@@ -2,7 +2,7 @@ import type { CellContext, ColumnDef, HeaderContext, RowData } from '@tanstack/v
 import type { VNodeChild } from 'vue';
 import { z } from 'zod';
 export type TableRendererId = string;
-export type TableRendererColumnDefOverrides<TData extends RowData = unknown> = Partial<Pick<ColumnDef<TData, unknown>, 'enableResizing' | 'enableSorting' | 'enableMultiSort' | 'enablePinning' | 'size' | 'meta'>>;
+export type TableRendererColumnDefOverrides<TData extends RowData = unknown> = Partial<Pick<ColumnDef<TData, unknown>, 'enableResizing' | 'enableSorting' | 'enableMultiSort' | 'enablePinning' | 'sortingFn' | 'size' | 'meta'>>;
 export type TableRendererCellArgs<TData extends RowData, TValue, TOptions> = Readonly<{
     ctx: CellContext<TData, TValue>;
     options: TOptions;

package/dist/runtime/utils/coders.d.ts

@@ -27,6 +27,8 @@ export declare const localeC: z.ZodReadonly<z.ZodArray<z.ZodObject<{
 export type LocaleItem = z.infer<typeof localeItemC>;
 export type LocaleCode = z.infer<typeof localeCodeC>;
 export type LocaleValue = z.infer<typeof localeC>;
+export declare function hasVisibleLocaleValue(value: LocaleValue | undefined): boolean;
+export declare function getLocalizedText(messages: LocaleValue | undefined, locale: string): string | undefined;
 export declare const dotPropC: z.ZodString;
 export declare const expressionC: (tt: ReadonlyArray<RegExp | string> | string | RegExp, vars?: Record<string, string>) => z.ZodString;
 export {};

package/dist/runtime/utils/coders.js

@@ -31,6 +31,19 @@ export const localeC = z.array(localeItemC).readonly().superRefine((value, ctx)
     });
   }
 }).describe("\u672C\u5730\u5316\u5185\u5BB9\u5217\u8868\uFF0C\u5FC5\u987B\u5305\u542B\u4E14\u53EA\u80FD\u5305\u542B\u4E00\u4E2A zh \u8BED\u8A00");
+export function hasVisibleLocaleValue(value) {
+  return value?.some((item) => item.message.trim().length > 0) ?? false;
+}
+export function getLocalizedText(messages, locale) {
+  if (!messages) {
+    return void 0;
+  }
+  const localizedMessage = messages.find((message) => message.locale === locale && message.message.trim().length > 0);
+  if (localizedMessage) {
+    return localizedMessage.message;
+  }
+  return messages.find((message) => message.message.trim().length > 0)?.message;
+}
 export const dotPropC = z.string().refine(
   (val) => {
     if (val.length === 0) return false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.7.10",
+  "version": "0.7.11",
   "description": "",
   "license": "MIT",
   "type": "module",
@@ -33,6 +33,8 @@
     "release:major": "npm run lint && npm run test && npm run prepack && changelogen --major --release --push && npm publish",
     "lint": "eslint .",
     "test": "vitest run",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui",
     "test:watch": "vitest watch",
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
@@ -41,6 +43,7 @@
     "@fontsource-variable/noto-sans": "^5.2.10",
     "@fontsource-variable/noto-sans-jp": "^5.2.10",
     "@fontsource-variable/noto-sans-sc": "^5.2.10",
+    "@iconify-json/fluent": "^1.2.40",
     "@iconify/vue": "^5.0.0",
     "@intlify/unplugin-vue-i18n": "^11.0.3",
     "@nuxt/fonts": "^0.14.0",
@@ -77,6 +80,7 @@
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/schema": "^4.3.0",
     "@nuxt/test-utils": "^3.23.0",
+    "@playwright/test": "^1.58.2",
     "@types/markdown-it": "^14.1.2",
     "@types/node": "latest",
     "@vue/test-utils": "^2.4.6",
@@ -86,6 +90,7 @@
     "jsdom": "^28.1.0",
     "lint-staged": "^16.2.7",
     "nuxt": "^4.3.0",
+    "playwright-core": "^1.58.2",
     "simple-git-hooks": "^2.13.1",
     "typescript": "~5.9.3",
     "vitest": "^4.0.18",
@@ -99,10 +104,5 @@
   "simple-git-hooks": {
     "pre-commit": "bunx lint-staged",
     "commit-msg": "bunx commitlint --edit \"$1\""
-  },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx,vue}": [
-      "eslint --fix"
-    ]
   }
 }