@shwfed/config 2.10.10 → 2.10.12

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.number-input/schema.js

@@ -1,13 +1,29 @@
 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 { ActionSchemaFields } from "../../../../actions/schema.js";
+import { CelRowAccess, derivedRowField, editableColumnFields, editableHeader, registerRowVariablesIfAbsent } from "../../../utils/shared.js";
 export const type = "com.shwfed.table.column.number-input";
 export const compatibilityDate = "2026-05-20";
 export const metadata = {
   name: "\u6570\u503C\u8F93\u5165",
   icon: "fluent:number-symbol-20-regular"
 };
+function AddonActions(configure) {
+  const configureWithRow = (env) => {
+    configure(env);
+    registerRowVariablesIfAbsent(env);
+  };
+  const { groups, items, ...rest } = ActionSchemaFields(configureWithRow).fields;
+  return Schema.Struct({
+    ...rest,
+    groups: Schema.optionalWith(groups, { default: () => [] }),
+    items: Schema.optionalWith(items, { default: () => [] })
+  }).annotations({
+    title: "\u8F93\u5165\u6846\u5185\u6309\u94AE",
+    description: "\u5728\u8F93\u5165\u6846\u53F3\u4FA7\u5185\u5D4C\u4E00\u7EC4\u64CD\u4F5C\u6309\u94AE"
+  });
+}
 export function schema(configure) {
   const CelBool = CelRowAccess(configure, { resultType: "bool" });
   const CelNumber = CelRowAccess(configure, { resultType: "number" });
@@ -55,7 +71,8 @@ export function schema(configure) {
       title: "\u6700\u5927\u503C",
       description: "\u5141\u8BB8\u8F93\u5165\u7684\u6700\u5927\u503C\u8868\u8FBE\u5F0F\uFF0C\u53EF\u8BBF\u95EE `row` / `index` \u548C `form`\uFF1B\u7559\u7A7A\u65F6\u4E0D\u9650\u5236\u4E0A\u9650"
     })),
