@shwfed/config 2.10.12 → 2.11.1

package/dist/runtime/components/table/columns/2026-06-17/com.shwfed.table.column.date-input/schema.js

@@ -1,7 +1,7 @@
 import { Schema } from "effect";
 import { getProperty } from "dot-prop";
 import { Locale } from "../../../../../share/locale.js";
-import { CelRowAccess, derivedRowField, editableColumnFields, editableHeader } from "../../../utils/shared.js";
+import { Align, CelRowAccess, derivedRowField, editableColumnFields, editableHeader } from "../../../utils/shared.js";
 export const type = "com.shwfed.table.column.date-input";
 export const compatibilityDate = "2026-06-17";
 export const metadata = {
@@ -31,14 +31,11 @@ export function schema(configure) {
     type: Schema.Literal(type),
     compatibilityDate: Schema.Literal(compatibilityDate),
     ...editableColumnFields(),
+    align: Schema.optionalWith(Align.annotations({ title: "\u5BF9\u9F50" }), { default: () => "left" }),
     placeholder: Schema.optional(Locale.annotations({
       title: "\u5360\u4F4D\u7B26",
       description: "\u672A\u9009\u4E2D\u65E5\u671F\u65F6\u8F93\u5165\u6846\u4E2D\u7684\u5360\u4F4D\u6587\u672C"
     })),
-    hidden: Schema.optional(CelBool.annotations({
-      title: "\u9690\u85CF\u6761\u4EF6",
-      description: "\u8FD4\u56DE `true` \u65F6\u8BE5\u884C\u7684\u8F93\u5165\u6846\u4E0D\u6E32\u67D3\uFF08\u5176\u4F59\u884C\u4E0D\u53D7\u5F71\u54CD\uFF09"
-    })),
     disabled: Schema.optional(CelBool.annotations({
       title: "\u7981\u7528\u6761\u4EF6",
       description: "\u8FD4\u56DE `true` \u65F6\u8F93\u5165\u6846\u4ECD\u7136\u6E32\u67D3\u4F46\u4E0D\u53EF\u7F16\u8F91"

package/dist/runtime/components/table/columns/2026-06-22/com.shwfed.table.column.date-range-input/config.vue

@@ -4,6 +4,7 @@ import { Icon } from "@iconify/vue";
 import { format as formatDate } from "date-fns";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
 import { Separator } from "../../../../ui/separator";
+import { Switch } from "../../../../ui/switch";
 import { Button } from "../../../../ui/button";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { IconPicker } from "../../../../ui/icon-picker";
@@ -16,6 +17,12 @@ import {
   InputGroupNumberField,
   InputGroupText
 } from "../../../../ui/input-group";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../../../../ui/dropdown-menu";
 import { getStructFieldDescription, getStructFieldTitle } from "../../../utils/schema-meta";
 import { Markdown } from "../../../../ui/markdown";
 import DerivedValueEditor from "../../../../form/DerivedValueEditor.vue";
@@ -30,6 +37,14 @@ const presetFieldSchema = presetSchema(() => {
 });
 const presetFieldTitle = (field) => getStructFieldTitle(presetFieldSchema, field) ?? field;
 const presetFieldDescription = (field) => getStructFieldDescription(presetFieldSchema, field);
+const ALIGN_OPTIONS = [
+  { value: "left", label: "\u5DE6\u5BF9\u9F50", icon: "fluent:text-align-left-20-regular" },
+  { value: "center", label: "\u5C45\u4E2D", icon: "fluent:text-align-center-20-regular" },
+  { value: "right", label: "\u53F3\u5BF9\u9F50", icon: "fluent:text-align-right-20-regular" }
+];
+const currentAlignIcon = computed(
+  () => (ALIGN_OPTIONS.find((o) => o.value === (value.value.align ?? "left")) ?? ALIGN_OPTIONS[0]).icon
+);
 const ROW_VARS = {
   row: { type: "dyn", label: "\u5F53\u524D\u884C\u6570\u636E" },
   index: { type: "number", label: "\u884C\u7D22\u5F15" }
@@ -156,17 +171,14 @@ function previewFormat(fmt) {
 }
 const formatExample = computed(() => previewFormat(value.value.format ?? ""));
 const valueFormatExample = computed(() => previewFormat(value.value.valueFormat ?? ""));
-const hiddenModel = computed({
-  get: () => value.value.hidden ?? "",
-  set: (v) => {
-    if (v === "") {
-      const { hidden: _drop, ...rest } = value.value;
-      value.value = rest;
-    } else {
-      value.value = { ...value.value, hidden: v };
-    }
+function onHiddenChange(v) {
+  if (v) {
+    value.value = { ...value.value, hidden: true };
+  } else {
+    const { hidden: _drop, ...rest } = value.value;
+    value.value = rest;
   }
-});
+}
 const disabledModel = computed({
   get: () => value.value.disabled ?? "",
   set: (v) => {
@@ -462,6 +474,29 @@ const derivedModel = computed({
           {{ fieldTitle("size") }}
         </FieldLabel>
         <InputGroup>
+          <InputGroupAddon align="inline-start">
+            <DropdownMenu>
+              <DropdownMenuTrigger as-child>
+                <InputGroupButton
+                  variant="ghost"
+                  size="xs"
+                  :title="fieldTitle('align')"
+                >
+                  <Icon :icon="currentAlignIcon" />
+                </InputGroupButton>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent align="start">
+                <DropdownMenuItem
+                  v-for="opt in ALIGN_OPTIONS"
+                  :key="opt.value"
+                  @select="value = { ...value, align: opt.value }"
+                >
+                  <Icon :icon="opt.icon" />
+                  {{ opt.label }}
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
+          </InputGroupAddon>
           <InputGroupNumberField
             :model-value="value.size"
             :disabled="value.grow"
@@ -480,27 +515,6 @@ const derivedModel = computed({
           </InputGroupAddon>
         </InputGroup>
       </Field>
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template
-            v-if="fieldDescription('hidden')"
-            #tooltip
-          >
-            <Markdown
-              :source="fieldDescription('hidden')"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("hidden") }}
-        </FieldLabel>
-        <ExpressionEditor
-          v-model="hiddenModel"
-          placeholder="例：row.archived"
-          result-type="bool"
-          :extra-vars="ROW_VARS"
-        />
-      </Field>
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
           <template
@@ -712,6 +726,27 @@ const derivedModel = computed({
           </InputGroupAddon>
         </InputGroup>
       </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('hidden')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('hidden')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("hidden") }}
+        </FieldLabel>
+        <div>
+          <Switch
+            :model-value="value.hidden ?? false"
+            @update:model-value="onHiddenChange"
+          />
+        </div>
+      </Field>
     </div>
   </div>
 </template>

package/dist/runtime/components/table/columns/2026-06-22/com.shwfed.table.column.date-range-input/runtime.vue

@@ -9,6 +9,7 @@ import { useFormReadonly } from "../../../../form/utils/readonly";
 import { getLocalizedText } from "../../../../../share/locale";
 import { DATE_RANGE_PICKER_DEFAULT_FORMATS, DateRangePicker } from "../../../../ui/date-range-picker";
 import { useFormState } from "../../../../form/utils/state";
+import { JUSTIFY_CLASS } from "../../../utils/runtime";
 defineOptions({ name: "ShwfedTableDateRangeInputRendererRuntime" });
 const props = defineProps({
   column: { type: null, required: true },
@@ -32,7 +33,6 @@ function evalBool(expression, label) {
     return false;
   }
 }
-const isHidden = computed(() => evalBool(props.column.hidden, "hidden"));
 const isDisabled = computed(() => evalBool(props.column.disabled, "disabled"));
 const formReadonly = useFormReadonly();
 const isReadonly = computed(
@@ -44,6 +44,7 @@ const effectiveReadonly = computed(
 const resolvedValueFormat = computed(
   () => props.column.valueFormat ?? DATE_RANGE_PICKER_DEFAULT_FORMATS.daterange.value
 );
+const justifyClass = computed(() => JUSTIFY_CLASS[props.column.align ?? "left"] ?? JUSTIFY_CLASS.left);
 const shortcuts = computed(() => {
   const list = props.column.presets;
   if (!list || list.length === 0) return void 0;
@@ -103,24 +104,20 @@ const readonlyText = computed(() => {
 <template>
   <!--
     Row budget matches the editable input columns: 2px outer inset around a 28px
-    (`h-7`) control — total 32px. Every branch (hidden / readonly / editable) is
+    (`h-7`) control — total 32px. Every branch (readonly / editable) is
     sized identically so rows do not jump when a CEL condition flips.
   -->
   <div class="p-[0.125rem] w-full">
-    <span
-      v-if="isHidden"
-      class="block h-7 w-full"
-    />
     <!--
       Readonly empty state mirrors the other editable columns: a centered, faded,
       non-selectable `-` so a readonly grid reads uniformly. A non-empty readonly
       range keeps left-aligned dark text joined by `~`.
     -->
     <span
-      v-else-if="effectiveReadonly"
+      v-if="effectiveReadonly"
       :class="[
   'flex items-center h-7 w-full px-2 text-[0.75rem] truncate',
-  readonlyText ? 'text-zinc-700' : 'justify-center font-mono text-zinc-300 select-none'
+  readonlyText ? ['text-zinc-700', justifyClass] : 'justify-center font-mono text-zinc-300 select-none'
 ]"
     >
       {{ readonlyText || "-" }}

package/dist/runtime/components/table/columns/2026-06-22/com.shwfed.table.column.date-range-input/schema.d.ts

@@ -21,6 +21,9 @@ export declare function presetSchema(configure: (env: Environment) => void): Sch
     end: Schema.Schema<string, string, never>;
 }>;
 export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
+    align: Schema.optionalWith<Schema.Literal<["left", "center", "right"]>, {
+        default: () => "left";
+    }>;
     binding: Schema.Union<[Schema.filter<typeof Schema.String>, Schema.filter<Schema.Tuple2<Schema.filter<typeof Schema.String>, Schema.filter<typeof Schema.String>>>]>;
     startPlaceholder: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
         locale: Schema.Literal<["zh"]>;
@@ -36,7 +39,6 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         locale: Schema.Literal<["ja", "en", "ko"]>;
         message: Schema.SchemaClass<string, string, never>;
     }>]>>;
-    hidden: Schema.optional<Schema.Schema<string, string, never>>;
     disabled: Schema.optional<Schema.Schema<string, string, never>>;
     readonly: Schema.optional<Schema.Schema<string, string, never>>;
     derived: Schema.optional<Schema.Struct<{
@@ -77,6 +79,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         locale: Schema.Literal<["ja", "en", "ko"]>;
         message: Schema.SchemaClass<string, string, never>;
     }>]>>;
+    hidden: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
     id: Schema.refine<string, typeof Schema.String>;
     groupId: Schema.optional<typeof Schema.UUID>;
     type: Schema.Literal<["com.shwfed.table.column.date-range-input"]>;

package/dist/runtime/components/table/columns/2026-06-22/com.shwfed.table.column.date-range-input/schema.js

@@ -1,7 +1,7 @@
 import { Schema } from "effect";
 import { getProperty } from "dot-prop";
 import { Locale } from "../../../../../share/locale.js";
-import { CelRowAccess, derivedRowField, editableColumnFields, editableHeader } from "../../../utils/shared.js";
+import { Align, CelRowAccess, derivedRowField, editableColumnFields, editableHeader } from "../../../utils/shared.js";
 export const type = "com.shwfed.table.column.date-range-input";
 export const compatibilityDate = "2026-06-22";
 export const metadata = {
@@ -45,6 +45,7 @@ export function schema(configure) {
     type: Schema.Literal(type),
     compatibilityDate: Schema.Literal(compatibilityDate),
     ...editableColumnFields(),
+    align: Schema.optionalWith(Align.annotations({ title: "\u5BF9\u9F50" }), { default: () => "left" }),
     // Swap the inherited single-string `binding` for the range union.
     binding: bindingSchema,
     startPlaceholder: Schema.optional(Locale.annotations({
@@ -55,10 +56,6 @@ export function schema(configure) {
       title: "\u7ED3\u675F\u5360\u4F4D\u7B26",
       description: "\u672A\u9009\u4E2D\u7ED3\u675F\u65E5\u671F\u65F6\u8F93\u5165\u6846\u4E2D\u7684\u5360\u4F4D\u6587\u672C"
     })),
-    hidden: Schema.optional(CelBool.annotations({
-      title: "\u9690\u85CF\u6761\u4EF6",
-      description: "\u8FD4\u56DE `true` \u65F6\u8BE5\u884C\u7684\u8F93\u5165\u6846\u4E0D\u6E32\u67D3\uFF08\u5176\u4F59\u884C\u4E0D\u53D7\u5F71\u54CD\uFF09"
-    })),
     disabled: Schema.optional(CelBool.annotations({
       title: "\u7981\u7528\u6761\u4EF6",
       description: "\u8FD4\u56DE `true` \u65F6\u8F93\u5165\u6846\u4ECD\u7136\u6E32\u67D3\u4F46\u4E0D\u53EF\u7F16\u8F91"
@@ -94,7 +91,8 @@ export function defaults() {
   return {
     title: [{ locale: "zh", message: "" }],
     binding: "",
-    size: 240
+    size: 240,
+    rangeSeparatorIcon: "fluent:arrow-right-20-regular"
   };
 }
 export function toColumnDef(value, { getLocaleText }) {

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

@@ -100,6 +100,34 @@ const { t, locale } = useI18n({
 const inheritedContext = injectCELContext();
 const containerRef = ref(null);
 const appliedInitialStateKey = ref("");
+const frozenGrowColumns = ref(/* @__PURE__ */ new Set());
+function isEffectiveGrow(column) {
+  return !!column.columnDef.meta?.grow && !frozenGrowColumns.value.has(column.id);
+}
+function freezeGrowColumns() {
+  const grows = tableApi.getVisibleLeafColumns().filter(isEffectiveGrow);
+  if (grows.length === 0) return;
+  const measured = {};
+  for (const column of grows) {
+    const el = containerRef.value?.querySelector(`thead [data-col-id="${column.id}"]`);
+    if (el) measured[column.id] = el.offsetWidth;
+  }
+  tableApi.setColumnSizing((prev) => ({ ...prev, ...measured }));
+  const next = new Set(frozenGrowColumns.value);
+  grows.forEach((column) => next.add(column.id));
+  frozenGrowColumns.value = next;
+}
+function onResizeMouseDown(header, event) {
+  freezeGrowColumns();
+  header.getResizeHandler()(event);
+}
+function growLeafCount(header) {
+  return header.getLeafHeaders().filter((h2) => isEffectiveGrow(h2.column)).length;
+}
+function headerGrowStyle(header) {
+  const n = growLeafCount(header);
+  return n > 0 ? { flex: `${n} 1 auto` } : {};
+}
 const formReadonly = useFormReadonly();
 function isHeaderReadonly(readonlyExpr) {
   if (readonlyExpr == null) return formReadonly.value;
@@ -494,13 +522,19 @@ function getDisplayIndex(row) {
 watch(config, (config2) => {
   if (!config2) return;
   const initialState = config2.initialState;
-  const nextKey = initialState ? JSON.stringify(initialState) : "";
-  if (appliedInitialStateKey.value === nextKey || !initialState) {
+  const hiddenSeed = {};
+  for (const col of config2.columns) {
+    if (col.hidden) hiddenSeed[col.id] = false;
+  }
+  const hasSeed = Object.keys(hiddenSeed).length > 0;
+  const effective = initialState || hasSeed ? { ...initialState ?? {}, columnVisibility: { ...hiddenSeed, ...initialState?.columnVisibility ?? {} } } : void 0;
+  const nextKey = effective ? JSON.stringify(effective) : "";
+  if (appliedInitialStateKey.value === nextKey || !effective) {
     appliedInitialStateKey.value = nextKey;
     syncPaginationPageSize();
     return;
   }
-  tableApi.initialState = mergeInitialState(tableApi.initialState, initialState);
+  tableApi.initialState = mergeInitialState(tableApi.initialState, effective);
   tableApi.reset();
   appliedInitialStateKey.value = nextKey;
   syncPaginationPageSize();
@@ -712,8 +746,8 @@ export { TableConfig, createTableConfig, getColumnTechnicalKey } from "./schema"
                     v-for="header in group.headers"
                     :key="header.id"
                     :colspan="header.colSpan"
+                    :data-col-id="header.column.id"
                     :class="[
-  header.column.columnDef.meta?.grow && 'flex-1',
   'flex items-center gap-2 border-zinc-300 py-2 text-zinc-600',
   'text-xs flex items-center justify-center relative',
   'bg-[color-mix(in_srgb,var(--primary)_7%,white)] group',
@@ -722,7 +756,12 @@ export { TableConfig, createTableConfig, getColumnTechnicalKey } from "./schema"
   shouldHaveLeftBorder(header.column) && 'border-l'
 ]"
                     :style="{
+  // Grow until first resize (see freezeGrowColumns): fill the
+  // remaining space, with `width` as the flex-basis so the
+  // configured size acts as a floor. Group headers grow by
+  // the count of grow leaves they span (see headerGrowStyle).
   width: `${header.getSize()}px`,
+  ...headerGrowStyle(header),
   ...pinnedStyle(header.column)
 }"
                   >
@@ -816,7 +855,7 @@ export { TableConfig, createTableConfig, getColumnTechnicalKey } from "./schema"
   'hover:opacity-100',
   'cursor-col-resize'
 ]"
-                      @mousedown="header.getResizeHandler()($event)"
+                      @mousedown="onResizeMouseDown(header, $event)"
                     >
                       <div class="w-2pt h-full translate-x-1pt transform-3d bg-[color-mix(in_srgb,var(--primary)_80%,white)]" />
                     </div>
@@ -875,7 +914,7 @@ export { TableConfig, createTableConfig, getColumnTechnicalKey } from "./schema"
                         :key="cell.id"
                         :class="[
   'border-zinc-300',
-  cell.column.columnDef.meta?.grow && 'flex-1',
+  isEffectiveGrow(cell.column) && 'flex-[1_1_auto]',
   cell.column.getIsPinned() && 'sticky z-15',
   shouldHaveRightBorder(cell.column) && 'border-r',
   shouldHaveLeftBorder(cell.column) && 'border-l'
@@ -908,7 +947,6 @@ export { TableConfig, createTableConfig, getColumnTechnicalKey } from "./schema"
                     :key="header.id"
                     :colspan="header.colSpan"
                     :class="[
-  header.column.columnDef.meta?.grow && 'flex-1',
   'flex items-center gap-2 border-zinc-300 text-zinc-600 p-0',
   'text-xs flex items-center justify-center relative',
   'bg-[color-mix(in_srgb,var(--primary)_7%,white)] group',
@@ -918,6 +956,7 @@ export { TableConfig, createTableConfig, getColumnTechnicalKey } from "./schema"
 ]"
                     :style="{
   width: `${header.getSize()}px`,
+  ...headerGrowStyle(header),
   ...pinnedStyle(header.column)
 }"
                   >

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

@@ -1,5 +1,6 @@
 import type { Effect as EffectType } from 'effect';
 export declare const JUSTIFY_CLASS: Record<string, string>;
+export declare const TEXT_ALIGN_CLASS: Record<string, string>;
 type CelEvaluator = <T>(expression: string, context?: Record<string, unknown>) => EffectType.Effect<T, any>;
 export declare function interpolateMarkdown(template: string, $cel: CelEvaluator, context: Record<string, unknown>): string;
 export declare function evaluateMarkdown(template: string, $cel: CelEvaluator, context: Record<string, unknown>): string;

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

@@ -5,6 +5,11 @@ export const JUSTIFY_CLASS = {
   center: "justify-center",
   right: "justify-end"
 };
+export const TEXT_ALIGN_CLASS = {
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
+};
 const INTERPOLATION_RE = /\{\{(.*?)\}\}/gs;
 function stringifyCelResult(value) {
   if (value === null || value === void 0) return "";

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

@@ -15,7 +15,7 @@ export declare function columnFields(configure: (env: Environment) => void): {
         locale: Schema.Literal<["ja", "en", "ko"]>;
         message: Schema.SchemaClass<string, string, never>;
     }>]>;
-    accessor: Schema.Schema<string, string, never>;
+    accessor: Schema.optional<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>>>;
@@ -27,6 +27,7 @@ export declare function columnFields(configure: (env: Environment) => void): {
         locale: Schema.Literal<["ja", "en", "ko"]>;
         message: Schema.SchemaClass<string, string, never>;
     }>]>>;
+    hidden: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
     id: Schema.refine<string, typeof Schema.String>;
     groupId: Schema.optional<typeof Schema.UUID>;
 };
@@ -50,6 +51,7 @@ export declare function editableColumnFields(): {
         locale: Schema.Literal<["ja", "en", "ko"]>;
         message: Schema.SchemaClass<string, string, never>;
     }>]>>;
+    hidden: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
     id: Schema.refine<string, typeof Schema.String>;
     groupId: Schema.optional<typeof Schema.UUID>;
 };

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

@@ -20,10 +20,14 @@ export function columnFields(configure) {
   return {
     ...columnIdentityFields(),
     title: Locale.annotations({ title: "\u540D\u79F0", description: "\u5217\u6807\u9898" }),
-    accessor: CelRowAccess(configure).annotations({
+    // Optional: a purely visual column (icon, badge, computed-elsewhere cell)
+    // may have no backing data path, letting designers refine the display layer
+    // without an API contract first. Absent → the cell renders no data; present
+    // → still validated as a CEL expression (empty string stays invalid).
+    accessor: Schema.optional(CelRowAccess(configure).annotations({
       title: "\u8DEF\u5F84",
-      description: "\u884C\u6570\u636E\u8BBF\u95EE CEL \u8868\u8FBE\u5F0F\uFF0C\u4F8B\u5982 `row.user.name`"
-    }),
+      description: "\u884C\u6570\u636E\u8BBF\u95EE CEL \u8868\u8FBE\u5F0F\uFF0C\u4F8B\u5982 `row.user.name`\uFF1B\u53EF\u7559\u7A7A\uFF0C\u7559\u7A7A\u65F6\u8BE5\u5217\u4E0D\u8BFB\u53D6\u6570\u636E\uFF08\u7528\u4E8E\u7EAF\u89C6\u89C9\u5217\uFF09"
+    })),
     enableSorting: Schema.optional(Schema.Boolean.annotations({
       title: "\u5141\u8BB8\u6392\u5E8F",
       description: md`
@@ -48,7 +52,11 @@ export function columnFields(configure) {
       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"
     })),
     grow: Schema.optional(Schema.Boolean.annotations({ title: "\u5360\u636E\u5269\u4F59\u5BBD\u5EA6", description: "\u5217\u662F\u5426\u5360\u636E\u5269\u4F59\u7A7A\u4F59\u5BBD\u5EA6" })),
-    tooltip: Schema.optional(Locale.annotations({ title: "\u63D0\u793A", description: "\u5217\u6807\u9898\u60AC\u6D6E\u63D0\u793A\uFF0C\u652F\u6301 Markdown" }))
+    tooltip: Schema.optional(Locale.annotations({ title: "\u63D0\u793A", description: "\u5217\u6807\u9898\u60AC\u6D6E\u63D0\u793A\uFF0C\u652F\u6301 Markdown" })),
+    hidden: Schema.optional(Schema.Boolean.annotations({
+      title: "\u9ED8\u8BA4\u9690\u85CF",
+      description: "\u5F00\u542F\u540E\u8BE5\u5217\u9ED8\u8BA4\u9690\u85CF\uFF1B\u4F7F\u7528\u8005\u53EF\u5728\u8868\u683C\u7684\u5217\u8BBE\u7F6E\u4E2D\u91CD\u65B0\u663E\u793A\u3002\u4EC5\u4F5C\u4E3A\u521D\u59CB\u72B6\u6001\uFF0C\u4E0D\u968F\u6570\u636E\u53D8\u5316"
+    }))
   };
 }
 export function editableColumnFields() {
@@ -72,7 +80,11 @@ export function editableColumnFields() {
       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"
     })),
     grow: Schema.optional(Schema.Boolean.annotations({ title: "\u5360\u636E\u5269\u4F59\u5BBD\u5EA6", description: "\u5217\u662F\u5426\u5360\u636E\u5269\u4F59\u7A7A\u4F59\u5BBD\u5EA6" })),
-    tooltip: Schema.optional(Locale.annotations({ title: "\u63D0\u793A", description: "\u5217\u6807\u9898\u60AC\u6D6E\u63D0\u793A\uFF0C\u652F\u6301 Markdown" }))
+    tooltip: Schema.optional(Locale.annotations({ title: "\u63D0\u793A", description: "\u5217\u6807\u9898\u60AC\u6D6E\u63D0\u793A\uFF0C\u652F\u6301 Markdown" })),
+    hidden: Schema.optional(Schema.Boolean.annotations({
+      title: "\u9ED8\u8BA4\u9690\u85CF",
+      description: "\u5F00\u542F\u540E\u8BE5\u5217\u9ED8\u8BA4\u9690\u85CF\uFF1B\u4F7F\u7528\u8005\u53EF\u5728\u8868\u683C\u7684\u5217\u8BBE\u7F6E\u4E2D\u91CD\u65B0\u663E\u793A\u3002\u4EC5\u4F5C\u4E3A\u521D\u59CB\u72B6\u6001\uFF0C\u4E0D\u968F\u6570\u636E\u53D8\u5316"
+    }))
   };
 }
 const EDITABLE_HEADER_MARKER = Symbol("shwfed-editable-header");

package/dist/runtime/components/ui/date-picker/DatePickerInput.d.vue.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:modelValue"?: ((args_0: Date | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
-    clearable: boolean;
     clearIcon: string;
+    clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-picker/DatePickerInput.vue

@@ -23,6 +23,9 @@ const sizeClass = computed(() => ({
   md: "h-9 text-sm",
   lg: "h-10 text-base"
 })[props.size]);
+const inputSizeClass = computed(() => ({ sm: "text-xs md:text-xs", md: "", lg: "" })[props.size]);
+const clearButtonSizeClass = computed(() => props.size === "sm" ? "size-4" : "");
+const clearIconSizeClass = computed(() => props.size === "sm" ? "size-3" : "");
 const emits = defineEmits(["update:modelValue", "focus", "blur", "clear"]);
 const draft = ref("");
 const focused = ref(false);
@@ -86,6 +89,7 @@ const showClear = computed(
     </InputGroupAddon>
     <InputGroupInput
       :model-value="draft"
+      :class="inputSizeClass"
       :placeholder="props.placeholder"
       :disabled="props.disabled"
       :readonly="props.readonly"
@@ -105,12 +109,15 @@ const showClear = computed(
       <InputGroupButton
         size="icon-xs"
         data-slot="date-picker-clear"
-        class="text-zinc-500 hover:text-zinc-700"
+        :class="cn('text-zinc-500 hover:text-zinc-700', clearButtonSizeClass)"
         tabindex="-1"
         @mousedown.prevent
         @click.stop="onClear"
       >
-        <Icon :icon="props.clearIcon" />
+        <Icon
+          :icon="props.clearIcon"
+          :class="clearIconSizeClass"
+        />
       </InputGroupButton>
     </InputGroupAddon>
   </InputGroup>

package/dist/runtime/components/ui/date-picker/DatePickerInput.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:modelValue"?: ((args_0: Date | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
-    clearable: boolean;
     clearIcon: string;
+    clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-picker/DatePickerTimeInput.d.vue.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     size: "sm" | "md" | "lg";
     granularity: "hour" | "minute" | "second";
     hourCycle: 12 | 24;
-    clearable: boolean;
     clearIcon: string;
+    clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-picker/DatePickerTimeInput.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     size: "sm" | "md" | "lg";
     granularity: "hour" | "minute" | "second";
     hourCycle: 12 | 24;
-    clearable: boolean;
     clearIcon: string;
+    clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerInput.d.vue.ts

@@ -29,8 +29,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:endValue"?: ((args_0: Date | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
-    clearable: boolean;
     clearIcon: string;
+    clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerInput.vue

@@ -26,6 +26,9 @@ const sizeClass = computed(() => ({
   md: "h-9 text-sm",
   lg: "h-10 text-base"
 })[props.size]);
+const inputTextClass = computed(() => ({ sm: "text-xs", md: "text-sm", lg: "text-base" })[props.size]);
+const clearButtonSizeClass = computed(() => props.size === "sm" ? "size-4" : "");
+const clearIconSizeClass = computed(() => props.size === "sm" ? "size-3" : "");
 const emits = defineEmits(["update:startValue", "update:endValue", "focus", "blur", "clear"]);
 const startDraft = ref("");
 const endDraft = ref("");
@@ -122,7 +125,8 @@ const hasValue = computed(() => props.startValue !== void 0 || props.endValue !=
       :disabled="props.disabled"
       :readonly="props.readonly"
       :class="cn(
-  'text-zinc-700 placeholder:text-zinc-300 min-w-0 flex-1 bg-transparent px-1 text-sm outline-none disabled:cursor-not-allowed text-center',
+  'text-zinc-700 placeholder:text-zinc-300 min-w-0 flex-1 bg-transparent px-1 outline-none disabled:cursor-not-allowed text-center',
+  inputTextClass,
   !props.prefixIcon && 'pl-3'
 )"
       @focus="(e) => onFocus(e, 'start')"
@@ -143,7 +147,8 @@ const hasValue = computed(() => props.startValue !== void 0 || props.endValue !=
       :disabled="props.disabled"
       :readonly="props.readonly"
       :class="cn(
-  'text-zinc-700 placeholder:text-zinc-300 min-w-0 flex-1 bg-transparent px-1 text-sm outline-none disabled:cursor-not-allowed text-center',
+  'text-zinc-700 placeholder:text-zinc-300 min-w-0 flex-1 bg-transparent px-1 outline-none disabled:cursor-not-allowed text-center',
+  inputTextClass,
   !showClear && 'pr-3'
 )"
       @focus="(e) => onFocus(e, 'end')"
@@ -158,12 +163,16 @@ const hasValue = computed(() => props.startValue !== void 0 || props.endValue !=
       :class="cn(
   'mr-2 shrink-0 text-zinc-500 hover:text-zinc-700 transition-opacity',
   '[@media(hover:hover)]:opacity-0',
-  'group-hover/date-range-input:opacity-100 focus-within:opacity-100'
+  'group-hover/date-range-input:opacity-100 focus-within:opacity-100',
+  clearButtonSizeClass
 )"
       @mousedown.prevent
       @click.stop="onClear"
     >
-      <Icon :icon="props.clearIcon" />
+      <Icon
+        :icon="props.clearIcon"
+        :class="clearIconSizeClass"
+      />
     </InputGroupButton>
   </div>
 </template>

package/dist/runtime/components/ui/date-range-picker/DateRangePickerInput.vue.d.ts

@@ -29,8 +29,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:endValue"?: ((args_0: Date | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
-    clearable: boolean;
     clearIcon: string;
+    clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;