@yoooloo42/joker 1.0.100 → 1.0.101

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import { useRouter } from 'vue-router';
-import { reactive, ref, watch, createElementBlock, openBlock, Fragment, createCommentVNode, createElementVNode, normalizeStyle, toDisplayString, computed, resolveComponent, createBlock, withCtx, renderList, createTextVNode, createVNode, defineComponent, h, onMounted, onBeforeUnmount, nextTick as nextTick$1, unref } from 'vue';
+import { reactive, ref, watch, createElementBlock, openBlock, Fragment, createCommentVNode, createElementVNode, normalizeStyle, toDisplayString, computed, resolveComponent, createBlock, unref, withCtx, renderList, createTextVNode, createVNode, isRef, defineComponent, h, onMounted, onBeforeUnmount, nextTick as nextTick$1 } from 'vue';
 import { ElMessage } from 'element-plus';
 
 function _mergeNamespaces(n, m) {
@@ -22611,10 +22611,14 @@ var script$g = {
         default: () => ({})
     }
 },
-  setup(__props) {
+  emits: ['update:modelValue', 'change'],
+  setup(__props, { emit: __emit }) {
 
 const props = __props;
+// 遵循 Vue 3 v-model 规范，使用 update:modelValue 事件
+const emit = __emit;
 
+let formData_box = reactive(props.modelValue);
 const formProps_box = reactive(Object.assign({}, props.myProps));
 const scopeThis_box = reactive(Object.assign({}, props.scopeThis));
 const propsItem_box = reactive(Object.assign({}, props.item));
@@ -22623,7 +22627,7 @@ const input = reactive({
     placeholder: propsItem_box.placeholder || formProps_box.para.placeholder.input,
     showPassword: !!propsItem_box.showPassword,
     hdlCannotInput: value => { // 解决偶发不能输入的问题
-        props.modelValue[propsItem_box.fieldName] = value;
+        formData_box[propsItem_box.fieldName] = value;
     }
 });
 
@@ -22633,12 +22637,12 @@ const select = reactive({
         if (propsItem_box.items) {
             return propsItem_box.items
         } else if (propsItem_box.hdlGetItems) {
-            return propsItem_box.hdlGetItems({formData: props.modelValue, scopeThis: scopeThis_box})
+            return propsItem_box.hdlGetItems({formData: formData_box, scopeThis: scopeThis_box})
         }
     }),
     hdlChange: value => {
         if (propsItem_box.hdlChange) {
-            propsItem_box.hdlChange({formData: props.modelValue, scopeThis: scopeThis_box, value});
+            propsItem_box.hdlChange({formData: formData_box, scopeThis: scopeThis_box, value});
         }
     }
 });
@@ -22670,7 +22674,7 @@ const datePicker = reactive({
     }),
     hdlChange: value => {
         if (propsItem_box.hdlChange) {
-            propsItem_box.hdlChange({formData: props.modelValue, scopeThis: scopeThis_box, value});
+            propsItem_box.hdlChange({formData: formData_box, scopeThis: scopeThis_box, value});
         }
     }
 });