-    derived: derivedRowField(configure, "number")
+    derived: derivedRowField(configure, "number"),
+    addon: Schema.optional(AddonActions(configure))
   }).annotations({ title: "NumberInputRenderer", description: "\u6570\u503C\u8F93\u5165\u6E32\u67D3\u5668\uFF08\u53EF\u7F16\u8F91\uFF09" });
 }
 export function defaults() {

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.text-input/config.vue

@@ -1,8 +1,9 @@
 <script setup>
-import { computed } from "vue";
+import { computed, inject, onBeforeUnmount, ref, watch } from "vue";
 import { Icon } from "@iconify/vue";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
 import { Separator } from "../../../../ui/separator";
+import { Button } from "../../../../ui/button";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { Locale } from "../../../../ui/locale";
 import {
@@ -12,9 +13,13 @@ import {
   InputGroupInput,
   InputGroupNumberField
 } from "../../../../ui/input-group";
+import ActionsConfigEditor from "../../../../actions/config.vue";
 import { getStructFieldDescription, getStructFieldTitle } from "../../../utils/schema-meta";
 import { Markdown } from "../../../../ui/markdown";
 import DerivedValueEditor from "../../../../form/DerivedValueEditor.vue";
+import { TABLE_COLUMN_LAYOUT_KEY } from "../../../column-layout";
+import { BREADCRUMB_EXTENSION_KEY } from "../../../../config/breadcrumb-extension";
+import { registerRowVariablesIfAbsent } from "../../../utils/shared";
 import { schema } from "./schema";
 defineOptions({ name: "ShwfedTableTextInputRendererConfig" });
 const value = defineModel({ type: Object, ...{ required: true } });
@@ -26,6 +31,47 @@ const ROW_VARS = {
   row: { type: "dyn", label: "\u5F53\u524D\u884C\u6570\u636E" },
   index: { type: "number", label: "\u884C\u7D22\u5F15" }
 };
+const layout = inject(TABLE_COLUMN_LAYOUT_KEY, null);
+const breadcrumbExt = inject(BREADCRUMB_EXTENSION_KEY, null);
+const editingAddon = ref(false);
+function closeAddon() {
+  editingAddon.value = false;
+}
+const addonCrumb = breadcrumbExt?.add();
+watch(editingAddon, (on) => {
+  if (layout) layout.fullPane.value = on;
+  if (addonCrumb) {
+    addonCrumb.label.value = on ? "\u8F93\u5165\u6846\u5185\u6309\u94AE" : null;
+    addonCrumb.back.value = on ? closeAddon : null;
+  }
+});
+onBeforeUnmount(() => {
+  if (layout) layout.fullPane.value = false;
+  addonCrumb?.dispose();
+});
+const addonItemCount = computed(() => value.value.addon?.items.length ?? 0);
+const addonValue = computed({
+  get: () => ({
+    kind: "shwfed.component.action",
+    size: value.value.addon?.size ?? "xs",
+    gap: value.value.addon?.gap ?? 4,
+    style: value.value.addon?.style,
+    groups: value.value.addon?.groups ?? [],
+    items: value.value.addon?.items ?? []
+  }),
+  set: (next) => {
+    const { size, gap, style, groups, items } = next;
+    if (groups.length === 0 && items.length === 0) {
+      const { addon: _omit, ...rest } = value.value;
+      value.value = rest;
+      return;
+    }
+    value.value = {
+      ...value.value,
+      addon: { size, gap, groups, items, ...style === void 0 ? {} : { style } }
+    };
+  }
+});
 const bindingText = computed({
   get: () => value.value.binding ?? "",
   set: (v) => {
@@ -85,7 +131,17 @@ const derivedModel = computed({
 </script>
 
 <template>
-  <div class="space-y-5">
+  <ActionsConfigEditor
+    v-if="editingAddon"
+    v-model="addonValue"
+    :configure="registerRowVariablesIfAbsent"
+    hide-size
+  />
+
+  <div
+    v-else
+    class="space-y-5"
+  >
     <div class="grid grid-cols-2 gap-x-6 gap-y-4">
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
@@ -327,5 +383,29 @@ const derivedModel = computed({
         </InputGroup>
       </Field>
     </div>
+    <Separator />
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template
+          v-if="fieldDescription('addon')"
+          #tooltip
+        >
+          <Markdown
+            :source="fieldDescription('addon')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("addon") }}
+      </FieldLabel>
+      <Button
+        type="button"
+        class="w-full justify-center"
+        @click="editingAddon = true"
+      >
+        <Icon icon="fluent:add-20-regular" />
+        <span>{{ addonItemCount > 0 ? "\u914D\u7F6E\u6309\u94AE" : "\u6DFB\u52A0\u6309\u94AE" }}</span>
+      </Button>
+    </Field>
   </div>
 </template>

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.text-input/runtime.vue

@@ -13,6 +13,7 @@ import {
   InputGroupButton,
   InputGroupInput
 } from "../../../../ui/input-group";
+import ShwfedActions from "../../../../actions/components/group.vue";
 import { useFormState } from "../../../../form/utils/state";
 defineOptions({ name: "ShwfedTableTextInputRendererRuntime" });
 const props = defineProps({
@@ -64,6 +65,18 @@ function onBlur() {
   isFocused.value = false;
   commit();
 }
+const addonConfig = computed(() => {
+  const addon = props.column.addon;
+  if (!addon || addon.items.length === 0) return null;
+  return {
+    kind: "shwfed.component.action",
+    size: addon.size ?? "xs",
+    gap: addon.gap,
+    style: addon.style,
+    groups: addon.groups.map((group) => ({ ...group, variant: group.variant ?? "ghost" })),
+    items: addon.items
+  };
+});
 const showClear = computed(() => !isDisabled.value && draft.value.length > 0);
 function handleClear() {
   draft.value = "";
@@ -149,6 +162,21 @@ function handleClear() {
           />
         </InputGroupButton>
       </InputGroupAddon>
+      <!-- `mr-[-0.45rem]` mirrors the clear addon's `has-[>button]:mr-[-0.45rem]`
+           pull-back: that compensation only fires when the addon's direct child
+           is a `<button>`, but `ShwfedActions` roots a `<div>`, so without it the
+           `inline-end` `pr-3` would leave a ~12px dead gap before the border. -->
+      <InputGroupAddon
+        v-if="addonConfig"
+        align="inline-end"
+        class="field-addon-actions mr-[-0.45rem]"
+      >
+        <ShwfedActions :config="addonConfig" />
+      </InputGroupAddon>
     </InputGroup>
   </div>
 </template>
+
+<style scoped>
+.field-addon-actions :deep([data-slot=buttons]){align-items:center;gap:.125rem}.field-addon-actions :deep([data-slot=buttons-dropdown-trigger]),.field-addon-actions :deep([data-slot=buttons-item]){border-radius:.125rem;color:#71717a;height:1rem;min-width:1rem;padding:0}.field-addon-actions :deep([data-slot=buttons-dropdown-trigger] svg),.field-addon-actions :deep([data-slot=buttons-item] svg){height:.75rem;width:.75rem}.field-addon-actions :deep([data-slot=buttons-dropdown-trigger]:hover:not(:disabled)),.field-addon-actions :deep([data-slot=buttons-item]:hover:not(:disabled)){color:#3f3f46}
+</style>

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.text-input/schema.d.ts

@@ -23,6 +23,138 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         mode: Schema.Literal<["formula", "prefill"]>;
         expression: Schema.Schema<string, string, never>;
     }>>;
+    addon: Schema.optional<Schema.Struct<{
+        groups: Schema.optionalWith<Schema.Array$<Schema.Struct<{
+            id: Schema.refine<string, typeof Schema.String>;
+            variant: Schema.optional<Schema.Literal<["default", "primary", "destructive", "ghost", "link"]>>;
+        }>>, {
+            default: () => never[];
+        }>;
+        items: Schema.optionalWith<Schema.Array$<Schema.Schema<import("../../../../actions/schema.js").RegistryItemValue | {
+            readonly disabled?: string | undefined;
+            readonly id: string;
+            readonly title: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly icon?: string | undefined;
+            readonly hidden?: string | undefined;
+            readonly tooltip?: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]] | undefined;
+            readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+            readonly action?: any;
+            readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
+        } | {
+            readonly id: string;
+            readonly title: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly icon?: string | undefined;
+            readonly items: readonly (import("../../../../actions/schema.js").RegistrySubItemValue | {
+                readonly disabled?: string | undefined;
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly icon?: string | undefined;
+                readonly hidden?: string | undefined;
+                readonly tooltip?: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]] | undefined;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                readonly action?: any;
+            })[];
+            readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
+        }, import("../../../../actions/schema.js").RegistryItemValue | {
+            readonly id: string;
+            readonly title: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly groupId: string;
+            readonly disabled?: string | undefined;
+            readonly icon?: string | undefined;
+            readonly hidden?: string | undefined;
+            readonly tooltip?: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]] | undefined;
+            readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+            readonly action?: any;
+            readonly hideTitle?: boolean | undefined;
+        } | {
+            readonly id: string;
+            readonly title: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly items: readonly (import("../../../../actions/schema.js").RegistrySubItemValue | {
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly disabled?: string | undefined;
+                readonly icon?: string | undefined;
+                readonly hidden?: string | undefined;
+                readonly tooltip?: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]] | undefined;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                readonly action?: any;
+            })[];
+            readonly groupId: string;
+            readonly icon?: string | undefined;
+            readonly hideTitle?: boolean | undefined;
+        }, never>>, {
+            default: () => never[];
+        }>;
+        size: Schema.optionalWith<Schema.Literal<["default", "sm", "xs"]>, {
+            default: () => "default";
+        }>;
+        gap: Schema.optionalWith<Schema.filter<Schema.filter<typeof Schema.Number>>, {
+            default: () => number;
+        }>;
+        style: Schema.optional<typeof Schema.String>;
+    }>>;
     title: Schema.TupleType<readonly [Schema.Struct<{
         locale: Schema.Literal<["zh"]>;
         message: Schema.SchemaClass<string, string, never>;

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.text-input/schema.js

@@ -1,13 +1,29 @@
 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 { ActionSchemaFields } from "../../../../actions/schema.js";
+import { CelRowAccess, derivedRowField, editableColumnFields, editableHeader, registerRowVariablesIfAbsent } from "../../../utils/shared.js";
 export const type = "com.shwfed.table.column.text-input";
 export const compatibilityDate = "2026-05-20";
 export const metadata = {
   name: "\u6587\u672C\u8F93\u5165",
   icon: "fluent:text-field-20-regular"
 };
+function AddonActions(configure) {
+  const configureWithRow = (env) => {
+    configure(env);
+    registerRowVariablesIfAbsent(env);
+  };
+  const { groups, items, ...rest } = ActionSchemaFields(configureWithRow).fields;
+  return Schema.Struct({
+    ...rest,
+    groups: Schema.optionalWith(groups, { default: () => [] }),
+    items: Schema.optionalWith(items, { default: () => [] })
+  }).annotations({
+    title: "\u8F93\u5165\u6846\u5185\u6309\u94AE",
+    description: "\u5728\u8F93\u5165\u6846\u53F3\u4FA7\u5185\u5D4C\u4E00\u7EC4\u64CD\u4F5C\u6309\u94AE"
+  });
+}
 export function schema(configure) {
   const CelBool = CelRowAccess(configure, { resultType: "bool" });
   return Schema.Struct({
@@ -30,7 +46,8 @@ export function schema(configure) {
       title: "\u53EA\u8BFB\u6761\u4EF6",
       description: "\u8FD4\u56DE `true` \u65F6\u4EC5\u4EE5\u7EAF\u6587\u672C\u5C55\u793A\u5F53\u524D\u503C"
     })),
-    derived: derivedRowField(configure, "string")
+    derived: derivedRowField(configure, "string"),
+    addon: Schema.optional(AddonActions(configure))
   }).annotations({ title: "TextInputRenderer", description: "\u6587\u672C\u8F93\u5165\u6E32\u67D3\u5668\uFF08\u53EF\u7F16\u8F91\uFF09" });
 }
 export function defaults() {

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

@@ -94,12 +94,20 @@ const model = computed({
     >
       {{ model || "-" }}
     </span>
+    <!--
+      Idle border is faded to 30% so a whole grid of date cells reads as data,
+      not chrome — `hover:` / `focus-within:` snap it back to full so the active
+      cell stands out. Mirrors the `text-input` column exactly; routed to the
+      inner `InputGroup` via `input-class` because `class` lands on the
+      DatePicker's anchor wrapper, not the input.
+    -->
     <DatePicker
       v-else
       v-model="model"
       type="date"
       size="sm"
       class="w-full"
+      input-class="border-zinc-200/30 hover:border-zinc-200 focus-within:border-zinc-200 transition-colors ease-out duration-180"
       :format="column.format"
       :value-format="column.valueFormat"
       :placeholder="placeholderText"

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

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    modelValue: Record<string, any>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, any>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;