@tuoyuan/module-page-select 1.0.7 → 1.0.8

package/dist/module-page-select.umd.js

@@ -11,7 +11,7 @@
 return /******/ (function() { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 3081:
+/***/ 1584:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -25,7 +25,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".module-page-select[data-v-0b2fc41a]{width:100%}.selection-preview[data-v-0b2fc41a]{margin-top:8px;padding:8px 12px;background:#f0f9ff;border:1px solid #91d5ff;border-radius:4px;font-size:13px}.preview-label[data-v-0b2fc41a]{color:#666;font-size:12px;margin-bottom:4px}.preview-value[data-v-0b2fc41a]{color:#1890ff;font-weight:500}.config-form[data-v-0b2fc41a]{margin-top:16px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".module-page-select[data-v-cfb98662]{width:100%}.selection-preview[data-v-cfb98662]{margin-top:8px;padding:8px 12px;background:#f0f9ff;border:1px solid #91d5ff;border-radius:4px;font-size:13px}.preview-label[data-v-cfb98662]{color:#666;font-size:12px;margin-bottom:4px}.preview-value[data-v-cfb98662]{color:#1890ff;font-weight:500}.config-form[data-v-cfb98662]{margin-top:16px}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -158,19 +158,19 @@ exports.A = (sfc, props) => {
 
 /***/ }),
 
-/***/ 7650:
+/***/ 9415:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(3081);
+var content = __webpack_require__(1584);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(258)/* ["default"] */ .A)
-var update = add("43b2dec2", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("64ab8b95", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -3567,7 +3567,7 @@ if (typeof window !== 'undefined') {
 
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(9274);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ModulePageSelect.vue?vue&type=template&id=0b2fc41a&scoped=true
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ModulePageSelect.vue?vue&type=template&id=cfb98662&scoped=true
 
 const _hoisted_1 = {
   class: "module-page-select"
@@ -3661,31 +3661,31 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, {
         default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [field.type === 'text' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_a_input, {
           key: 0,
-          modelValue: $data.formData[key],
-          "onUpdate:modelValue": $event => $data.formData[key] = $event,
-          placeholder: field.placeholder || ''
-        }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : field.type === 'number' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_a_input_number, {
+          "model-value": $options.getNestedValue(key, field),
+          placeholder: field.placeholder || '',
+          "onUpdate:modelValue": val => $options.setNestedValue(key, field, val)
+        }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])) : field.type === 'number' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_a_input_number, {
           key: 1,
-          modelValue: $data.formData[key],
-          "onUpdate:modelValue": $event => $data.formData[key] = $event,
+          "model-value": $options.getNestedValue(key, field),
           placeholder: field.placeholder || '',
           style: {
             "width": "100%"
-          }
-        }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : field.type === 'textarea' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_a_textarea, {
+          },
+          "onUpdate:modelValue": val => $options.setNestedValue(key, field, val)
+        }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])) : field.type === 'textarea' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_a_textarea, {
           key: 2,
-          modelValue: $data.formData[key],
-          "onUpdate:modelValue": $event => $data.formData[key] = $event,
+          "model-value": $options.getNestedValue(key, field),
           placeholder: field.placeholder || '',
           "auto-size": {
             minRows: 3,
             maxRows: 6
-          }
-        }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : field.type === 'select' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_a_select, {
+          },
+          "onUpdate:modelValue": val => $options.setNestedValue(key, field, val)
+        }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])) : field.type === 'select' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_a_select, {
           key: 3,
-          modelValue: $data.formData[key],
-          "onUpdate:modelValue": $event => $data.formData[key] = $event,
-          placeholder: "请选择"
+          "model-value": $options.getNestedValue(key, field),
+          placeholder: "请选择",
+          "onUpdate:modelValue": val => $options.setNestedValue(key, field, val)
         }, {
           default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)(field.options, option => {
             return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_a_option, {
@@ -3698,7 +3698,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }, 1032, ["value", "label"]);
           }), 128))]),
           _: 2
-        }, 1032, ["modelValue", "onUpdate:modelValue"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
+        }, 1032, ["model-value", "onUpdate:modelValue"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
         _: 2
       }, 1032, ["label", "field"]);
     }), 128))], 64)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.showConfirmButton ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_a_button, {
@@ -3718,7 +3718,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   })]);
 }
-;// ./src/components/ModulePageSelect.vue?vue&type=template&id=0b2fc41a&scoped=true
+;// ./src/components/ModulePageSelect.vue?vue&type=template&id=cfb98662&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
 var es_iterator_constructor = __webpack_require__(8111);
@@ -4093,11 +4093,9 @@ var gateway_request_lib_root_GatewayRequestLib_ = __webpack_require__(3092);
       if (page.options && typeof page.options === 'object' && Object.keys(page.options).length > 0) {
         this.configFields = this.parseConfigSchema(page.options);
         this.showConfigForm = true;
-        // 如果有已有的配置数据，加载它
+        // 如果有已有的配置数据，加载它（支持嵌套结构）
         if (this.modelValue?.config) {
-          this.formData = {
-            ...this.modelValue.config
-          };
+          this.formData = this.deepClone(this.modelValue.config);
         } else {
           // 初始化表单数据为默认值
           this.initFormData();
@@ -4108,22 +4106,74 @@ var gateway_request_lib_root_GatewayRequestLib_ = __webpack_require__(3092);
         this.formData = {};
       }
     },
