@shwfed/config 2.4.0 → 2.5.0

package/dist/runtime/components/table/index.vue

@@ -95,7 +95,13 @@ function getLocaleText(value) {
   return getLocalizedText(value, locale.value);
 }
 function mergeCelContext(local) {
-  return { ...celBindings(inheritedContext), query: queryState.value, ...local };
+  return { ...celBindings(inheritedContext), query: queryState.value, sorts: currentSorts(), ...local };
+}
+function currentSorts() {
+  const sortKeyById = new Map(
+    (config.value?.columns ?? []).map((c) => [c.id, c.sortKey]).filter((e) => typeof e[1] === "string" && e[1].length > 0)
+  );
+  return tableApi.getState().sorting.map((s) => ({ key: sortKeyById.get(s.id), mode: s.desc ? "desc" : "asc" })).filter((s) => s.key !== void 0);
 }
 function translateColumn(column) {
   const entry = findColumn(column.type, column.compatibilityDate);
@@ -222,6 +228,11 @@ const tableApi = useVueTable({
   get manualPagination() {
     return isManualPagination.value;
   },
+  // Defer to server order under server pagination — the page only holds one
+  // server-sorted slice, so client re-sorting it would be wrong.
+  get manualSorting() {
+    return isManualPagination.value;
+  },
   get rowCount() {
     return isManualPagination.value ? serverTotal.value : void 0;
   },
@@ -256,6 +267,14 @@ provideCELContext({
     get value() {
       return queryState.value;
     }
+  },
+  sorts: {
+    type: "list<map<string, string>>",
+    label: "\u6392\u5E8F\u72B6\u6001",
+    description: '\u5F53\u524D\u6392\u5E8F\u5217\u8868\uFF0C\u6BCF\u9879\u4E3A `{key, mode}`\uFF1B`key` \u53D6\u81EA\u5217\u7684\u300C\u6392\u5E8F\u5B57\u6BB5\u300D(sortKey)\uFF0C`mode` \u4E3A `"asc"`/`"desc"`\uFF1B\u672A\u6392\u5E8F\u65F6\u4E3A\u7A7A\u6570\u7EC4\u3002',
+    get value() {
+      return currentSorts();
+    }
   }
 });
 provideSharedFetchLayer();
@@ -423,7 +442,8 @@ watch(
   () => {
     if (!isManualPagination.value) return null;
     const { pageIndex, pageSize } = tableApi.getState().pagination;
-    return `${pageIndex}:${pageSize}`;
+    const sorting = tableApi.getState().sorting;
+    return `${pageIndex}:${pageSize}:${JSON.stringify(sorting)}`;
   },
   (next, prev) => {
     if (next !== null && next !== prev) void fetchDataSource();

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

@@ -96,6 +96,8 @@ export declare const ColumnGroup: Schema.Struct<{
     }>]>>;
 }>;
 export declare function configureTableActionsScope(env: Environment, configure: (env: Environment) => void): void;
+export declare function registerDataSourceRequestVars(env: Environment): void;
+export declare function registerDataSourceResponseVars(env: Environment): void;
 export declare function DataSource(configure: (env: Environment) => void, extras?: {
     request?: (env: Environment) => void;
     data?: (env: Environment) => void;
@@ -104,9 +106,9 @@ export declare function DataSource(configure: (env: Environment) => void, extras
     data: Schema.Schema<string, string, never>;
 }>;
 export declare function tableDataSource(configure: (env: Environment) => void): Schema.Struct<{
-    total: Schema.optional<Schema.Schema<string, string, never>>;
     request: Schema.optional<Schema.Schema<string, string, never>>;
     data: Schema.Schema<string, string, never>;
+    total: Schema.optional<Schema.Schema<string, string, never>>;
 }>;
 export declare function TableConfig(configure: (env: Environment) => void): Schema.refine<{
     readonly style?: string | undefined;
@@ -304,9 +306,9 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
         default: () => never[];
     }>;
     dataSource: Schema.optional<Schema.Struct<{
-        total: Schema.optional<Schema.Schema<string, string, never>>;
         request: Schema.optional<Schema.Schema<string, string, never>>;
         data: Schema.Schema<string, string, never>;
+        total: Schema.optional<Schema.Schema<string, string, never>>;
     }>>;
     actions: Schema.optional<Schema.Struct<{
         size: Schema.optionalWith<Schema.Literal<["default", "sm", "xs"]>, {

package/dist/runtime/components/table/schema.js

@@ -1,6 +1,7 @@
 import { Schema } from "effect";
 import { Expression } from "../../share/expression.js";
 import { Locale } from "../../share/locale.js";
+import { md } from "../../share/markdown.js";
 import { ActionSchemaFields } from "../actions/schema.js";
 import { FormConfig } from "../form/schema.js";
 import { allColumnSchemas } from "./utils/resolve.js";
@@ -127,6 +128,15 @@ export const ColumnGroup = Schema.Struct({
   description: "\u5217\u5206\u7EC4\u5B9A\u4E49"
 });
 const QUERY_VAR_DESCRIPTION = "\u641C\u7D22\u6761\u4EF6\u5F53\u524D\u72B6\u6001\uFF1B\u672A\u914D\u7F6E\u641C\u7D22\u6761\u4EF6\u65F6\u4E3A\u7A7A\u5BF9\u8C61";
+const JSON_VAR_DESCRIPTION = "\u5DF2\u89E3\u6790\u7684 JSON \u54CD\u5E94\uFF1B\u672A\u914D\u7F6E `request` \u65F6\u4E3A `none`";
+const SORTS_VAR_DESCRIPTION = md`
+  当前的排序状态，为一个**列表**，每个元素包含两个字段：
+
+  - \`key: string\` 为该列上配置的键
+  - \`mode: 'asc' | 'desc'\` 为该列的排序状态
+
+  未排序的字段，**不会出现在这个列表中**。
+`;
 export function configureTableActionsScope(env, configure) {
   configure(env);
   env.registerVariable("selected", "list<dyn>", {
@@ -137,6 +147,38 @@ export function configureTableActionsScope(env, configure) {
     label: "\u641C\u7D22\u6761\u4EF6",
     description: QUERY_VAR_DESCRIPTION
   });
+  env.registerVariable("sorts", "list<map<string, string>>", {
+    label: "\u6392\u5E8F\u72B6\u6001",
+    description: SORTS_VAR_DESCRIPTION
+  });
+}
+export function registerDataSourceRequestVars(env) {
+  env.registerVariable("pageIndex", "number", {
+    label: "\u5F53\u524D\u9875\u7801",
+    description: "\u4ECE `0` \u5F00\u59CB\uFF1B\u672A\u542F\u7528\u5206\u9875\u65F6\u4E3A `0`"
+  });
+  env.registerVariable("pageSize", "number", {
+    label: "\u6BCF\u9875\u884C\u6570",
+    description: "\u5F53\u524D\u6BCF\u9875\u884C\u6570\uFF1B\u672A\u542F\u7528\u5206\u9875\u65F6\u4E3A `0`"
+  });
+  env.registerVariable("sorts", "list<map<string, string>>", {
+    label: "\u6392\u5E8F\u72B6\u6001",
+    description: SORTS_VAR_DESCRIPTION
+  });
+  env.registerVariable("query", "dyn", {
+    label: "\u641C\u7D22\u6761\u4EF6",
+    description: QUERY_VAR_DESCRIPTION
+  });
+}
+export function registerDataSourceResponseVars(env) {
+  env.registerVariable("json", "optional<dyn>", {
+    label: "HTTP \u54CD\u5E94\u4F53",
+    description: JSON_VAR_DESCRIPTION
+  });
+  env.registerVariable("query", "dyn", {
+    label: "\u641C\u7D22\u6761\u4EF6",
+    description: QUERY_VAR_DESCRIPTION
+  });
 }
 export function DataSource(configure, extras) {
   const CelRequest = Expression({
@@ -171,28 +213,36 @@ export function DataSource(configure, extras) {
   });
 }
 export function tableDataSource(configure) {
-  const base = DataSource(configure, {
-    request: (env) => {
-      env.registerVariable("pageIndex", "number", { description: "\u5F53\u524D\u9875\u7801\uFF08\u4ECE 0 \u5F00\u59CB\uFF09\uFF1B\u672A\u542F\u7528\u5206\u9875\u65F6\u4E3A 0" });
-      env.registerVariable("pageSize", "number", { description: "\u6BCF\u9875\u884C\u6570\uFF1B\u672A\u542F\u7528\u5206\u9875\u65F6\u4E3A 0" });
-      env.registerVariable("query", "dyn", { description: QUERY_VAR_DESCRIPTION });
+  const CelRequest = Expression({
+    configure: (env) => {
+      configure(env);
+      registerDataSourceRequestVars(env);
     },
-    data: (env) => {
-      env.registerVariable("query", "dyn", { description: QUERY_VAR_DESCRIPTION });
-    }
+    resultType: "HttpRequest"
+  });
+  const CelRows = Expression({
+    configure: (env) => {
+      configure(env);
+      registerDataSourceResponseVars(env);
+    },
+    resultType: (type) => type.startsWith("list") || type === "dyn" || type.startsWith("optional")
   });
   const CelTotal = Expression({
     configure: (env) => {
       configure(env);
-      env.registerVariable("json", "optional<dyn>", {
-        description: "HTTP \u54CD\u5E94\u4F53\uFF08\u5DF2\u89E3\u6790 JSON\uFF09\uFF1B\u672A\u914D\u7F6E request \u65F6\u4E3A none"
-      });
-      env.registerVariable("query", "dyn", { description: QUERY_VAR_DESCRIPTION });
+      registerDataSourceResponseVars(env);
     },
     resultType: (type) => type === "number" || type === "dyn" || type.startsWith("optional")
   });
   return Schema.Struct({
-    ...base.fields,
+    request: Schema.optional(CelRequest).annotations({
+      title: "\u8BF7\u6C42",
+      description: "\u53EF\u9009\u7684 HTTP \u8BF7\u6C42\u8868\u8FBE\u5F0F\uFF1B\u672A\u914D\u7F6E\u65F6\u6570\u636E\u4ECE `data` \u8868\u8FBE\u5F0F\u4E2D\u8BFB\u53D6\uFF08\u901A\u5E38\u5F15\u7528\u4E0A\u4E0B\u6587\u53D8\u91CF\uFF09"
+    }),
+    data: CelRows.annotations({
+      title: "\u6570\u636E",
+      description: "\u8FD4\u56DE\u884C\u6570\u636E\u5217\u8868\uFF08`list<dyn>`\uFF09\u7684 CEL \u8868\u8FBE\u5F0F\uFF1B\u5728\u914D\u7F6E\u4E86 `request` \u65F6\u53EF\u901A\u8FC7 `json` \u5F15\u7528\u54CD\u5E94\u4F53"
+    }),
     total: Schema.optional(CelTotal).annotations({
       title: "\u603B\u6570",
       description: "\u8FD4\u56DE\u603B\u884C\u6570\uFF08`number`\uFF09\u7684 CEL \u8868\u8FBE\u5F0F\uFF1B\u914D\u7F6E\u540E\u542F\u7528\u670D\u52A1\u7AEF\u5206\u9875\uFF0C\u7559\u7A7A\u5219\u8D70\u524D\u7AEF\u5206\u9875"
@@ -283,6 +333,12 @@ export function TableConfig(configure) {
     if (cfg.dataSource?.total !== void 0 && cfg.pagination === void 0) {
       return "\u914D\u7F6E\u4E86 dataSource.total \u65F6\u5FC5\u987B\u542F\u7528\u5206\u9875";
     }
+    for (const col of cfg.columns) {
+      const c = col;
+      if (c.enableSorting === true && (c.sortKey === void 0 || c.sortKey.length === 0)) {
+        return "\u542F\u7528\u6392\u5E8F\u7684\u5217\u5FC5\u987B\u586B\u5199\u300C\u6392\u5E8F\u5B57\u6BB5\u300D(sortKey)";
+      }
+    }
     return true;
   })).annotations({
     title: "TableConfig",

package/dist/runtime/components/table/utils/shared.d.ts

@@ -17,6 +17,7 @@ export declare function columnFields(configure: (env: Environment) => void): {
     }>]>;
     accessor: Schema.Schema<string, string, never>;
     enableSorting: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+    sortKey: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     size: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
     grow: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
     tooltip: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
@@ -39,6 +40,7 @@ export declare function editableColumnFields(): {
     }>]>;
     binding: Schema.refine<string, typeof Schema.String>;
     enableSorting: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+    sortKey: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     size: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
     grow: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
     tooltip: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{

package/dist/runtime/components/table/utils/shared.js

@@ -36,9 +36,13 @@ export function columnFields(configure) {
         | 数据量 | **全量**，能够跨越多页 | 当前页 |
         | 开发量 | 需要后端支持，可能影响性能 | **配置即启用，无需后端支持** |
 
-        注意：对于服务端排序，除了在这里打开排序开关，你还需要在「通用配置 → 数据源 → 请求」处，**将正在排序字段、排序状态传给后端**。
+        注意：对于服务端排序，除了在这里打开排序开关，你还需要在「通用配置 → 数据源 → 请求」处，通过 \`sorts\` 变量**将各列「排序字段」(sortKey)、排序方向传给后端**。
       `
     })),
+    sortKey: Schema.optional(Schema.String.pipe(Schema.minLength(1)).annotations({
+      title: "\u6392\u5E8F\u5B57\u6BB5",
+      description: "\u670D\u52A1\u7AEF\u6392\u5E8F\u65F6\u901A\u8FC7\u6570\u636E\u6E90\u8BF7\u6C42\u7684 `sorts` \u53D8\u91CF\u4F20\u7ED9\u540E\u7AEF\u7684\u5B57\u6BB5\u6807\u8BC6\uFF1B\u542F\u7528\u6392\u5E8F\u65F6\u5FC5\u586B"
+    })),
     size: Schema.optional(Schema.Number.pipe(Schema.finite(), Schema.positive()).annotations({
       title: "\u5217\u5BBD",
       description: "\u6307\u5B9A\u4E00\u4E2A\u5408\u9002\u7684\u8868\u683C\u5217\u5BBD\u5EA6\uFF0C\u5F53\u5217\u5185\u5BB9\u957F\u5EA6\u5927\u4E8E\u8FD9\u91CC\u6307\u5B9A\u7684\u5BBD\u5EA6\u540E\uFF0C\u4F1A\u5BFC\u81F4\u8D85\u51FA\u7684\u90E8\u5206\u88AB\u622A\u65AD\u3002"
@@ -57,7 +61,11 @@ export function editableColumnFields() {
     }),
     enableSorting: Schema.optional(Schema.Boolean.annotations({
       title: "\u5141\u8BB8\u6392\u5E8F",
-      description: "\u663E\u793A\u6392\u5E8F\u6309\u94AE\uFF1B\u542F\u7528\u5BA2\u6237\u7AEF\u6392\u5E8F\uFF0C\u6309\u5F53\u524D `binding` \u8DEF\u5F84\u4E0A\u7684\u503C\u6392\u5E8F"
+      description: "\u663E\u793A\u6392\u5E8F\u6309\u94AE\uFF1B\u5BA2\u6237\u7AEF\u6392\u5E8F\u6309\u5F53\u524D `binding` \u8DEF\u5F84\u4E0A\u7684\u503C\u6392\u5E8F\uFF0C\u670D\u52A1\u7AEF\u6392\u5E8F\u5219\u901A\u8FC7\u6570\u636E\u6E90\u8BF7\u6C42\u7684 `sorts` \u53D8\u91CF\u5C06\u300C\u6392\u5E8F\u5B57\u6BB5\u300D(sortKey) \u4F20\u7ED9\u540E\u7AEF"
+    })),
+    sortKey: Schema.optional(Schema.String.pipe(Schema.minLength(1)).annotations({
+      title: "\u6392\u5E8F\u5B57\u6BB5",
+      description: "\u670D\u52A1\u7AEF\u6392\u5E8F\u65F6\u901A\u8FC7\u6570\u636E\u6E90\u8BF7\u6C42\u7684 `sorts` \u53D8\u91CF\u4F20\u7ED9\u540E\u7AEF\u7684\u5B57\u6BB5\u6807\u8BC6\uFF1B\u542F\u7528\u6392\u5E8F\u65F6\u5FC5\u586B"
     })),
     size: Schema.optional(Schema.Number.pipe(Schema.finite(), Schema.positive()).annotations({
       title: "\u5217\u5BBD",
@@ -84,10 +92,10 @@ export function editableHeader(titleText) {
 export function registerRowVariablesIfAbsent(env) {
   const declared = new Set(env.getDefinitions().variables.map((v) => v.name));
   if (!declared.has("row")) {
-    env.registerVariable("row", "dyn", { description: "\u5F53\u524D\u884C\u6570\u636E" });
+    env.registerVariable("row", "dyn", { label: "\u5F53\u524D\u884C", description: "\u5F53\u524D\u884C\u6570\u636E" });
   }
   if (!declared.has("index")) {
-    env.registerVariable("index", "number", { description: "\u884C\u7D22\u5F15" });
+    env.registerVariable("index", "number", { label: "\u884C\u5E8F\u53F7", description: "\u884C\u7D22\u5F15" });
   }
 }
 function configureWithRow(configure) {

package/dist/runtime/components/ui/field/FieldError.vue

@@ -28,7 +28,7 @@ const content = computed(() => {
     v-if="$slots.default || content"
     role="alert"
     data-slot="field-error"
-    :class="cn('absolute left-0 top-full z-10 max-w-full pt-0.25 text-red-600 text-xs leading-tight font-normal', props.class)"
+    :class="cn('max-w-full pt-0.25 text-red-600 text-xs leading-tight font-normal', props.class)"
   >
     <slot v-if="$slots.default" />
 

package/dist/runtime/components/ui/field/FieldMessages.d.vue.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    errors?: ReadonlyArray<string>;
+    warnings?: ReadonlyArray<string>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/field/FieldMessages.vue

@@ -0,0 +1,21 @@
+<script setup>
+import { cn } from "../../../utils/cn";
+import FieldError from "./FieldError.vue";
+import FieldWarning from "./FieldWarning.vue";
+const props = defineProps({
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+  errors: { type: Array, required: false },
+  warnings: { type: Array, required: false }
+});
+</script>
+
+<template>
+  <div
+    v-if="errors && errors.length || warnings && warnings.length"
+    data-slot="field-messages"
+    :class="cn('absolute left-0 top-full z-10 flex w-full flex-col gap-0.5', props.class)"
+  >
+    <FieldError :errors="errors ? [...errors] : void 0" />
+    <FieldWarning :errors="warnings ? [...warnings] : void 0" />
+  </div>
+</template>

package/dist/runtime/components/ui/field/FieldMessages.vue.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    errors?: ReadonlyArray<string>;
+    warnings?: ReadonlyArray<string>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/field/FieldWarning.d.vue.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    errors?: Array<string | {
+        message: string | undefined;
+    } | undefined>;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/field/FieldWarning.vue

@@ -0,0 +1,51 @@
+<script setup>
+import { computed } from "vue";
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+  errors: { type: Array, required: false }
+});
+const content = computed(() => {
+  if (!props.errors || props.errors.length === 0)
+    return null;
+  const unique = [
+    ...new Map(
+      props.errors.filter(Boolean).map((error) => {
+        const message = typeof error === "string" ? error : error?.message;
+        return [message, error];
+      })
+    ).values()
+  ];
+  if (unique.length === 1 && unique[0]) {
+    return typeof unique[0] === "string" ? unique[0] : unique[0].message;
+  }
+  return unique.map((error) => typeof error === "string" ? error : error?.message);
+});
+</script>
+
+<template>
+  <div
+    v-if="$slots.default || content"
+    role="status"
+    data-slot="field-warning"
+    :class="cn('max-w-full pt-0.25 text-amber-600 text-xs leading-tight font-normal', props.class)"
+  >
+    <slot v-if="$slots.default" />
+
+    <template v-else-if="typeof content === 'string'">
+      {{ content }}
+    </template>
+
+    <ul
+      v-else-if="Array.isArray(content)"
+      class="ml-3 flex list-disc flex-col gap-0.5"
+    >
+      <li
+        v-for="(warning, index) in content"
+        :key="index"
+      >
+        {{ warning }}
+      </li>
+    </ul>
+  </div>
+</template>

package/dist/runtime/components/ui/field/FieldWarning.vue.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    errors?: Array<string | {
+        message: string | undefined;
+    } | undefined>;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -10,6 +10,8 @@ export { default as FieldError } from './FieldError.vue.js';
 export { default as FieldGroup } from './FieldGroup.vue.js';
 export { default as FieldLabel } from './FieldLabel.vue.js';
 export { default as FieldLegend } from './FieldLegend.vue.js';
+export { default as FieldMessages } from './FieldMessages.vue.js';
 export { default as FieldSeparator } from './FieldSeparator.vue.js';
+export { default as FieldWarning } from './FieldWarning.vue.js';
 export { default as FieldSet } from './FieldSet.vue.js';
 export { default as FieldTitle } from './FieldTitle.vue.js';

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

@@ -1,6 +1,6 @@
 import { cva } from "class-variance-authority";
 export const fieldVariants = cva(
-  "group/field flex w-full gap-2 data-[invalid=true]:text-red-400",
+  "group/field relative flex w-full gap-2 data-[invalid=true]:text-red-400",
   {
     variants: {
       orientation: {
@@ -25,11 +25,15 @@ export const fieldVariants = cva(
           "**:data-[slot=field-label]:px-1",
           "**:data-[slot=field-label]:text-sm",
           "has-data-[value=true]:**:data-[slot=field-label]:text-[0.625rem]",
-          "has-[[data-slot=input-group-control]:focus]:**:data-[slot=field-label]:top-0",
+          // Float on focus via `focus-within`, NOT `[data-slot=input-group-control]:focus`:
+          // `InputGroupInput`/`InputGroupTextarea` forward that slot to `Input`/`Textarea`,
+          // which hard-code `data-slot=input`/`textarea` on the focusable element, so the
+          // forwarded slot never lands there and the focus selector would never match.
+          "focus-within:**:data-[slot=field-label]:top-0",
           "has-data-[state=open]:**:data-[slot=field-label]:top-0",
-          "has-[[data-slot=input-group-control]:focus]:**:data-[slot=field-label]:text-[0.625rem]",
+          "focus-within:**:data-[slot=field-label]:text-[0.625rem]",
           "has-data-[state=open]:**:data-[slot=field-label]:text-[0.625rem]",
-          "has-[[data-slot=input-group-control]:focus]:**:data-[slot=field-label]:text-zinc-700",
+          "focus-within:**:data-[slot=field-label]:text-zinc-700",
           "has-data-[state=open]:**:data-[slot=field-label]:text-zinc-700",
           "has-data-[value=true]:**:data-[slot=field-label]:text-zinc-700",
           "data-[disabled=true]:**:data-[slot=field-label]:text-zinc-400",
@@ -61,6 +65,8 @@ export { default as FieldError } from "./FieldError.vue";
 export { default as FieldGroup } from "./FieldGroup.vue";
 export { default as FieldLabel } from "./FieldLabel.vue";
 export { default as FieldLegend } from "./FieldLegend.vue";
+export { default as FieldMessages } from "./FieldMessages.vue";
 export { default as FieldSeparator } from "./FieldSeparator.vue";
+export { default as FieldWarning } from "./FieldWarning.vue";
 export { default as FieldSet } from "./FieldSet.vue";
 export { default as FieldTitle } from "./FieldTitle.vue";

package/dist/runtime/components/ui/locale/Locale.d.vue.ts

@@ -5,6 +5,8 @@ type __VLS_Props = {
     class?: HTMLAttributes['class'];
     multiline?: boolean;
     markdown?: boolean;
+    floating?: boolean;
+    placeholder?: string;
     translateHint?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {