ll-plus 2.3.7 → 2.3.9

package/index.full.mjs

@@ -1,4 +1,4 @@
-import require$$0, { warn, defineComponent, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, withCtx, createVNode, createElementVNode, createElementBlock, createTextVNode, createCommentVNode, watchEffect, Fragment, renderList, toDisplayString, withModifiers, inject, computed, useAttrs, mergeProps, normalizeStyle, withDirectives, vShow, provide, normalizeProps, guardReactiveProps, renderSlot, createSlots, onBeforeUnmount, onMounted, createApp, nextTick, reactive, resolveDynamicComponent, getCurrentInstance, h, isRef, toRef, onUnmounted, toRefs } from 'vue';
+import require$$0, { warn, defineComponent, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, withCtx, createVNode, createElementVNode, createElementBlock, createTextVNode, createCommentVNode, watchEffect, Fragment, renderList, toDisplayString, withModifiers, inject, computed, useAttrs, mergeProps, withDirectives, vShow, normalizeStyle, provide, normalizeProps, guardReactiveProps, renderSlot, createSlots, onBeforeUnmount, onMounted, createApp, nextTick, reactive, resolveDynamicComponent, getCurrentInstance, h, isRef, toRef, onUnmounted, toRefs } from 'vue';
 import { Form as Form$1, Button as Button$1, Cascader as Cascader$1, Checkbox as Checkbox$1, Row, Col, DatePicker as DatePicker$1, RangePicker, theme, Drawer as Drawer$1, InputNumber as InputNumber$1, RadioGroup as RadioGroup$1, Radio as Radio$1, CheckboxGroup as CheckboxGroup$1, Select as Select$1, Tabs, TabPane, InputSearch, FormItem as FormItem$1, Input as Input$1, Modal as Modal$1, RadioButton as RadioButton$1, Segmented as Segmented$1, SelectOption as SelectOption$1, SelectOptGroup as SelectOptGroup$1, Steps as Steps$1, Switch as Switch$1, Popover, Textarea as Textarea$1, TimePicker as TimePicker$1, TimeRangePicker, Tree as Tree$1, message } from 'ant-design-vue';
 import * as monaco from 'monaco-editor';
 import require$$1$1 from 'fs';