-    // 解析配置 schema（基于 JSON Schema）
+    // 深拷贝对象
+    deepClone(obj) {
+      if (obj === null || typeof obj !== 'object') return obj;
+      if (Array.isArray(obj)) return obj.map(item => this.deepClone(item));
+      const cloned = {};
+      Object.keys(obj).forEach(key => {
+        cloned[key] = this.deepClone(obj[key]);
+      });
+      return cloned;
+    },
+    // 获取嵌套字段的值
+    getNestedValue(key, field) {
+      if (field.parentKey && field.subKey) {
+        return this.formData[field.parentKey]?.[field.subKey] ?? '';
+      }
+      return this.formData[key] ?? '';
+    },
+    // 设置嵌套字段的值（Vue 3 直接赋值即可响应）
+    setNestedValue(key, field, value) {
+      if (field.parentKey && field.subKey) {
+        if (!this.formData[field.parentKey]) {
+          this.formData[field.parentKey] = {};
+        }
+        this.formData[field.parentKey][field.subKey] = value;
+      } else {
+        this.formData[key] = value;
+      }
+    },
+    // 解析配置 schema（基于 JSON Schema）- 支持嵌套的 object 类型
     parseConfigSchema(schema) {
       const fields = {};
       if (schema.properties) {
         Object.keys(schema.properties).forEach(key => {
           const prop = schema.properties[key];
-          fields[key] = {
-            label: prop.title || key,
-            type: this.mapSchemaType(prop.type),
-            placeholder: prop.description || '',
-            options: prop.enum ? prop.enum.map((v, i) => ({
-              label: prop.enumDescriptions?.[i] || v,
-              value: v
-            })) : null,
-            default: prop.default
-          };
+
+          // 如果是嵌套的 object 类型，递归解析其子字段
+          if (prop.type === 'object' && prop.properties) {
+            Object.keys(prop.properties).forEach(subKey => {
+              const subProp = prop.properties[subKey];
+              // 使用 "parentKey.subKey" 作为表单字段的 key
+              const fieldKey = `${key}.${subKey}`;
+              fields[fieldKey] = {
+                label: subProp.title || subKey,
+                type: this.mapSchemaType(subProp.type),
+                placeholder: subProp.description || '',
+                options: subProp.enum ? subProp.enum.map((v, i) => ({
+                  label: subProp.enumDescriptions?.[i] || v,
+                  value: v
+                })) : null,
+                default: subProp.default,
+                parentKey: key,
+                // 记录父字段名，用于保存数据时重建嵌套结构
+                subKey: subKey
+              };
+            });
+          } else {
+            // 非 object 类型，直接解析
+            fields[key] = {
+              label: prop.title || key,
+              type: this.mapSchemaType(prop.type),
+              placeholder: prop.description || '',
+              options: prop.enum ? prop.enum.map((v, i) => ({
+                label: prop.enumDescriptions?.[i] || v,
+                value: v
+              })) : null,
+              default: prop.default
+            };
+          }
         });
       }
       return fields;
@@ -4142,7 +4192,18 @@ var gateway_request_lib_root_GatewayRequestLib_ = __webpack_require__(3092);
     initFormData() {
       const data = {};
       Object.keys(this.configFields).forEach(key => {
-        data[key] = this.configFields[key].default !== undefined ? this.configFields[key].default : '';
+        const field = this.configFields[key];
+        const defaultValue = field.default !== undefined ? field.default : '';
+
+        // 如果是嵌套字段（有 parentKey），需要构建嵌套结构
+        if (field.parentKey && field.subKey) {
+          if (!data[field.parentKey]) {
+            data[field.parentKey] = {};
+          }
+          data[field.parentKey][field.subKey] = defaultValue;
+        } else {
+          data[key] = defaultValue;
+        }
       });
       this.formData = data;
     },
@@ -4186,9 +4247,9 @@ var gateway_request_lib_root_GatewayRequestLib_ = __webpack_require__(3092);
 });
 ;// ./src/components/ModulePageSelect.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ModulePageSelect.vue?vue&type=style&index=0&id=0b2fc41a&scoped=true&lang=css
-var ModulePageSelectvue_type_style_index_0_id_0b2fc41a_scoped_true_lang_css = __webpack_require__(7650);
-;// ./src/components/ModulePageSelect.vue?vue&type=style&index=0&id=0b2fc41a&scoped=true&lang=css
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ModulePageSelect.vue?vue&type=style&index=0&id=cfb98662&scoped=true&lang=css
+var ModulePageSelectvue_type_style_index_0_id_cfb98662_scoped_true_lang_css = __webpack_require__(9415);
+;// ./src/components/ModulePageSelect.vue?vue&type=style&index=0&id=cfb98662&scoped=true&lang=css
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
 var exportHelper = __webpack_require__(5907);
@@ -4200,7 +4261,7 @@ var exportHelper = __webpack_require__(5907);
 ;
 
 
-const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(ModulePageSelectvue_type_script_lang_js, [['render',render],['__scopeId',"data-v-0b2fc41a"]])
+const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(ModulePageSelectvue_type_script_lang_js, [['render',render],['__scopeId',"data-v-cfb98662"]])
 
 /* harmony default export */ var ModulePageSelect = (__exports__);
 ;// ./src/index.js