@shwfed/config 2.3.10 → 2.3.12

package/dist/runtime/components/table/columns/2026-05-13/com.shwfed.table.column.switch.remote/config.vue

@@ -0,0 +1,305 @@
+<script setup>
+import { computed } from "vue";
+import { Icon } from "@iconify/vue";
+import { ExpressionEditor } from "../../../../ui/expression-editor";
+import { Switch } from "../../../../ui/switch";
+import { Separator } from "../../../../ui/separator";
+import { Field, FieldLabel } from "../../../../ui/field";
+import { Locale } from "../../../../ui/locale";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupNumberField
+} 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 TriggersField from "../../../../actions/components/triggers-field.vue";
+import { schema } from "./schema";
+defineOptions({ name: "ShwfedTableSwitchRendererConfig" });
+const value = defineModel({ type: Object, ...{ required: true } });
+const fieldSchema = schema(() => {
+});
+const fieldTitle = (field) => getStructFieldTitle(fieldSchema, field) ?? field;
+const fieldDescription = (field) => getStructFieldDescription(fieldSchema, 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 ?? "center")) ?? ALIGN_OPTIONS[1]).icon
+);
+const ROW_VARS = {
+  row: { type: "dyn", label: "\u5F53\u524D\u884C\u6570\u636E" },
+  index: { type: "number", label: "\u884C\u7D22\u5F15" }
+};
+const ROW_VALUE_VARS = {
+  ...ROW_VARS,
+  value: { type: "bool", label: "\u5207\u6362\u540E\u7684\u65B0\u503C" }
+};
+const JSON_VARS = {
+  json: { type: "dyn", label: "HTTP \u54CD\u5E94\u4F53" }
+};
+const disabledModel = computed({
+  get: () => value.value.disabled ?? "",
+  set: (v) => {
+    if (v === "") delete value.value.disabled;
+    else value.value.disabled = v;
+  }
+});
+const onChangeModel = computed({
+  get: () => value.value.onChange ?? "",
+  set: (v) => {
+    if (v === "") delete value.value.onChange;
+    else value.value.onChange = v;
+  }
+});
+const successMessageModel = computed({
+  get: () => value.value.successMessage ?? "",
+  set: (v) => {
+    if (v === "") delete value.value.successMessage;
+    else value.value.successMessage = v;
+  }
+});
+const triggers = computed(() => value.value.triggers ?? []);
+function updateTriggers(next) {
+  if (next.length === 0) delete value.value.triggers;
+  else value.value.triggers = next;
+}
+</script>
+
+<template>
+  <div 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">
+          <template
+            v-if="fieldDescription('title')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('title')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("title") }}
+        </FieldLabel>
+        <Locale v-model="value.title" />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('tooltip')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('tooltip')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("tooltip") }}
+        </FieldLabel>
+        <Locale
+          v-model="value.tooltip"
+          markdown
+        />
+      </Field>
+    </div>
+    <div class="grid grid-cols-2 gap-x-6 gap-y-4">
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('accessor')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('accessor')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("accessor") }}
+        </FieldLabel>
+        <ExpressionEditor
+          v-model="value.accessor"
+          placeholder="如 row.enabled"
+          result-type="bool"
+          :extra-vars="ROW_VARS"
+        />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('size')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('size')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ 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.align = opt.value"
+                >
+                  <Icon :icon="opt.icon" />
+                  {{ opt.label }}
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
+          </InputGroupAddon>
+          <InputGroupNumberField
+            :model-value="value.size"
+            :disabled="value.grow"
+            :min="0"
+            @update:model-value="(v) => value.size = v"
+          />
+          <InputGroupAddon align="inline-end">
+            <InputGroupButton
+              :variant="value.grow ? 'primary' : 'ghost'"
+              size="xs"
+              @click="value.grow = !value.grow"
+            >
+              <Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
+              {{ fieldTitle("grow") }}
+            </InputGroupButton>
+          </InputGroupAddon>
+        </InputGroup>
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('disabled')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('disabled')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("disabled") }}
+        </FieldLabel>
+        <ExpressionEditor
+          v-model="disabledModel"
+          placeholder="如 row.locked"
+          result-type="bool"
+          :extra-vars="ROW_VARS"
+        />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('onChange')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('onChange')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("onChange") }}
+        </FieldLabel>
+        <ExpressionEditor
+          v-model="onChangeModel"
+          placeholder="如 http.post('/api/items/' + row.id).body({ enabled: value })"
+          result-type="HttpRequest"
+          :extra-vars="ROW_VALUE_VARS"
+          multiline
+        />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('successMessage')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('successMessage')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("successMessage") }}
+        </FieldLabel>
+        <ExpressionEditor
+          v-model="successMessageModel"
+          placeholder="如 '已更新'"
+          result-type="string"
+          :extra-vars="JSON_VARS"
+        />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('triggers')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('triggers')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("triggers") }}
+        </FieldLabel>
+        <TriggersField
+          :triggers="triggers"
+          @update:triggers="updateTriggers"
+        />
+      </Field>
+    </div>
+    <Separator />
+    <div class="flex flex-wrap gap-x-8 gap-y-3">
+      <Field
+        orientation="horizontal"
+        class="w-auto gap-2"
+      >
+        <Switch
+          :model-value="value.enableSorting ?? false"
+          @update:model-value="(v) => value.enableSorting = v"
+        />
+        <FieldLabel class="text-sm text-zinc-600">
+          <template
+            v-if="fieldDescription('enableSorting')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('enableSorting')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("enableSorting") }}
+        </FieldLabel>
+      </Field>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/table/columns/2026-05-13/com.shwfed.table.column.switch.remote/config.vue.d.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;