@@ -1723,7 +1723,7 @@ const _hoisted_1$l = /* @__PURE__ */ createElementVNode(
 const _hoisted_2$d = [
   _hoisted_1$l
 ];
-var _sfc_main$1i = /* @__PURE__ */ defineComponent({
+var _sfc_main$1j = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAdvancedFilteringParams" },
   __name: "advanced-filtering-params",
   props: advancedFilteringParamsProps,
@@ -1835,7 +1835,7 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-var AdvancedFilteringParams = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__file", "advanced-filtering-params.vue"]]);
+var AdvancedFilteringParams = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__file", "advanced-filtering-params.vue"]]);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2180,7 +2180,7 @@ const _hoisted_3$9 = /* @__PURE__ */ createElementVNode(
 const _hoisted_4$7 = [
   _hoisted_3$9
 ];
-var _sfc_main$1h = /* @__PURE__ */ defineComponent({
+var _sfc_main$1i = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAdvancedFilteringTags" },
   __name: "advanced-filtering-tags",
   props: advancedFilteringProps,
@@ -2397,7 +2397,7 @@ var _sfc_main$1h = /* @__PURE__ */ defineComponent({
   }
 });
 
-var AdvancedFilteringTags = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__file", "advanced-filtering-tags.vue"]]);
+var AdvancedFilteringTags = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__file", "advanced-filtering-tags.vue"]]);
 
 const _hoisted_1$j = /* @__PURE__ */ createElementVNode(
   "span",
@@ -2406,7 +2406,7 @@ const _hoisted_1$j = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-var _sfc_main$1g = /* @__PURE__ */ defineComponent({
+var _sfc_main$1h = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAdvancedFiltering" },
   __name: "advanced-filtering",
   props: advancedFilteringProps,
@@ -2503,7 +2503,7 @@ var _sfc_main$1g = /* @__PURE__ */ defineComponent({
   }
 });
 
-var AdvancedFiltering = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__file", "advanced-filtering.vue"]]);
+var AdvancedFiltering = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__file", "advanced-filtering.vue"]]);
 
 const LlAdvancedFiltering = withInstall(AdvancedFiltering);
 const LlAdvancedFilteringParams = withInstall(AdvancedFilteringParams);
@@ -2559,12 +2559,10 @@ const apiComponentProps = buildProps({
       requestParams: [],
       headerParams: [],
       bodyParams: {
-        none: null,
-        "form-data": [],
-        json: [],
-        xml: [],
-        raw: "",
-        "x-www-form-urlencoded": []
+        type: "none",
+        parameters: [],
+        jsonSchema: [],
+        description: ""
       }
     })
   },
@@ -2646,12 +2644,10 @@ const apiUrlProps = buildProps({
       requestParams: [],
       headerParams: [],
       bodyParams: {
-        none: null,
-        "form-data": [],
-        json: [],
-        xml: [],
-        raw: "",
-        "x-www-form-urlencoded": []
+        type: "none",
+        parameters: [],
+        jsonSchema: [],
+        description: ""
       }
     })
   }
@@ -2804,6 +2800,10 @@ const jsonXmlProps = buildProps({
     type: Object,
     default: () => {
     }
+  },
+  type: {
+    type: definePropType(String),
+    default: "json"
   }
 });
 const jsonXmlEmits = {
@@ -2813,6 +2813,9 @@ const jsonXmlTableProps = buildProps({
   dataSource: {
     type: definePropType(Array),
     default: () => []
+  },
+  type: {
+    type: definePropType(String)
   }
 });
 const jsonXmlTableEmits = {
@@ -2824,6 +2827,10 @@ const jsonXmlTableRowProps = buildProps({
     default: () => {
     }
   },
+  list: {
+    type: definePropType(Array),
+    default: () => []
+  },
   parentData: {
     type: definePropType(Object),
     default: () => null
@@ -2838,7 +2845,7 @@ const jsonXmlTableRowProps = buildProps({
   }
 });
 const jsonXmlTableRowEmits = {
-  change: () => true
+  change: (val) => !!val
 };
 
 const paramsOptions = [
@@ -3025,7 +3032,29 @@ const formdataTableColumns = [
   }
 ];
 
-var _sfc_main$1f = /* @__PURE__ */ defineComponent({
+const bodyProps = buildProps({
+  value: {
+    type: definePropType(Object),
+    default: () => ({
+      url: "",
+      method: DEFAULT_METHOD,
+      requestParams: [],
+      headerParams: [],
+      bodyParams: {
+        type: "none",
+        parameters: [],
+        jsonSchema: [],
+        description: ""
+      }
+    })
+  }
+});
+const bodyEmits = {
+  "update:value": (params) => !!params,
+  change: (params) => !!params
+};
+
+var _sfc_main$1g = /* @__PURE__ */ defineComponent({
   __name: "api-url",
   props: apiUrlProps,
   emits: apiUrlEmits,
@@ -3077,7 +3106,7 @@ var _sfc_main$1f = /* @__PURE__ */ defineComponent({
   }
 });
 
-var ApiUrl = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__file", "api-url.vue"]]);
+var ApiUrl = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__file", "api-url.vue"]]);
 
 const _hoisted_1$i = /* @__PURE__ */ createElementVNode(
   "a",
@@ -3086,7 +3115,7 @@ const _hoisted_1$i = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-var _sfc_main$1e = /* @__PURE__ */ defineComponent({
+var _sfc_main$1f = /* @__PURE__ */ defineComponent({
   ...{ name: "LlBatchEditing" },
   __name: "batch-editing",
   props: batchEditingProps,
@@ -3170,9 +3199,9 @@ var _sfc_main$1e = /* @__PURE__ */ defineComponent({
   }
 });
 
-var batchEditing = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__file", "batch-editing.vue"]]);
+var batchEditing = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__file", "batch-editing.vue"]]);
 
-var _sfc_main$1d = /* @__PURE__ */ defineComponent({
+var _sfc_main$1e = /* @__PURE__ */ defineComponent({
   ...{ name: "LlApiModal" },
   __name: "api-modal",
   props: apiModalProps,
@@ -3232,9 +3261,9 @@ var _sfc_main$1d = /* @__PURE__ */ defineComponent({
   }
 });
 
-var ApiModal = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__file", "api-modal.vue"]]);
+var ApiModal = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__file", "api-modal.vue"]]);
 
-var _sfc_main$1c = /* @__PURE__ */ defineComponent({
+var _sfc_main$1d = /* @__PURE__ */ defineComponent({
   ...{ name: "LlClickInput" },
   __name: "click-input",
   props: clickInputProps,
@@ -3300,9 +3329,343 @@ var _sfc_main$1c = /* @__PURE__ */ defineComponent({
   }
 });
 
-var ClickInput = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__file", "click-input.vue"]]);
+var ClickInput = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__file", "click-input.vue"]]);
+
+var _sfc_main$1c = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlParamsTableRow" },
+  __name: "params-table-row",
+  props: paramsTableRowProps,
+  setup(__props) {
+    const props = __props;
+    const bem = createNamespace("params-table");
+    const disabled = inject("disabled");
+    const innerData = ref(props.data);
+    const handleDelete = (list, data) => {
+      const index = list.findIndex((item) => item.name === data.name);
+      list.splice(index, 1);
+    };
+    return (_ctx, _cache) => {
+      const _component_ll_input = resolveComponent("ll-input");
+      const _component_ll_icon = resolveComponent("ll-icon");
+      const _component_ll_button = resolveComponent("ll-button");
+      const _component_ll_select = resolveComponent("ll-select");
+      const _component_ll_switch = resolveComponent("ll-switch");
+      const _component_a_auto_complete = resolveComponent("a-auto-complete");
+      const _component_a_col = resolveComponent("a-col");
+      const _component_a_row = resolveComponent("a-row");
+      const _component_a_popconfirm = resolveComponent("a-popconfirm");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_a_row, {
+          gutter: 20,
+          class: normalizeClass(unref(bem).e("table-row"))
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_a_col, { span: 22 }, {
+              default: withCtx(() => [
+                createVNode(_component_a_row, { gutter: 20 }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(props.columns, (col, index) => {
+                        return openBlock(), createBlock(_component_a_col, {
+                          key: index,
+                          span: col.span || 24 / props.columns.length,
+                          class: normalizeClass(unref(bem).e("table-col"))
+                        }, {
+                          default: withCtx(() => [
+                            col.key === "name" ? (openBlock(), createBlock(_component_ll_input, {
+                              key: 0,
+                              value: innerData.value.name,
+                              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerData.value.name = $event),
+                              disabled: unref(disabled),
+                              placeholder: "\u8BF7\u8F93\u5165"
+                            }, null, 8, ["value", "disabled"])) : createCommentVNode("v-if", true),
+                            col.key === "required" ? (openBlock(), createBlock(_component_ll_button, {
+                              key: 1,
+                              type: "link",
+                              disabled: unref(disabled),
+                              class: normalizeClass(`${unref(bem).m("required")} ${innerData.value.required ? unref(bem).is("required") : ""}`),
+                              onClick: _cache[1] || (_cache[1] = ($event) => innerData.value.required = !innerData.value.required)
+                            }, {
+                              default: withCtx(() => [
+                                withDirectives(createVNode(
+                                  _component_ll_icon,
+                                  { "icon-name": "icon-radio-check" },
+                                  null,
+                                  512
+                                  /* NEED_PATCH */
+                                ), [
+                                  [vShow, innerData.value.required]
+                                ])
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            }, 8, ["disabled", "class"])) : createCommentVNode("v-if", true),
+                            col.key === "type" ? (openBlock(), createBlock(_component_ll_select, {
+                              key: 2,
+                              value: innerData.value.type,
+                              "onUpdate:value": _cache[2] || (_cache[2] = ($event) => innerData.value.type = $event),
+                              options: unref(paramsOptions),
+                              disabled: unref(disabled),
+                              placeholder: "\u8BF7\u9009\u62E9",
+                              style: { "width": "100%" }
+                            }, null, 8, ["value", "options", "disabled"])) : createCommentVNode("v-if", true),
+                            col.key === "value" ? (openBlock(), createBlock(ClickInput, {
+                              key: 3,
+                              value: innerData.value.value,
+                              "onUpdate:value": _cache[3] || (_cache[3] = ($event) => innerData.value.value = $event),
+                              type: "code",
+                              placeholder: "\u8BF7\u8F93\u5165",
+                              style: { "width": "100%" }
+                            }, null, 8, ["value"])) : createCommentVNode("v-if", true),
+                            col.key === "static" ? (openBlock(), createBlock(_component_ll_switch, {
+                              key: 4,
+                              checked: innerData.value[col.key],
+                              "onUpdate:checked": ($event) => innerData.value[col.key] = $event,
+                              disabled: unref(disabled)
+                            }, null, 8, ["checked", "onUpdate:checked", "disabled"])) : createCommentVNode("v-if", true),
+                            col.key === "description" ? (openBlock(), createBlock(_component_ll_input, {
+                              key: 5,
+                              value: innerData.value[col.key],
+                              "onUpdate:value": ($event) => innerData.value[col.key] = $event,
+                              placeholder: col.placeholder || "\u8BF7\u8F93\u5165",
+                              disabled: unref(disabled)
+                            }, null, 8, ["value", "onUpdate:value", "placeholder", "disabled"])) : createCommentVNode("v-if", true),
+                            col.key === "contentType" ? (openBlock(), createBlock(_component_a_auto_complete, {
+                              key: 6,
+                              value: innerData.value[col.key],
+                              "onUpdate:value": ($event) => innerData.value[col.key] = $event,
+                              disabled: unref(disabled),
+                              options: unref(contentTypeOptions),
+                              placeholder: col.placeholder || "\u8BF7\u8F93\u5165"
+                            }, null, 8, ["value", "onUpdate:value", "disabled", "options", "placeholder"])) : createCommentVNode("v-if", true)
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["span", "class"]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            createVNode(_component_a_col, {
+              span: 2,
+              class: normalizeClass(unref(bem).e("table-col"))
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_a_popconfirm, {
+                  title: "\u4F60\u786E\u5B9A\u8981\u79FB\u9664\u5417\uFF1F",
+                  "ok-text": "\u786E\u8BA4",
+                  "cancel-text": "\u53D6\u6D88",
+                  placement: "topRight",
+                  disabled: unref(disabled),
+                  "overlay-class-name": unref(bem).e("popconfirm"),
+                  onConfirm: _cache[4] || (_cache[4] = ($event) => handleDelete(props.dataSource, innerData.value))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ll_button, {
+                      type: "link",
+                      disabled: unref(disabled)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_ll_icon, { "icon-name": "icon-remove" })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["disabled"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["disabled", "overlay-class-name"])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["class"])
+      ]);
+    };
+  }
+});
+
+var TableRow$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__file", "params-table-row.vue"]]);
 
 var _sfc_main$1b = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlParamsTable" },
+  __name: "params-table",
+  props: paramsTableProps,
+  setup(__props) {
+    const bem = createNamespace("params-table");
+    const props = __props;
+    const disabled = inject("disabled");
+    const addData = ref("");
+    const handleAdd = (dataSource) => {
+      if (addData.value && dataSource.find((e) => e.name !== addData.value) || !dataSource.length) {
+        if (!addData.value)
+          return;
+        dataSource.push({
+          name: addData.value,
+          required: false,
+          value: "",
+          static: false,
+          description: "",
+          contentType: ""
+        });
+        addData.value = "";
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_ll_tooltip = resolveComponent("ll-tooltip");
+      const _component_a_col = resolveComponent("a-col");
+      const _component_a_row = resolveComponent("a-row");
+      const _component_ll_input = resolveComponent("ll-input");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bem).b())
+        },
+        [
+          createVNode(_component_a_row, {
+            class: normalizeClass(unref(bem).m("table-header")),
+            gutter: 20
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_a_col, { span: 22 }, {
+                default: withCtx(() => [
+                  createVNode(_component_a_row, { gutter: 20 }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(
+                        Fragment,
+                        null,
+                        renderList(props.columns, (col, index) => {
+                          return openBlock(), createBlock(_component_a_col, {
+                            key: index,
+                            span: col.span,
+                            class: normalizeClass(unref(bem).e("table-header-col"))
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode(
+                                "span",
+                                null,
+                                toDisplayString(col.title),
+                                1
+                                /* TEXT */
+                              ),
+                              col.key === "static" ? (openBlock(), createBlock(_component_ll_tooltip, {
+                                key: 0,
+                                tip: "Content-Type \u5B57\u6BB5\u7528\u4E8E\u6307\u5B9A\u8BF7\u6C42\u90E8\u5206\u7684\u5A92\u4F53\u7C7B\u578B"
+                              })) : createCommentVNode("v-if", true)
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["span", "class"]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode(_component_a_col, {
+                class: normalizeClass(unref(bem).e("table-header-col")),
+                span: 2
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" \u64CD\u4F5C ")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class"]),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(bem).m("table-body"))
+            },
+            [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(props.dataSource, (item, index) => {
+                  return openBlock(), createBlock(TableRow$1, {
+                    key: index,
+                    data: item,
+                    columns: props.columns,
+                    "data-source": props.dataSource
+                  }, null, 8, ["data", "columns", "data-source"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              )),
+              createVNode(_component_a_row, {
+                gutter: 20,
+                class: normalizeClass(unref(bem).e("table-row"))
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(props.columns, (col, index) => {
+                      return openBlock(), createBlock(_component_a_col, {
+                        key: index,
+                        span: col.span || 24 / props.columns.length,
+                        class: normalizeClass(unref(bem).e("table-col"))
+                      }, {
+                        default: withCtx(() => [
+                          col.key === "name" ? (openBlock(), createBlock(_component_ll_input, {
+                            key: 0,
+                            value: addData.value,
+                            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => addData.value = $event),
+                            placeholder: "\u6DFB\u52A0\u53C2\u6570",
+                            disabled: unref(disabled),
+                            bordered: false,
+                            onBlur: _cache[1] || (_cache[1] = ($event) => handleAdd(props.dataSource))
+                          }, null, 8, ["value", "disabled"])) : createCommentVNode("v-if", true)
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["span", "class"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class"])
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var paramsTable = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__file", "params-table.vue"]]);
+
+var _sfc_main$1a = /* @__PURE__ */ defineComponent({
   ...{ name: "LlJsonXmlTableRow" },
   __name: "json-xml-table-row",
   props: jsonXmlTableRowProps,
@@ -3402,13 +3765,18 @@ var _sfc_main$1b = /* @__PURE__ */ defineComponent({
       const { type, parentData: parentData2, innerData: innerData2 } = item;
       handleAdd(type, parentData2, innerData2);
     };
-    const handleRowChange = () => {
-      emits("change");
+    const handleRowChange = (child) => {
+      if (innerData.value.children) {
+        const index = innerData.value.children.findIndex(
+          (item) => item.key === child.key
+        );
+        innerData.value.children[index] = child;
+      }
     };
     watch(
       innerData,
       () => {
-        emits("change");
+        emits("change", innerData.value);
       },
       {
         deep: true
@@ -3732,14 +4100,15 @@ var _sfc_main$1b = /* @__PURE__ */ defineComponent({
                 Fragment,
                 { key: 1 },
                 renderList(innerData.value.children, (child, index) => {
-                  return openBlock(), createBlock(TableRow$1, {
+                  return openBlock(), createBlock(TableRow, {
                     key: index,
                     "parent-data": innerData.value,
+                    list: innerData.value.children,
                     data: child,
                     layer: props.layer + 1,
                     "tree-key": props.treeKey + "-" + (index + 1),
                     onChange: handleRowChange
-                  }, null, 8, ["parent-data", "data", "layer", "tree-key"]);
+                  }, null, 8, ["parent-data", "list", "data", "layer", "tree-key"]);
                 }),
                 128
                 /* KEYED_FRAGMENT */
@@ -3756,9 +4125,9 @@ var _sfc_main$1b = /* @__PURE__ */ defineComponent({
   }
 });
 
-var TableRow$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__file", "json-xml-table-row.vue"]]);
+var TableRow = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__file", "json-xml-table-row.vue"]]);
 
-var _sfc_main$1a = /* @__PURE__ */ defineComponent({
+var _sfc_main$19 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlJsonXmlTable" },
   __name: "json-xml-table",
   props: jsonXmlTableProps,
@@ -3767,8 +4136,8 @@ var _sfc_main$1a = /* @__PURE__ */ defineComponent({
     const bem = createNamespace("json-xml");
     const props = __props;
     const emits = __emit;
-    const handleChange = (dataSource) => {
-      emits("change", dataSource);
+    const handleChange = (child) => {
+      emits("change", [child]);
     };
     return (_ctx, _cache) => {
       const _component_a_col = resolveComponent("a-col");
@@ -3779,6 +4148,16 @@ var _sfc_main$1a = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(bem).e("table"))
         },
         [
+          props.type === "xml" ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass(unref(bem).m("xml"))
+            },
+            toDisplayString('<?xml version="1.0" encoding="UTF-8"?>'),
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true),
           createVNode(_component_a_row, {
             class: normalizeClass(unref(bem).m("table-header")),
             gutter: 20
@@ -3843,12 +4222,13 @@ var _sfc_main$1a = /* @__PURE__ */ defineComponent({
                 Fragment,
                 null,
                 renderList(props.dataSource, (item, index) => {
-                  return openBlock(), createBlock(TableRow$1, {
+                  return openBlock(), createBlock(TableRow, {
                     key: index,
+                    list: props.dataSource,
                     data: item,
                     "tree-key": (index + 1).toString(),
-                    onChange: _cache[0] || (_cache[0] = ($event) => handleChange(props.dataSource))
-                  }, null, 8, ["data", "tree-key"]);
+                    onChange: handleChange
+                  }, null, 8, ["list", "data", "tree-key"]);
                 }),
                 128
                 /* KEYED_FRAGMENT */
@@ -3865,10 +4245,10 @@ var _sfc_main$1a = /* @__PURE__ */ defineComponent({
   }
 });
 
-var TreeTable = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__file", "json-xml-table.vue"]]);
+var TreeTable = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__file", "json-xml-table.vue"]]);
 
 const _hoisted_1$h = { class: "flex" };
-var _sfc_main$19 = /* @__PURE__ */ defineComponent({
+var _sfc_main$18 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlJsonXml" },
   __name: "json-xml",
   props: jsonXmlProps,
@@ -4020,7 +4400,6 @@ var _sfc_main$19 = /* @__PURE__ */ defineComponent({
             }
           ];
         }
-        console.log(dataSource.value, n);
       },
       {
         deep: true,
@@ -4039,16 +4418,6 @@ var _sfc_main$19 = /* @__PURE__ */ defineComponent({
         emits("update:value", n);
       }
     });
-    watch(
-      () => dataSource.value,
-      (n) => {
-        console.log({ n });
-      },
-      {
-        deep: true,
-        immediate: true
-      }
-    );
     return (_ctx, _cache) => {
       const _component_ll_segmented = resolveComponent("ll-segmented");
       const _component_ll_button = resolveComponent("ll-button");
@@ -4092,8 +4461,8 @@ var _sfc_main$19 = /* @__PURE__ */ defineComponent({
                   { key: 0 },
                   [
                     createVNode(_component_ll_button, {
-                      disabled: unref(disabled),
-                      type: "text"
+                      type: "link",
+                      disabled: unref(disabled)
                     }, {
                       default: withCtx(() => [
                         createCommentVNode(" <ll-icon/> "),
@@ -4103,8 +4472,8 @@ var _sfc_main$19 = /* @__PURE__ */ defineComponent({
                       /* STABLE */
                     }, 8, ["disabled"]),
                     createVNode(_component_ll_button, {
-                      disabled: unref(disabled),
-                      type: "text"
+                      type: "link",
+                      disabled: unref(disabled)
                     }, {
                       default: withCtx(() => [
                         createCommentVNode(" <ll-icon/> "),
@@ -4114,8 +4483,8 @@ var _sfc_main$19 = /* @__PURE__ */ defineComponent({
                       /* STABLE */
                     }, 8, ["disabled"]),
                     createVNode(_component_ll_button, {
-                      disabled: unref(disabled),
-                      type: "text"
+                      type: "link",
+                      disabled: unref(disabled)
                     }, {
                       default: withCtx(() => [
                         createCommentVNode(" <ll-icon/> "),
@@ -4132,8 +4501,8 @@ var _sfc_main$19 = /* @__PURE__ */ defineComponent({
                   { key: 1 },
                   [
                     createVNode(_component_ll_button, {
-                      disabled: unref(disabled),
-                      type: "text"
+                      type: "link",
+                      disabled: unref(disabled)
                     }, {
                       default: withCtx(() => [
                         createCommentVNode(" <ll-icon/> "),
@@ -4143,8 +4512,8 @@ var _sfc_main$19 = /* @__PURE__ */ defineComponent({
                       /* STABLE */
                     }, 8, ["disabled"]),
                     createVNode(_component_ll_button, {
-                      disabled: unref(disabled),
-                      type: "text"
+                      type: "link",
+                      disabled: unref(disabled)
                     }, {
                       default: withCtx(() => [
                         createCommentVNode(" <ll-icon/> "),
@@ -4184,12 +4553,19 @@ var _sfc_main$19 = /* @__PURE__ */ defineComponent({
                 value: innerValue.value,
                 "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value = $event),
                 disabled: unref(disabled),
+                style: { "height": "200px" },
+                options: {
+                  minimap: {
+                    enabled: false
+                  }
+                },
                 language: "json"
               }, null, 8, ["value", "disabled"])) : (openBlock(), createBlock(TreeTable, {
                 key: 1,
+                type: props.type,
                 "data-source": dataSource.value,
                 onChange: handleChange
-              }, null, 8, ["data-source"]))
+              }, null, 8, ["type", "data-source"]))
             ],
             2
             /* CLASS */
@@ -4202,328 +4578,109 @@ var _sfc_main$19 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var JsonXml = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__file", "json-xml.vue"]]);
-
-var _sfc_main$18 = /* @__PURE__ */ defineComponent({
-  ...{ name: "LlParamsTableRow" },
-  __name: "params-table-row",
-  props: paramsTableRowProps,
-  setup(__props) {
-    const props = __props;
-    const bem = createNamespace("params-table");
-    const disabled = inject("disabled");
-    const innerData = ref(props.data);
-    const handleDelete = (list, data) => {
-      const index = list.findIndex((item) => item.name === data.name);
-      list.splice(index, 1);
-    };
-    return (_ctx, _cache) => {
-      const _component_ll_input = resolveComponent("ll-input");
-      const _component_ll_icon = resolveComponent("ll-icon");
-      const _component_ll_button = resolveComponent("ll-button");
-      const _component_ll_select = resolveComponent("ll-select");
-      const _component_ll_switch = resolveComponent("ll-switch");
-      const _component_a_auto_complete = resolveComponent("a-auto-complete");
-      const _component_a_col = resolveComponent("a-col");
-      const _component_a_row = resolveComponent("a-row");
-      const _component_a_popconfirm = resolveComponent("a-popconfirm");
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(_component_a_row, {
-          gutter: 20,
-          class: normalizeClass(unref(bem).e("table-row"))
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_a_col, { span: 22 }, {
-              default: withCtx(() => [
-                createVNode(_component_a_row, { gutter: 20 }, {
-                  default: withCtx(() => [
-                    (openBlock(true), createElementBlock(
-                      Fragment,
-                      null,
-                      renderList(props.columns, (col, index) => {
-                        return openBlock(), createBlock(_component_a_col, {
-                          key: index,
-                          span: col.span || 24 / props.columns.length,
-                          class: normalizeClass(unref(bem).e("table-col"))
-                        }, {
-                          default: withCtx(() => [
-                            col.key === "name" ? (openBlock(), createBlock(_component_ll_input, {
-                              key: 0,
-                              value: innerData.value.name,
-                              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerData.value.name = $event),
-                              disabled: unref(disabled),
-                              placeholder: "\u8BF7\u8F93\u5165"
-                            }, null, 8, ["value", "disabled"])) : createCommentVNode("v-if", true),
-                            col.key === "required" ? (openBlock(), createBlock(_component_ll_button, {
-                              key: 1,
-                              type: "link",
-                              disabled: unref(disabled),
-                              class: normalizeClass(`${unref(bem).m("required")} ${innerData.value.required ? unref(bem).is("required") : ""}`),
-                              onClick: _cache[1] || (_cache[1] = ($event) => innerData.value.required = !innerData.value.required)
-                            }, {
-                              default: withCtx(() => [
-                                withDirectives(createVNode(
-                                  _component_ll_icon,
-                                  { "icon-name": "icon-radio-check" },
-                                  null,
-                                  512
-                                  /* NEED_PATCH */
-                                ), [
-                                  [vShow, innerData.value.required]
-                                ])
-                              ]),
-                              _: 1
-                              /* STABLE */
-                            }, 8, ["disabled", "class"])) : createCommentVNode("v-if", true),
-                            col.key === "type" ? (openBlock(), createBlock(_component_ll_select, {
-                              key: 2,
-                              value: innerData.value.type,
-                              "onUpdate:value": _cache[2] || (_cache[2] = ($event) => innerData.value.type = $event),
-                              options: unref(paramsOptions),
-                              disabled: unref(disabled),
-                              placeholder: "\u8BF7\u9009\u62E9",
-                              style: { "width": "100%" }
-                            }, null, 8, ["value", "options", "disabled"])) : createCommentVNode("v-if", true),
-                            col.key === "value" ? (openBlock(), createBlock(ClickInput, {
-                              key: 3,
-                              value: innerData.value.value,
-                              "onUpdate:value": _cache[3] || (_cache[3] = ($event) => innerData.value.value = $event),
-                              type: "code",
-                              placeholder: "\u8BF7\u8F93\u5165",
-                              style: { "width": "100%" }
-                            }, null, 8, ["value"])) : createCommentVNode("v-if", true),
-                            col.key === "static" ? (openBlock(), createBlock(_component_ll_switch, {
-                              key: 4,
-                              checked: innerData.value[col.key],
-                              "onUpdate:checked": ($event) => innerData.value[col.key] = $event,
-                              disabled: unref(disabled)
-                            }, null, 8, ["checked", "onUpdate:checked", "disabled"])) : createCommentVNode("v-if", true),
-                            col.key === "description" ? (openBlock(), createBlock(_component_ll_input, {
-                              key: 5,
-                              value: innerData.value[col.key],
-                              "onUpdate:value": ($event) => innerData.value[col.key] = $event,
-                              placeholder: col.placeholder || "\u8BF7\u8F93\u5165",
-                              disabled: unref(disabled)
-                            }, null, 8, ["value", "onUpdate:value", "placeholder", "disabled"])) : createCommentVNode("v-if", true),
-                            col.key === "contentType" ? (openBlock(), createBlock(_component_a_auto_complete, {
-                              key: 6,
-                              value: innerData.value[col.key],
-                              "onUpdate:value": ($event) => innerData.value[col.key] = $event,
-                              disabled: unref(disabled),
-                              options: unref(contentTypeOptions),
-                              placeholder: col.placeholder || "\u8BF7\u8F93\u5165"
-                            }, null, 8, ["value", "onUpdate:value", "disabled", "options", "placeholder"])) : createCommentVNode("v-if", true)
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        }, 1032, ["span", "class"]);
-                      }),
-                      128
-                      /* KEYED_FRAGMENT */
-                    ))
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            createVNode(_component_a_col, {
-              span: 2,
-              class: normalizeClass(unref(bem).e("table-col"))
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_a_popconfirm, {
-                  title: "\u4F60\u786E\u5B9A\u8981\u79FB\u9664\u5417\uFF1F",
-                  "ok-text": "\u786E\u8BA4",
-                  "cancel-text": "\u53D6\u6D88",
-                  placement: "topRight",
-                  disabled: unref(disabled),
-                  "overlay-class-name": unref(bem).e("popconfirm"),
-                  onConfirm: _cache[4] || (_cache[4] = ($event) => handleDelete(props.dataSource, innerData.value))
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_ll_button, {
-                      type: "link",
-                      disabled: unref(disabled)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ll_icon, { "icon-name": "icon-remove" })
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }, 8, ["disabled"])
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled", "overlay-class-name"])
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["class"])
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["class"])
-      ]);
-    };
-  }
-});
-
-var TableRow = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__file", "params-table-row.vue"]]);
+var JsonXml = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__file", "json-xml.vue"]]);
 
 var _sfc_main$17 = /* @__PURE__ */ defineComponent({
-  ...{ name: "LlParamsTable" },
-  __name: "params-table",
-  props: paramsTableProps,
-  setup(__props) {
-    const bem = createNamespace("params-table");
+  ...{ name: "BodyComponent" },
+  __name: "body-component",
+  props: bodyProps,
+  emits: bodyEmits,
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
+    const bem = createNamespace("api-component");
     const disabled = inject("disabled");
-    const addData = ref("");
-    const handleAdd = (dataSource) => {
-      if (addData.value && dataSource.find((e) => e.name !== addData.value) || !dataSource.length) {
-        if (!addData.value)
-          return;
-        dataSource.push({
-          name: addData.value,
-          required: false,
-          value: "",
-          static: false,
-          description: "",
-          contentType: ""
-        });
-        addData.value = "";
+    const bodyKey = ref(props.value.bodyParams.type);
+    const parameters = ref(
+      props.value.bodyParams.parameters
+    );
+    const jsonSchema = ref(
+      props.value.bodyParams.jsonSchema
+    );
+    const description = ref(
+      props.value.bodyParams.description
+    );
+    const handleChange = (e) => {
+      if (e === "none") {
+        parameters.value = [];
       }
     };
+    watch([parameters, jsonSchema, description], () => {
+      const obj = {
+        ...props.value,
+        bodyParams: {
+          type: bodyKey.value,
+          parameters: parameters.value,
+          jsonSchema: jsonSchema.value,
+          description: description.value
+        }
+      };
+      emits("change", obj);
+      emits("update:value", obj);
+    });
     return (_ctx, _cache) => {
-      const _component_ll_tooltip = resolveComponent("ll-tooltip");
-      const _component_a_col = resolveComponent("a-col");
-      const _component_a_row = resolveComponent("a-row");
-      const _component_ll_input = resolveComponent("ll-input");
+      const _component_ll_tabs_simple = resolveComponent("ll-tabs-simple");
+      const _component_ll_code_editor = resolveComponent("ll-code-editor");
       return openBlock(), createElementBlock(
         "div",
         {
-          class: normalizeClass(unref(bem).b())
+          class: normalizeClass(unref(bem).m("body"))
         },
         [
-          createVNode(_component_a_row, {
-            class: normalizeClass(unref(bem).m("table-header")),
-            gutter: 20
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_a_col, { span: 22 }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_row, { gutter: 20 }, {
-                    default: withCtx(() => [
-                      (openBlock(true), createElementBlock(
-                        Fragment,
-                        null,
-                        renderList(props.columns, (col, index) => {
-                          return openBlock(), createBlock(_component_a_col, {
-                            key: index,
-                            span: col.span,
-                            class: normalizeClass(unref(bem).e("table-header-col"))
-                          }, {
-                            default: withCtx(() => [
-                              createElementVNode(
-                                "span",
-                                null,
-                                toDisplayString(col.title),
-                                1
-                                /* TEXT */
-                              ),
-                              col.key === "static" ? (openBlock(), createBlock(_component_ll_tooltip, {
-                                key: 0,
-                                tip: "Content-Type \u5B57\u6BB5\u7528\u4E8E\u6307\u5B9A\u8BF7\u6C42\u90E8\u5206\u7684\u5A92\u4F53\u7C7B\u578B"
-                              })) : createCommentVNode("v-if", true)
-                            ]),
-                            _: 2
-                            /* DYNAMIC */
-                          }, 1032, ["span", "class"]);
-                        }),
-                        128
-                        /* KEYED_FRAGMENT */
-                      ))
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })
-                ]),
-                _: 1
-                /* STABLE */
-              }),
-              createVNode(_component_a_col, {
-                class: normalizeClass(unref(bem).e("table-header-col")),
-                span: 2
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(" \u64CD\u4F5C ")
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["class"])
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["class"]),
+          createVNode(_component_ll_tabs_simple, {
+            "active-key": bodyKey.value,
+            "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => bodyKey.value = $event),
+            tabs: unref(bodyList),
+            class: normalizeClass(unref(bem).m("body-tab")),
+            disabled: unref(disabled),
+            onChange: handleChange
+          }, null, 8, ["active-key", "tabs", "class", "disabled"]),
           createElementVNode(
             "div",
             {
-              class: normalizeClass(unref(bem).m("table-body"))
+              class: normalizeClass(unref(bem).m("body-container"))
             },
             [
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(props.dataSource, (item, index) => {
-                  return openBlock(), createBlock(TableRow, {
-                    key: index,
-                    data: item,
-                    columns: props.columns,
-                    "data-source": props.dataSource
-                  }, null, 8, ["data", "columns", "data-source"]);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              )),
-              createVNode(_component_a_row, {
-                gutter: 20,
-                class: normalizeClass(unref(bem).e("table-row"))
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(
-                    Fragment,
-                    null,
-                    renderList(props.columns, (col, index) => {
-                      return openBlock(), createBlock(_component_a_col, {
-                        key: index,
-                        span: col.span || 24 / props.columns.length,
-                        class: normalizeClass(unref(bem).e("table-col"))
-                      }, {
-                        default: withCtx(() => [
-                          col.key === "name" ? (openBlock(), createBlock(_component_ll_input, {
-                            key: 0,
-                            value: addData.value,
-                            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => addData.value = $event),
-                            placeholder: "\u6DFB\u52A0\u53C2\u6570",
-                            disabled: unref(disabled),
-                            bordered: false,
-                            onBlur: _cache[1] || (_cache[1] = ($event) => handleAdd(props.dataSource))
-                          }, null, 8, ["value", "disabled"])) : createCommentVNode("v-if", true)
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      }, 1032, ["span", "class"]);
-                    }),
-                    128
-                    /* KEYED_FRAGMENT */
-                  ))
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["class"])
+              bodyKey.value === "json" ? (openBlock(), createBlock(JsonXml, {
+                key: 0,
+                value: jsonSchema.value,
+                "onUpdate:value": _cache[1] || (_cache[1] = ($event) => jsonSchema.value = $event),
+                type: bodyKey.value
+              }, null, 8, ["value", "type"])) : createCommentVNode("v-if", true),
+              bodyKey.value === "xml" ? (openBlock(), createBlock(JsonXml, {
+                key: 1,
+                value: jsonSchema.value,
+                "onUpdate:value": _cache[2] || (_cache[2] = ($event) => jsonSchema.value = $event),
+                type: bodyKey.value
+              }, null, 8, ["value", "type"])) : createCommentVNode("v-if", true),
+              bodyKey.value === "raw" ? (openBlock(), createBlock(_component_ll_code_editor, {
+                key: 2,
+                value: description.value,
+                "onUpdate:value": _cache[3] || (_cache[3] = ($event) => description.value = $event)
+              }, null, 8, ["value"])) : createCommentVNode("v-if", true),
+              bodyKey.value === "x-www-form-urlencoded" ? (openBlock(), createBlock(paramsTable, {
+                key: 3,
+                columns: unref(paramsTableColumns),
+                "data-source": parameters.value
+              }, null, 8, ["columns", "data-source"])) : createCommentVNode("v-if", true),
+              bodyKey.value === "form-data" ? (openBlock(), createBlock(paramsTable, {
+                key: 4,
+                columns: unref(formdataTableColumns),
+                "data-source": parameters.value
+              }, null, 8, ["columns", "data-source"])) : createCommentVNode("v-if", true),
+              bodyKey.value === "none" ? (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 5,
+                  class: normalizeClass(unref(bem).e("none"))
+                },
+                [
+                  createCommentVNode(" <ll-empty>\n          <template #title> \u8BE5\u8BF7\u6C42\u6CA1\u6709 Body \u4F53 </template>\n        </ll-empty> "),
+                  createTextVNode(" \u8BE5\u8BF7\u6C42\u6CA1\u6709 Body \u4F53 ")
+                ],
+                2
+                /* CLASS */
+              )) : createCommentVNode("v-if", true)
             ],
             2
             /* CLASS */
@@ -4536,7 +4693,7 @@ var _sfc_main$17 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var paramsTable = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__file", "params-table.vue"]]);
+var BodyComponent = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__file", "body-component.vue"]]);
 
 var _sfc_main$16 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlApiComponent" },
@@ -4551,7 +4708,6 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
     const formItemContext = Form$1.useInjectFormItemContext();
     const form = ref();
     const activeKey = ref("params");
-    const bodyKey = ref("form-data");
     const computedRules = computed(() => props.isValid ? props.rules : {});
     provide("disabled", props.disabled);
     const httpModel = ref(props.value);
@@ -4563,12 +4719,12 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
     });
     const { resetFields, validate, validateInfos } = useForm(
       httpModel,
-      computedRules.value,
-      {
-        onValidate: (...args) => {
-          console.log("onValidate", args);
-        }
-      }
+      computedRules.value
+      // {
+      //   onValidate: (...args) => {
+      //     console.log('onValidate', args)
+      //   }
+      // }
     );
     const handleChange = (params) => {
       httpModel.value.method = params.method;
@@ -4605,8 +4761,6 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_ll_form_item = resolveComponent("ll-form-item");
       const _component_ll_tabs_simple = resolveComponent("ll-tabs-simple");
-      const _component_ll_code_editor = resolveComponent("ll-code-editor");
-      const _component_ll_empty = resolveComponent("ll-empty");
       const _component_a_form = resolveComponent("a-form");
       return openBlock(), createElementBlock(
         "div",
@@ -4658,58 +4812,10 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["columns", "data-source"]), [
                   [vShow, activeKey.value === "headers"]
                 ]),
-                withDirectives(createElementVNode(
-                  "div",
-                  null,
-                  [
-                    createVNode(_component_ll_tabs_simple, {
-                      "active-key": bodyKey.value,
-                      "onUpdate:activeKey": _cache[2] || (_cache[2] = ($event) => bodyKey.value = $event),
-                      tabs: unref(bodyList),
-                      class: normalizeClass(unref(bem).m("body-tab"))
-                    }, null, 8, ["active-key", "tabs", "class"]),
-                    withDirectives(createVNode(JsonXml, {
-                      value: httpModel.value.bodyParams["json"],
-                      "onUpdate:value": _cache[3] || (_cache[3] = ($event) => httpModel.value.bodyParams["json"] = $event)
-                    }, null, 8, ["value"]), [
-                      [vShow, bodyKey.value === "json"]
-                    ]),
-                    withDirectives(createVNode(JsonXml, {
-                      value: httpModel.value.bodyParams["xml"],
-                      "onUpdate:value": _cache[4] || (_cache[4] = ($event) => httpModel.value.bodyParams["xml"] = $event)
-                    }, null, 8, ["value"]), [
-                      [vShow, bodyKey.value === "xml"]
-                    ]),
-                    bodyKey.value === "raw" ? (openBlock(), createBlock(_component_ll_code_editor, {
-                      key: 0,
-                      value: httpModel.value.bodyParams["raw"],
-                      "onUpdate:value": _cache[5] || (_cache[5] = ($event) => httpModel.value.bodyParams["raw"] = $event)
-                    }, null, 8, ["value"])) : createCommentVNode("v-if", true),
-                    withDirectives(createVNode(paramsTable, {
-                      columns: unref(paramsTableColumns),
-                      "data-source": httpModel.value.bodyParams["x-www-form-urlencoded"]
-                    }, null, 8, ["columns", "data-source"]), [
-                      [vShow, bodyKey.value === "x-www-form-urlencoded"]
-                    ]),
-                    withDirectives(createVNode(paramsTable, {
-                      columns: unref(formdataTableColumns),
-                      "data-source": httpModel.value.bodyParams["form-data"]
-                    }, null, 8, ["columns", "data-source"]), [
-                      [vShow, bodyKey.value === "form-data"]
-                    ]),
-                    withDirectives(createVNode(
-                      _component_ll_empty,
-                      null,
-                      null,
-                      512
-                      /* NEED_PATCH */
-                    ), [
-                      [vShow, bodyKey.value === "none"]
-                    ])
-                  ],
-                  512
-                  /* NEED_PATCH */
-                ), [
+                withDirectives(createVNode(BodyComponent, {
+                  value: httpModel.value,
+                  "onUpdate:value": _cache[2] || (_cache[2] = ($event) => httpModel.value = $event)
+                }, null, 8, ["value"]), [
                   [vShow, activeKey.value === "body"]
                 ])
               ]),
@@ -5266,7 +5372,7 @@ const codeEditorProps = buildProps({
   },
   disabled: {
     type: Boolean,
-    default: false
+    default: () => false
   },
   width: {
     type: [String, Number],
@@ -69641,6 +69747,10 @@ const tabsSimpleProps = buildProps({
   },
   activeKey: {
     type: definePropType(String)
+  },
+  disabled: {
+    type: Boolean,
+    default: () => false
   }
 });
 const tabsSimpleEmits = {
@@ -69659,6 +69769,8 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const bem = createNamespace("tabs-simple");
     const handleClick = (tab) => {
+      if (props.disabled)
+        return;
       emits("update:activeKey", tab.key);
       emits("change", tab.key);
     };
@@ -69677,7 +69789,9 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
                 key: tab.key,
                 class: normalizeClass([
                   unref(bem).e("tabpane"),
-                  tab.key === props.activeKey ? unref(bem).is("actived") : ""
+                  tab.key === props.activeKey ? unref(bem).is("actived") : "",
+                  props.disabled ? unref(bem).is("disabled") : "",
+                  tab.key === props.activeKey && props.disabled ? unref(bem).is("actived_disabled") : ""
                 ]),
                 onClick: ($event) => handleClick(tab)
               }, [
@@ -76617,6 +76731,10 @@ const uploadImageProps = buildProps({
     type: definePropType([String, Array]),
     default: []
   },
+  imgLoading: {
+    type: Boolean,
+    default: false
+  },
   iconName: {
     type: String,
     default: "icon-add"
@@ -76659,6 +76777,7 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   props: uploadImageProps,
   emits: uploadImageEmits,
   setup(__props, { emit: __emit }) {
+    const loading = ref(false);
     const props = __props;
     const emits = __emit;
     const bem = createNamespace("upload-image");
@@ -76696,6 +76815,7 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return isType && isSize && props.beforeUpload?.(file, FileList);
     };
     const customRequest = async (res) => {
+      loading.value = true;
       const fileUrl = await fileToBase64(res.file);
       props.maxCount === 1 ? innerValue.value = [fileUrl] : innerValue.value.push(fileUrl);
       try {
@@ -76736,6 +76856,7 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_ll_icon = resolveComponent("ll-icon");
       const _component_a_image = resolveComponent("a-image");
+      const _component_a_spin = resolveComponent("a-spin");
       const _component_a_upload = resolveComponent("a-upload");
       const _component_a_image_preview_group = resolveComponent("a-image-preview-group");
       return openBlock(), createElementBlock(
@@ -76764,53 +76885,62 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 "list-type": "picture-card"
               }), {
                 default: withCtx(() => [
-                  innerValue.value.length > 0 ? (openBlock(), createBlock(_component_a_image, {
-                    key: 0,
-                    preview: { visible: false },
-                    width: 100,
-                    height: 100,
-                    src: innerValue.value[0],
-                    style: {
-                      objectFit: "contain"
-                    }
+                  createVNode(_component_a_spin, {
+                    size: "small",
+                    spinning: props.imgLoading
                   }, {
-                    previewMask: withCtx(() => [
-                      createElementVNode(
-                        "div",
-                        {
-                          class: normalizeClass(unref(bem).m("preview-mask"))
-                        },
-                        [
-                          createElementVNode("a", {
-                            href: "javascript:;",
-                            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => imageVisible.value = true, ["stop"]))
-                          }, [
-                            createVNode(_component_ll_icon, {
-                              "icon-name": `icon-pwd-look`,
-                              class: normalizeClass(unref(bem).e("image-icon"))
-                            }, null, 8, ["class"])
-                          ]),
-                          createElementVNode("a", {
-                            href: "javascript:;",
-                            onClick: withModifiers(handleRemoveImage, ["stop"])
-                          }, [
-                            createVNode(_component_ll_icon, {
-                              "icon-name": `icon-delete`,
-                              class: normalizeClass(unref(bem).e("image-icon"))
-                            }, null, 8, ["class"])
-                          ])
-                        ],
-                        2
-                        /* CLASS */
-                      )
+                    default: withCtx(() => [
+                      innerValue.value.length > 0 ? (openBlock(), createBlock(_component_a_image, {
+                        key: 0,
+                        preview: { visible: false },
+                        width: 100,
+                        height: 100,
+                        src: innerValue.value[0],
+                        style: {
+                          objectFit: "contain"
+                        }
+                      }, {
+                        previewMask: withCtx(() => [
+                          createElementVNode(
+                            "div",
+                            {
+                              class: normalizeClass(unref(bem).m("preview-mask"))
+                            },
+                            [
+                              createElementVNode("a", {
+                                href: "javascript:;",
+                                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => imageVisible.value = true, ["stop"]))
+                              }, [
+                                createVNode(_component_ll_icon, {
+                                  "icon-name": `icon-pwd-look`,
+                                  class: normalizeClass(unref(bem).e("image-icon"))
+                                }, null, 8, ["class"])
+                              ]),
+                              createElementVNode("a", {
+                                href: "javascript:;",
+                                onClick: withModifiers(handleRemoveImage, ["stop"])
+                              }, [
+                                createVNode(_component_ll_icon, {
+                                  "icon-name": `icon-delete`,
+                                  class: normalizeClass(unref(bem).e("image-icon"))
+                                }, null, 8, ["class"])
+                              ])
+                            ],
+                            2
+                            /* CLASS */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["src"])) : (openBlock(), createBlock(_component_ll_icon, {
+                        key: 1,
+                        "icon-name": props.iconName,
+                        style: { "font-size": "30px" }
+                      }, null, 8, ["icon-name"]))
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["src"])) : (openBlock(), createBlock(_component_ll_icon, {
-                    key: 1,
-                    "icon-name": props.iconName,
-                    style: { "font-size": "30px" }
-                  }, null, 8, ["icon-name"]))
+                  }, 8, ["spinning"])
                 ]),
                 _: 1
                 /* STABLE */
@@ -77056,4 +77186,4 @@ var installer = makeInstaller([...Components]);
 
 const install = installer.install;
 
-export { DEFAULT_METHOD, DEFAULT_TYPE, ILlUploadDragProps, ImenuSwitchType, LlAdvancedFiltering, LlAdvancedFilteringParams, LlAdvancedFilteringTags, LlApiComponent, LlAvatar, LlButton, LlCascader, LlCheckbox, LlCheckboxGroup, LlCodeEditor, LlConfigProvider, LlDatePicker, LlDateRange, LlDescriptions, LlDescriptionsItem, LlDrawer, LlDropdown, LlDropdownButton, LlEasyCron, LlEmpty, LlForm, LlFormComponent, LlFormItem, LlIcon, LlIconBase, LlIconPicker, LlInput, LlInputNumber, LlKeyValue, LlModal, LlNumberRange, LlOperateIcon, LlOperateTree, LlRadio, LlRadioButton, LlRadioGroup, LlSecondConfirmation, LlSegmented, LlSelect, LlSelectGroup, LlSelectOptGroup, LlSelectOption, LlSpace, LlSteps, LlSwitch, LlTable, LlTabsSimple, LlTagGroup, LlTextarea, LlTimePicker, LlTimeRange, LlTooltip, LlTree, LlTreeSearch, LlUploadDrag, LlUploadImage, LlUriInput, OperateTreeEmits, TypeEnum, advancedFilteringEmits, advancedFilteringParamsEmits, advancedFilteringParamsProps, advancedFilteringProps, advancedFilteringTagsEmits, apiComponentEmits, apiComponentProps, apiModalEmits, apiModalProps, apiUrlEmits, apiUrlProps, avatarEmits, avatarProps, avatarType, batchEditingEmits, batchEditingOptions, batchEditingProps, bodyList, buttonProps, checkboxGroupProps, checkboxProps, checkedType, clickInputEmits, clickInputProps, codeEditorEmits, codeEditorProps, codeThemeList, contentTypeOptions, customOverlay, dateUtil, installer as default, defaultOptions, descriptionsItemProps, descriptionsProps, drawerEmits, drawerOptions, drawerProps, dropdownButtonEmits, dropdownButtonProps, dropdownEmits, dropdownProps, easyCronEmits, easyCronProps, emptyProps, formColumns, formComponentProps, formOptions, formProps, formatToDate, formatToDateTime, formdataTableColumns, getHttpMethodUri, getKeyValueItem, headersTableColumns, httpUriOptions, iconBaseProps, iconPickerModalEmits, iconPickerModalProps, iconPickerProps, iconPickerSearchEmits, iconPickerSearchProps, iconProps, iconTypes, inputNumberEmits, inputNumberProps, inputProps, install, jsonTableColumns, jsonXmlEmits, jsonXmlOptions, jsonXmlProps, jsonXmlTableEmits, jsonXmlTableProps, jsonXmlTableRowEmits, jsonXmlTableRowProps, jsonXmlTypeOptions, keyValueEmits, keyValueItemEmits, keyValueItemProps, keyValueProps, mainTableEmits, mainTableProps, menuSwitchRadioList, methods, modalEmits, modalProps, numberRangeEmits, numberRangeProps, operateIconEmits, operateIconProps, operateTreeEmits, operateTreeProps, paramsOptions, paramsTableColumns, paramsTableEmits, paramsTableProps, paramsTableRowProps, placement, requestList, secondConfirmationProps, selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps, selectOptGroupProps, selectOptionProps, tableHeaderSearchEmits, tableHeaderSearchProps, tablePaginationProps, tableProps, tabsSimpleEmits, tabsSimpleProps, tagGroupEmits, tagGroupProps, tooltipProps, treeEmits, treeProps, treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps, treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps, treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps, typeRules, uploadImageEmits, uploadImageProps, uriInputEmits, uriInputProps, url, useSecondConfirmation, useTabEmits, useTabProps, useTabSetup };
+export { DEFAULT_METHOD, DEFAULT_TYPE, ILlUploadDragProps, ImenuSwitchType, LlAdvancedFiltering, LlAdvancedFilteringParams, LlAdvancedFilteringTags, LlApiComponent, LlAvatar, LlButton, LlCascader, LlCheckbox, LlCheckboxGroup, LlCodeEditor, LlConfigProvider, LlDatePicker, LlDateRange, LlDescriptions, LlDescriptionsItem, LlDrawer, LlDropdown, LlDropdownButton, LlEasyCron, LlEmpty, LlForm, LlFormComponent, LlFormItem, LlIcon, LlIconBase, LlIconPicker, LlInput, LlInputNumber, LlKeyValue, LlModal, LlNumberRange, LlOperateIcon, LlOperateTree, LlRadio, LlRadioButton, LlRadioGroup, LlSecondConfirmation, LlSegmented, LlSelect, LlSelectGroup, LlSelectOptGroup, LlSelectOption, LlSpace, LlSteps, LlSwitch, LlTable, LlTabsSimple, LlTagGroup, LlTextarea, LlTimePicker, LlTimeRange, LlTooltip, LlTree, LlTreeSearch, LlUploadDrag, LlUploadImage, LlUriInput, OperateTreeEmits, TypeEnum, advancedFilteringEmits, advancedFilteringParamsEmits, advancedFilteringParamsProps, advancedFilteringProps, advancedFilteringTagsEmits, apiComponentEmits, apiComponentProps, apiModalEmits, apiModalProps, apiUrlEmits, apiUrlProps, avatarEmits, avatarProps, avatarType, batchEditingEmits, batchEditingOptions, batchEditingProps, bodyEmits, bodyList, bodyProps, buttonProps, checkboxGroupProps, checkboxProps, checkedType, clickInputEmits, clickInputProps, codeEditorEmits, codeEditorProps, codeThemeList, contentTypeOptions, customOverlay, dateUtil, installer as default, defaultOptions, descriptionsItemProps, descriptionsProps, drawerEmits, drawerOptions, drawerProps, dropdownButtonEmits, dropdownButtonProps, dropdownEmits, dropdownProps, easyCronEmits, easyCronProps, emptyProps, formColumns, formComponentProps, formOptions, formProps, formatToDate, formatToDateTime, formdataTableColumns, getHttpMethodUri, getKeyValueItem, headersTableColumns, httpUriOptions, iconBaseProps, iconPickerModalEmits, iconPickerModalProps, iconPickerProps, iconPickerSearchEmits, iconPickerSearchProps, iconProps, iconTypes, inputNumberEmits, inputNumberProps, inputProps, install, jsonTableColumns, jsonXmlEmits, jsonXmlOptions, jsonXmlProps, jsonXmlTableEmits, jsonXmlTableProps, jsonXmlTableRowEmits, jsonXmlTableRowProps, jsonXmlTypeOptions, keyValueEmits, keyValueItemEmits, keyValueItemProps, keyValueProps, mainTableEmits, mainTableProps, menuSwitchRadioList, methods, modalEmits, modalProps, numberRangeEmits, numberRangeProps, operateIconEmits, operateIconProps, operateTreeEmits, operateTreeProps, paramsOptions, paramsTableColumns, paramsTableEmits, paramsTableProps, paramsTableRowProps, placement, requestList, secondConfirmationProps, selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps, selectOptGroupProps, selectOptionProps, tableHeaderSearchEmits, tableHeaderSearchProps, tablePaginationProps, tableProps, tabsSimpleEmits, tabsSimpleProps, tagGroupEmits, tagGroupProps, tooltipProps, treeEmits, treeProps, treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps, treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps, treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps, typeRules, uploadImageEmits, uploadImageProps, uriInputEmits, uriInputProps, url, useSecondConfirmation, useTabEmits, useTabProps, useTabSetup };