@shwfed/nuxt 0.7.9 → 0.7.10

package/dist/runtime/components/ui/toggle/Toggle.d.vue.ts

@@ -0,0 +1,34 @@
+import type { ToggleProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { ToggleVariants } from '.';
+type __VLS_Props = ToggleProps & {
+    class?: HTMLAttributes['class'];
+    variant?: ToggleVariants['variant'];
+    size?: ToggleVariants['size'];
+};
+declare var __VLS_8: {
+    modelValue: boolean;
+    state: "off" | "on";
+    pressed: boolean;
+    disabled: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "default" | "sm" | "lg" | null;
+    variant: "default" | "outline" | null;
+}, {}, {}, {}, 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/toggle/Toggle.vue

@@ -0,0 +1,32 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { Toggle, useForwardPropsEmits } from "reka-ui";
+import { cn } from "../../../utils/cn";
+import { toggleVariants } from ".";
+const props = defineProps({
+  defaultValue: { type: Boolean, required: false },
+  modelValue: { type: [Boolean, null], required: false },
+  disabled: { type: Boolean, required: false, default: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  name: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  class: { type: null, required: false },
+  variant: { type: null, required: false, default: "default" },
+  size: { type: null, required: false, default: "default" }
+});
+const emits = defineEmits(["update:modelValue"]);
+const delegatedProps = reactiveOmit(props, "class", "size", "variant");
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+</script>
+
+<template>
+  <Toggle
+    v-slot="slotProps"
+    data-slot="toggle"
+    v-bind="forwarded"
+    :class="cn(toggleVariants({ variant, size }), props.class)"
+  >
+    <slot v-bind="slotProps" />
+  </Toggle>
+</template>

package/dist/runtime/components/ui/toggle/Toggle.vue.d.ts

@@ -0,0 +1,34 @@
+import type { ToggleProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { ToggleVariants } from '.';
+type __VLS_Props = ToggleProps & {
+    class?: HTMLAttributes['class'];
+    variant?: ToggleVariants['variant'];
+    size?: ToggleVariants['size'];
+};
+declare var __VLS_8: {
+    modelValue: boolean;
+    state: "off" | "on";
+    pressed: boolean;
+    disabled: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "default" | "sm" | "lg" | null;
+    variant: "default" | "outline" | null;
+}, {}, {}, {}, 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/toggle/index.d.ts

@@ -0,0 +1,7 @@
+import type { VariantProps } from 'class-variance-authority';
+export { default as Toggle } from './Toggle.vue.js';
+export declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ToggleVariants = VariantProps<typeof toggleVariants>;

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

@@ -0,0 +1,22 @@
+import { cva } from "class-variance-authority";
+export { default as Toggle } from "./Toggle.vue";
+export const toggleVariants = cva(
+  "inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm font-medium transition-all duration-180 outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 data-[state=on]:bg-[color-mix(in_srgb,var(--primary)_12%,white)] data-[state=on]:text-(--primary)",
+        outline: "border border-zinc-200 bg-white text-zinc-700 shadow-xs hover:bg-zinc-50 hover:text-zinc-900 data-[state=on]:border-[color-mix(in_srgb,var(--primary)_50%,white)] data-[state=on]:bg-[color-mix(in_srgb,var(--primary)_12%,white)] data-[state=on]:text-(--primary)"
+      },
+      size: {
+        default: "h-9 min-w-9 px-3",
+        sm: "h-8 min-w-8 px-2.5 text-xs",
+        lg: "h-10 min-w-10 px-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);

package/dist/runtime/composables/useTableRenderers.d.ts

@@ -1,8 +1,9 @@
 import '../table-renderers/builtins.js';
-import { getTableRenderer, resolveTableRenderer } from '../table-renderers/registry.js';
+import { getTableRenderer, listTableRenderers, resolveTableRenderer } from '../table-renderers/registry.js';
 export { defineTableRenderer } from '../table-renderers/registry.js';
 export type { TableRenderer, TableRendererCellArgs, TableRendererColumnDefOverrides, TableRendererConfigComponent, TableRendererFooterArgs, TableRendererHeaderArgs, TableRendererId, } from '../table-renderers/registry.js';
 export declare function useTableRenderers(): {
     getTableRenderer: typeof getTableRenderer;
+    listTableRenderers: typeof listTableRenderers;
     resolveTableRenderer: typeof resolveTableRenderer;
 };

package/dist/runtime/composables/useTableRenderers.js

@@ -1,9 +1,10 @@
 import "../table-renderers/builtins";
-import { getTableRenderer, resolveTableRenderer } from "../table-renderers/registry.js";
+import { getTableRenderer, listTableRenderers, resolveTableRenderer } from "../table-renderers/registry.js";
 export { defineTableRenderer } from "../table-renderers/registry.js";
 export function useTableRenderers() {
   return {
     getTableRenderer,
+    listTableRenderers,
     resolveTableRenderer
   };
 }

package/dist/runtime/style.css

@@ -1 +1 @@
-@import "tailwindcss";@plugin "@tailwindcss/typography";@source "components";@theme{--font-sans:"Noto Sans","Noto Sans SC","Noto Sans JP","sans-serif";--font-mono:"Berkeley Mono","Fira Mono","monospace"}
+@import "tailwindcss";@plugin "@tailwindcss/typography";@source "components";@source "table-renderers";@theme{--font-sans:"Noto Sans","Noto Sans SC","Noto Sans JP","sans-serif";--font-mono:"Berkeley Mono","Fira Mono","monospace"}

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

@@ -1,17 +1,101 @@
 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";
+import { defineComponent, 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 { 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 { 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 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-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",
+    "align": "\u5BF9\u9F50",
+    "align-left": "\u5DE6\u5BF9\u9F50",
+    "align-center": "\u5C45\u4E2D",
+    "align-right": "\u53F3\u5BF9\u9F50",
+    "selection-cross-page": "\u8DE8\u9875\u5168\u9009",
+    "format": "\u683C\u5F0F",
+    "preview": "\u9884\u89C8",
+    "markdown": "Markdown",
+    "markdown-placeholder": "Markdown \u6E90\u7801\uFF08\u7559\u7A7A\u5219\u4F7F\u7528\u5355\u5143\u683C\u503C\uFF09",
+    "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"
+  },
+  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-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",
+    "align": "\u914D\u7F6E",
+    "align-left": "\u5DE6\u5BC4\u305B",
+    "align-center": "\u4E2D\u592E\u63C3\u3048",
+    "align-right": "\u53F3\u5BC4\u305B",
+    "selection-cross-page": "\u30DA\u30FC\u30B8\u3092\u307E\u305F\u3044\u3067\u5168\u9078\u629E",
+    "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",
+    "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"
+  },
+  en: {
+    "copyable": "Copyable",
+    "copyable-description": "Show a copy action for non-empty cells.",
+    "copy-expression": "Copy expression",
+    "copy-expression-description": "CEL expression used when copying. Variables: row, index.",
+    "copy-expression-placeholder": "Enter a copy CEL expression",
+    "align": "Align",
+    "align-left": "Left",
+    "align-center": "Center",
+    "align-right": "Right",
+    "selection-cross-page": "Cross page select-all",
+    "format": "Format",
+    "preview": "Preview",
+    "markdown": "Markdown",
+    "markdown-placeholder": "Markdown source (leave empty to use cell value)",
+    "no-options": "No options.",
+    "select-all-rows-on-page": "Select all rows on page",
+    "select-all-rows": "Select all rows"
+  }
+};
+function useTableRendererConfigI18n() {
+  return useI18n({
+    inheritLocale: true,
+    messages: TABLE_RENDERER_CONFIG_MESSAGES
+  });
+}
+function getTableRendererConfigText(key) {
+  const language = navigator?.language?.toLocaleLowerCase() ?? "zh";
+  if (language.startsWith("ja")) {
+    return TABLE_RENDERER_CONFIG_MESSAGES.ja[key];
+  }
+  if (language.startsWith("en")) {
+    return TABLE_RENDERER_CONFIG_MESSAGES.en[key];
+  }
+  return TABLE_RENDERER_CONFIG_MESSAGES.zh[key];
+}
+const TEXT_RENDERER_COPY_EXPRESSION_C = expressionC(/.+/, { row: "dyn", index: "int" }).optional();
+const DATE_RENDERER_PREVIEW_DATE = new Date(2025, 8, 30, 13, 59, 43);
 const TableRendererTextConfig = defineComponent({
   name: "TableRendererTextConfig",
   props: {
@@ -21,59 +105,68 @@ const TableRendererTextConfig = defineComponent({
     }
   },
   emits: ["update:modelValue"],
-  setup(props, { emit }) {
+  setup(props, { emit, expose }) {
+    const { t } = useTableRendererConfigI18n();
+    const copyExpressionEditor = ref(null);
     const value = () => props.modelValue ?? {};
     const update = (patch) => {
       emit("update:modelValue", { ...value(), ...patch });
     };
+    function clearValidation() {
+      copyExpressionEditor.value?.clearValidation();
+    }
+    function validate() {
+      return copyExpressionEditor.value ? copyExpressionEditor.value.validate() : true;
+    }
+    expose({
+      clearValidation,
+      validate
+    });
     return () => /* @__PURE__ */ jsxs("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().copyable),
-            onInput: (e) => {
-              if (e.target instanceof HTMLInputElement)
-                update({ copyable: e.target.checked });
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { children: "Copyable" })
-      ] }),
-      /* @__PURE__ */ jsxs("label", { class: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx("span", { class: "text-xs text-zinc-500", children: "Copy expression" }),
+      /* @__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(
-          "input",
+          Switch,
           {
-            class: "border border-zinc-200 rounded px-2 py-1 text-sm",
-            placeholder: "CEL expression (row, index)",
-            value: value().copyExpression ?? "",
-            onInput: (e) => {
-              if (e.target instanceof HTMLInputElement)
-                update({ copyExpression: e.target.value || null });
-            }
+            modelValue: Boolean(value().copyable),
+            "onUpdate:modelValue": (...args) => update({ copyable: args[0] === true })
           }
         )
       ] }),
+      /* @__PURE__ */ jsx(
+        ExpressionEditor,
+        {
+          ref: copyExpressionEditor,
+          "data-field-key": "rendererCopyExpression",
+          modelValue: value().copyExpression ?? void 0,
+          label: t("copy-expression"),
+          description: t("copy-expression-description"),
+          placeholder: t("copy-expression-placeholder"),
+          schema: TEXT_RENDERER_COPY_EXPRESSION_C,
+          "onUpdate:modelValue": (nextValue) => update({ copyExpression: nextValue ?? null })
+        }
+      ),
       /* @__PURE__ */ jsxs("label", { class: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx("span", { class: "text-xs text-zinc-500", children: "Align" }),
+        /* @__PURE__ */ jsx("span", { class: "text-xs font-medium text-zinc-500", children: t("align") }),
         /* @__PURE__ */ jsxs(
-          "select",
+          NativeSelect,
           {
-            class: "border border-zinc-200 rounded px-2 py-1 text-sm bg-white",
-            value: value().align ?? "left",
-            onChange: (e) => {
-              if (e.target instanceof HTMLSelectElement) {
-                const v = e.target.value;
-                if (v === "left" || v === "center" || v === "right")
-                  update({ align: v });
+            "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("option", { value: "left", children: "left" }),
-              /* @__PURE__ */ jsx("option", { value: "center", children: "center" }),
-              /* @__PURE__ */ jsx("option", { value: "right", children: "right" })
+              /* @__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") })
             ]
           }
         )
@@ -91,6 +184,7 @@ const TableRendererSelectionConfig = defineComponent({
   },
   emits: ["update:modelValue"],
   setup(props, { emit }) {
+    const { t } = useTableRendererConfigI18n();
     const value = () => props.modelValue ?? {};
     const update = (patch) => {
       emit("update:modelValue", { ...value(), ...patch });
@@ -107,7 +201,7 @@ const TableRendererSelectionConfig = defineComponent({
           }
         }
       ),
-      /* @__PURE__ */ jsx("span", { children: "Cross page select-all" })
+      /* @__PURE__ */ jsx("span", { children: t("selection-cross-page") })
     ] }) });
   }
 });
@@ -120,26 +214,35 @@ const TableRendererDateConfig = defineComponent({
     }
   },
   emits: ["update:modelValue"],
-  setup(props, { emit }) {
+  setup(props, { emit, expose }) {
+    const { t } = useTableRendererConfigI18n();
     const value = () => props.modelValue ?? {};
     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 flex-col gap-1", children: [
-      /* @__PURE__ */ jsx("span", { class: "text-xs text-zinc-500", children: "Format" }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          class: "border border-zinc-200 rounded px-2 py-1 text-sm",
-          placeholder: "yyyy-MM-dd",
-          value: value().format ?? "",
-          onInput: (e) => {
-            if (e.target instanceof HTMLInputElement)
-              update({ format: e.target.value });
+    expose({
+      clearValidation: () => void 0,
+      validate: () => true
+    });
+    return () => /* @__PURE__ */ jsxs("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("format") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            "data-field-key": "rendererDateFormat",
+            placeholder: "yyyy-MM-dd",
+            modelValue: value().format ?? "",
+            "onUpdate:modelValue": (nextValue) => update({ format: String(nextValue) })
           }
-        }
-      )
-    ] }) });
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { class: "rounded-md bg-zinc-50/70 px-3 py-2", children: [
+        /* @__PURE__ */ jsx("div", { class: "text-xs font-medium text-zinc-500", children: t("preview") }),
+        /* @__PURE__ */ jsx("div", { class: "mt-1 font-mono text-sm text-zinc-700", children: formatTableRendererDate(DATE_RENDERER_PREVIEW_DATE, value().format ?? "yyyy-MM-dd") }),
+        /* @__PURE__ */ jsx("div", { class: "mt-1 text-xs text-zinc-400", children: "2025-09-30 13:59:43" })
+      ] })
+    ] });
   }
 });
 const TableRendererMarkdownConfig = defineComponent({
@@ -151,23 +254,26 @@ const TableRendererMarkdownConfig = defineComponent({
     }
   },
   emits: ["update:modelValue"],
-  setup(props, { emit }) {
+  setup(props, { emit, expose }) {
+    const { t } = useTableRendererConfigI18n();
     const value = () => props.modelValue ?? {};
     const update = (patch) => {
       emit("update:modelValue", { ...value(), ...patch });
     };
+    expose({
+      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 text-zinc-500", children: "Source" }),
+      /* @__PURE__ */ jsx("span", { class: "text-xs font-medium text-zinc-500", children: t("markdown") }),
       /* @__PURE__ */ jsx(
-        "textarea",
+        Textarea,
         {
-          class: "border border-zinc-200 rounded px-2 py-1 text-sm min-h-20",
-          placeholder: "Markdown source (leave empty to use cell value)",
-          value: value().source ?? "",
-          onInput: (e) => {
-            if (e.target instanceof HTMLTextAreaElement)
-              update({ source: e.target.value || void 0 });
-          }
+          "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 })
         }
       )
     ] }) });
@@ -176,10 +282,30 @@ const TableRendererMarkdownConfig = defineComponent({
 const NoOptionsConfig = defineComponent({
   name: "TableRendererNoOptionsConfig",
   emits: ["update:modelValue"],
-  setup() {
-    return () => /* @__PURE__ */ jsx("div", { class: "text-xs text-zinc-500", children: "No options." });
+  setup(_props, { expose }) {
+    const { t } = useTableRendererConfigI18n();
+    expose({
+      clearValidation: () => void 0,
+      validate: () => true
+    });
+    return () => /* @__PURE__ */ jsx("div", { class: "text-xs text-zinc-500", children: t("no-options") });
   }
 });
+function formatTableRendererDate(value, formatPattern) {
+  let date = null;
+  try {
+    date = typeof value === "string" || typeof value === "number" || value instanceof Date ? toDate(value) : null;
+  } catch {
+  }
+  if (!date || !isValid(date)) {
+    return "-";
+  }
+  try {
+    return formatDate(date, formatPattern);
+  } catch {
+    return "-";
+  }
+}
 defineTableRenderer(
   "table.renderer.text",
   {
@@ -248,7 +374,7 @@ defineTableRenderer(
           id: `${ctx.column.id}-${ctx.row.id}`,
           disabled: !ctx.row.getCanSelect(),
           modelValue: ctx.row.getIsSelected(),
-          "onUpdate:modelValue": ctx.row.getToggleSelectedHandler(),
+          "onUpdate:modelValue": (value) => ctx.row.toggleSelected(value === true),
           class: "w-4 h-4"
         }
       ) });
@@ -259,28 +385,23 @@ defineTableRenderer(
       const crossPage = options.crossPage ?? false;
       const indeterminate = crossPage ? ctx.table.getIsSomePageRowsSelected() : ctx.table.getIsSomeRowsSelected();
       const checked = crossPage ? ctx.table.getIsAllPageRowsSelected() : ctx.table.getIsAllRowsSelected();
-      const onInput = crossPage ? ctx.table.getToggleAllPageRowsSelectedHandler() : ctx.table.getToggleAllRowsSelectedHandler();
-      return /* @__PURE__ */ jsx("div", { class: "inline-flex items-center", children: /* @__PURE__ */ jsxs("label", { class: "flex items-center cursor-pointer relative", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            id: `${ctx.column.id}-header`,
-            type: "checkbox",
-            checked,
-            class: [
-              "peer h-4 w-4 cursor-pointer transition-colors duration-180 appearance-none rounded bg-white",
-              "border border-[color-mix(in_srgb,var(--primary)_10%,#00000033)] not-checked-group-hover:border-[color-mix(in_srgb,var(--primary)_20%,#00000033)]",
-              "not-checked-group-hover:bg-[color-mix(in_srgb,var(--primary)_5%,#00000011)] checked:border-(--primary) checked:bg-(--primary)"
-            ],
-            ref: (el) => {
-              if (el instanceof HTMLInputElement)
-                el.indeterminate = Boolean(indeterminate);
-            },
-            onInput: (e) => onInput(e)
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { class: "absolute text-white opacity-0 peer-checked:opacity-100 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ jsx(Icon, { icon: "fluent:checkmark-20-filled", class: "text-white text-xs" }) })
-      ] }) });
+      const modelValue = checked ? true : indeterminate ? "indeterminate" : false;
+      return /* @__PURE__ */ jsx("div", { class: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          id: `${ctx.column.id}-header`,
+          modelValue,
+          "aria-label": crossPage ? getTableRendererConfigText("select-all-rows-on-page") : getTableRendererConfigText("select-all-rows"),
+          "onUpdate:modelValue": (value) => {
+            if (crossPage) {
+              ctx.table.toggleAllPageRowsSelected(value === true);
+              return;
+            }
+            ctx.table.toggleAllRowsSelected(value === true);
+          },
+          class: "w-4 h-4 bg-white"
+        }
+      ) });
     },
     config: TableRendererSelectionConfig,
     columnDefOverrides: {
@@ -351,20 +472,14 @@ defineTableRenderer(
   },
   {
     cell: ({ ctx, options }) => {
-      const value = ctx.cell.getValue();
-      let d = null;
-      try {
-        d = typeof value === "string" || typeof value === "number" || value instanceof Date ? toDate(value) : null;
-      } catch {
-      }
-      const date = isValid(d) ? d : null;
-      const formatted = date ? formatDate(date, options.format ?? "yyyy-MM-dd") : "-";
+      const formatted = formatTableRendererDate(ctx.cell.getValue(), options.format ?? "yyyy-MM-dd");
+      const hasDate = formatted !== "-";
       return /* @__PURE__ */ jsx(
         "div",
         {
           class: [
             "relative w-full py-2 px-1 flex items-center justify-center text-xs",
-            date ? "text-zinc-600" : "text-zinc-300 select-none"
+            hasDate ? "text-zinc-600" : "text-zinc-300 select-none"
           ],
           children: formatted
         }

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

@@ -34,4 +34,5 @@ export declare function defineTableRenderer<const TShape extends z.ZodRawShape,
     columnDefOverrides?: TableRenderer<TOptions>['columnDefOverrides'];
 }>): TableRenderer<TOptions>;
 export declare function getTableRenderer(id: TableRendererId): TableRenderer<unknown> | undefined;
+export declare function listTableRenderers(): Array<TableRenderer<unknown>>;
 export declare function resolveTableRenderer(id: TableRendererId): TableRenderer<unknown>;

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

@@ -21,6 +21,9 @@ export function defineTableRenderer(id, shape, impl) {
 export function getTableRenderer(id) {
   return _renderers.get(id);
 }
+export function listTableRenderers() {
+  return Array.from(_renderers.values());
+}
 export function resolveTableRenderer(id) {
   return _renderers.get(id) ?? _renderers.get("table.renderer.text");
 }

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

@@ -1,7 +1,32 @@
 import z from 'zod';
-export declare const localeC: z.ZodObject<{
-    locale: z.ZodString;
+declare const localeCodeC: z.ZodEnum<{
+    zh: "zh";
+    ja: "ja";
+    en: "en";
+    ko: "ko";
+}>;
+export declare const supportedLocales: ("zh" | "ja" | "en" | "ko")[];
+export declare const localeItemC: z.ZodObject<{
+    locale: z.ZodEnum<{
+        zh: "zh";
+        ja: "ja";
+        en: "en";
+        ko: "ko";
+    }>;
     message: z.ZodString;
 }, z.core.$strip>;
+export declare const localeC: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+    locale: z.ZodEnum<{
+        zh: "zh";
+        ja: "ja";
+        en: "en";
+        ko: "ko";
+    }>;
+    message: z.ZodString;
+}, z.core.$strip>>>;
+export type LocaleItem = z.infer<typeof localeItemC>;
+export type LocaleCode = z.infer<typeof localeCodeC>;
+export type LocaleValue = z.infer<typeof localeC>;
 export declare const dotPropC: z.ZodString;
 export declare const expressionC: (tt: ReadonlyArray<RegExp | string> | string | RegExp, vars?: Record<string, string>) => z.ZodString;
+export {};