package/dist/runtime/components/table/columns/2026-05-13/com.shwfed.table.column.switch.remote/runtime.d.vue.ts

@@ -0,0 +1,9 @@
+import type { CellContext } from '@tanstack/vue-table';
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    column: Value;
+    ctx: CellContext<unknown, unknown>;
+};
+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/table/columns/2026-05-13/com.shwfed.table.column.switch.remote/runtime.vue

@@ -0,0 +1,81 @@
+<script setup>
+import { computed, ref } from "vue";
+import { Effect } from "effect";
+import { Fetch } from "fx-fetch";
+import { toast } from "vue-sonner";
+import { cel as $cel } from "../../../../../utils/cel";
+import { Switch } from "../../../../ui/switch";
+import { JUSTIFY_CLASS } from "../../../utils/runtime";
+import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { dispatchTriggers, useEventChannel } from "../../../../../share/event-bus";
+defineOptions({ name: "ShwfedTableSwitchRendererRuntime" });
+const props = defineProps({
+  column: { type: null, required: true },
+  ctx: { type: Object, required: true }
+});
+const celContext = injectCELContext();
+const eventChannel = useEventChannel();
+const rawValue = computed(() => props.ctx.cell.getValue());
+const isMissing = computed(() => rawValue.value === void 0 || rawValue.value === null);
+const checked = computed(() => rawValue.value === true);
+const justifyClass = computed(
+  () => JUSTIFY_CLASS[props.column.align ?? "center"] ?? JUSTIFY_CLASS.center
+);
+const pending = ref(false);
+const isDisabledByConfig = computed(() => {
+  if (!props.column.disabled) return false;
+  try {
+    return Effect.runSync($cel(props.column.disabled, celBindings(celContext))) === true;
+  } catch (e) {
+    console.error("[shwfed-table] switch disabled failed", e);
+    return false;
+  }
+});
+const isInteractive = computed(() => !!props.column.onChange);
+const isDisabled = computed(() => !isInteractive.value || isDisabledByConfig.value || pending.value);
+async function onUpdate(next) {
+  const { onChange, successMessage } = props.column;
+  if (!onChange) return;
+  pending.value = true;
+  const program = Effect.gen(function* () {
+    const builder = yield* $cel(onChange, {
+      ...celBindings(celContext),
+      value: next
+    });
+    return yield* builder.json();
+  });
+  try {
+    const body = await Effect.runPromise(Effect.provide(program, Fetch.layer));
+    if (successMessage) {
+      try {
+        const message = Effect.runSync($cel(successMessage, { json: body }));
+        if (message) toast.success(message);
+      } catch (e) {
+        console.error("[shwfed-table] switch successMessage failed", e);
+      }
+    }
+    await Effect.runPromise(dispatchTriggers(eventChannel, props.column.triggers));
+  } catch (e) {
+    console.error("[shwfed-table] switch onChange failed", e);
+    toast.error("\u8BF7\u6C42\u5931\u8D25");
+  } finally {
+    pending.value = false;
+  }
+}
+</script>
+
+<template>
+  <span :class="['w-full py-2 px-1 flex items-center text-xs', justifyClass]">
+    <span
+      v-if="isMissing"
+      class="font-mono text-zinc-300 select-none"
+    >-</span>
+    <Switch
+      v-else
+      size="sm"
+      :model-value="checked"
+      :disabled="isDisabled"
+      @update:model-value="(v) => onUpdate(v)"
+    />
+  </span>
+</template>

package/dist/runtime/components/table/columns/2026-05-13/com.shwfed.table.column.switch.remote/runtime.vue.d.ts

@@ -0,0 +1,9 @@
+import type { CellContext } from '@tanstack/vue-table';
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    column: Value;
+    ctx: CellContext<unknown, unknown>;
+};
+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/table/columns/2026-05-13/com.shwfed.table.column.switch.remote/schema.d.ts

@@ -0,0 +1,55 @@
+import { Schema } from 'effect';
+import type { ColumnDef } from '@tanstack/vue-table';
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+import type { ColumnDefDeps, MigrateFn, MigrateSource } from '../../../utils/resolve.js';
+export declare const type: "com.shwfed.table.column.switch.remote";
+export declare const compatibilityDate: "2026-05-13";
+export declare const metadata: {
+    readonly name: "开关（远程）";
+    readonly icon: "fluent:toggle-left-20-regular";
+};
+export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
+    align: Schema.optionalWith<Schema.Literal<["left", "center", "right"]>, {
+        default: () => "center";
+    }>;
+    disabled: Schema.optional<Schema.Schema<string, string, never>>;
+    onChange: Schema.optional<Schema.Schema<string, string, never>>;
+    successMessage: Schema.optional<Schema.Schema<string, string, never>>;
+    triggers: Schema.optional<Schema.Array$<Schema.Struct<{
+        target: Schema.refine<string, typeof Schema.String>;
+        operation: Schema.SchemaClass<string, string, never>;
+    }>>>;
+    title: Schema.TupleType<readonly [Schema.Struct<{
+        locale: Schema.Literal<["zh"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>], [Schema.Struct<{
+        locale: Schema.Literal<["ja", "en", "ko"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>]>;
+    accessor: Schema.Schema<string, string, never>;
+    enableSorting: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+    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<{
+        locale: Schema.Literal<["zh"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>], [Schema.Struct<{
+        locale: Schema.Literal<["ja", "en", "ko"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>]>>;
+    id: Schema.refine<string, typeof Schema.String>;
+    groupId: Schema.optional<typeof Schema.UUID>;
+    type: Schema.Literal<["com.shwfed.table.column.switch.remote"]>;
+    compatibilityDate: Schema.Literal<["2026-05-13"]>;
+}>;
+export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+/**
+ * Adopts values that were stored under the pre-split `com.shwfed.table.column.switch`
+ * type at the same `compatibilityDate`. The field shape is byte-identical to
+ * this entry's schema — only the discriminator changes. Migration declarations
+ * live exclusively on this (new) entry; the old folder was removed and is
+ * never touched by this rewrite.
+ */
+export declare const migrateFrom: ReadonlyArray<MigrateSource>;
+export declare const migrate: MigrateFn;
+export declare function toColumnDef(value: Value, { getLocaleText, $cel, inheritedContext }: ColumnDefDeps): Partial<ColumnDef<unknown, unknown>>;

package/dist/runtime/components/table/columns/2026-05-13/com.shwfed.table.column.switch.remote/schema.js

@@ -0,0 +1,82 @@
+import { Effect, Schema } from "effect";
+import { Expression } from "../../../../../share/expression.js";
+import { Triggers } from "../../../../../share/event-bus.js";
+import { Align, CelRowAccess, columnFields, registerRowVariablesIfAbsent } from "../../../utils/shared.js";
+export const type = "com.shwfed.table.column.switch.remote";
+export const compatibilityDate = "2026-05-13";
+export const metadata = {
+  name: "\u5F00\u5173\uFF08\u8FDC\u7A0B\uFF09",
+  icon: "fluent:toggle-left-20-regular"
+};
+export function schema(configure) {
+  const CelBool = CelRowAccess(configure, { resultType: "bool" });
+  const CelOnChange = Expression({
+    configure: (env) => {
+      configure(env);
+      registerRowVariablesIfAbsent(env);
+      env.registerVariable("value", "bool", { description: "\u5207\u6362\u540E\u7684\u65B0\u503C" });
+    },
+    resultType: "HttpRequest"
+  });
+  const CelMessage = Expression({
+    configure: (env) => {
+      configure(env);
+      env.registerVariable("json", "dyn", { description: "HTTP \u54CD\u5E94\u4F53\uFF08\u5DF2\u89E3\u6790 JSON\uFF09" });
+    },
+    resultType: "string"
+  });
+  return Schema.Struct({
+    type: Schema.Literal(type),
+    compatibilityDate: Schema.Literal(compatibilityDate),
+    ...columnFields(configure),
+    align: Schema.optionalWith(Align.annotations({ title: "\u5BF9\u9F50" }), { default: () => "center" }),
+    disabled: Schema.optional(CelBool.annotations({
+      title: "\u7981\u7528\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u65F6\u5F00\u5173\u4ECD\u7136\u6E32\u67D3\u4F46\u4E0D\u53EF\u5207\u6362"
+    })),
+    onChange: Schema.optional(CelOnChange.annotations({
+      title: "\u5207\u6362\u8BF7\u6C42",
+      description: "\u7528\u6237\u5207\u6362\u540E\u7ACB\u5373\u6C42\u503C\u5E76\u53D1\u8D77\u7684 HTTP \u8BF7\u6C42\uFF1B`value` \u4E3A\u5207\u6362\u540E\u7684\u65B0\u503C\u3002\u672A\u914D\u7F6E\u65F6\u5F00\u5173\u53EA\u8BFB"
+    })),
+    successMessage: Schema.optional(CelMessage.annotations({
+      title: "\u6210\u529F\u6D88\u606F",
+      description: "\u8BF7\u6C42\u6210\u529F\u540E\u5F39\u51FA\u7684 toast \u5185\u5BB9\uFF1B\u672A\u914D\u7F6E\u5219\u9759\u9ED8"
+    })),
+    triggers: Schema.optional(Triggers.annotations({
+      title: "\u6210\u529F\u540E\u89E6\u53D1",
+      description: "\u8BF7\u6C42\u6210\u529F\u540E\u6309\u5217\u8868\u987A\u5E8F\u5192\u6CE1\u7684\u64CD\u4F5C\u8BF7\u6C42\uFF1B\u672A\u914D\u7F6E\u5219\u4EC0\u4E48\u90FD\u4E0D\u505A"
+    }))
+  }).annotations({ title: "SwitchRenderer", description: "\u5F00\u5173\u6E32\u67D3\u5668\uFF08\u53EF\u7F16\u8F91\uFF09" });
+}
+export const migrateFrom = [
+  { type: "com.shwfed.table.column.switch", compatibilityDate }
+];
+export const migrate = (prev) => Effect.try({
+  try: () => {
+    if (!prev || typeof prev !== "object") {
+      throw new Error("\u5F00\u5173\uFF08\u8FDC\u7A0B\uFF09\u8FC1\u79FB\u5931\u8D25\uFF1A\u539F\u503C\u4E0D\u662F\u5BF9\u8C61");
+    }
+    return { ...prev, type, compatibilityDate };
+  },
+  catch: (e) => e instanceof Error ? e : new Error(String(e))
+});
+export function toColumnDef(value, { getLocaleText, $cel, inheritedContext }) {
+  return {
+    header: getLocaleText(value.title),
+    accessorFn: (row, index) => {
+      try {
+        return Effect.runSync($cel(value.accessor, { ...inheritedContext, row, index }));
+      } catch (e) {
+        console.error("[shwfed-table] switch accessor failed", e);
+        return void 0;
+      }
+    },
+    enableSorting: value.enableSorting ?? false,
+    sortingFn: "basic",
+    size: value.size,
+    meta: {
+      grow: value.grow ?? false,
+      tooltip: getLocaleText(value.tooltip)
+    }
+  };
+}

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch.local/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;