@tmagic/form 1.5.13 → 1.5.15

package/dist/tmagic-form.js

@@ -2,10 +2,10 @@ import { toRaw, defineComponent, inject, ref, computed, watchEffect, watch, reso
 import { WarningFilled, CaretBottom, CaretRight, Delete, DocumentCopy, CaretTop, Position, Grid, ArrowUp, ArrowDown, FullScreen } from '@element-plus/icons-vue';
 import { cloneDeep, isEqual, isEmpty, debounce } from 'lodash-es';
 import { TMagicFormItem, TMagicTooltip, TMagicIcon, TMagicButton, TMagicCheckbox, TMagicPopover, TMagicInputNumber, TMagicCard, TMagicCol, TMagicRow, TMagicSteps, TMagicStep, useZIndex, TMagicTable, TMagicTableColumn, TMagicUpload, TMagicPagination, tMagicMessage, getDesignConfig, TMagicBadge, TMagicCascader, TMagicCheckboxGroup, TMagicColorPicker, TMagicDatePicker, TMagicForm, TMagicInput, tMagicMessageBox, TMagicDialog, TMagicRadioButton, TMagicRadio, TMagicRadioGroup, TMagicSelect, TMagicSwitch, TMagicTimePicker, TMagicDrawer, TMagicScrollbar } from '@tmagic/design';
+import { setValueByKeyPath, asyncLoadJs, getValueByKeyPath, isNumber } from '@tmagic/utils';
 import dayjs from 'dayjs';
 import utc from 'dayjs/plugin/utc';
 import Sortable from 'sortablejs';
-import { asyncLoadJs, getValueByKeyPath, isNumber } from '@tmagic/utils';
 import { createPopper } from '@popperjs/core';
 
 const isTableSelect = (type) => typeof type === "string" && ["table-select", "tableSelect"].includes(type);
@@ -342,7 +342,13 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             formValue: mForm?.values,
             prop: itemProp.value,
             config: props.config,
-            changeRecords: newChangeRecords
+            changeRecords: newChangeRecords,
+            setModel: (key2, value2) => {
+              setValueByKeyPath(key2, value2, props.model);
+              if (props.config.name) {
+                newChangeRecords.push({ propPath: itemProp.value.replace(`${props.config.name}`, key2), value: value2 });
+              }
+            }
           }) ?? value;
         }
         value = trimHandler(trim, value) ?? value;
@@ -1672,15 +1678,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     const updateKey = ref(1);
     const isFullscreen = ref(false);
     const modelName = computed(() => props.name || props.config.name || "");
-    const data = computed(
-      () => props.config.pagination ? (props.model[modelName.value] || []).filter(
-        (item, index) => index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value
-      ) : props.model[modelName.value]
+    const getDataByPage = (data2 = []) => data2.filter(
+      (item, index) => index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value
     );
+    const pageinationData = computed(() => getDataByPage(props.model[modelName.value]));
+    const data = computed(() => props.config.pagination ? pageinationData.value : props.model[modelName.value]);
     const lastData = computed(
-      () => props.config.pagination ? (props.lastValues[modelName.value] || []).filter(
-        (item, index) => index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value
-      ) : props.lastValues[modelName.value] || []
+      () => props.config.pagination ? getDataByPage(props.lastValues[modelName.value]) : props.lastValues[modelName.value] || []
     );
     const sortChange = ({ prop, order }) => {
       if (order === "ascending") {

package/dist/tmagic-form.umd.cjs

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('@element-plus/icons-vue'), require('@tmagic/design'), require('dayjs'), require('dayjs/plugin/utc'), require('sortablejs'), require('@tmagic/utils'), require('@popperjs/core')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'vue', '@element-plus/icons-vue', '@tmagic/design', 'dayjs', 'dayjs/plugin/utc', 'sortablejs', '@tmagic/utils', '@popperjs/core'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TMagicForm = {}, global.Vue, global.iconsVue, global.design, global.dayjs, global.utc, global.Sortable, global.utils, global.core));
-})(this, (function (exports, vue, iconsVue, design, dayjs, utc, Sortable, utils, core) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('@element-plus/icons-vue'), require('@tmagic/design'), require('@tmagic/utils'), require('dayjs'), require('dayjs/plugin/utc'), require('sortablejs'), require('@popperjs/core')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'vue', '@element-plus/icons-vue', '@tmagic/design', '@tmagic/utils', 'dayjs', 'dayjs/plugin/utc', 'sortablejs', '@popperjs/core'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TMagicForm = {}, global.Vue, global.iconsVue, global.design, global.utils, global.dayjs, global.utc, global.Sortable, global.core));
+})(this, (function (exports, vue, iconsVue, design, utils, dayjs, utc, Sortable, core) { 'use strict';
 
   /** Detect free variable `global` from Node.js. */
   var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
@@ -3273,7 +3273,13 @@
               formValue: mForm?.values,
               prop: itemProp.value,
               config: props.config,
-              changeRecords: newChangeRecords
+              changeRecords: newChangeRecords,
+              setModel: (key2, value2) => {
+                utils.setValueByKeyPath(key2, value2, props.model);
+                if (props.config.name) {
+                  newChangeRecords.push({ propPath: itemProp.value.replace(`${props.config.name}`, key2), value: value2 });
+                }
+              }
             }) ?? value;
           }
           value = trimHandler(trim, value) ?? value;
