@shwfed/nuxt 0.8.0 → 0.8.2

package/dist/module.json

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

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

@@ -5,12 +5,12 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     orientation?: "horizontal" | "vertical" | "floating";
-    fields: import("effect").Effect.Effect<ReadonlyArray<Field>>;
+    config: import("effect").Effect.Effect<ReadonlyArray<Field>>;
 } & {
     modelValue?: Record<string, unknown>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: Record<string, unknown>) => any;
-    "update:fields": (args_0: readonly ({
+    "update:config": (args_0: readonly ({
         type: "string";
         path: string;
         title: readonly {
@@ -71,7 +71,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             locale: "zh" | "ja" | "en" | "ko";
             message: string;
         }[];
-        mode: "year" | "month" | "date";
+        mode: "date" | "month" | "year";
         value: string;
         icon?: string | undefined;
         style?: string | undefined;
@@ -86,12 +86,12 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     })[]) => any;
 }, string, import("vue").PublicProps, Readonly<{
     orientation?: "horizontal" | "vertical" | "floating";
-    fields: import("effect").Effect.Effect<ReadonlyArray<Field>>;
+    config: import("effect").Effect.Effect<ReadonlyArray<Field>>;
 } & {
     modelValue?: Record<string, unknown>;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
-    "onUpdate:fields"?: ((args_0: readonly ({
+    "onUpdate:config"?: ((args_0: readonly ({
         type: "string";
         path: string;
         title: readonly {
@@ -152,7 +152,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             locale: "zh" | "ja" | "en" | "ko";
             message: string;
         }[];
-        mode: "year" | "month" | "date";
+        mode: "date" | "month" | "year";
         value: string;
         icon?: string | undefined;
         style?: string | undefined;

package/dist/runtime/components/fields.vue

@@ -5,14 +5,14 @@ defineOptions({
 });
 const props = defineProps({
   orientation: { type: String, required: false, default: "horizontal" },
-  fields: { type: null, required: true }
+  config: { type: null, required: true }
 });
-const emit = defineEmits(["update:fields"]);
+const emit = defineEmits(["update:config"]);
 const modelValue = defineModel("modelValue", { type: Object, ...{
   default: () => ({})
 } });
-function handleFieldsUpdate(fields) {
-  emit("update:fields", fields);
+function handleConfigUpdate(config) {
+  emit("update:config", config);
 }
 </script>
 
@@ -31,8 +31,8 @@ export {
     v-bind="$attrs"
     v-model="modelValue"
     :orientation="props.orientation"
-    :fields="props.fields"
-    @update:fields="handleFieldsUpdate"
+    :fields="props.config"
+    @update:fields="handleConfigUpdate"
   >
     <template
       v-for="(_, slotName) in $slots"

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

@@ -5,12 +5,12 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     orientation?: "horizontal" | "vertical" | "floating";
-    fields: import("effect").Effect.Effect<ReadonlyArray<Field>>;
+    config: import("effect").Effect.Effect<ReadonlyArray<Field>>;
 } & {
     modelValue?: Record<string, unknown>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: Record<string, unknown>) => any;
-    "update:fields": (args_0: readonly ({
+    "update:config": (args_0: readonly ({
         type: "string";
         path: string;
         title: readonly {
@@ -71,7 +71,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             locale: "zh" | "ja" | "en" | "ko";
             message: string;
         }[];
-        mode: "year" | "month" | "date";
+        mode: "date" | "month" | "year";
         value: string;
         icon?: string | undefined;
         style?: string | undefined;
@@ -86,12 +86,12 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     })[]) => any;
 }, string, import("vue").PublicProps, Readonly<{
     orientation?: "horizontal" | "vertical" | "floating";
-    fields: import("effect").Effect.Effect<ReadonlyArray<Field>>;
+    config: import("effect").Effect.Effect<ReadonlyArray<Field>>;
 } & {
     modelValue?: Record<string, unknown>;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
-    "onUpdate:fields"?: ((args_0: readonly ({
+    "onUpdate:config"?: ((args_0: readonly ({
         type: "string";
         path: string;
         title: readonly {
@@ -152,7 +152,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             locale: "zh" | "ja" | "en" | "ko";
             message: string;
         }[];
-        mode: "year" | "month" | "date";
+        mode: "date" | "month" | "year";
         value: string;
         icon?: string | undefined;
         style?: string | undefined;

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

@@ -1,5 +1,5 @@
-import type { TableConfig } from './ui/table/schema.js';
-export type { Accessor, Column, Expression, Markdown, Render, TableConfig } from './ui/table/schema.js';
+import type { TableConfigInput } from './ui/table/schema.js';
+export type { Accessor, Column, Expression, Markdown, Render, TableConfig, TableConfigInput } from './ui/table/schema.js';
 export { AccessorC, ColumnC, RenderC, TableConfigC } from './ui/table/schema.js';
 declare module '@tanstack/vue-table' {
     interface ColumnMeta<TData extends import('@tanstack/vue-table').RowData, TValue> {
@@ -12,7 +12,7 @@ declare module '@tanstack/vue-table' {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    config: import("effect").Effect.Effect<TableConfig>;
+    config?: TableConfigInput | import("effect").Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -73,7 +73,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         paginationPageSizes?: ReadonlyArray<number>;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
-    config: import("effect").Effect.Effect<TableConfig>;
+    config?: TableConfigInput | import("effect").Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }> & Readonly<{

package/dist/runtime/components/table.vue

@@ -5,7 +5,7 @@ defineOptions({
   inheritAttrs: false
 });
 const props = defineProps({
-  config: { type: null, required: true },
+  config: { type: null, required: false },
   data: { type: Array, required: true },
   rowCount: { type: Number, required: false }
 });

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

@@ -1,5 +1,5 @@
-import type { TableConfig } from './ui/table/schema.js';
-export type { Accessor, Column, Expression, Markdown, Render, TableConfig } from './ui/table/schema.js';
+import type { TableConfigInput } from './ui/table/schema.js';
+export type { Accessor, Column, Expression, Markdown, Render, TableConfig, TableConfigInput } from './ui/table/schema.js';
 export { AccessorC, ColumnC, RenderC, TableConfigC } from './ui/table/schema.js';
 declare module '@tanstack/vue-table' {
     interface ColumnMeta<TData extends import('@tanstack/vue-table').RowData, TValue> {
@@ -12,7 +12,7 @@ declare module '@tanstack/vue-table' {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    config: import("effect").Effect.Effect<TableConfig>;
+    config?: TableConfigInput | import("effect").Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -73,7 +73,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         paginationPageSizes?: ReadonlyArray<number>;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
-    config: import("effect").Effect.Effect<TableConfig>;
+    config?: TableConfigInput | import("effect").Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }> & Readonly<{

package/dist/runtime/components/ui/fields/Fields.d.vue.ts

@@ -1,205 +1,8 @@
-import z from 'zod';
 import { Effect } from 'effect';
-export declare const StringFieldC: z.ZodObject<{
-    type: z.ZodLiteral<"string">;
-    path: z.ZodString;
-    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
-        locale: z.ZodEnum<{
-            zh: "zh";
-            ja: "ja";
-            en: "en";
-            ko: "ko";
-        }>;
-        message: z.ZodString;
-    }, z.core.$strip>>>;
-    icon: z.ZodOptional<z.ZodString>;
-    style: z.ZodOptional<z.ZodString>;
-    discardEmptyString: z.ZodOptional<z.ZodBoolean>;
-    maxLength: z.ZodOptional<z.ZodString>;
-    hidden: z.ZodOptional<z.ZodString>;
-    disabled: z.ZodOptional<z.ZodString>;
-    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
-        expression: z.ZodString;
-        message: z.ZodString;
-    }, z.core.$strip>>>>>;
-}, z.core.$strip>;
-export declare const NumberFieldC: z.ZodObject<{
-    type: z.ZodLiteral<"number">;
-    path: z.ZodString;
-    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
-        locale: z.ZodEnum<{
-            zh: "zh";
-            ja: "ja";
-            en: "en";
-            ko: "ko";
-        }>;
-        message: z.ZodString;
-    }, z.core.$strip>>>;
-    icon: z.ZodOptional<z.ZodString>;
-    style: z.ZodOptional<z.ZodString>;
-    min: z.ZodOptional<z.ZodString>;
-    max: z.ZodOptional<z.ZodString>;
-    step: z.ZodOptional<z.ZodString>;
-    hidden: z.ZodOptional<z.ZodString>;
-    disabled: z.ZodOptional<z.ZodString>;
-    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
-        expression: z.ZodString;
-        message: z.ZodString;
-    }, z.core.$strip>>>>>;
-}, z.core.$strip>;
-export declare const SelectFieldC: z.ZodObject<{
-    type: z.ZodLiteral<"select">;
-    path: z.ZodString;
-    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
-        locale: z.ZodEnum<{
-            zh: "zh";
-            ja: "ja";
-            en: "en";
-            ko: "ko";
-        }>;
-        message: z.ZodString;
-    }, z.core.$strip>>>;
-    icon: z.ZodOptional<z.ZodString>;
-    options: z.ZodString;
-    label: z.ZodString;
-    value: z.ZodString;
-    key: z.ZodString;
-    style: z.ZodOptional<z.ZodString>;
-    hidden: z.ZodOptional<z.ZodString>;
-    disabled: z.ZodOptional<z.ZodString>;
-    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
-        expression: z.ZodString;
-        message: z.ZodString;
-    }, z.core.$strip>>>>>;
-}, z.core.$strip>;
-export declare const CalendarFieldC: z.ZodObject<{
-    type: z.ZodLiteral<"calendar">;
-    path: z.ZodString;
-    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
-        locale: z.ZodEnum<{
-            zh: "zh";
-            ja: "ja";
-            en: "en";
-            ko: "ko";
-        }>;
-        message: z.ZodString;
-    }, z.core.$strip>>>;
-    icon: z.ZodOptional<z.ZodString>;
-    style: z.ZodOptional<z.ZodString>;
-    mode: z.ZodEnum<{
-        year: "year";
-        month: "month";
-        date: "date";
-    }>;
-    display: z.ZodOptional<z.ZodString>;
-    value: z.ZodString;
-    disableDate: z.ZodOptional<z.ZodString>;
-    hidden: z.ZodOptional<z.ZodString>;
-    disabled: z.ZodOptional<z.ZodString>;
-    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
-        expression: z.ZodString;
-        message: z.ZodString;
-    }, z.core.$strip>>>>>;
-}, z.core.$strip>;
-export declare const FieldC: z.ZodUnion<readonly [z.ZodObject<{
-    type: z.ZodLiteral<"string">;
-    path: z.ZodString;
-    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
-        locale: z.ZodEnum<{
-            zh: "zh";
-            ja: "ja";
-            en: "en";
-            ko: "ko";
-        }>;
-        message: z.ZodString;
-    }, z.core.$strip>>>;
-    icon: z.ZodOptional<z.ZodString>;
-    style: z.ZodOptional<z.ZodString>;
-    discardEmptyString: z.ZodOptional<z.ZodBoolean>;
-    maxLength: z.ZodOptional<z.ZodString>;
-    hidden: z.ZodOptional<z.ZodString>;
-    disabled: z.ZodOptional<z.ZodString>;
-    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
-        expression: z.ZodString;
-        message: z.ZodString;
-    }, z.core.$strip>>>>>;
-}, z.core.$strip>, z.ZodObject<{
-    type: z.ZodLiteral<"number">;
-    path: z.ZodString;
-    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
-        locale: z.ZodEnum<{
-            zh: "zh";
-            ja: "ja";
-            en: "en";
-            ko: "ko";
-        }>;
-        message: z.ZodString;
-    }, z.core.$strip>>>;
-    icon: z.ZodOptional<z.ZodString>;
-    style: z.ZodOptional<z.ZodString>;
-    min: z.ZodOptional<z.ZodString>;
-    max: z.ZodOptional<z.ZodString>;
-    step: z.ZodOptional<z.ZodString>;
-    hidden: z.ZodOptional<z.ZodString>;
-    disabled: z.ZodOptional<z.ZodString>;
-    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
-        expression: z.ZodString;
-        message: z.ZodString;
-    }, z.core.$strip>>>>>;
-}, z.core.$strip>, z.ZodObject<{
-    type: z.ZodLiteral<"select">;
-    path: z.ZodString;
-    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
-        locale: z.ZodEnum<{
-            zh: "zh";
-            ja: "ja";
-            en: "en";
-            ko: "ko";
-        }>;
-        message: z.ZodString;
-    }, z.core.$strip>>>;
-    icon: z.ZodOptional<z.ZodString>;
-    options: z.ZodString;
-    label: z.ZodString;
-    value: z.ZodString;
-    key: z.ZodString;
-    style: z.ZodOptional<z.ZodString>;
-    hidden: z.ZodOptional<z.ZodString>;
-    disabled: z.ZodOptional<z.ZodString>;
-    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
-        expression: z.ZodString;
-        message: z.ZodString;
-    }, z.core.$strip>>>>>;
-}, z.core.$strip>, z.ZodObject<{
-    type: z.ZodLiteral<"calendar">;
-    path: z.ZodString;
-    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
-        locale: z.ZodEnum<{
-            zh: "zh";
-            ja: "ja";
-            en: "en";
-            ko: "ko";
-        }>;
-        message: z.ZodString;
-    }, z.core.$strip>>>;
-    icon: z.ZodOptional<z.ZodString>;
-    style: z.ZodOptional<z.ZodString>;
-    mode: z.ZodEnum<{
-        year: "year";
-        month: "month";
-        date: "date";
-    }>;
-    display: z.ZodOptional<z.ZodString>;
-    value: z.ZodString;
-    disableDate: z.ZodOptional<z.ZodString>;
-    hidden: z.ZodOptional<z.ZodString>;
-    disabled: z.ZodOptional<z.ZodString>;
-    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
-        expression: z.ZodString;
-        message: z.ZodString;
-    }, z.core.$strip>>>>>;
-}, z.core.$strip>]>;
-export type Field = z.infer<typeof FieldC>;
+import z from 'zod';
+import { FieldC } from './schema.js';
+export { CalendarFieldC, FieldC, NumberFieldC, SelectFieldC, StringFieldC, ValidationRuleC, validationC, } from './schema.js';
+export type { Field, ValidationRule } from './schema.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
@@ -270,7 +73,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             locale: "zh" | "ja" | "en" | "ko";
             message: string;
         }[];
-        mode: "year" | "month" | "date";
+        mode: "date" | "month" | "year";
         value: string;
         icon?: string | undefined;
         style?: string | undefined;
@@ -351,7 +154,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             locale: "zh" | "ja" | "en" | "ko";
             message: string;
         }[];
-        mode: "year" | "month" | "date";
+        mode: "date" | "month" | "year";
         value: string;
         icon?: string | undefined;
         style?: string | undefined;

package/dist/runtime/components/ui/fields/Fields.vue

@@ -1,93 +1,27 @@
-<script>
-import { Icon } from "@iconify/vue";
+<script setup>
 import { useNuxtApp } from "#app";
+import { computedAsync } from "@vueuse/core";
+import { TZDate } from "@date-fns/tz";
+import { CalendarDate, getLocalTimeZone } from "@internationalized/date";
+import { Icon } from "@iconify/vue";
+import { Effect } from "effect";
+import { format, parse } from "date-fns";
+import { deleteProperty, getProperty, hasProperty, setProperty } from "dot-prop";
 import { ref, toRaw, useId, watch, watchEffect } from "vue";
-import { Field, FieldContent, FieldError, FieldLabel } from "../field";
+import { useI18n } from "vue-i18n";
+import z from "zod";
+import { useCheating } from "#imports";
+import { Calendar } from "../calendar";
 import { Button } from "../button";
-import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupCombobox, InputGroupInput, InputGroupNumberField } from "../input-group";
 import { CommandGroup, CommandItem } from "../command";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip";
+import { Field, FieldContent, FieldError, FieldLabel } from "../field";
+import FieldsConfiguratorDialog from "../fields-configurator/FieldsConfiguratorDialog.vue";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupCombobox, InputGroupInput, InputGroupNumberField } from "../input-group";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../popover";
-import { Calendar } from "../calendar";
-import { useI18n } from "vue-i18n";
-import { deleteProperty, getProperty, hasProperty, setProperty } from "dot-prop";
-import { useCheating } from "#imports";
 import { Skeleton } from "../skeleton";
-import z from "zod";
-import { Effect } from "effect";
-import { computedAsync } from "@vueuse/core";
-import { getLocalizedText, localeC, dotPropC, expressionC } from "../../../utils/coders";
-import { CalendarDate, getLocalTimeZone } from "@internationalized/date";
-import { format, parse } from "date-fns";
-import { TZDate } from "@date-fns/tz";
-import FieldsConfiguratorDialog from "../fields-configurator/FieldsConfiguratorDialog.vue";
-const ValidationRuleC = z.object({
-  expression: expressionC("bool", { value: "dyn", form: "map<string, dyn>" }).describe("\u8FD4\u56DE\u5E03\u5C14\u503C\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u53EF\u4F7F\u7528 value \u548C form \u53D8\u91CF"),
-  message: z.string().describe("\u6821\u9A8C\u5931\u8D25\u65F6\u5C55\u793A\u7684 Markdown \u6D88\u606F\uFF0C\u53EF\u5728 {{ expression }} \u4E2D\u4F7F\u7528 value \u548C form \u53D8\u91CF")
-}).readonly();
-const validationC = z.array(ValidationRuleC).readonly().optional().describe("\u5B57\u6BB5\u5931\u7126\u65F6\u6309\u987A\u5E8F\u6267\u884C\u7684\u6821\u9A8C\u89C4\u5219\uFF0C\u547D\u4E2D\u7B2C\u4E00\u4E2A\u5931\u8D25\u89C4\u5219\u540E\u505C\u6B62");
-export const StringFieldC = z.object({
-  type: z.literal("string").describe("\u5355\u884C\u6587\u672C\u8F93\u5165\u5B57\u6BB5\uFF0C\u7ED1\u5B9A string \u7C7B\u578B\u7684\u503C"),
-  path: dotPropC,
-  title: localeC.describe("\u5B57\u6BB5\u6807\u7B7E\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
-  icon: z.string().optional().describe("Iconify \u56FE\u6807\u6807\u8BC6\u7B26\uFF0C\u663E\u793A\u5728\u8F93\u5165\u6846\u5185\u4FA7"),
-  style: z.string().optional().describe("CSS \u6837\u5F0F\u5BF9\u8C61\u8868\u8FBE\u5F0F\uFF0C\u63A7\u5236\u5B57\u6BB5\u7684\u5E03\u5C40\u4E0E\u5916\u89C2"),
-  discardEmptyString: z.boolean().optional().describe("\u4E3A true \u65F6\uFF0C\u7A7A\u5B57\u7B26\u4E32\u4F5C\u4E3A\u6709\u6548\u503C\u5B58\u50A8\uFF1B\u5426\u5219\u6E05\u7A7A\u8F93\u5165\u5C06\u5220\u9664\u5BF9\u5E94\u5C5E\u6027"),
-  maxLength: expressionC("int").optional().describe('\u8FD4\u56DE\u6574\u6570\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u9650\u5236\u8F93\u5165\u7684\u6700\u5927\u5B57\u7B26\u6570\uFF0C\u5982 "100"'),
-  hidden: expressionC("bool", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5"),
-  disabled: expressionC("bool", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5"),
-  validation: validationC
-});
-export const NumberFieldC = z.object({
-  type: z.literal("number").describe("\u6570\u5B57\u8F93\u5165\u5B57\u6BB5\uFF0C\u7ED1\u5B9A number \u7C7B\u578B\u7684\u503C"),
-  path: dotPropC,
-  title: localeC.describe("\u5B57\u6BB5\u6807\u7B7E\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
-  icon: z.string().optional().describe("Iconify \u56FE\u6807\u6807\u8BC6\u7B26\uFF0C\u663E\u793A\u5728\u8F93\u5165\u6846\u5185\u4FA7"),
-  style: z.string().optional().describe("CSS \u6837\u5F0F\u5BF9\u8C61\u8868\u8FBE\u5F0F\uFF0C\u63A7\u5236\u5B57\u6BB5\u7684\u5E03\u5C40\u4E0E\u5916\u89C2"),
-  min: expressionC("double").optional().describe('\u8FD4\u56DE\u6D6E\u70B9\u6570\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u9650\u5236\u5141\u8BB8\u7684\u6700\u5C0F\u503C\uFF0C\u5982 "0.0"'),
-  max: expressionC("double").optional().describe('\u8FD4\u56DE\u6D6E\u70B9\u6570\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u9650\u5236\u5141\u8BB8\u7684\u6700\u5927\u503C\uFF0C\u5982 "100.0"'),
-  step: expressionC("double").optional().describe('\u8FD4\u56DE\u6D6E\u70B9\u6570\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u63A7\u5236\u6570\u503C\u9012\u589E\u6B65\u957F\uFF0C\u5982 "0.5"'),
-  hidden: expressionC("bool", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5"),
-  disabled: expressionC("bool", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5"),
-  validation: validationC
-});
-export const SelectFieldC = z.object({
-  type: z.literal("select").describe("\u4E0B\u62C9\u9009\u62E9\u5B57\u6BB5\uFF0C\u4ECE\u9884\u5B9A\u4E49\u9009\u9879\u4E2D\u9009\u53D6\u4E00\u4E2A\u503C"),
-  path: dotPropC,
-  title: localeC.describe("\u5B57\u6BB5\u6807\u7B7E\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
-  icon: z.string().optional().describe("Iconify \u56FE\u6807\u6807\u8BC6\u7B26\uFF0C\u663E\u793A\u5728\u8F93\u5165\u6846\u5185\u4FA7"),
-  options: expressionC(/^list/).describe("\u5168\u90E8\u5019\u9009\u9879"),
-  label: expressionC("string", { option: "dyn" }).describe("\u8FD4\u56DE\u5B57\u7B26\u4E32\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u63D0\u4F9B option \u53D8\u91CF\uFF0C\u751F\u6210\u8BE5\u9009\u9879\u7684\u663E\u793A\u6587\u672C"),
-  value: expressionC(/.+/, { option: "dyn" }).describe("\u8FD4\u56DE\u4EFB\u610F\u503C\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u63D0\u4F9B option \u53D8\u91CF\uFF0C\u8FD4\u56DE\u503C\u5C06\u88AB\u5199\u5165\u7ED1\u5B9A\u5B57\u6BB5"),
-  key: expressionC("string", { option: "dyn" }).describe("\u8FD4\u56DE\u5B57\u7B26\u4E32\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u63D0\u4F9B option \u53D8\u91CF\uFF0C\u8FD4\u56DE\u503C\u4E0E\u9009\u9879\u6784\u6210\u5168\u6620\u5C04"),
-  style: z.string().optional().describe("CSS \u6837\u5F0F\u5BF9\u8C61\u8868\u8FBE\u5F0F\uFF0C\u63A7\u5236\u5B57\u6BB5\u7684\u5E03\u5C40\u4E0E\u5916\u89C2"),
-  hidden: expressionC("bool", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5"),
-  disabled: expressionC("bool", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5"),
-  validation: validationC
-});
-export const CalendarFieldC = z.object({
-  type: z.literal("calendar").describe("\u65E5\u671F\u9009\u62E9\u5B57\u6BB5\uFF0C\u901A\u8FC7\u5F39\u51FA\u65E5\u5386\u9762\u677F\u9009\u62E9\u65E5\u671F"),
-  path: dotPropC,
-  title: localeC.describe("\u5B57\u6BB5\u6807\u7B7E\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
-  icon: z.string().optional().describe("Iconify \u56FE\u6807\u6807\u8BC6\u7B26\uFF0C\u663E\u793A\u5728\u8F93\u5165\u6846\u5185\u4FA7"),
-  style: z.string().optional().describe("CSS \u6837\u5F0F\u5BF9\u8C61\u8868\u8FBE\u5F0F\uFF0C\u63A7\u5236\u5B57\u6BB5\u7684\u5E03\u5C40\u4E0E\u5916\u89C2"),
-  mode: z.enum(["year", "month", "date"]).describe("\u65E5\u5386\u9009\u62E9\u7CBE\u5EA6\uFF1Ayear \u4EC5\u9009\u5E74\uFF0Cmonth \u9009\u5E74\u6708\uFF0Cdate \u9009\u5E74\u6708\u65E5"),
-  display: z.string().optional().describe('date-fns \u683C\u5F0F\u5B57\u7B26\u4E32\uFF0C\u63A7\u5236\u8F93\u5165\u6846\u4E2D\u7684\u5C55\u793A\u683C\u5F0F\uFF0C\u5982 "yyyy\u5E74MM\u6708dd\u65E5"\uFF1B\u7559\u7A7A\u5219\u663E\u793A\u539F\u59CB\u5B58\u50A8\u503C'),
-  value: z.string().describe('date-fns \u683C\u5F0F\u5B57\u7B26\u4E32\uFF0C\u5B9A\u4E49\u65E5\u671F\u5728 model \u4E2D\u7684\u5B58\u50A8\u683C\u5F0F\uFF0C\u5982 "yyyy-MM-dd"'),
-  disableDate: expressionC("bool", { date: "Date" }).optional().describe("\u8FD4\u56DE\u5E03\u5C14\u503C\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u4EE5 date\uFF08Date \u7C7B\u578B\uFF09\u4E3A\u53D8\u91CF\uFF0C\u8FD4\u56DE true \u65F6\u8BE5\u65E5\u671F\u5728\u65E5\u5386\u4E2D\u88AB\u7981\u7528"),
-  hidden: expressionC("bool", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5"),
-  disabled: expressionC("bool", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5"),
-  validation: validationC
-});
-export const FieldC = z.union([
-  StringFieldC,
-  NumberFieldC,
-  SelectFieldC,
-  CalendarFieldC
-]);
-</script>
-
-<script setup>
+import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip";
+import { getLocalizedText } from "../../../utils/coders";
+import { FieldC } from "./schema";
 const id = useId();
 const props = defineProps({
   orientation: { type: String, required: false, default: "horizontal" },
@@ -210,10 +144,22 @@ watchEffect(() => {
 });
 </script>
 
+<script>
+export {
+  CalendarFieldC,
+  FieldC,
+  NumberFieldC,
+  SelectFieldC,
+  StringFieldC,
+  ValidationRuleC,
+  validationC
+} from "./schema";
+</script>
+
 <template>
   <div
     :class="[
-  'relative p-1 border border-dashed',
+  'relative p-1 -m-1 border border-dashed',
   isCheating ? 'border-(--primary)/20 rounded hover:border-(--primary)/40 transition-colors duration-150 group cursor-pointer' : 'border-transparent'
 ]"
   >