@@ -22678,7 +22682,7 @@ const datePicker = reactive({
 const ly0switch = reactive({
     hdlChange: value => {
         if (propsItem_box.hdlChange) {
-            propsItem_box.hdlChange({formData: props.modelValue, scopeThis: scopeThis_box, value});
+            propsItem_box.hdlChange({formData: formData_box, scopeThis: scopeThis_box, value});
         }
     }
 });
@@ -22686,7 +22690,7 @@ const ly0switch = reactive({
 const radioGroup = reactive({
     hdlChange: value => {
         if (propsItem_box.hdlChange) {
-            propsItem_box.hdlChange({formData: props.modelValue, scopeThis: scopeThis_box, value});
+            propsItem_box.hdlChange({formData: formData_box, scopeThis: scopeThis_box, value});
         }
     }
 });
@@ -22695,20 +22699,20 @@ const image = reactive({
     getSrc: computed(() => {
         if (
             propsItem_box.imageDelete &&
-            props.modelValue[propsItem_box.imageDelete] &&
-            (props.modelValue[propsItem_box.imageDelete] === true ||
-                props.modelValue[propsItem_box.imageDelete] === 'true') // 图片已删除
+            formData_box[propsItem_box.imageDelete] &&
+            (formData_box[propsItem_box.imageDelete] === true ||
+                formData_box[propsItem_box.imageDelete] === 'true') // 图片已删除
         ) {
             return ['']
         }
-        if (props.modelValue[propsItem_box.fieldName]) {
-            return props.modelValue[propsItem_box.fieldName]
+        if (formData_box[propsItem_box.fieldName]) {
+            return formData_box[propsItem_box.fieldName]
         }
         return ['']
     }),
     delete: ()=>{
-        props.modelValue[propsItem_box.imageDelete] =
-            !props.modelValue[propsItem_box.imageDelete];
+        formData_box[propsItem_box.imageDelete] =
+            !formData_box[propsItem_box.imageDelete];
     }
 });
 
@@ -22716,32 +22720,32 @@ const images = reactive({
     getSrc: (itemImages, indexImages) => {
         if (
             !propsItem_box.imageDelete ||
-            !props.modelValue[propsItem_box.imageDelete].includes(itemImages)
+            !formData_box[propsItem_box.imageDelete].includes(itemImages)
         ) {
             return itemImages
         }
         return ''
     },
     delete: (itemImages, indexImages) => {
-        if (!props.modelValue[propsItem_box.imageDelete].includes(itemImages)) {
-            props.modelValue[propsItem_box.imageDelete].push(itemImages);
+        if (!formData_box[propsItem_box.imageDelete].includes(itemImages)) {
+            formData_box[propsItem_box.imageDelete].push(itemImages);
             return
         }
         
-        props.modelValue[propsItem_box.imageDelete] = props.modelValue[propsItem_box.imageDelete].filter(i => {
+        formData_box[propsItem_box.imageDelete] = formData_box[propsItem_box.imageDelete].filter(i => {
             return i !== itemImages
         });
     },
     show: computed(()=>{
         let result = [];
         if (!propsItem_box.imageDelete) {
-            props.modelValue[propsItem_box.fieldName].forEach(i => {
+            formData_box[propsItem_box.fieldName].forEach(i => {
                 result.push(i);
             });
         } else {
-            props.modelValue[propsItem_box.fieldName]
+            formData_box[propsItem_box.fieldName]
                 .filter(i => {
-                    return !props.modelValue[propsItem_box.imageDelete].includes(i)
+                    return !formData_box[propsItem_box.imageDelete].includes(i)
                 })
                 .forEach(i => {
                     result.push(i);
@@ -22759,49 +22763,49 @@ const video = reactive({
     src: computed(()=>{
         if (
             propsItem_box.videoDelete &&
-            props.modelValue[propsItem_box.videoDelete] &&
-            (props.modelValue[propsItem_box.videoDelete] === true ||
-                props.modelValue[propsItem_box.videoDelete] === 'true') // 图片已删除
+            formData_box[propsItem_box.videoDelete] &&
+            (formData_box[propsItem_box.videoDelete] === true ||
+                formData_box[propsItem_box.videoDelete] === 'true') // 图片已删除
         ) {
             return ''
         }
-        if (props.modelValue[propsItem_box.fieldName]) {
-            return props.modelValue[propsItem_box.fieldName]
+        if (formData_box[propsItem_box.fieldName]) {
+            return formData_box[propsItem_box.fieldName]
         }
         return ''
     }),
     poster: computed(()=>{
         if (
             propsItem_box.videoDelete &&
-            props.modelValue[propsItem_box.videoDelete] &&
-            (props.modelValue[propsItem_box.videoDelete] === true ||
-                props.modelValue[propsItem_box.videoDelete] === 'true') // 图片已删除
+            formData_box[propsItem_box.videoDelete] &&
+            (formData_box[propsItem_box.videoDelete] === true ||
+                formData_box[propsItem_box.videoDelete] === 'true') // 图片已删除
         ) {
             return ''
         }
-        if (props.modelValue[propsItem_box.poster]) {
-            return props.modelValue[propsItem_box.poster]
+        if (formData_box[propsItem_box.poster]) {
+            return formData_box[propsItem_box.poster]
         }
         return ''
     }),
     delete: ()=>{
-        props.modelValue[propsItem_box.videoDelete] =
-            !props.modelValue[propsItem_box.videoDelete];
+        formData_box[propsItem_box.videoDelete] =
+            !formData_box[propsItem_box.videoDelete];
     },
 });
 
 const download = reactive({
     fileName: propsItem_box.downloadFileName || formProps_box.para.download.fileName,
     downloadLabel: computed(() => {
-        if (!props.modelValue[propsItem_box.fieldName]) {
+        if (!formData_box[propsItem_box.fieldName]) {
             return formProps_box.para.download.downloadLabelNoSrc
         }
         if (propsItem_box.hdlGetDownloadLabel) {
-            return propsItem_box.hdlGetDownloadLabel({formData: props.modelValue, scopeThis: scopeThis_box})
+            return propsItem_box.hdlGetDownloadLabel({formData: formData_box, scopeThis: scopeThis_box})
         }
         return formProps_box.para.download.downloadLabel
     }),
-    downloadSrc: props.modelValue[propsItem_box.fieldName] || ''
+    downloadSrc: formData_box[propsItem_box.fieldName] || ''
 });
 
 const upload = reactive({
@@ -22826,6 +22830,22 @@ const style = reactive({
     download: computed(()=>styleModule.input.download()),
 });
 
+// 表单数据监听
+watch(
+    formData_box,
+    (newVal, oldVal) => {
+        
+        console.log('测试 000 监听', newVal);
+        console.log('测试 111 监听', oldVal);
+        
+        // 触发 update:modelValue 事件更新父组件的 v-model 绑定的值
+        emit("update:modelValue", newVal);
+    },
+    {
+        deep: true, // 深层监听
+    }
+);
+
 return (_ctx, _cache) => {
   const _component_el_input = resolveComponent("el-input");
   const _component_el_option = resolveComponent("el-option");
@@ -22863,34 +22883,34 @@ return (_ctx, _cache) => {
         ? (openBlock(), createElementBlock("div", {
             key: 0,
             style: normalizeStyle(style.text(propsItem_box, formProps_box))
-          }, toDisplayString(props.modelValue[propsItem_box.fieldName] ? props.modelValue[propsItem_box.fieldName] : ' '), 5 /* TEXT, STYLE */))
+          }, toDisplayString(unref(formData_box)[propsItem_box.fieldName] ? unref(formData_box)[propsItem_box.fieldName] : ' '), 5 /* TEXT, STYLE */))
         : createCommentVNode("v-if", true),
       (propsItem_box.inputType === 'text0')
         ? (openBlock(), createElementBlock("div", {
             key: 1,
             style: normalizeStyle(style.text0(propsItem_box))
-          }, toDisplayString(props.modelValue[propsItem_box.fieldName] ? props.modelValue[propsItem_box.fieldName] : ' '), 5 /* TEXT, STYLE */))
+          }, toDisplayString(unref(formData_box)[propsItem_box.fieldName] ? unref(formData_box)[propsItem_box.fieldName] : ' '), 5 /* TEXT, STYLE */))
         : createCommentVNode("v-if", true),
       (!propsItem_box.inputType)
         ? (openBlock(), createElementBlock("div", {
             key: 2,
             style: normalizeStyle(style.text(propsItem_box, formProps_box))
-          }, toDisplayString(props.modelValue[propsItem_box.fieldName] ? props.modelValue[propsItem_box.fieldName] : ' '), 5 /* TEXT, STYLE */))
+          }, toDisplayString(unref(formData_box)[propsItem_box.fieldName] ? unref(formData_box)[propsItem_box.fieldName] : ' '), 5 /* TEXT, STYLE */))
         : createCommentVNode("v-if", true),
       (propsItem_box.inputType === 'expression')
         ? (openBlock(), createElementBlock("div", {
             key: 3,
             style: normalizeStyle(style.text(propsItem_box, formProps_box))
-          }, toDisplayString(propsItem_box.hdlExpression && propsItem_box.hdlExpression({formData: props.modelValue, scopeThis: __props.scopeThis})
-                ? propsItem_box.hdlExpression({formData: props.modelValue, scopeThis: scopeThis_box})
+          }, toDisplayString(propsItem_box.hdlExpression && propsItem_box.hdlExpression({formData: unref(formData_box), scopeThis: __props.scopeThis})
+                ? propsItem_box.hdlExpression({formData: unref(formData_box), scopeThis: scopeThis_box})
                 : ' '), 5 /* TEXT, STYLE */))
         : createCommentVNode("v-if", true),
       (propsItem_box.inputType === 'expression0')
         ? (openBlock(), createElementBlock("div", {
             key: 4,
             style: normalizeStyle(style.text0(propsItem_box))
-          }, toDisplayString(propsItem_box.hdlExpression && propsItem_box.hdlExpression({formData: props.modelValue, scopeThis: scopeThis_box})
-                ? propsItem_box.hdlExpression({formData: props.modelValue, scopeThis: scopeThis_box})
+          }, toDisplayString(propsItem_box.hdlExpression && propsItem_box.hdlExpression({formData: unref(formData_box), scopeThis: scopeThis_box})
+                ? propsItem_box.hdlExpression({formData: unref(formData_box), scopeThis: scopeThis_box})
                 : ' '), 5 /* TEXT, STYLE */))
         : createCommentVNode("v-if", true),
       (propsItem_box.inputType === 'line')
@@ -22903,8 +22923,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'input')
         ? (openBlock(), createBlock(_component_el_input, {
             key: 6,
-            modelValue: props.modelValue[propsItem_box.fieldName],
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+            modelValue: unref(formData_box)[propsItem_box.fieldName],
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
             placeholder: input.placeholder,
             style: normalizeStyle(style.input(propsItem_box, formProps_box)),
             onInput: input.hdlCannotInput,
@@ -22915,8 +22935,8 @@ return (_ctx, _cache) => {
         ? (openBlock(), createBlock(_component_el_select, {
             key: 7,
             class: "deep-input",
-            modelValue: props.modelValue[propsItem_box.fieldName],
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+            modelValue: unref(formData_box)[propsItem_box.fieldName],
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
             placeholder: select.placeholder,
             filterable: "",
             style: normalizeStyle(style.input(propsItem_box, formProps_box)),
@@ -22938,8 +22958,8 @@ return (_ctx, _cache) => {
         ? (openBlock(), createBlock(_component_el_date_picker, {
             key: 8,
             class: "deep-input",
-            modelValue: props.modelValue[propsItem_box.fieldName],
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+            modelValue: unref(formData_box)[propsItem_box.fieldName],
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
             type: propsItem_box.type ? propsItem_box.type : 'datetime',
             placeholder: datePicker.placeholder,
             format: datePicker.format,
@@ -22950,8 +22970,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'input-number')
         ? (openBlock(), createBlock(_component_el_input_number, {
             key: 9,
-            modelValue: props.modelValue[propsItem_box.fieldName],
-            "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+            modelValue: unref(formData_box)[propsItem_box.fieldName],
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
             size: style.input_number(propsItem_box).facade.size,
             min: 'min' in propsItem_box ? propsItem_box.min : 1,
             max: 'max' in propsItem_box ? propsItem_box.max : 100,
@@ -22962,8 +22982,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'switch')
         ? (openBlock(), createBlock(_component_el_switch, {
             key: 10,
-            modelValue: props.modelValue[propsItem_box.fieldName],
-            "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+            modelValue: unref(formData_box)[propsItem_box.fieldName],
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
             "active-text": propsItem_box.activeText,
             "inactive-text": propsItem_box.inactiveText,
             "active-value": propsItem_box.activeValue,
@@ -22976,8 +22996,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'radio-group')
         ? (openBlock(), createBlock(_component_el_radio_group, {
             key: 11,
-            modelValue: props.modelValue[propsItem_box.fieldName],
-            "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+            modelValue: unref(formData_box)[propsItem_box.fieldName],
+            "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
             disabled: !!propsItem_box.disabled,
             onChange: radioGroup.hdlChange
           }, {
@@ -23022,7 +23042,7 @@ return (_ctx, _cache) => {
                           plain: style.button_group(propsItem_box, item0, item1).button.facade.plain,
                           round: style.button_group(propsItem_box, item0, item1).button.facade.round,
                           circle: style.button_group(propsItem_box, item0, item1).button.facade.circle,
-                          onClick: $event => (item1.hdlClick ? item1.hdlClick({formData: props.modelValue, scopeThis: scopeThis_box}) : null),
+                          onClick: $event => (item1.hdlClick ? item1.hdlClick({formData: unref(formData_box), scopeThis: scopeThis_box}) : null),
                           key: index1
                         }, {
                           default: withCtx(() => [
@@ -23056,15 +23076,15 @@ return (_ctx, _cache) => {
               }, null, 8 /* PROPS */, ["style", "src", "preview-src-list"])
             ]),
             createCommentVNode(" 设置了图片删除功能，同时图片不为空 "),
-            (!!propsItem_box.imageDelete && !!props.modelValue[propsItem_box.fieldName])
+            (!!propsItem_box.imageDelete && !!unref(formData_box)[propsItem_box.fieldName])
               ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
                   createVNode(_component_el_button, {
                     size: "small",
-                    icon: !props.modelValue[propsItem_box.imageDelete] ? 'el-icon-delete' : 'el-icon-magic-stick',
+                    icon: !unref(formData_box)[propsItem_box.imageDelete] ? 'el-icon-delete' : 'el-icon-magic-stick',
                     onClick: image.delete
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(props.modelValue[propsItem_box.imageDelete] ? '图片已删除，恢复' : '删除'), 1 /* TEXT */)
+                      createTextVNode(toDisplayString(unref(formData_box)[propsItem_box.imageDelete] ? '图片已删除，恢复' : '删除'), 1 /* TEXT */)
                     ]),
                     _: 1 /* STABLE */
                   }, 8 /* PROPS */, ["icon", "onClick"])
@@ -23075,7 +23095,7 @@ return (_ctx, _cache) => {
       createCommentVNode(" 多个图片 "),
       (propsItem_box.inputType === 'images')
         ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(props.modelValue[propsItem_box.fieldName], (itemImages, indexImages) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(formData_box)[propsItem_box.fieldName], (itemImages, indexImages) => {
               return (openBlock(), createElementBlock("div", {
                 key: indexImages,
                 style: normalizeStyle(style.images(propsItem_box, formProps_box).itemBox)
@@ -23095,7 +23115,7 @@ return (_ctx, _cache) => {
                         onClick: $event => (images.delete(itemImages, indexImages))
                       }, {
                         default: withCtx(() => [
-                          createTextVNode(toDisplayString(props.modelValue[propsItem_box.imageDelete].includes(itemImages) ? '恢复' : '删除'), 1 /* TEXT */)
+                          createTextVNode(toDisplayString(unref(formData_box)[propsItem_box.imageDelete].includes(itemImages) ? '恢复' : '删除'), 1 /* TEXT */)
                         ]),
                         _: 2 /* DYNAMIC */
                       }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"])
@@ -23112,8 +23132,8 @@ return (_ctx, _cache) => {
             style: normalizeStyle(style.richtext(propsItem_box, formProps_box))
           }, [
             createVNode(_component_ly0Richtext, {
-              modelValue: props.modelValue[propsItem_box.fieldName],
-              "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+              modelValue: unref(formData_box)[propsItem_box.fieldName],
+              "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
               myProps: richtextProps.value
             }, null, 8 /* PROPS */, ["modelValue", "myProps"])
           ], 4 /* STYLE */))
@@ -23122,7 +23142,7 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'richtextShow')
         ? (openBlock(), createElementBlock("div", _hoisted_7, [
             createElementVNode("div", {
-              innerHTML: props.modelValue[propsItem_box.fieldName]
+              innerHTML: unref(formData_box)[propsItem_box.fieldName]
             }, null, 8 /* PROPS */, _hoisted_8)
           ]))
         : createCommentVNode("v-if", true),
@@ -23154,15 +23174,15 @@ return (_ctx, _cache) => {
               ], 8 /* PROPS */, _hoisted_10)
             ]),
             createCommentVNode(" 设置了视频删除功能，同时视频不为空 "),
-            (!!propsItem_box.videoDelete && !!props.modelValue[propsItem_box.fieldName])
+            (!!propsItem_box.videoDelete && !!unref(formData_box)[propsItem_box.fieldName])
               ? (openBlock(), createElementBlock("div", _hoisted_14, [
                   createVNode(_component_el_button, {
                     size: "small",
-                    icon: !props.modelValue[propsItem_box.videoDelete] ? 'el-icon-delete' : 'el-icon-magic-stick',
+                    icon: !unref(formData_box)[propsItem_box.videoDelete] ? 'el-icon-delete' : 'el-icon-magic-stick',
                     onClick: video.delete
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(!!props.modelValue[propsItem_box.videoDelete] ? '视频已删除，恢复' : '删除'), 1 /* TEXT */)
+                      createTextVNode(toDisplayString(!!unref(formData_box)[propsItem_box.videoDelete] ? '视频已删除，恢复' : '删除'), 1 /* TEXT */)
                     ]),
                     _: 1 /* STABLE */
                   }, 8 /* PROPS */, ["icon", "onClick"])
@@ -23174,7 +23194,7 @@ return (_ctx, _cache) => {
       createCommentVNode(" 下载 "),
       (propsItem_box.inputType === 'download')
         ? (openBlock(), createElementBlock("div", _hoisted_15, [
-            (props.modelValue[propsItem_box.fieldName])
+            (unref(formData_box)[propsItem_box.fieldName])
               ? (openBlock(), createElementBlock("a", {
                   key: 0,
                   style: normalizeStyle(style.download.style),
@@ -23193,8 +23213,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'upload')
         ? (openBlock(), createElementBlock("div", _hoisted_17, [
             createVNode(_component_ly0Upload, {
-              modelValue: props.modelValue[propsItem_box.fieldName],
-              "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+              modelValue: unref(formData_box)[propsItem_box.fieldName],
+              "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
               myProps: {uploadUrl: upload.uploadUrl}
             }, null, 8 /* PROPS */, ["modelValue", "myProps"])
           ]))
@@ -23203,8 +23223,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'upload-drag')
         ? (openBlock(), createElementBlock("div", _hoisted_18, [
             createVNode(_component_ly0Upload_drag, {
-              modelValue: props.modelValue[propsItem_box.fieldName],
-              "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+              modelValue: unref(formData_box)[propsItem_box.fieldName],
+              "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
               myProps: {uploadUrl: upload.uploadUrl}
             }, null, 8 /* PROPS */, ["modelValue", "myProps"])
           ]))
@@ -23213,8 +23233,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'upload-picture')
         ? (openBlock(), createElementBlock("div", _hoisted_19, [
             createVNode(_component_ly0Upload_picture, {
-              modelValue: props.modelValue[propsItem_box.fieldName],
-              "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+              modelValue: unref(formData_box)[propsItem_box.fieldName],
+              "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
               myProps: {uploadUrl: upload.uploadUrl_image}
             }, null, 8 /* PROPS */, ["modelValue", "myProps"])
           ]))
@@ -23223,8 +23243,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'upload-picture-card')
         ? (openBlock(), createElementBlock("div", _hoisted_20, [
             createVNode(_component_ly0Upload_pictureCard, {
-              modelValue: props.modelValue[propsItem_box.fieldName],
-              "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+              modelValue: unref(formData_box)[propsItem_box.fieldName],
+              "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
               myProps: {uploadUrl: upload.uploadUrl_image}
             }, null, 8 /* PROPS */, ["modelValue", "myProps"])
           ]))
@@ -23233,8 +23253,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'upload-avatar')
         ? (openBlock(), createElementBlock("div", _hoisted_21, [
             createVNode(_component_ly0Upload_avatar, {
-              modelValue: props.modelValue[propsItem_box.fieldName],
-              "onUpdate:modelValue": _cache[11] || (_cache[11] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+              modelValue: unref(formData_box)[propsItem_box.fieldName],
+              "onUpdate:modelValue": _cache[11] || (_cache[11] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
               myProps: {uploadUrl: upload.uploadUrl_image}
             }, null, 8 /* PROPS */, ["modelValue", "myProps"])
           ]))
@@ -23243,8 +23263,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'upload-carplate')
         ? (openBlock(), createElementBlock("div", _hoisted_22, [
             createVNode(_component_ly0Upload_carplate, {
-              modelValue: props.modelValue[propsItem_box.fieldName],
-              "onUpdate:modelValue": _cache[12] || (_cache[12] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+              modelValue: unref(formData_box)[propsItem_box.fieldName],
+              "onUpdate:modelValue": _cache[12] || (_cache[12] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
               myProps: {uploadUrl: upload.uploadUrl_carplate}
             }, null, 8 /* PROPS */, ["modelValue", "myProps"])
           ]))
@@ -23253,8 +23273,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'd3gbt2260')
         ? (openBlock(), createElementBlock("div", _hoisted_23, [
             createVNode(_component_ly0gbt2260, {
-              modelValue: props.modelValue[propsItem_box.fieldName],
-              "onUpdate:modelValue": _cache[13] || (_cache[13] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+              modelValue: unref(formData_box)[propsItem_box.fieldName],
+              "onUpdate:modelValue": _cache[13] || (_cache[13] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
               myProps: {readOnly: propsItem_box.readOnly}
             }, null, 8 /* PROPS */, ["modelValue", "myProps"])
           ]))
@@ -23263,8 +23283,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'd7group')
         ? (openBlock(), createElementBlock("div", _hoisted_24, [
             createVNode(_component_ly0d7group, {
-              modelValue: props.modelValue[propsItem_box.fieldName],
-              "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+              modelValue: unref(formData_box)[propsItem_box.fieldName],
+              "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
               myProps: {readOnly: propsItem_box.readOnly}
             }, null, 8 /* PROPS */, ["modelValue", "myProps"])
           ]))
@@ -23273,8 +23293,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'd7postal')
         ? (openBlock(), createElementBlock("div", _hoisted_25, [
             createVNode(_component_ly0d7postal, {
-              modelValue: props.modelValue[propsItem_box.fieldName],
-              "onUpdate:modelValue": _cache[15] || (_cache[15] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+              modelValue: unref(formData_box)[propsItem_box.fieldName],
+              "onUpdate:modelValue": _cache[15] || (_cache[15] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
               myProps: {readOnly: propsItem_box.readOnly}
             }, null, 8 /* PROPS */, ["modelValue", "myProps"])
           ]))
@@ -23283,8 +23303,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'd7price')
         ? (openBlock(), createElementBlock("div", _hoisted_26, [
             createVNode(_component_ly0d7price, {
-              modelValue: props.modelValue[propsItem_box.fieldName],
-              "onUpdate:modelValue": _cache[16] || (_cache[16] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+              modelValue: unref(formData_box)[propsItem_box.fieldName],
+              "onUpdate:modelValue": _cache[16] || (_cache[16] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
               myProps: {readOnly: propsItem_box.readOnly}
             }, null, 8 /* PROPS */, ["modelValue", "myProps"])
           ]))
@@ -23293,8 +23313,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'd7size')
         ? (openBlock(), createElementBlock("div", _hoisted_27, [
             createVNode(_component_ly0d7size, {
-              modelValue: props.modelValue[propsItem_box.fieldName],
-              "onUpdate:modelValue": _cache[17] || (_cache[17] = $event => ((props.modelValue[propsItem_box.fieldName]) = $event)),
+              modelValue: unref(formData_box)[propsItem_box.fieldName],
+              "onUpdate:modelValue": _cache[17] || (_cache[17] = $event => ((unref(formData_box)[propsItem_box.fieldName]) = $event)),
               myProps: {readOnly: propsItem_box.readOnly}
             }, null, 8 /* PROPS */, ["modelValue", "myProps"])
           ]))
@@ -23303,8 +23323,8 @@ return (_ctx, _cache) => {
       (propsItem_box.inputType === 'd7thumb')
         ? (openBlock(), createElementBlock("div", _hoisted_28, [
             createVNode(_component_ly0d7thumb, {
-              modelValue: props.modelValue,
-              "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => ((props.modelValue) = $event)),
+              modelValue: unref(formData_box),
+              "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
               myProps: {
                     thumb: {
                         fieldName: propsItem_box.thumb.fieldName || formProps_box.para.ly0d7thumb.thumb.fieldName,
@@ -23354,10 +23374,14 @@ var script$f = {
         default: () => ({})
     }
 },
-  setup(__props) {
+  emits: ['update:modelValue', 'change'],
+  setup(__props, { emit: __emit }) {
 
 const props = __props;
+// 遵循 Vue 3 v-model 规范，使用 update:modelValue 事件
+const emit = __emit;
 
+let formData_box = reactive(props.modelValue);
 const formProps_box = reactive(Object.assign({}, props.myProps));
 const scopeThis_box = reactive(Object.assign({}, props.scopeThis));
 
@@ -23375,7 +23399,7 @@ const hdl = {
         if(formProps_box.submit.handle){
             // 执行用户句柄
             const result = await formProps_box.submit.handle({
-                formData: props.modelValue,
+                formData: formData_box,
                 scopeThis: scopeThis_box
             });
             if(result.code !== 0){
@@ -23387,7 +23411,7 @@ const hdl = {
         if(formProps_box.submit.url){
             const result = await request.ly0.ly0request({
                 url: formProps_box.submit.url,
-                data: props.modelValue
+                data: formData_box
             });
             if(result.code !== 0){
                 return
@@ -23398,7 +23422,7 @@ const hdl = {
         if(formProps_box.submit.storpro){
             const result = await request.ly0.storpro({
                 storproName: formProps_box.submit.storpro,
-                data: props.modelValue
+                data: formData_box
             });
             if(result.code !== 0){
                 return
@@ -23411,10 +23435,26 @@ const hdl = {
         }
         
         // 触发 update:modelValue 事件更新父组件的 v-model 绑定的值
-        emit("update:modelValue", props.modelValue);
+        emit("update:modelValue", formData_box);
     }
 };
 
+// 表单数据监听
+watch(
+    formData_box,
+    (newVal, oldVal) => {
+        
+        console.log('测试 222 监听', newVal);
+        console.log('测试 333 监听', oldVal);
+        
+        // 触发 update:modelValue 事件更新父组件的 v-model 绑定的值
+        emit("update:modelValue", newVal);
+    },
+    {
+        deep: true, // 深层监听
+    }
+);
+
 return (_ctx, _cache) => {
   const _component_ly0Menu = resolveComponent("ly0Menu");
   const _component_el_collapse_item = resolveComponent("el-collapse-item");
@@ -23440,7 +23480,7 @@ return (_ctx, _cache) => {
             createElementVNode("tbody", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(item.items, (item0, index0) => {
                 return (openBlock(), createElementBlock(Fragment, { key: index0 }, [
-                  (item0.hdlVisible ? item0.hdlVisible({formData: props.modelValue, scopeThis: scopeThis_box}) : true)
+                  (item0.hdlVisible ? item0.hdlVisible({formData: unref(formData_box), scopeThis: scopeThis_box}) : true)
                     ? (openBlock(), createElementBlock("tr", _hoisted_1$c, [
                         (!!item0.label)
                           ? (openBlock(), createElementBlock("td", {
@@ -23448,8 +23488,8 @@ return (_ctx, _cache) => {
                               style: normalizeStyle(style.field_box.left)
                             }, [
                               createVNode(script$h, {
-                                modelValue: props.modelValue,
-                                "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((props.modelValue) = $event)),
+                                modelValue: unref(formData_box),
+                                "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
                                 myProps: formProps_box,
                                 scopeThis: scopeThis_box,
                                 item: item0
@@ -23474,7 +23514,7 @@ return (_ctx, _cache) => {
                                 default: withCtx(() => [
                                   (openBlock(true), createElementBlock(Fragment, null, renderList(item0.items, (item1, index1) => {
                                     return (openBlock(), createElementBlock(Fragment, { key: index1 }, [
-                                      (item1.hdlVisible ? item1.hdlVisible({formData: props.modelValue, scopeThis: scopeThis_box}) : true)
+                                      (item1.hdlVisible ? item1.hdlVisible({formData: unref(formData_box), scopeThis: scopeThis_box}) : true)
                                         ? (openBlock(), createBlock(_component_el_collapse_item, {
                                             key: 0,
                                             title: item1.title,
@@ -23488,7 +23528,7 @@ return (_ctx, _cache) => {
                                                   return (openBlock(), createElementBlock(Fragment, { key: index2 }, [
                                                     (
                                                             item2.hdlVisible
-                                                            ? item2.hdlVisible({formData: props.modelValue, scopeThis: scopeThis_box})
+                                                            ? item2.hdlVisible({formData: unref(formData_box), scopeThis: scopeThis_box})
                                                             : true
                                                         )
                                                       ? (openBlock(), createElementBlock("tr", _hoisted_3$5, [
@@ -23498,8 +23538,8 @@ return (_ctx, _cache) => {
                                                                 style: normalizeStyle(style.field_box.left)
                                                               }, [
                                                                 createVNode(script$h, {
-                                                                  modelValue: props.modelValue,
-                                                                  "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ((props.modelValue) = $event)),
+                                                                  modelValue: unref(formData_box),
+                                                                  "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
                                                                   myProps: formProps_box,
                                                                   scopeThis: scopeThis_box,
                                                                   item: item2
@@ -23511,8 +23551,8 @@ return (_ctx, _cache) => {
                                                             colspan: style.no_field_label(item2)
                                                           }, [
                                                             createVNode(script$g, {
-                                                              modelValue: props.modelValue,
-                                                              "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => ((props.modelValue) = $event)),
+                                                              modelValue: unref(formData_box),
+                                                              "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
                                                               myProps: formProps_box,
                                                               scopeThis: scopeThis_box,
                                                               item: item2
@@ -23534,8 +23574,8 @@ return (_ctx, _cache) => {
                               }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["accordion", "modelValue", "onUpdate:modelValue", "style"]))
                             : createCommentVNode("v-if", true),
                           createVNode(script$g, {
-                            modelValue: props.modelValue,
-                            "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => ((props.modelValue) = $event)),
+                            modelValue: unref(formData_box),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
                             myProps: formProps_box,
                             scopeThis: scopeThis_box,
                             item: item0
@@ -23597,13 +23637,33 @@ var script$e = {
         default: () => ({})
     }
 },
-  setup(__props) {
+  emits: ['update:modelValue', 'change'],
+  setup(__props, { emit: __emit }) {
 
 const props = __props;
+// 遵循 Vue 3 v-model 规范，使用 update:modelValue 事件
+const emit = __emit;
 
+let formData_box = reactive(props.modelValue);
 const formProps_box = reactive(Object.assign({}, ly0default$2.myProps, props.myProps));
 const scopeThis_box = reactive(Object.assign({}, props.scopeThis));
 
+// 表单数据监听
+watch(
+    formData_box,
+    (newVal, oldVal) => {
+        
+        console.log('测试 444 监听', newVal);
+        console.log('测试 555 监听', oldVal);
+        
+        // 触发 update:modelValue 事件更新父组件的 v-model 绑定的值
+        emit("update:modelValue", newVal);
+    },
+    {
+        deep: true, // 深层监听
+    }
+);
+
 return (_ctx, _cache) => {
   const _component_el_dialog = resolveComponent("el-dialog");
 
@@ -23622,8 +23682,8 @@ return (_ctx, _cache) => {
       }, {
         default: withCtx(() => [
           createVNode(script$f, {
-            modelValue: props.modelValue,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((props.modelValue) = $event)),
+            modelValue: unref(formData_box),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
             myProps: formProps_box,
             scopeThis: scopeThis_box
           }, null, 8 /* PROPS */, ["modelValue", "myProps", "scopeThis"])
@@ -23632,8 +23692,8 @@ return (_ctx, _cache) => {
       }, 8 /* PROPS */, ["modelValue", "title", "width", "top"]))
     : (openBlock(), createBlock(script$f, {
         key: 1,
-        modelValue: props.modelValue,
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => ((props.modelValue) = $event)),
+        modelValue: unref(formData_box),
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
         myProps: formProps_box,
         scopeThis: scopeThis_box
       }, null, 8 /* PROPS */, ["modelValue", "myProps", "scopeThis"]))