@shwfed/config 2.3.28 → 2.4.0

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

@@ -113,10 +113,12 @@ function isHidden(field) {
 
 <template>
   <ClientOnly>
-    <FormUnitRenderer
-      :unit="unit"
-      :evaluate-media="evaluateMedia"
-      :is-hidden="isHidden"
-    />
+    <div :style="config.style">
+      <FormUnitRenderer
+        :unit="unit"
+        :evaluate-media="evaluateMedia"
+        :is-hidden="isHidden"
+      />
+    </div>
   </ClientOnly>
 </template>

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

@@ -80,6 +80,7 @@ export declare function FormUnit(configure: (env: Environment) => void): Schema.
  */
 export declare function registerFormVariablesIfAbsent(env: Environment): void;
 export declare function FormConfig(configure: (env: Environment) => void): Schema.refine<{
+    readonly style?: string | undefined;
     readonly initial?: {
         readonly data: string;
         readonly request?: string | undefined;
@@ -146,8 +147,10 @@ export declare function FormConfig(configure: (env: Environment) => void): Schem
         data: Schema.Schema<string, string, never>;
     }>>>;
     readonly: Schema.optional<Schema.Schema<string, string, never>>;
+    style: Schema.optional<typeof Schema.String>;
 }>>;
 export declare function createFormConfig(body: Omit<Schema.Schema.Type<ReturnType<typeof FormConfig>>, 'kind'>): {
+    style?: string | undefined;
     initial?: {
         readonly data: string;
         readonly request?: string | undefined;
@@ -188,4 +191,5 @@ export type FormConfigValue = Readonly<{
     kind: typeof KIND;
     initial?: InitialSource;
     readonly?: string;
+    style?: string;
 }> & FormUnitValue;

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

@@ -105,6 +105,10 @@ export function FormConfig(configure) {
         字段自身的「只读条件」会**覆盖**这里：未配置只读条件的字段跟随本表达式，配置了的以字段自己的结果为准（可在只读表单中单独放开某个字段）。
       `
     })),
+    style: Schema.optional(Schema.String).annotations({
+      title: "\u5BB9\u5668\u6837\u5F0F",
+      description: "\u5E94\u7528\u5728\u8868\u5355\u6700\u5916\u5C42\u5BB9\u5668\u4E0A\u7684 CSS \u6837\u5F0F\u5B57\u7B26\u4E32"
+    }),
     ...unitFields(formConfigure)
   }).pipe(Schema.filter(unitPlacementsFilter)).annotations({
     title: "FormConfig",

package/dist/runtime/components/form/unit-config.vue

@@ -9,7 +9,8 @@ import {
   injectCELContext,
   provideCELContext
 } from "../../utils/cel-context";
-import { findFreePlacement, normalizeLayoutSet } from "../../share/layout";
+import { findFreePlacement, normalizeLayoutSet, placeGroupAt } from "../../share/layout";
+import { readClip, reidFragment, writeClip } from "../../share/clipboard";
 import { getLocalizedText } from "../../share/locale";
 import BlockLayoutEditor from "../block-layout-editor/index.vue";
 import LayoutsSidebar from "../block-layout-editor/sidebar.vue";
@@ -176,6 +177,47 @@ function removeFields(ids) {
     stack.value = stack.value.slice(0, -1);
   }
 }
+async function copyFields(ids) {
+  const want = new Set(ids);
+  const items = unit.value.fields.filter((f) => want.has(f.id));
+  if (items.length === 0) return;
+  const ls = unit.value.layouts[activeLayoutIndex.value];
+  const placements = {};
+  if (ls) {
+    for (const id of ids) {
+      const p = ls.layout.placements[id];
+      if (p) placements[id] = p;
+    }
+  }
+  if (!await writeClip("form", items, placements)) {
+    toast.error("\u590D\u5236\u5931\u8D25");
+    return;
+  }
+  toast.success(`\u5DF2\u590D\u5236 ${items.length} \u4E2A\u5B57\u6BB5`);
+}
+async function pasteFields(target) {
+  const payload = await readClip();
+  if (!payload || payload.surface !== "form") return;
+  const { items, placements } = reidFragment(payload.items, payload.placements);
+  const pasted = items;
+  if (pasted.length === 0) return;
+  const place = placements;
+  if (place && Object.keys(place).length > 0) {
+    const i = activeLayoutIndex.value;
+    const nextLayouts = unit.value.layouts.map((ls, idx) => {
+      if (idx !== i) return ls;
+      const shifted = placeGroupAt(ls.layout.placements, place, target ?? { x: 1, y: 1 });
+      return normalizeLayoutSet({
+        ...ls,
+        layout: { ...ls.layout, placements: { ...ls.layout.placements, ...shifted } }
+      });
+    });
+    unit.value = { ...unit.value, fields: [...unit.value.fields, ...pasted], layouts: nextLayouts };
+  } else {
+    unit.value = { ...unit.value, fields: [...unit.value.fields, ...pasted] };
+  }
+  toast.success(`\u5DF2\u7C98\u8D34 ${pasted.length} \u4E2A\u5B57\u6BB5`);
+}
 function updateActiveField(next) {
   const id = activeFieldId.value;
   if (!id) return;
@@ -434,6 +476,8 @@ function isExtraActive(id) {
             @drill-down="drillField"
             @delete-item="removeField"
             @delete-items="removeFields"
+            @copy-items="copyFields"
+            @paste="pasteFields"
           />
         </div>
       </div>

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.select/config.vue

@@ -1,5 +1,4 @@
 <script setup>
-import { Switch } from "../../../../ui/switch";
 import { Separator } from "../../../../ui/separator";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
@@ -68,27 +67,6 @@ function updateOptionalString(key, next) {
           </SelectContent>
         </Select>
       </Field>
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template
-            v-if="fieldDescription('crossPage')"
-            #tooltip
-          >
-            <Markdown
-              :source="fieldDescription('crossPage')"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("crossPage") }}
-        </FieldLabel>
-        <div class="flex h-9 items-center">
-          <Switch
-            :model-value="value.crossPage ?? false"
-            @update:model-value="(v) => value.crossPage = v"
-          />
-        </div>
-      </Field>
     </div>
     <Separator />
     <div class="grid grid-cols-2 gap-x-6 gap-y-4">

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.select/header.vue

@@ -11,36 +11,24 @@ const { t } = useI18n({
   inheritLocale: true,
   messages: {
     zh: {
-      "select-all-rows-on-page": "\u9009\u62E9\u5F53\u524D\u9875\u5168\u90E8\u884C",
       "select-all-rows": "\u9009\u62E9\u5168\u90E8\u884C"
     },
     en: {
-      "select-all-rows-on-page": "Select all rows on page",
       "select-all-rows": "Select all rows"
     },
     ja: {
-      "select-all-rows-on-page": "\u73FE\u5728\u306E\u30DA\u30FC\u30B8\u306E\u3059\u3079\u3066\u306E\u884C\u3092\u9078\u629E",
       "select-all-rows": "\u3059\u3079\u3066\u306E\u884C\u3092\u9078\u629E"
     }
   }
 });
 const table = computed(() => props.ctx.table);
-const crossPage = computed(() => props.column.crossPage ?? false);
 const hidden = computed(() => props.column.mode === "radio");
-const indeterminate = computed(
-  () => crossPage.value ? table.value.getIsSomePageRowsSelected() : table.value.getIsSomeRowsSelected()
-);
-const checked = computed(
-  () => crossPage.value ? table.value.getIsAllPageRowsSelected() : table.value.getIsAllRowsSelected()
-);
+const indeterminate = computed(() => table.value.getIsSomeRowsSelected());
+const checked = computed(() => table.value.getIsAllRowsSelected());
 const modelValue = computed(
   () => checked.value ? true : indeterminate.value ? "indeterminate" : false
 );
 function onUpdate(value) {
-  if (crossPage.value) {
-    table.value.toggleAllPageRowsSelected(value === true);
-    return;
-  }
   table.value.toggleAllRowsSelected(value === true);
 }
 </script>
@@ -52,7 +40,7 @@ function onUpdate(value) {
   >
     <Checkbox
       :model-value="modelValue"
-      :aria-label="crossPage ? t('select-all-rows-on-page') : t('select-all-rows')"
+      :aria-label="t('select-all-rows')"
       class="w-4 h-4 bg-white"
       @update:model-value="onUpdate"
     />

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.select/schema.d.ts

@@ -11,7 +11,6 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     mode: Schema.optionalWith<Schema.Literal<["radio", "checkbox"]>, {
         default: () => "checkbox";
     }>;
-    crossPage: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
     enableRowSelection: Schema.optional<Schema.Schema<string, string, never>>;
     enableMultiRowSelection: Schema.optional<Schema.Schema<string, string, never>>;
     id: Schema.refine<string, typeof Schema.String>;

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.select/schema.js

@@ -25,10 +25,6 @@ export function schema(configure) {
       title: "\u6A21\u5F0F",
       description: "\u9009\u62E9\u6A21\u5F0F\uFF0Cradio \u4E3A\u5355\u9009\uFF0Ccheckbox \u4E3A\u591A\u9009"
     }), { default: () => "checkbox" }),
-    crossPage: Schema.optional(Schema.Boolean.annotations({
-      title: "\u8BB0\u5FC6\u9009\u4E2D\u9879",
-      description: "\u662F\u5426\u652F\u6301\u8DE8\u9875\u9009\u62E9"
-    })),
     enableRowSelection: Schema.optional(CelRowSelectionPredicate).annotations({
       title: "\u884C\u53EF\u9009\u4E2D",
       description: "\u884C\u662F\u5426\u53EF\u9009\u4E2D\u7684 CEL \u8868\u8FBE\u5F0F"

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.combobox-multi/config.d.vue.ts

@@ -0,0 +1,183 @@
+import { type Value } from './schema.js';
+type __VLS_ModelProps = {
+    modelValue: Value;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: {
+        readonly size?: number | undefined;
+        readonly disabled?: string | undefined;
+        readonly type: "com.shwfed.table.column.combobox-multi";
+        readonly id: string;
+        readonly title: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]];
+        readonly hidden?: string | undefined;
+        readonly tooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly compatibilityDate: "2026-05-28";
+        readonly groupId?: string | undefined;
+        readonly placeholder?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly readonly?: string | undefined;
+        readonly write: {
+            readonly kind: "binding";
+            readonly binding: string;
+        } | {
+            readonly onChange?: string | undefined;
+            readonly kind: "remote";
+            readonly triggers?: readonly {
+                readonly target: string;
+                readonly operation: string;
+            }[] | undefined;
+            readonly accessor: string;
+            readonly successMessage?: string | undefined;
+        };
+        readonly grow?: boolean | undefined;
+        readonly options: {
+            readonly kind: "remote";
+            readonly request: string;
+            readonly options: string;
+            readonly optionValue: string;
+            readonly optionLabel: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly optionKeywords?: string | undefined;
+        } | {
+            readonly kind: "static";
+            readonly items: readonly {
+                readonly label: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly id: string;
+                readonly tooltip?: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]] | undefined;
+                readonly value: {
+                    readonly value: string;
+                    readonly kind: "text";
+                } | {
+                    readonly value: number;
+                    readonly kind: "number";
+                };
+                readonly keywords?: readonly string[] | undefined;
+            }[];
+        };
+        readonly enableSorting?: boolean | undefined;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        readonly size?: number | undefined;
+        readonly disabled?: string | undefined;
+        readonly type: "com.shwfed.table.column.combobox-multi";
+        readonly id: string;
+        readonly title: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]];
+        readonly hidden?: string | undefined;
+        readonly tooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly compatibilityDate: "2026-05-28";
+        readonly groupId?: string | undefined;
+        readonly placeholder?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly readonly?: string | undefined;
+        readonly write: {
+            readonly kind: "binding";
+            readonly binding: string;
+        } | {
+            readonly onChange?: string | undefined;
+            readonly kind: "remote";
+            readonly triggers?: readonly {
+                readonly target: string;
+                readonly operation: string;
+            }[] | undefined;
+            readonly accessor: string;
+            readonly successMessage?: string | undefined;
+        };
+        readonly grow?: boolean | undefined;
+        readonly options: {
+            readonly kind: "remote";
+            readonly request: string;
+            readonly options: string;
+            readonly optionValue: string;
+            readonly optionLabel: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly optionKeywords?: string | undefined;
+        } | {
+            readonly kind: "static";
+            readonly items: readonly {
+                readonly label: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly id: string;
+                readonly tooltip?: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]] | undefined;
+                readonly value: {
+                    readonly value: string;
+                    readonly kind: "text";
+                } | {
+                    readonly value: number;
+                    readonly kind: "number";
+                };
+                readonly keywords?: readonly string[] | undefined;
+            }[];
+        };
+        readonly enableSorting?: boolean | undefined;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;