@shwfed/config 2.5.1 → 2.5.3

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

@@ -56,12 +56,13 @@ const currentPreserveModeLabel = computed(
   () => PRESERVE_MODE_OPTIONS.find((o) => o.value === (value.value.preserveMode ?? "round"))?.label
 );
 function onPreserveDigitsChange(v) {
-  value.value.preserveDigits = v;
+  const next = { ...value.value, preserveDigits: v };
   if (v === void 0) {
-    value.value.preserveMode = void 0;
-  } else if (value.value.preserveMode === void 0) {
-    value.value.preserveMode = "round";
+    next.preserveMode = void 0;
+  } else if (next.preserveMode === void 0) {
+    next.preserveMode = "round";
   }
+  value.value = next;
 }
 </script>
 
@@ -82,7 +83,10 @@ function onPreserveDigitsChange(v) {
           </template>
           {{ fieldTitle("title") }}
         </FieldLabel>
-        <Locale v-model="value.title" />
+        <Locale
+          :model-value="value.title"
+          @update:model-value="(v) => value = { ...value, title: v }"
+        />
       </Field>
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
@@ -99,8 +103,9 @@ function onPreserveDigitsChange(v) {
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <Locale
-          v-model="value.tooltip"
+          :model-value="value.tooltip"
           markdown
+          @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
       </Field>
     </div>
@@ -120,9 +125,10 @@ function onPreserveDigitsChange(v) {
           {{ fieldTitle("accessor") }}
         </FieldLabel>
         <Input
-          v-model="value.accessor"
+          :model-value="value.accessor"
           placeholder="如 row.salary"
           class="font-mono text-xs"
+          @update:model-value="(v) => value = { ...value, accessor: v }"
         />
       </Field>
       <Field orientation="vertical">
@@ -155,7 +161,7 @@ function onPreserveDigitsChange(v) {
                 <DropdownMenuItem
                   v-for="opt in ALIGN_OPTIONS"
                   :key="opt.value"
-                  @select="value.align = opt.value"
+                  @select="value = { ...value, align: opt.value }"
                 >
                   <Icon :icon="opt.icon" />
                   {{ opt.label }}
@@ -167,13 +173,13 @@ function onPreserveDigitsChange(v) {
             :model-value="value.size"
             :disabled="value.grow"
             :min="0"
-            @update:model-value="(v) => value.size = v"
+            @update:model-value="(v) => value = { ...value, size: v }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.grow ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.grow = !value.grow"
+              @click="value = { ...value, grow: !value.grow }"
             >
               <Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
               {{ fieldTitle("grow") }}
@@ -197,7 +203,7 @@ function onPreserveDigitsChange(v) {
         </FieldLabel>
         <Select
           :model-value="value.displayMode ?? 'plain'"
-          @update:model-value="(v) => value.displayMode = v"
+          @update:model-value="(v) => value = { ...value, displayMode: v }"
         >
           <SelectTrigger class="w-full">
             <SelectValue />
@@ -254,7 +260,7 @@ function onPreserveDigitsChange(v) {
                 <DropdownMenuItem
                   v-for="opt in PRESERVE_MODE_OPTIONS"
                   :key="opt.value"
-                  @select="value.preserveMode = opt.value"
+                  @select="value = { ...value, preserveMode: opt.value }"
                 >
                   {{ opt.label }}
                 </DropdownMenuItem>
@@ -287,13 +293,13 @@ function onPreserveDigitsChange(v) {
           <InputGroupInput
             :model-value="value.sortKey"
             placeholder="例：created_at"
-            @update:model-value="(v) => value.sortKey = v || void 0"
+            @update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.enableSorting ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.enableSorting = !value.enableSorting"
+              @click="value = { ...value, enableSorting: !value.enableSorting }"
             >
               <Icon :icon="value.enableSorting ? 'fluent:arrow-sort-up-16-regular' : 'fluent:arrow-sort-16-regular'" />
               {{ fieldTitle("enableSorting") }}

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

@@ -50,8 +50,12 @@ const DISPLAY_MODE_OPTIONS = [
 const copyExpressionModel = computed({
   get: () => value.value.copyExpression ?? "",
   set: (v) => {
-    if (v === "") delete value.value.copyExpression;
-    else value.value.copyExpression = v;
+    if (v === "") {
+      const { copyExpression: _drop, ...rest } = value.value;
+      value.value = rest;
+    } else {
+      value.value = { ...value.value, copyExpression: v };
+    }
   }
 });
 </script>
@@ -73,7 +77,10 @@ const copyExpressionModel = computed({
           </template>
           {{ fieldTitle("title") }}
         </FieldLabel>
-        <Locale v-model="value.title" />
+        <Locale
+          :model-value="value.title"
+          @update:model-value="(v) => value = { ...value, title: v }"
+        />
       </Field>
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
@@ -90,8 +97,9 @@ const copyExpressionModel = computed({
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <Locale
-          v-model="value.tooltip"
+          :model-value="value.tooltip"
           markdown
+          @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
       </Field>
     </div>
@@ -111,9 +119,10 @@ const copyExpressionModel = computed({
           {{ fieldTitle("accessor") }}
         </FieldLabel>
         <Input
-          v-model="value.accessor"
+          :model-value="value.accessor"
           placeholder="如 row.user.name"
           class="font-mono text-xs"
+          @update:model-value="(v) => value = { ...value, accessor: v }"
         />
       </Field>
       <Field orientation="vertical">
@@ -146,7 +155,7 @@ const copyExpressionModel = computed({
                 <DropdownMenuItem
                   v-for="opt in ALIGN_OPTIONS"
                   :key="opt.value"
-                  @select="value.align = opt.value"
+                  @select="value = { ...value, align: opt.value }"
                 >
                   <Icon :icon="opt.icon" />
                   {{ opt.label }}
@@ -158,13 +167,13 @@ const copyExpressionModel = computed({
             :model-value="value.size"
             :disabled="value.grow"
             :min="0"
-            @update:model-value="(v) => value.size = v"
+            @update:model-value="(v) => value = { ...value, size: v }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.grow ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.grow = !value.grow"
+              @click="value = { ...value, grow: !value.grow }"
             >
               <Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
               {{ fieldTitle("grow") }}
@@ -209,7 +218,7 @@ const copyExpressionModel = computed({
         </FieldLabel>
         <Select
           :model-value="value.displayMode ?? 'plain'"
-          @update:model-value="(v) => value.displayMode = v"
+          @update:model-value="(v) => value = { ...value, displayMode: v }"
         >
           <SelectTrigger class="w-full">
             <SelectValue />
@@ -249,13 +258,13 @@ const copyExpressionModel = computed({
           <InputGroupInput
             :model-value="value.sortKey"
             placeholder="例：created_at"
-            @update:model-value="(v) => value.sortKey = v || void 0"
+            @update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.enableSorting ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.enableSorting = !value.enableSorting"
+              @click="value = { ...value, enableSorting: !value.enableSorting }"
             >
               <Icon :icon="value.enableSorting ? 'fluent:arrow-sort-up-16-regular' : 'fluent:arrow-sort-16-regular'" />
               {{ fieldTitle("enableSorting") }}

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

@@ -50,28 +50,44 @@ const JSON_VARS = {
 const disabledModel = computed({
   get: () => value.value.disabled ?? "",
   set: (v) => {
-    if (v === "") delete value.value.disabled;
-    else value.value.disabled = v;
+    if (v === "") {
+      const { disabled: _drop, ...rest } = value.value;
+      value.value = rest;
+    } else {
+      value.value = { ...value.value, disabled: v };
+    }
   }
 });
 const onChangeModel = computed({
   get: () => value.value.onChange ?? "",
   set: (v) => {
-    if (v === "") delete value.value.onChange;
-    else value.value.onChange = v;
+    if (v === "") {
+      const { onChange: _drop, ...rest } = value.value;
+      value.value = rest;
+    } else {
+      value.value = { ...value.value, onChange: v };
+    }
   }
 });
 const successMessageModel = computed({
   get: () => value.value.successMessage ?? "",
   set: (v) => {
-    if (v === "") delete value.value.successMessage;
-    else value.value.successMessage = v;
+    if (v === "") {
+      const { successMessage: _drop, ...rest } = value.value;
+      value.value = rest;
+    } else {
+      value.value = { ...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;
+  if (next.length === 0) {
+    const { triggers: _drop, ...rest } = value.value;
+    value.value = rest;
+  } else {
+    value.value = { ...value.value, triggers: next };
+  }
 }
 </script>
 
@@ -92,7 +108,10 @@ function updateTriggers(next) {
           </template>
           {{ fieldTitle("title") }}
         </FieldLabel>
-        <Locale v-model="value.title" />
+        <Locale
+          :model-value="value.title"
+          @update:model-value="(v) => value = { ...value, title: v }"
+        />
       </Field>
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
@@ -109,8 +128,9 @@ function updateTriggers(next) {
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <Locale
-          v-model="value.tooltip"
+          :model-value="value.tooltip"
           markdown
+          @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
       </Field>
     </div>
@@ -130,10 +150,11 @@ function updateTriggers(next) {
           {{ fieldTitle("accessor") }}
         </FieldLabel>
         <ExpressionEditor
-          v-model="value.accessor"
+          :model-value="value.accessor"
           placeholder="如 row.enabled"
           result-type="bool"
           :extra-vars="ROW_VARS"
+          @update:model-value="(v) => value = { ...value, accessor: v }"
         />
       </Field>
       <Field orientation="vertical">
@@ -166,7 +187,7 @@ function updateTriggers(next) {
                 <DropdownMenuItem
                   v-for="opt in ALIGN_OPTIONS"
                   :key="opt.value"
-                  @select="value.align = opt.value"
+                  @select="value = { ...value, align: opt.value }"
                 >
                   <Icon :icon="opt.icon" />
                   {{ opt.label }}
@@ -178,13 +199,13 @@ function updateTriggers(next) {
             :model-value="value.size"
             :disabled="value.grow"
             :min="0"
-            @update:model-value="(v) => value.size = v"
+            @update:model-value="(v) => value = { ...value, size: v }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.grow ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.grow = !value.grow"
+              @click="value = { ...value, grow: !value.grow }"
             >
               <Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
               {{ fieldTitle("grow") }}
@@ -299,13 +320,13 @@ function updateTriggers(next) {
           <InputGroupInput
             :model-value="value.sortKey"
             placeholder="例：created_at"
-            @update:model-value="(v) => value.sortKey = v || void 0"
+            @update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.enableSorting ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.enableSorting = !value.enableSorting"
+              @click="value = { ...value, enableSorting: !value.enableSorting }"
             >
               <Icon :icon="value.enableSorting ? 'fluent:arrow-sort-up-16-regular' : 'fluent:arrow-sort-16-regular'" />
               {{ fieldTitle("enableSorting") }}

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

@@ -42,36 +42,56 @@ const bindingText = computed({
   get: () => value.value.binding ?? "",
   set: (v) => {
     const trimmed = v.trim();
-    if (trimmed === "") delete value.value.binding;
-    else value.value.binding = trimmed;
+    if (trimmed === "") {
+      const { binding: _drop, ...rest } = value.value;
+      value.value = rest;
+    } else {
+      value.value = { ...value.value, binding: trimmed };
+    }
   }
 });
 const hiddenModel = computed({
   get: () => value.value.hidden ?? "",
   set: (v) => {
-    if (v === "") delete value.value.hidden;
-    else value.value.hidden = v;
+    if (v === "") {
+      const { hidden: _drop, ...rest } = value.value;
+      value.value = rest;
+    } else {
+      value.value = { ...value.value, hidden: v };
+    }
   }
 });
 const disabledModel = computed({
   get: () => value.value.disabled ?? "",
   set: (v) => {
-    if (v === "") delete value.value.disabled;
-    else value.value.disabled = v;
+    if (v === "") {
+      const { disabled: _drop, ...rest } = value.value;
+      value.value = rest;
+    } else {
+      value.value = { ...value.value, disabled: v };
+    }
   }
 });
 const readonlyModel = computed({
   get: () => value.value.readonly ?? "",
   set: (v) => {
-    if (v === "") delete value.value.readonly;
-    else value.value.readonly = v;
+    if (v === "") {
+      const { readonly: _drop, ...rest } = value.value;
+      value.value = rest;
+    } else {
+      value.value = { ...value.value, readonly: v };
+    }
   }
 });
 const derivedModel = computed({
   get: () => value.value.derived,
   set: (v) => {
-    if (v == null) delete value.value.derived;
-    else value.value.derived = v;
+    if (v == null) {
+      const { derived: _drop, ...rest } = value.value;
+      value.value = rest;
+    } else {
+      value.value = { ...value.value, derived: v };
+    }
   }
 });
 const currentRoundingModeLabel = computed(
@@ -79,23 +99,48 @@ const currentRoundingModeLabel = computed(
 );
 function onPrecisionChange(v) {
   if (v === void 0) {
-    delete value.value.precision;
-    delete value.value.roundingMode;
+    const { precision: _p, roundingMode: _r, ...rest } = value.value;
+    value.value = rest;
+  } else if (value.value.roundingMode === void 0) {
+    value.value = { ...value.value, precision: v, roundingMode: "round" };
   } else {
-    value.value.precision = v;
-    if (value.value.roundingMode === void 0) value.value.roundingMode = "round";
+    value.value = { ...value.value, precision: v };
   }
 }
 function onRoundingModeChange(mode) {
-  value.value.roundingMode = mode;
+  value.value = { ...value.value, roundingMode: mode };
 }
 function onStepChange(v) {
-  if (v === void 0 || !(v > 0)) delete value.value.step;
-  else value.value.step = v;
+  if (v === void 0 || !(v > 0)) {
+    const { step: _drop, ...rest } = value.value;
+    value.value = rest;
+  } else {
+    value.value = { ...value.value, step: v };
+  }
 }
 function onValueAsStringChange(next) {
-  if (next) value.value.valueAsString = true;
-  else delete value.value.valueAsString;
+  if (next) {
+    value.value = { ...value.value, valueAsString: true };
+  } else {
+    const { valueAsString: _drop, ...rest } = value.value;
+    value.value = rest;
+  }
+}
+function onMinChange(v) {
+  if (v.length > 0) {
+    value.value = { ...value.value, min: v };
+  } else {
+    const { min: _drop, ...rest } = value.value;
+    value.value = rest;
+  }
+}
+function onMaxChange(v) {
+  if (v.length > 0) {
+    value.value = { ...value.value, max: v };
+  } else {
+    const { max: _drop, ...rest } = value.value;
+    value.value = rest;
+  }
 }
 </script>
 
@@ -116,7 +161,10 @@ function onValueAsStringChange(next) {
           </template>
           {{ fieldTitle("title") }}
         </FieldLabel>
-        <Locale v-model="value.title" />
+        <Locale
+          :model-value="value.title"
+          @update:model-value="(v) => value = { ...value, title: v }"
+        />
       </Field>
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
@@ -133,8 +181,9 @@ function onValueAsStringChange(next) {
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <Locale
-          v-model="value.tooltip"
+          :model-value="value.tooltip"
           markdown
+          @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
       </Field>
     </div>
@@ -175,7 +224,10 @@ function onValueAsStringChange(next) {
           </template>
           {{ fieldTitle("placeholder") }}
         </FieldLabel>
-        <Locale v-model="value.placeholder" />
+        <Locale
+          :model-value="value.placeholder"
+          @update:model-value="(v) => value = { ...value, placeholder: v }"
+        />
       </Field>
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
@@ -196,13 +248,13 @@ function onValueAsStringChange(next) {
             :model-value="value.size"
             :disabled="value.grow"
             :min="0"
-            @update:model-value="(v) => value.size = v"
+            @update:model-value="(v) => value = { ...value, size: v }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.grow ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.grow = !value.grow"
+              @click="value = { ...value, grow: !value.grow }"
             >
               <Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
               {{ fieldTitle("grow") }}
@@ -325,10 +377,7 @@ function onValueAsStringChange(next) {
           result-type="number"
           class="min-h-10"
           :extra-vars="ROW_VARS"
-          @update:model-value="(v) => {
-  if (v.length > 0) value.min = v;
-  else delete value.min;
-}"
+          @update:model-value="onMinChange"
         />
       </Field>
       <Field orientation="vertical">
@@ -351,10 +400,7 @@ function onValueAsStringChange(next) {
           result-type="number"
           class="min-h-10"
           :extra-vars="ROW_VARS"
-          @update:model-value="(v) => {
-  if (v.length > 0) value.max = v;
-  else delete value.max;
-}"
+          @update:model-value="onMaxChange"
         />
       </Field>
     </div>
@@ -469,13 +515,13 @@ function onValueAsStringChange(next) {
           <InputGroupInput
             :model-value="value.sortKey"
             placeholder="例：created_at"
-            @update:model-value="(v) => value.sortKey = v || void 0"
+            @update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.enableSorting ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.enableSorting = !value.enableSorting"
+              @click="value = { ...value, enableSorting: !value.enableSorting }"
             >
               <Icon :icon="value.enableSorting ? 'fluent:arrow-sort-up-16-regular' : 'fluent:arrow-sort-16-regular'" />
               {{ fieldTitle("enableSorting") }}