@@ -4603,15 +4609,13 @@
       const updateKey = vue.ref(1);
       const isFullscreen = vue.ref(false);
       const modelName = vue.computed(() => props.name || props.config.name || "");
-      const data = vue.computed(
-        () => props.config.pagination ? (props.model[modelName.value] || []).filter(
-          (item, index) => index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value
-        ) : props.model[modelName.value]
+      const getDataByPage = (data2 = []) => data2.filter(
+        (item, index) => index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value
       );
+      const pageinationData = vue.computed(() => getDataByPage(props.model[modelName.value]));
+      const data = vue.computed(() => props.config.pagination ? pageinationData.value : props.model[modelName.value]);
       const lastData = vue.computed(
-        () => props.config.pagination ? (props.lastValues[modelName.value] || []).filter(
-          (item, index) => index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value
-        ) : props.lastValues[modelName.value] || []
+        () => props.config.pagination ? getDataByPage(props.lastValues[modelName.value]) : props.lastValues[modelName.value] || []
       );
       const sortChange = ({ prop, order }) => {
         if (order === "ascending") {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.5.13",
+  "version": "1.5.15",
   "name": "@tmagic/form",
   "type": "module",
   "sideEffects": [
@@ -51,8 +51,8 @@
   "peerDependencies": {
     "vue": ">=3.5.0",
     "typescript": "*",
-    "@tmagic/design": "1.5.13",
-    "@tmagic/utils": "1.5.13"
+    "@tmagic/design": "1.5.15",
+    "@tmagic/utils": "1.5.15"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/src/Form.vue

@@ -63,7 +63,7 @@ const props = withDefaults(
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
   }>(),
   {
     config: () => [],
@@ -101,7 +101,7 @@ const formState: FormState = reactive<FormState>({
   parentValues: props.parentValues,
   values,
   lastValuesProcessed,
-  $emit: emit as (event: string, ...args: any[]) => void,
+  $emit: emit as (_event: string, ..._args: any[]) => void,
   fields,
   setField: (prop: string, field: any) => fields.set(prop, field),
   getField: (prop: string) => fields.get(prop),

package/src/FormDrawer.vue

@@ -82,7 +82,7 @@ withDefaults(
     labelPosition?: string;
     preventSubmitDefault?: boolean;
     /** 关闭前的回调，会暂停 Drawer 的关闭; done 是个 function type 接受一个 boolean 参数, 执行 done 使用 true 参数或不提供参数将会终止关闭 */
-    beforeClose?: (done: (cancel?: boolean) => void) => void;
+    beforeClose?: (_done: (_cancel?: boolean) => void) => void;
   }>(),
   {
     closeOnPressEscape: true,

package/src/containers/Container.vue

@@ -228,6 +228,7 @@ import { WarningFilled } from '@element-plus/icons-vue';
 import { isEqual } from 'lodash-es';
 
 import { TMagicButton, TMagicFormItem, TMagicIcon, TMagicTooltip } from '@tmagic/design';
+import { setValueByKeyPath } from '@tmagic/utils';
 
 import type { ChildConfig, ContainerChangeEventData, ContainerCommonConfig, FormState, FormValue } from '../schema';
 import { display as displayFunction, filterFunction, getRules } from '../utils/form';
@@ -423,6 +424,12 @@ const onChangeHandler = async function (v: any, eventData: ContainerChangeEventD
           prop: itemProp.value,
           config: props.config,
           changeRecords: newChangeRecords,
+          setModel: (key: string, value: any) => {
+            setValueByKeyPath(key, value, props.model);
+            if (props.config.name) {
+              newChangeRecords.push({ propPath: itemProp.value.replace(`${props.config.name}`, key), value });
+            }
+          },
         })) ?? value;
     }
     value = trimHandler(trim, value) ?? value;
@@ -445,7 +452,6 @@ const onChangeHandler = async function (v: any, eventData: ContainerChangeEventD
     delete eventData.modifyKey;
   } else if (isValidName() && props.model !== value && (v !== value || props.model[name.value] !== value)) {
     // field内容下包含field-link时，model===value, 这里避免循环引用
-    // eslint-disable-next-line vue/no-mutating-props
     props.model[name.value] = value;
   }
 

package/src/containers/Table.vue

@@ -273,22 +273,18 @@ const isFullscreen = ref(false);
 
 const modelName = computed(() => props.name || props.config.name || '');
 
-const data = computed(() =>
-  props.config.pagination
-    ? (props.model[modelName.value] || []).filter(
-        (item: any, index: number) =>
-          index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value,
-      )
-    : props.model[modelName.value],
-);
+const getDataByPage = (data: any[] = []) =>
+  data.filter(
+    (item: any, index: number) =>
+      index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value,
+  );
+
+const pageinationData = computed(() => getDataByPage(props.model[modelName.value]));
+
+const data = computed(() => (props.config.pagination ? pageinationData.value : props.model[modelName.value]));
 
 const lastData = computed(() =>
-  props.config.pagination
-    ? (props.lastValues[modelName.value] || []).filter(
-        (item: any, index: number) =>
-          index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value,
-      )
-    : props.lastValues[modelName.value] || [],
+  props.config.pagination ? getDataByPage(props.lastValues[modelName.value]) : props.lastValues[modelName.value] || [],
 );
 
 const sortChange = ({ prop, order }: SortProp) => {

package/src/containers/Tabs.vue

@@ -41,21 +41,21 @@
           config.dynamic
             ? (name ? model[name] : model)[tabIndex]
             : tab.name
-            ? (name ? model[name] : model)[tab.name]
-            : name
-            ? model[name]
-            : model
+              ? (name ? model[name] : model)[tab.name]
+              : name
+                ? model[name]
+                : model
         "
         :last-values="
           isEmpty(lastValues)
             ? {}
             : config.dynamic
-            ? (name ? lastValues[name] : lastValues)[tabIndex]
-            : tab.name
-            ? (name ? lastValues[name] : lastValues)[tab.name]
-            : name
-            ? lastValues[name]
-            : lastValues
+              ? (name ? lastValues[name] : lastValues)[tabIndex]
+              : tab.name
+                ? (name ? lastValues[name] : lastValues)[tab.name]
+                : name
+                  ? lastValues[name]
+                  : lastValues
         "
         :is-compare="isCompare"
         :prop="config.dynamic ? `${prop}${prop ? '.' : ''}${String(tabIndex)}` : prop"

package/src/fields/Display.vue

@@ -13,7 +13,6 @@ defineOptions({
 const props = defineProps<FieldProps<DisplayConfig>>();
 
 if (props.config.initValue && props.model) {
-  // eslint-disable-next-line vue/no-setup-props-destructure
   props.model[props.name] = props.config.initValue;
 }
 

package/src/fields/Select.vue

@@ -21,7 +21,7 @@
   >
     <template v-if="config.group">
       <component
-        v-for="(group, index) in (options as SelectGroupOption[])"
+        v-for="(group, index) in options as SelectGroupOption[]"
         :key="index"
         :is="optionGroupComponent?.component || 'el-option-group'"
         v-bind="
@@ -55,7 +55,7 @@
     </template>
     <template v-else>
       <component
-        v-for="option in (options as SelectOption[])"
+        v-for="option in options as SelectOption[]"
         class="tmagic-design-option"
         :key="config.valueKey ? option.value[config.valueKey] : option.value"
         :is="optionComponent?.component || 'el-option'"

package/src/fields/Timerange.vue

@@ -31,7 +31,6 @@ const emit = defineEmits(['change']);
 
 useAddField(props.prop);
 
-// eslint-disable-next-line vue/no-setup-props-destructure
 const { names } = props.config;
 const value = ref<(Date | undefined)[] | null>([]);
 

package/src/index.ts

@@ -101,7 +101,6 @@ export default {
   install(app: App, opt: FormInstallOptions = {}) {
     const option = Object.assign(defaultInstallOpt, opt);
 
-    // eslint-disable-next-line no-param-reassign
     app.config.globalProperties.$MAGIC_FORM = option;
     setConfig(option);
 

package/src/schema.ts

@@ -196,6 +196,7 @@ export interface OnChangeHandlerData {
   config: any;
   prop: string;
   changeRecords: ChangeRecord[];
+  setModel: (prop: string, value: any) => void;
 }
 
 export type OnChangeHandler = (mForm: FormState | undefined, value: any, data: OnChangeHandlerData) => any;

package/src/utils/form.ts

@@ -16,7 +16,6 @@
  * limitations under the License.
  */
 
-/* eslint-disable no-param-reassign */
 import { toRaw } from 'vue';
 import dayjs from 'dayjs';
 import utc from 'dayjs/plugin/utc';

package/types/index.d.ts

@@ -158,6 +158,7 @@ interface OnChangeHandlerData {
     config: any;
     prop: string;
     changeRecords: ChangeRecord[];
+    setModel: (prop: string, value: any) => void;
 }
 type OnChangeHandler = (mForm: FormState | undefined, value: any, data: OnChangeHandlerData) => any;
 type DefaultValueFunction = (mForm: FormState | undefined) => any;
@@ -665,7 +666,7 @@ type __VLS_Props$u = {
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
 };
 declare const _default$v: vue.DefineComponent<__VLS_Props$u, {
     values: vue.Ref<FormValue, FormValue>;
@@ -735,7 +736,7 @@ declare const form$2: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readon
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
 }> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -793,7 +794,7 @@ declare const form$2: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readon
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
 }> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -838,7 +839,7 @@ declare const form$2: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readon
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
 }> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -896,7 +897,7 @@ declare const form$2: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readon
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
 }> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -1000,7 +1001,7 @@ declare const __VLS_component$4: vue.DefineComponent<__VLS_Props$t, {
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
-        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+        extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
@@ -1058,7 +1059,7 @@ declare const __VLS_component$4: vue.DefineComponent<__VLS_Props$t, {
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
-        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+        extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
@@ -1103,7 +1104,7 @@ declare const __VLS_component$4: vue.DefineComponent<__VLS_Props$t, {
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
-        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+        extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
@@ -1161,7 +1162,7 @@ declare const __VLS_component$4: vue.DefineComponent<__VLS_Props$t, {
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
-        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+        extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
@@ -1236,7 +1237,7 @@ type __VLS_Props$s = {
     labelPosition?: string;
     preventSubmitDefault?: boolean;
     /** 关闭前的回调，会暂停 Drawer 的关闭; done 是个 function type 接受一个 boolean 参数, 执行 done 使用 true 参数或不提供参数将会终止关闭 */
-    beforeClose?: (done: (cancel?: boolean) => void) => void;
+    beforeClose?: (_done: (_cancel?: boolean) => void) => void;
 };
 declare const drawer: vue.Ref<({
     $: vue.ComponentInternalInstance;
@@ -1417,7 +1418,7 @@ declare const form$1: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readon
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
 }> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -1475,7 +1476,7 @@ declare const form$1: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readon
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
 }> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -1520,7 +1521,7 @@ declare const form$1: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readon
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
 }> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -1578,7 +1579,7 @@ declare const form$1: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readon
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
 }> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -1687,7 +1688,7 @@ declare const __VLS_component$3: vue.DefineComponent<__VLS_Props$s, {
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
-        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+        extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
@@ -1745,7 +1746,7 @@ declare const __VLS_component$3: vue.DefineComponent<__VLS_Props$s, {
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
-        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+        extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
@@ -1790,7 +1791,7 @@ declare const __VLS_component$3: vue.DefineComponent<__VLS_Props$s, {
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
-        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+        extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
@@ -1848,7 +1849,7 @@ declare const __VLS_component$3: vue.DefineComponent<__VLS_Props$s, {
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
-        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+        extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
@@ -1948,7 +1949,7 @@ declare const form: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
 }> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -2006,7 +2007,7 @@ declare const form: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
 }> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -2051,7 +2052,7 @@ declare const form: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
 }> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -2109,7 +2110,7 @@ declare const form: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
 }> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -2195,7 +2196,7 @@ declare const __VLS_component$2: vue.DefineComponent<__VLS_Props$r, {
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
-        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+        extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
@@ -2253,7 +2254,7 @@ declare const __VLS_component$2: vue.DefineComponent<__VLS_Props$r, {
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
-        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+        extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
@@ -2298,7 +2299,7 @@ declare const __VLS_component$2: vue.DefineComponent<__VLS_Props$r, {
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
-        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+        extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
@@ -2356,7 +2357,7 @@ declare const __VLS_component$2: vue.DefineComponent<__VLS_Props$r, {
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
-        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
+        extendState?: (_state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;