ll-plus 2.1.19 → 2.1.21

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, normalizeProps, mergeProps, renderSlot, guardReactiveProps, useAttrs, computed, createSlots, onBeforeUnmount, onMounted, normalizeStyle, createApp, nextTick, reactive, resolveDynamicComponent, inject, getCurrentInstance, h, isRef, provide, 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, computed, useAttrs, mergeProps, normalizeStyle, withDirectives, vShow, reactive, normalizeProps, renderSlot, guardReactiveProps, createSlots, onBeforeUnmount, onMounted, createApp, nextTick, resolveDynamicComponent, inject, getCurrentInstance, h, isRef, provide, toRef, onUnmounted, toRefs } from 'vue';
 import { Button as Button$1, Cascader as Cascader$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, Row, Col, DatePicker as DatePicker$1, RangePicker, theme, Drawer as Drawer$1, FormItem as FormItem$1, Input as Input$1, InputNumber as InputNumber$1, Modal as Modal$1, Radio as Radio$1, RadioButton as RadioButton$1, RadioGroup as RadioGroup$1, Segmented as Segmented$1, Select as Select$1, SelectOption as SelectOption$1, SelectOptGroup as SelectOptGroup$1, Steps as Steps$1, Switch as Switch$1, Form as Form$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';
 
@@ -1663,7 +1663,7 @@ const advancedFilteringTagsEmits = {
   "update:value": (value) => !!value
 };
 
-const _hoisted_1$a = /* @__PURE__ */ createElementVNode(
+const _hoisted_1$d = /* @__PURE__ */ createElementVNode(
   "p",
   null,
   "\u6682\u65E0\u6570\u636E",
@@ -1671,9 +1671,9 @@ const _hoisted_1$a = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_2$5 = [
-  _hoisted_1$a
+  _hoisted_1$d
 ];
-var _sfc_main$X = /* @__PURE__ */ defineComponent({
+var _sfc_main$16 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAdvancedFilteringParams" },
   __name: "advanced-filtering-params",
   props: advancedFilteringParamsProps,
@@ -1786,7 +1786,7 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-var AdvancedFilteringParams = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__file", "advanced-filtering-params.vue"]]);
+var AdvancedFilteringParams = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__file", "advanced-filtering-params.vue"]]);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2113,7 +2113,7 @@ var dayjs_min = {exports: {}};
 var dayjs_minExports = dayjs_min.exports;
 var dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
 
-const _hoisted_1$9 = /* @__PURE__ */ createElementVNode(
+const _hoisted_1$c = /* @__PURE__ */ createElementVNode(
   "p",
   null,
   "\u7B5B\u9009\u7ED3\u679C\uFF1A",
@@ -2131,7 +2131,7 @@ const _hoisted_3$2 = /* @__PURE__ */ createElementVNode(
 const _hoisted_4 = [
   _hoisted_3$2
 ];
-var _sfc_main$W = /* @__PURE__ */ defineComponent({
+var _sfc_main$15 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAdvancedFilteringTags" },
   __name: "advanced-filtering-tags",
   props: advancedFilteringProps,
@@ -2263,7 +2263,7 @@ var _sfc_main$W = /* @__PURE__ */ defineComponent({
               class: normalizeClass(unref(bem).m("title"))
             },
             [
-              _hoisted_1$9,
+              _hoisted_1$c,
               createElementVNode("a", {
                 onClick: _cache[0] || (_cache[0] = ($event) => handleClean(null))
               }, "\u6E05\u9664\u7B5B\u9009\u7ED3\u679C")
@@ -2271,73 +2271,1777 @@ var _sfc_main$W = /* @__PURE__ */ defineComponent({
             2
             /* CLASS */
           ),
-          tags.value.length > 0 ? (openBlock(), createElementBlock(
+          tags.value.length > 0 ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass(unref(bem).m("box"))
+            },
+            [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(tags.value, (tag) => {
+                  return openBlock(), createElementBlock(
+                    "div",
+                    {
+                      key: tag.key,
+                      class: normalizeClass(unref(bem).m("tag"))
+                    },
+                    [
+                      createElementVNode(
+                        "span",
+                        {
+                          class: normalizeClass(unref(bem).m("label"))
+                        },
+                        toDisplayString(tag.label) + ":",
+                        3
+                        /* TEXT, CLASS */
+                      ),
+                      createElementVNode(
+                        "span",
+                        {
+                          class: normalizeClass(unref(bem).m("value"))
+                        },
+                        toDisplayString(tag.showValue),
+                        3
+                        /* TEXT, CLASS */
+                      ),
+                      createElementVNode("span", {
+                        class: normalizeClass(unref(bem).m("close")),
+                        onClick: ($event) => handleClean(tag)
+                      }, [
+                        createVNode(_component_ll_icon, {
+                          "icon-name": "icon-close2",
+                          color: "#909399",
+                          "class-name": unref(bem).m("icon")
+                        }, null, 8, ["class-name"])
+                      ], 10, _hoisted_2$4)
+                    ],
+                    2
+                    /* CLASS */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            2
+            /* CLASS */
+          )) : (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: normalizeClass(unref(bem).m("empty"))
+            },
+            _hoisted_4,
+            2
+            /* CLASS */
+          ))
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var AdvancedFilteringTags = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__file", "advanced-filtering-tags.vue"]]);
+
+const _hoisted_1$b = /* @__PURE__ */ createElementVNode(
+  "span",
+  null,
+  "\u9AD8\u7EA7\u7B5B\u9009",
+  -1
+  /* HOISTED */
+);
+var _sfc_main$14 = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlAdvancedFiltering" },
+  __name: "advanced-filtering",
+  props: advancedFilteringProps,
+  emits: advancedFilteringEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace("advanced-filtering");
+    const filterValue = ref(props.value);
+    const showSelectBox = ref(false);
+    const showValueBox = ref(false);
+    const handleHoverChange = (visible) => {
+      if (showSelectBox.value)
+        return;
+      showValueBox.value = visible;
+    };
+    const handleClickChange = () => {
+      showSelectBox.value = !showSelectBox.value;
+      showValueBox.value = false;
+    };
+    const handleClose = () => {
+      showSelectBox.value = false;
+      showValueBox.value = false;
+    };
+    const handleChange = (val) => {
+      filterValue.value = val;
+    };
+    watch(
+      filterValue,
+      (n) => {
+        emits("update:value", n);
+        emits("change", n);
+      },
+      {
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_a_popover = resolveComponent("a-popover");
+      return openBlock(), createBlock(_component_a_popover, {
+        "overlay-class-name": unref(bem).b(),
+        placement: "bottomRight",
+        "overlay-style": props.overlayStyle,
+        open: showSelectBox.value
+      }, {
+        content: withCtx(() => [
+          createVNode(AdvancedFilteringParams, {
+            value: filterValue.value,
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => filterValue.value = $event),
+            "filter-columns": props.filterColumns,
+            "form-options": props.formOptions,
+            onClose: handleClose
+          }, null, 8, ["value", "filter-columns", "form-options"])
+        ]),
+        default: withCtx(() => [
+          createVNode(_component_a_popover, {
+            "overlay-class-name": unref(bem).b(),
+            trigger: "hover",
+            placement: "bottomRight",
+            open: showValueBox.value,
+            "overlay-style": props.overlayStyle,
+            onOpenChange: handleHoverChange
+          }, {
+            content: withCtx(() => [
+              createVNode(AdvancedFilteringTags, {
+                value: filterValue.value,
+                "filter-columns": props.filterColumns,
+                onChange: handleChange
+              }, null, 8, ["value", "filter-columns"])
+            ]),
+            default: withCtx(() => [
+              createVNode(unref(LlButton), {
+                onClick: withModifiers(handleClickChange, ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(LlIcon), {
+                    "icon-name": "icon-Screening",
+                    style: { "margin-right": "10px" }
+                  }),
+                  _hoisted_1$b
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["overlay-class-name", "open", "overlay-style"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["overlay-class-name", "overlay-style", "open"]);
+    };
+  }
+});
+
+var AdvancedFiltering = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__file", "advanced-filtering.vue"]]);
+
+const LlAdvancedFiltering = withInstall(AdvancedFiltering);
+const LlAdvancedFilteringParams = withInstall(AdvancedFilteringParams);
+const LlAdvancedFilteringTags = withInstall(AdvancedFilteringTags);
+
+const DEFAULT_METHOD = "GET";
+const requestList = [
+  {
+    key: "params",
+    name: "\u8BF7\u6C42\u53C2\u6570"
+  },
+  {
+    key: "body",
+    name: "\u8BF7\u6C42\u62A5\u6587\u4F53"
+  },
+  {
+    key: "headers",
+    name: "\u8BF7\u6C42\u5934"
+  }
+];
+const bodyList = [
+  {
+    key: "none",
+    name: "none"
+  },
+  {
+    key: "form-data",
+    name: "form-data"
+  },
+  {
+    key: "x-www-form-urlencoded",
+    name: "x-www-form-urlencoded"
+  },
+  {
+    key: "json",
+    name: "json"
+  },
+  {
+    key: "xml",
+    name: "xml"
+  },
+  {
+    key: "raw",
+    name: "raw"
+  }
+];
+const apiComponentProps = buildProps({
+  url: {
+    type: String,
+    default: ""
+  },
+  method: {
+    type: definePropType(String),
+    default: DEFAULT_METHOD
+  },
+  requestParams: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  headerParams: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  bodyParams: {
+    type: Object,
+    default: () => ({
+      none: null,
+      "form-data": [],
+      json: [],
+      xml: [],
+      raw: "",
+      "x-www-form-urlencoded": []
+    })
+  }
+});
+
+const apiModalProps = buildProps({
+  type: {
+    type: definePropType(String),
+    default: "textarea"
+  },
+  open: {
+    type: Boolean,
+    default: false
+  },
+  value: {
+    type: String,
+    default: ""
+  }
+});
+const apiModalEmits = {
+  "update:open": (open) => !!open,
+  "update:value": (value) => !!value,
+  ok: (value) => !!value
+};
+
+const methods = [
+  {
+    label: "GET",
+    value: "GET"
+  },
+  {
+    label: "POST",
+    value: "POST"
+  },
+  {
+    label: "PUT",
+    value: "PUT"
+  },
+  {
+    label: "DELETE",
+    value: "DELETE"
+  }
+];
+const apiUrlEmits = {
+  ["update:url"]: (url) => !!url,
+  ["update:method"]: (method) => !!method
+};
+
+const batchEditingOptions = [
+  {
+    value: "comma",
+    payload: {
+      title: "\u9017\u53F7\u6A21\u5F0F"
+    }
+  },
+  {
+    value: "colon",
+    payload: {
+      title: "\u5192\u53F7\u6A21\u5F0F"
+    }
+  }
+];
+const batchEditingProps = buildProps({
+  value: {
+    type: String,
+    default: ""
+  }
+});
+const batchEditingEmits = {
+  "update:value": (value) => !!value
+};
+
+const clickInputProps = buildProps({
+  value: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: definePropType(String),
+    default: "textarea"
+  }
+});
+const clickInputEmits = {
+  "update:value": (value) => !!value
+};
+
+const jsonTableColumns = [
+  {
+    title: "\u5B57\u6BB5\u540D",
+    key: "name",
+    dataIndex: "name",
+    span: 6
+  },
+  {
+    title: "\u7C7B\u578B",
+    key: "type",
+    dataIndex: "type",
+    span: 4
+  },
+  {
+    title: "Mock",
+    key: "mock",
+    dataIndex: "mock",
+    span: 4
+  },
+  {
+    title: "\u4E2D\u6587\u540D",
+    key: "chineseName",
+    dataIndex: "chineseName",
+    span: 4
+  },
+  {
+    title: "\u8BF4\u660E",
+    key: "description",
+    dataIndex: "description",
+    span: 6
+  }
+];
+const jsonXmlOptions = [
+  {
+    value: "json",
+    payload: {
+      title: "\u53C2\u6570\u503C"
+    }
+  },
+  {
+    value: "data",
+    payload: {
+      title: "\u6570\u636E\u7ED3\u6784"
+    }
+  }
+];
+const DEFAULT_TYPE = "data";
+const customOverlay = [
+  {
+    label: "\u4EC5\u751F\u6210\u5B57\u6BB5\u540D"
+  },
+  {
+    label: "\u4F18\u5148\u4F7F\u7528\u5B57\u6BB5\u9ED8\u8BA4\u503C"
+  },
+  {
+    label: "\u4F18\u5148\u4F7F\u7528\u5B57\u6BB5\u793A\u4F8B\u503C"
+  }
+];
+const jsonXmlTypeOptions = [
+  {
+    label: "string",
+    value: "string"
+  },
+  {
+    label: "interger",
+    value: "interger"
+  },
+  {
+    label: "boolean",
+    value: "boolean"
+  },
+  {
+    label: "array",
+    value: "array"
+  },
+  {
+    label: "object",
+    value: "object"
+  },
+  {
+    label: "number",
+    value: "number"
+  },
+  {
+    label: "null",
+    value: "null"
+  },
+  {
+    label: "any",
+    value: "any"
+  },
+  {
+    label: "\u81EA\u5B9A\u4E49",
+    value: "other"
+  }
+];
+const jsonXmlProps = buildProps({
+  value: {
+    type: Object,
+    default: () => {
+    }
+  }
+});
+const jsonXmlEmits = {
+  "update:value": (value) => !!value
+};
+const jsonXmlTableProps = buildProps({
+  dataSource: {
+    type: definePropType(Array),
+    default: () => []
+  }
+});
+const jsonXmlTableEmits = {
+  change: (value) => !!value
+};
+const jsonXmlTableRowProps = buildProps({
+  data: {
+    type: definePropType(Object),
+    default: () => {
+    }
+  },
+  parentData: {
+    type: definePropType(Object),
+    default: () => null
+  },
+  layer: {
+    type: Number,
+    default: 0
+  },
+  treeKey: {
+    type: String,
+    default: ""
+  }
+});
+const jsonXmlTableRowEmits = {
+  change: () => true
+};
+
+const paramsOptions = [
+  {
+    label: "string",
+    value: "string"
+  },
+  {
+    label: "integer",
+    value: "integer"
+  },
+  {
+    label: "boolean",
+    value: "boolean"
+  },
+  {
+    label: "number",
+    value: "number"
+  },
+  {
+    label: "array",
+    value: "array"
+  }
+];
+const paramsTableProps = buildProps({
+  dataSource: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  columns: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  options: {
+    type: definePropType(Array),
+    default: () => []
+  }
+});
+const paramsTableRowProps = buildProps({
+  columns: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  dataSource: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  data: {
+    type: definePropType(Object),
+    default: () => ({})
+  },
+  options: {
+    type: definePropType(Array),
+    default: () => []
+  }
+});
+const paramsTableEmits = {
+  add: (value) => !!value
+};
+
+const paramsTableColumns = [
+  {
+    key: "required",
+    dataIndex: "required",
+    span: 1
+  },
+  {
+    title: "\u53C2\u6570\u540D",
+    key: "name",
+    dataIndex: "name",
+    span: 5
+  },
+  {
+    title: "\u53C2\u6570\u503C",
+    key: "value",
+    dataIndex: "value",
+    span: 6
+  },
+  {
+    title: "\u7C7B\u578B",
+    key: "type",
+    dataIndex: "type",
+    span: 3
+  },
+  {
+    title: "\u56FA\u5B9A\u53C2\u6570\u503C",
+    key: "static",
+    dataIndex: "static",
+    span: 2
+  },
+  {
+    title: "\u8BF4\u660E",
+    key: "description",
+    dataIndex: "description",
+    span: 6
+  }
+];
+const headersTableColumns = [
+  {
+    key: "required",
+    dataIndex: "required",
+    span: 1
+  },
+  {
+    title: "\u53C2\u6570\u540D",
+    key: "name",
+    dataIndex: "name",
+    span: 6
+  },
+  {
+    title: "\u53C2\u6570\u503C",
+    key: "value",
+    dataIndex: "value",
+    span: 6
+  },
+  {
+    title: "\u7C7B\u578B",
+    key: "type",
+    dataIndex: "type",
+    span: 4
+  },
+  {
+    title: "\u8BF4\u660E",
+    key: "description",
+    dataIndex: "description",
+    span: 6
+  }
+];
+const formdataTableColumns = [
+  {
+    key: "required",
+    dataIndex: "required",
+    span: 1
+  },
+  {
+    title: "\u53C2\u6570\u540D",
+    key: "name",
+    dataIndex: "name",
+    span: 6
+  },
+  {
+    title: "\u53C2\u6570\u503C",
+    key: "value",
+    dataIndex: "value",
+    span: 4
+  },
+  {
+    title: "\u7C7B\u578B",
+    key: "type",
+    dataIndex: "type",
+    span: 3
+  },
+  {
+    title: "Content-Type",
+    key: "contentType",
+    dataIndex: "contentType",
+    span: 3
+  },
+  {
+    title: "\u8BF4\u660E",
+    key: "description",
+    dataIndex: "description",
+    span: 6
+  }
+];
+
+var _sfc_main$13 = /* @__PURE__ */ defineComponent({
+  __name: "api-url",
+  props: apiComponentProps,
+  emits: apiUrlEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const method = ref(props.method);
+    const url = ref(props.url);
+    watch(method, (n) => {
+      emits("update:method", n);
+    });
+    watch(url, (n) => {
+      emits("update:url", n);
+    });
+    return (_ctx, _cache) => {
+      const _component_ll_select = resolveComponent("ll-select");
+      const _component_ll_input = resolveComponent("ll-input");
+      const _component_a_input_group = resolveComponent("a-input-group");
+      const _component_ll_form_item = resolveComponent("ll-form-item");
+      return openBlock(), createBlock(_component_ll_form_item, {
+        label: "\u8BF7\u6C42\u5730\u5740",
+        "label-col": { span: 24 },
+        required: ""
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_a_input_group, { compact: "" }, {
+            default: withCtx(() => [
+              createVNode(_component_ll_select, {
+                value: method.value,
+                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => method.value = $event),
+                options: unref(methods),
+                style: { "width": "150px" }
+              }, null, 8, ["value", "options"]),
+              createVNode(_component_ll_input, {
+                value: url.value,
+                "onUpdate:value": _cache[1] || (_cache[1] = ($event) => url.value = $event),
+                style: { "width": "50%" },
+                placeholder: "\u8BF7\u8F93\u5165\u5730\u5740\uFF08\u53BB\u9664\u524D\u7F6EURL)"
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+var ApiUrl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__file", "api-url.vue"]]);
+
+const _hoisted_1$a = /* @__PURE__ */ createElementVNode(
+  "a",
+  { href: "javascript:;" },
+  "\u300A\u6807\u51C6 CSV \u89C4\u8303\u300B",
+  -1
+  /* HOISTED */
+);
+var _sfc_main$12 = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlBatchEditing" },
+  __name: "batch-editing",
+  props: batchEditingProps,
+  emits: batchEditingEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace("batch-editing");
+    const type = ref("comma");
+    const currentPlaceholder = computed(() => {
+      return type.value === "comma" ? "\u683C\u5F0F: \u542F\u7528,\u53C2\u6570\u540D,\u53C2\u6570\u503C,\u7C7B\u578B,\u5FC5\u9700\u5907\u4EFD" : "\u683C\u5F0F\uFF1A\u53C2\u6570\u540D\uFF1A\u53C2\u6570\u503C";
+    });
+    const innerValue = ref(props.value);
+    watch(innerValue, () => {
+      emits("update:value", innerValue.value);
+    });
+    return (_ctx, _cache) => {
+      const _component_ll_segmented = resolveComponent("ll-segmented");
+      const _component_ll_textarea = resolveComponent("ll-textarea");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bem).b())
+        },
+        [
+          createVNode(_component_ll_segmented, {
+            value: type.value,
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => type.value = $event),
+            options: unref(batchEditingOptions)
+          }, {
+            label: withCtx(({ payload }) => [
+              createElementVNode(
+                "div",
+                null,
+                toDisplayString(payload.title),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["value", "options"]),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(bem).e("textarea"))
+            },
+            [
+              createVNode(_component_ll_textarea, {
+                value: innerValue.value,
+                "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value = $event),
+                placeholder: currentPlaceholder.value,
+                autosize: { minRows: 10 },
+                bordered: false
+              }, null, 8, ["value", "placeholder"]),
+              type.value === "comma" ? (openBlock(), createElementBlock(
+                "p",
+                {
+                  key: 0,
+                  class: normalizeClass(unref(bem).e("textarea-tip"))
+                },
+                [
+                  createTextVNode(" \u6570\u636E\u683C\u5F0F\u9075\u5FAA "),
+                  _hoisted_1$a,
+                  createTextVNode(" \u5B57\u6BB5\u4E4B\u95F4\u4EE5\u82F1\u6587\u9017\u53F7( , )\u5206\u9694\uFF0C\u591A\u6761\u8BB0\u5F55\u4EE5\u6362\u884C\u5206\u9694 ")
+                ],
+                2
+                /* CLASS */
+              )) : createCommentVNode("v-if", true)
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var batchEditing = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__file", "batch-editing.vue"]]);
+
+var _sfc_main$11 = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlApiModal" },
+  __name: "api-modal",
+  props: apiModalProps,
+  emits: apiModalEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const innerValue = ref(props.value);
+    const handleCancel = () => {
+      emits("update:open", false);
+    };
+    const handleOk = () => {
+      emits("update:open", false);
+      emits("ok", innerValue.value);
+    };
+    watch(innerValue, (n) => {
+      emits("update:value", n);
+    });
+    return (_ctx, _cache) => {
+      const _component_ll_code_editor = resolveComponent("ll-code-editor");
+      const _component_ll_textarea = resolveComponent("ll-textarea");
+      const _component_ll_modal = resolveComponent("ll-modal");
+      return openBlock(), createBlock(_component_ll_modal, {
+        open: props.open,
+        title: "\u7F16\u8F91",
+        width: "1200px",
+        onOk: handleOk,
+        onCancel: handleCancel
+      }, {
+        default: withCtx(() => [
+          props.type === "code" ? (openBlock(), createBlock(_component_ll_code_editor, {
+            key: 0,
+            value: innerValue.value,
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
+            language: "json",
+            options: { minimap: { enabled: false } }
+          }, null, 8, ["value"])) : createCommentVNode("v-if", true),
+          props.type === "textarea" ? (openBlock(), createBlock(_component_ll_textarea, {
+            key: 1,
+            value: innerValue.value,
+            "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value = $event),
+            autosize: { minRows: 15 }
+          }, null, 8, ["value"])) : createCommentVNode("v-if", true),
+          props.type === "batch" ? (openBlock(), createBlock(batchEditing, {
+            key: 2,
+            value: innerValue.value,
+            "onUpdate:value": _cache[2] || (_cache[2] = ($event) => innerValue.value = $event)
+          }, null, 8, ["value"])) : createCommentVNode("v-if", true)
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["open"]);
+    };
+  }
+});
+
+var ApiModal = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__file", "api-modal.vue"]]);
+
+const _hoisted_1$9 = ["disabled"];
+var _sfc_main$10 = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlClickInput" },
+  __name: "click-input",
+  props: clickInputProps,
+  emits: clickInputEmits,
+  setup(__props, { emit: __emit }) {
+    const bem = createNamespace("api-component");
+    const props = __props;
+    const emits = __emit;
+    const attrs = useAttrs();
+    const innerValue = ref(props.value);
+    const open = ref(false);
+    const getBindValue = computed(() => {
+      return omit({ ...attrs }, ["value"]);
+    });
+    const handleClick = () => {
+      if (attrs.disabled)
+        return;
+      open.value = true;
+    };
+    watch(innerValue, (n) => {
+      emits("update:value", n);
+    });
+    return (_ctx, _cache) => {
+      const _component_ll_icon = resolveComponent("ll-icon");
+      const _component_ll_input = resolveComponent("ll-input");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_ll_input, mergeProps({
+          value: innerValue.value,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event)
+        }, getBindValue.value, {
+          class: unref(bem).m("click-input")
+        }), {
+          suffix: withCtx(() => [
+            createElementVNode("a", {
+              href: "javascript:;",
+              disabled: unref(attrs).disabled,
+              onClick: handleClick
+            }, [
+              createVNode(_component_ll_icon, {
+                style: { "font-size": "16px" },
+                "icon-name": "icon-amplify2"
+              })
+            ], 8, _hoisted_1$9)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["value", "class"]),
+        createVNode(ApiModal, {
+          value: innerValue.value,
+          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value = $event),
+          open: open.value,
+          "onUpdate:open": _cache[2] || (_cache[2] = ($event) => open.value = $event),
+          type: props.type
+        }, null, 8, ["value", "open", "type"])
+      ]);
+    };
+  }
+});
+
+var ClickInput = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__file", "click-input.vue"]]);
+
+var _sfc_main$$ = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlJsonXmlTableRow" },
+  __name: "json-xml-table-row",
+  props: jsonXmlTableRowProps,
+  emits: jsonXmlTableRowEmits,
+  setup(__props, { emit: __emit }) {
+    const bem = createNamespace("json-xml");
+    const props = __props;
+    const emits = __emit;
+    const innerData = ref(props.data);
+    const parentData = ref(props.parentData);
+    const expanded = ref(true);
+    const addValue = ref("");
+    const customOverlay = (parentData2, innerData2) => [
+      {
+        label: "\u6DFB\u52A0\u5B50\u8282\u70B9",
+        type: "child",
+        parentData: parentData2,
+        innerData: innerData2
+      },
+      {
+        label: "\u6DFB\u52A0\u76F8\u90BB\u8282\u70B9",
+        type: "next",
+        parentData: parentData2,
+        innerData: innerData2
+      }
+    ];
+    const getTip = (parentData2, innerData2) => {
+      if (!parentData2 || parentData2.type === "array" && innerData2.type === "object") {
+        return "child";
+      }
+      if (parentData2.type === "object" && innerData2.type !== "object") {
+        return "next";
+      }
+    };
+    const handleChange = () => {
+      if (innerData.value.type === "object" || innerData.value.type === "array") {
+        innerData.value.children = [];
+        if (innerData.value.type === "array") {
+          innerData.value.children[0] = {
+            key: props.treeKey + "-1",
+            name: "ITEMS",
+            type: "string",
+            value: "",
+            chineseName: "",
+            description: "",
+            mock: ""
+          };
+        }
+      } else {
+        delete innerData.value.children;
+      }
+    };
+    const handleConfirm = (parentData2, innerData2) => {
+      const findIndex = parentData2.children.findIndex(
+        (item) => item.key === innerData2.key
+      );
+      parentData2.children.splice(findIndex, 1);
+    };
+    const handleInput = () => {
+      innerData.value.children = [];
+      innerData.value.children[0] = {
+        key: props.treeKey + "-1",
+        name: addValue.value,
+        type: "string",
+        value: "",
+        chineseName: "",
+        description: "",
+        mock: ""
+      };
+      addValue.value = "";
+    };
+    const handleAdd = (type, parentData2, innerData2) => {
+      if (type === "next") {
+        parentData2.children.push({
+          key: `${parentData2.children.length + 1}`,
+          name: "",
+          type: "string",
+          value: "",
+          chineseName: "",
+          description: "",
+          mock: ""
+        });
+      } else {
+        innerData2.children.push({
+          key: props.treeKey + `${innerData2.children.length + 1}`,
+          name: "",
+          type: "string",
+          value: "",
+          chineseName: "",
+          description: "",
+          mock: ""
+        });
+      }
+    };
+    const handleClaimSelected = (item) => {
+      const { type, parentData: parentData2, innerData: innerData2 } = item;
+      handleAdd(type, parentData2, innerData2);
+    };
+    const handleRowChange = () => {
+      emits("change");
+    };
+    watch(
+      innerData,
+      () => {
+        emits("change");
+      },
+      {
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_ll_icon = resolveComponent("ll-icon");
+      const _component_ll_input = resolveComponent("ll-input");
+      const _component_a_col = resolveComponent("a-col");
+      const _component_ll_select = resolveComponent("ll-select");
+      const _component_ll_tooltip = resolveComponent("ll-tooltip");
+      const _component_ll_dropdown = resolveComponent("ll-dropdown");
+      const _component_a_popconfirm = resolveComponent("a-popconfirm");
+      const _component_a_row = resolveComponent("a-row");
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createVNode(_component_a_row, {
+            gutter: 20,
+            class: normalizeClass(unref(bem).e("table-row"))
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_a_col, {
+                style: { "display": "flex" },
+                span: 7,
+                class: normalizeClass(unref(bem).e("table-col"))
+              }, {
+                default: withCtx(() => [
+                  createElementVNode(
+                    "p",
+                    {
+                      style: normalizeStyle({ width: 10 * props.layer + "px" })
+                    },
+                    null,
+                    4
+                    /* STYLE */
+                  ),
+                  createElementVNode(
+                    "div",
+                    {
+                      style: { "margin-right": "30px" },
+                      class: normalizeClass(unref(bem).m("table-row-icon"))
+                    },
+                    [
+                      innerData.value.type === "object" || innerData.value.type === "array" ? (openBlock(), createElementBlock("span", {
+                        key: 0,
+                        style: { "width": "10px" },
+                        onClick: _cache[0] || (_cache[0] = ($event) => expanded.value = !expanded.value)
+                      }, [
+                        !expanded.value ? (openBlock(), createBlock(_component_ll_icon, {
+                          key: 0,
+                          style: { "font-size": "14px" },
+                          "icon-name": "icon-list-expand"
+                        })) : (openBlock(), createBlock(_component_ll_icon, {
+                          key: 1,
+                          style: { "font-size": "14px" },
+                          "icon-name": "icon-list-retract"
+                        }))
+                      ])) : createCommentVNode("v-if", true)
+                    ],
+                    2
+                    /* CLASS */
+                  ),
+                  !props.parentData ? (openBlock(), createElementBlock(
+                    "div",
+                    {
+                      key: 0,
+                      class: normalizeClass(unref(bem).m("table-row-tag"))
+                    },
+                    "\u6839\u8282\u70B9",
+                    2
+                    /* CLASS */
+                  )) : (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 1 },
+                    [
+                      props.parentData.type === "array" ? (openBlock(), createElementBlock(
+                        "div",
+                        {
+                          key: 0,
+                          class: normalizeClass(unref(bem).m("table-row-tag"))
+                        },
+                        " ITEMS ",
+                        2
+                        /* CLASS */
+                      )) : createCommentVNode("v-if", true),
+                      props.parentData.type === "object" ? (openBlock(), createBlock(_component_ll_input, {
+                        key: 1,
+                        value: innerData.value.name,
+                        "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerData.value.name = $event),
+                        placeholder: "\u6DFB\u52A0\u5B57\u6BB5\u540D",
+                        bordered: false
+                      }, null, 8, ["value"])) : createCommentVNode("v-if", true)
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class"]),
+              createVNode(_component_a_col, {
+                span: 3,
+                class: normalizeClass(unref(bem).e("table-col"))
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_ll_select, {
+                    value: innerData.value.type,
+                    "onUpdate:value": _cache[2] || (_cache[2] = ($event) => innerData.value.type = $event),
+                    options: unref(jsonXmlTypeOptions),
+                    style: { "width": "100%" },
+                    onChange: handleChange
+                  }, null, 8, ["value", "options"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class"]),
+              createVNode(_component_a_col, {
+                span: 4,
+                class: normalizeClass(unref(bem).e("table-col"))
+              }, {
+                default: withCtx(() => [
+                  createVNode(ClickInput, {
+                    value: innerData.value.mock,
+                    "onUpdate:value": _cache[3] || (_cache[3] = ($event) => innerData.value.mock = $event),
+                    placeholder: "Mock",
+                    disabled: innerData.value.type === "object",
+                    style: { "width": "100%" }
+                  }, null, 8, ["value", "disabled"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class"]),
+              createVNode(_component_a_col, {
+                span: 4,
+                class: normalizeClass(unref(bem).e("table-col"))
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_ll_input, {
+                    value: innerData.value.chineseName,
+                    "onUpdate:value": _cache[4] || (_cache[4] = ($event) => innerData.value.chineseName = $event),
+                    placeholder: "\u4E2D\u6587\u540D",
+                    style: { "width": "100%" }
+                  }, null, 8, ["value"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class"]),
+              createVNode(_component_a_col, {
+                span: 4,
+                class: normalizeClass(unref(bem).e("table-col"))
+              }, {
+                default: withCtx(() => [
+                  createVNode(ClickInput, {
+                    value: innerData.value.description,
+                    "onUpdate:value": _cache[5] || (_cache[5] = ($event) => innerData.value.description = $event),
+                    placeholder: "\u8BF4\u660E",
+                    style: { "width": "100%" }
+                  }, null, 8, ["value"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class"]),
+              createVNode(_component_a_col, { span: 2 }, {
+                default: withCtx(() => [
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass(unref(bem).e("table-operation"))
+                    },
+                    [
+                      props.parentData && props.parentData.type === "object" && innerData.value.type !== "object" || !props.parentData && innerData.value.type === "object" ? (openBlock(), createBlock(_component_ll_tooltip, {
+                        key: 0,
+                        tip: getTip(parentData.value, innerData.value) === "child" ? "\u6DFB\u52A0\u5B50\u8282\u70B9" : "\u6DFB\u52A0\u76F8\u90BB\u8282\u70B9"
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode(
+                            "a",
+                            {
+                              href: "javascript:;",
+                              class: normalizeClass(unref(bem).m("table-icon")),
+                              onClick: _cache[6] || (_cache[6] = ($event) => handleAdd(
+                                getTip(parentData.value, innerData.value),
+                                props.parentData,
+                                innerData.value
+                              ))
+                            },
+                            [
+                              createVNode(_component_ll_icon, { "icon-name": "icon-list-add" })
+                            ],
+                            2
+                            /* CLASS */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["tip"])) : createCommentVNode("v-if", true),
+                      createVNode(_component_ll_dropdown, {
+                        "dropdown-items": customOverlay(props.parentData, innerData.value),
+                        placement: "bottomRight",
+                        onClaimSelected: handleClaimSelected
+                      }, {
+                        default: withCtx(() => [
+                          props.parentData && props.parentData.type === "object" && innerData.value.type === "object" ? (openBlock(), createElementBlock(
+                            "a",
+                            {
+                              key: 0,
+                              class: normalizeClass(unref(bem).m("table-icon")),
+                              href: "javascript:;"
+                            },
+                            [
+                              createVNode(_component_ll_icon, { "icon-name": "icon-list-add" })
+                            ],
+                            2
+                            /* CLASS */
+                          )) : createCommentVNode("v-if", true)
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["dropdown-items"]),
+                      props.parentData && props.parentData.type !== "array" ? (openBlock(), createBlock(_component_a_popconfirm, {
+                        key: 1,
+                        title: "\u4F60\u786E\u5B9A\u8981\u79FB\u9664\u5417\uFF1F",
+                        "ok-text": "\u786E\u8BA4",
+                        "cancel-text": "\u53D6\u6D88",
+                        placement: "topRight",
+                        "overlay-class-name": unref(bem).e("popconfirm"),
+                        onConfirm: _cache[7] || (_cache[7] = ($event) => handleConfirm(props.parentData, innerData.value))
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode(
+                            "a",
+                            {
+                              href: "javascript:;",
+                              class: normalizeClass(unref(bem).m("table-icon"))
+                            },
+                            [
+                              createVNode(_component_ll_icon, { "icon-name": "icon-remove" })
+                            ],
+                            2
+                            /* CLASS */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["overlay-class-name"])) : createCommentVNode("v-if", true)
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class"]),
+          expanded.value ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 0 },
+            [
+              innerData.value.type === "object" && innerData.value.children && innerData.value.children.length === 0 ? (openBlock(), createBlock(_component_a_row, {
+                key: 0,
+                gutter: 20,
+                class: normalizeClass(unref(bem).e("table-row"))
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_a_col, {
+                    style: { "display": "flex" },
+                    span: 7,
+                    class: normalizeClass(unref(bem).e("table-col"))
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode(
+                        "p",
+                        {
+                          style: normalizeStyle({ width: 10 * props.layer + "px" })
+                        },
+                        null,
+                        4
+                        /* STYLE */
+                      ),
+                      createElementVNode(
+                        "div",
+                        {
+                          style: { "margin-right": "30px" },
+                          class: normalizeClass(unref(bem).m("table-row-icon"))
+                        },
+                        null,
+                        2
+                        /* CLASS */
+                      ),
+                      createVNode(_component_ll_input, {
+                        value: addValue.value,
+                        "onUpdate:value": _cache[8] || (_cache[8] = ($event) => addValue.value = $event),
+                        placeholder: "\u6DFB\u52A0\u5B57\u6BB5\u540D",
+                        bordered: false,
+                        onInput: handleInput
+                      }, null, 8, ["value"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["class"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class"])) : createCommentVNode("v-if", true),
+              innerData.value.children && innerData.value.children.length > 0 ? (openBlock(true), createElementBlock(
+                Fragment,
+                { key: 1 },
+                renderList(innerData.value.children, (child, index) => {
+                  return openBlock(), createBlock(TableRow$1, {
+                    key: index,
+                    "parent-data": innerData.value,
+                    data: child,
+                    layer: props.layer + 1,
+                    "tree-key": props.treeKey + "-" + (index + 1),
+                    onChange: handleRowChange
+                  }, null, 8, ["parent-data", "data", "layer", "tree-key"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              )) : createCommentVNode("v-if", true)
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : createCommentVNode("v-if", true)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+var TableRow$1 = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__file", "json-xml-table-row.vue"]]);
+
+var _sfc_main$_ = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlJsonXmlTable" },
+  __name: "json-xml-table",
+  props: jsonXmlTableProps,
+  emits: jsonXmlTableEmits,
+  setup(__props, { emit: __emit }) {
+    const bem = createNamespace("json-xml");
+    const props = __props;
+    const emits = __emit;
+    const handleChange = (dataSource) => {
+      emits("change", dataSource);
+    };
+    return (_ctx, _cache) => {
+      const _component_a_col = resolveComponent("a-col");
+      const _component_a_row = resolveComponent("a-row");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bem).e("table"))
+        },
+        [
+          createVNode(_component_a_row, {
+            class: normalizeClass(unref(bem).m("table-header")),
+            gutter: 20
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_a_col, {
+                span: 7,
+                style: { "padding-left": "60px" }
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" \u540D\u79F0 ")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode(_component_a_col, { span: 3 }, {
+                default: withCtx(() => [
+                  createTextVNode(" \u7C7B\u578B ")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode(_component_a_col, { span: 4 }, {
+                default: withCtx(() => [
+                  createTextVNode(" Mock ")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode(_component_a_col, { span: 4 }, {
+                default: withCtx(() => [
+                  createTextVNode(" \u4E2D\u6587\u540D ")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode(_component_a_col, { span: 4 }, {
+                default: withCtx(() => [
+                  createTextVNode(" \u8BF4\u660E ")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode(_component_a_col, { span: 2 }, {
+                default: withCtx(() => [
+                  createTextVNode(" \u64CD\u4F5C ")
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 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,
+                    "tree-key": (index + 1).toString(),
+                    onChange: _cache[0] || (_cache[0] = ($event) => handleChange(props.dataSource))
+                  }, null, 8, ["data", "tree-key"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var TreeTable = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__file", "json-xml-table.vue"]]);
+
+const _hoisted_1$8 = { class: "flex" };
+var _sfc_main$Z = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlJsonXml" },
+  __name: "json-xml",
+  props: jsonXmlProps,
+  emits: jsonXmlEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace("json-xml");
+    const type = ref(DEFAULT_TYPE);
+    const innerValue = ref(JSON.stringify(props.value));
+    const dataSource = ref([
+      {
+        key: "1",
+        name: "\u6839\u8282\u70B9",
+        type: "object",
+        value: "",
+        chineseName: "",
+        description: "",
+        mock: "",
+        children: []
+      }
+    ]);
+    const parseJson2Array = (json, parentKey = "1", parentType = "object") => {
+      let num = 0;
+      const result = [];
+      for (const key in json) {
+        num++;
+        if (Object.prototype.hasOwnProperty.call(json, key)) {
+          const element = json[key];
+          if (typeof element === "object" || Array.isArray(element)) {
+            const currentType = Array.isArray(element) ? "array" : "object";
+            result.push({
+              key: `${parentKey}-${num}`,
+              name: parentType === "array" ? "ITEM" : key,
+              type: currentType,
+              value: parentType === "array" && currentType !== "object" ? element : "",
+              chineseName: "",
+              description: "",
+              mock: "",
+              children: parseJson2Array(element, `${parentKey}-${num}`, currentType)
+            });
+          } else {
+            result.push({
+              key: `${parentKey}-${num}`,
+              name: parentType === "array" ? "ITEM" : key,
+              type: typeof element,
+              value: "",
+              chineseName: "",
+              description: "",
+              mock: element
+            });
+          }
+        }
+      }
+      return result;
+    };
+    const parseArray2Json = (data) => {
+      const result = {};
+      data.forEach((item) => {
+        if (item.name) {
+          if (item.type === "object" || item.type === "array") {
+            if (item.children && item.children.length) {
+              result[item.name] = parseArray2Json(item.children);
+            }
+          } else {
+            result[item.name] = item.mock;
+          }
+        }
+      });
+      return result;
+    };
+    const handleTypeChange = (e) => {
+      if (e === "json") {
+        innerValue.value = JSON.stringify(parseArray2Json(dataSource.value));
+      } else {
+        try {
+          const value = JSON.parse(innerValue.value);
+          if (typeof value === "object") {
+            dataSource.value = parseJson2Array(value);
+          } else {
+            dataSource.value = [
+              {
+                key: "1",
+                name: "\u6839\u8282\u70B9",
+                type: typeof value,
+                value: "",
+                chineseName: "",
+                description: "",
+                mock: value,
+                children: []
+              }
+            ];
+          }
+        } catch (error) {
+          dataSource.value = [
+            {
+              key: "1",
+              name: "\u6839\u8282\u70B9",
+              type: typeof innerValue.value,
+              value: "",
+              chineseName: "",
+              description: "",
+              mock: innerValue.value,
+              children: []
+            }
+          ];
+        }
+      }
+    };
+    const handleChange = (arr) => {
+      dataSource.value = arr;
+      emits("update:value", parseArray2Json(arr));
+    };
+    watch(
+      () => props.value,
+      (n) => {
+        if (!isEmpty(n)) {
+          if (typeof n === "object") {
+            innerValue.value = JSON.stringify(n);
+            dataSource.value = parseJson2Array(props.value);
+          } else {
+            innerValue.value = n;
+            dataSource.value = [
+              {
+                key: "1",
+                name: "\u6839\u8282\u70B9",
+                type: typeof props.value,
+                value: "",
+                chineseName: "",
+                description: "",
+                mock: n,
+                children: []
+              }
+            ];
+          }
+        } else {
+          innerValue.value = "";
+          dataSource.value = [
+            {
+              key: "1",
+              name: "\u6839\u8282\u70B9",
+              type: "object",
+              value: "",
+              chineseName: "",
+              description: "",
+              mock: "",
+              children: []
+            }
+          ];
+        }
+        console.log(dataSource.value, n);
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    watch(innerValue, (n) => {
+      try {
+        const value = JSON.parse(n);
+        if (typeof value === "object") {
+          emits("update:value", value);
+        } else {
+          emits("update:value", value);
+        }
+      } catch (error) {
+        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");
+      const _component_ll_icon = resolveComponent("ll-icon");
+      const _component_ll_dropdown = resolveComponent("ll-dropdown");
+      const _component_ll_code_editor = resolveComponent("ll-code-editor");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bem).b("json-xml"))
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(bem).e("header"))
+            },
+            [
+              createVNode(_component_ll_segmented, {
+                value: type.value,
+                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => type.value = $event),
+                size: "middle",
+                options: unref(jsonXmlOptions),
+                onChange: handleTypeChange
+              }, {
+                label: withCtx(({ payload }) => [
+                  createElementVNode(
+                    "div",
+                    null,
+                    toDisplayString(payload.title),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["value", "options"]),
+              createElementVNode("div", _hoisted_1$8, [
+                type.value === "json" ? (openBlock(), createElementBlock(
+                  Fragment,
+                  { key: 0 },
+                  [
+                    createVNode(_component_ll_button, { type: "text" }, {
+                      default: withCtx(() => [
+                        createCommentVNode(" <ll-icon/> "),
+                        createTextVNode(" \u9884\u89C8 ")
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    createVNode(_component_ll_button, { type: "text" }, {
+                      default: withCtx(() => [
+                        createCommentVNode(" <ll-icon/> "),
+                        createTextVNode(" \u751F\u6210\u4EE3\u7801 ")
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    createVNode(_component_ll_button, { type: "text" }, {
+                      default: withCtx(() => [
+                        createCommentVNode(" <ll-icon/> "),
+                        createTextVNode(" JSON Schema ")
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                )) : (openBlock(), createElementBlock(
+                  Fragment,
+                  { key: 1 },
+                  [
+                    createVNode(_component_ll_button, { type: "text" }, {
+                      default: withCtx(() => [
+                        createCommentVNode(" <ll-icon/> "),
+                        createTextVNode(" \u683C\u5F0F\u5316 ")
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    createVNode(_component_ll_button, { type: "text" }, {
+                      default: withCtx(() => [
+                        createCommentVNode(" <ll-icon/> "),
+                        createTextVNode(" \u751F\u6210\u4EE3\u7801 ")
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    createVNode(_component_ll_dropdown, {
+                      "dropdown-items": unref(customOverlay),
+                      placement: "bottomRight"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_ll_icon, { "icon-name": "icon-line-arrow-down" })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["dropdown-items"])
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ])
+            ],
+            2
+            /* CLASS */
+          ),
+          createElementVNode(
             "div",
             {
-              key: 0,
-              class: normalizeClass(unref(bem).m("box"))
+              class: normalizeClass(unref(bem).e("body"))
             },
             [
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(tags.value, (tag) => {
-                  return openBlock(), createElementBlock(
-                    "div",
-                    {
-                      key: tag.key,
-                      class: normalizeClass(unref(bem).m("tag"))
-                    },
-                    [
-                      createElementVNode(
-                        "span",
-                        {
-                          class: normalizeClass(unref(bem).m("label"))
-                        },
-                        toDisplayString(tag.label) + ":",
-                        3
-                        /* TEXT, CLASS */
-                      ),
-                      createElementVNode(
-                        "span",
-                        {
-                          class: normalizeClass(unref(bem).m("value"))
-                        },
-                        toDisplayString(tag.showValue),
-                        3
-                        /* TEXT, CLASS */
-                      ),
-                      createElementVNode("span", {
-                        class: normalizeClass(unref(bem).m("close")),
-                        onClick: ($event) => handleClean(tag)
-                      }, [
-                        createVNode(_component_ll_icon, {
-                          "icon-name": "icon-close2",
-                          color: "#909399",
-                          "class-name": unref(bem).m("icon")
-                        }, null, 8, ["class-name"])
-                      ], 10, _hoisted_2$4)
-                    ],
-                    2
-                    /* CLASS */
-                  );
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))
+              type.value === "json" ? (openBlock(), createBlock(_component_ll_code_editor, {
+                key: 0,
+                value: innerValue.value,
+                "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value = $event),
+                language: "json"
+              }, null, 8, ["value"])) : (openBlock(), createBlock(TreeTable, {
+                key: 1,
+                "data-source": dataSource.value,
+                onChange: handleChange
+              }, null, 8, ["data-source"]))
             ],
             2
             /* CLASS */
-          )) : (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 1,
-              class: normalizeClass(unref(bem).m("empty"))
-            },
-            _hoisted_4,
-            2
-            /* CLASS */
-          ))
+          )
         ],
         2
         /* CLASS */
@@ -2346,96 +4050,234 @@ var _sfc_main$W = /* @__PURE__ */ defineComponent({
   }
 });
 
-var AdvancedFilteringTags = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__file", "advanced-filtering-tags.vue"]]);
+var JsonXml = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__file", "json-xml.vue"]]);
 
-const _hoisted_1$8 = /* @__PURE__ */ createElementVNode(
-  "span",
-  null,
-  "\u9AD8\u7EA7\u7B5B\u9009",
-  -1
-  /* HOISTED */
-);
-var _sfc_main$V = /* @__PURE__ */ defineComponent({
-  ...{ name: "LlAdvancedFiltering" },
-  __name: "advanced-filtering",
-  props: advancedFilteringProps,
-  emits: advancedFilteringEmits,
-  setup(__props, { emit: __emit }) {
+var _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlParamsTableRow" },
+  __name: "params-table-row",
+  props: paramsTableRowProps,
+  setup(__props) {
     const props = __props;
-    const emits = __emit;
-    const bem = createNamespace("advanced-filtering");
-    const filterValue = ref(props.value);
-    const showSelectBox = ref(false);
-    const showValueBox = ref(false);
-    const handleHoverChange = (visible) => {
-      if (showSelectBox.value)
-        return;
-      showValueBox.value = visible;
-    };
-    const handleClickChange = () => {
-      showSelectBox.value = !showSelectBox.value;
-      showValueBox.value = false;
+    const bem = createNamespace("params-table");
+    const innerData = ref(props.data);
+    const handleDelete = (list, data) => {
+      const index = list.findIndex((item) => item.name === data.name);
+      list.splice(index, 1);
     };
-    const handleClose = () => {
-      showSelectBox.value = false;
-      showValueBox.value = false;
+    return (_ctx, _cache) => {
+      const _component_ll_input = resolveComponent("ll-input");
+      const _component_ll_icon = resolveComponent("ll-icon");
+      const _component_ll_select = resolveComponent("ll-select");
+      const _component_ll_switch = resolveComponent("ll-switch");
+      const _component_a_col = resolveComponent("a-col");
+      const _component_a_popconfirm = resolveComponent("a-popconfirm");
+      const _component_a_row = resolveComponent("a-row");
+      return openBlock(), createElementBlock("div", null, [
+        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: innerData.value.name,
+                      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerData.value.name = $event),
+                      placeholder: "\u8BF7\u8F93\u5165"
+                    }, null, 8, ["value"])) : createCommentVNode("v-if", true),
+                    col.key === "required" ? (openBlock(), createElementBlock(
+                      "div",
+                      {
+                        key: 1,
+                        class: normalizeClass(unref(bem).m("required")),
+                        onClick: _cache[1] || (_cache[1] = ($event) => innerData.value.required = !innerData.value.required)
+                      },
+                      [
+                        withDirectives(createVNode(
+                          _component_ll_icon,
+                          { "icon-name": "icon-radio-check" },
+                          null,
+                          512
+                          /* NEED_PATCH */
+                        ), [
+                          [vShow, innerData.value.required]
+                        ])
+                      ],
+                      2
+                      /* 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: props.options,
+                      style: { "width": "100%" }
+                    }, null, 8, ["value", "options"])) : 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,
+                      value: innerData.value[col.key],
+                      "onUpdate:value": ($event) => innerData.value[col.key] = $event
+                    }, null, 8, ["value", "onUpdate:value"])) : 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"
+                    }, null, 8, ["value", "onUpdate:value", "placeholder"])) : createCommentVNode("v-if", true),
+                    col.key === "contentType" ? (openBlock(), createBlock(_component_ll_select, {
+                      key: 6,
+                      value: innerData.value[col.key],
+                      "onUpdate:value": ($event) => innerData.value[col.key] = $event,
+                      placeholder: col.placeholder || "\u8BF7\u8F93\u5165"
+                    }, null, 8, ["value", "onUpdate:value", "placeholder"])) : createCommentVNode("v-if", true)
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["span", "class"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            )),
+            createVNode(_component_a_col, {
+              span: 1,
+              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",
+                  "overlay-class-name": unref(bem).e("popconfirm"),
+                  onConfirm: _cache[4] || (_cache[4] = ($event) => handleDelete(props.dataSource, innerData.value))
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode(
+                      "a",
+                      {
+                        href: "javascript:;",
+                        class: normalizeClass(unref(bem).m("table-icon"))
+                      },
+                      [
+                        createVNode(_component_ll_icon, { "icon-name": "icon-remove" })
+                      ],
+                      2
+                      /* CLASS */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["overlay-class-name"])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["class"])
+      ]);
     };
-    const handleChange = (val) => {
-      filterValue.value = val;
+  }
+});
+
+var TableRow = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__file", "params-table-row.vue"]]);
+
+var _sfc_main$X = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlParamsTable" },
+  __name: "params-table",
+  props: paramsTableProps,
+  setup(__props) {
+    const bem = createNamespace("params-table");
+    const props = __props;
+    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 = "";
+      }
     };
     watch(
-      filterValue,
+      () => props.dataSource,
       (n) => {
-        emits("update:value", n);
-        emits("change", n);
+        console.log({ n });
       },
       {
         deep: true
       }
     );
     return (_ctx, _cache) => {
-      const _component_a_popover = resolveComponent("a-popover");
-      return openBlock(), createBlock(_component_a_popover, {
-        "overlay-class-name": unref(bem).b(),
-        placement: "bottomRight",
-        "overlay-style": props.overlayStyle,
-        open: showSelectBox.value
-      }, {
-        content: withCtx(() => [
-          createVNode(AdvancedFilteringParams, {
-            value: filterValue.value,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => filterValue.value = $event),
-            "filter-columns": props.filterColumns,
-            "form-options": props.formOptions,
-            onClose: handleClose
-          }, null, 8, ["value", "filter-columns", "form-options"])
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_a_popover, {
-            "overlay-class-name": unref(bem).b(),
-            trigger: "hover",
-            placement: "bottomRight",
-            open: showValueBox.value,
-            "overlay-style": props.overlayStyle,
-            onOpenChange: handleHoverChange
+      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
           }, {
-            content: withCtx(() => [
-              createVNode(AdvancedFilteringTags, {
-                value: filterValue.value,
-                "filter-columns": props.filterColumns,
-                onChange: handleChange
-              }, null, 8, ["value", "filter-columns"])
-            ]),
             default: withCtx(() => [
-              createVNode(unref(LlButton), {
-                onClick: withModifiers(handleClickChange, ["stop"])
-              }, {
+              (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(() => [
+                      createTextVNode(
+                        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 */
+              )),
+              createVNode(_component_a_col, { span: 1 }, {
                 default: withCtx(() => [
-                  createVNode(unref(LlIcon), {
-                    "icon-name": "icon-Screening",
-                    style: { "margin-right": "10px" }
-                  }),
-                  _hoisted_1$8
+                  createTextVNode(" \u64CD\u4F5C ")
                 ]),
                 _: 1
                 /* STABLE */
@@ -2443,20 +4285,214 @@ var _sfc_main$V = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["overlay-class-name", "open", "overlay-style"])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["overlay-class-name", "overlay-style", "open"]);
+          }, 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, {
+                    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",
+                            bordered: false,
+                            onBlur: _cache[1] || (_cache[1] = ($event) => handleAdd(props.dataSource))
+                          }, null, 8, ["value"])) : createCommentVNode("v-if", true)
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["span", "class"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class"])
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });
 
-var AdvancedFiltering = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__file", "advanced-filtering.vue"]]);
+var paramsTable = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__file", "params-table.vue"]]);
 
-const LlAdvancedFiltering = withInstall(AdvancedFiltering);
-const LlAdvancedFilteringParams = withInstall(AdvancedFilteringParams);
-const LlAdvancedFilteringTags = withInstall(AdvancedFilteringTags);
+var _sfc_main$W = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlApiComponent" },
+  __name: "api-component",
+  props: apiComponentProps,
+  setup(__props) {
+    const props = __props;
+    const bem = createNamespace("api-component");
+    const method = ref(props.method);
+    const url = ref(props.url);
+    const activeKey = ref("params");
+    const bodyKey = ref("form-data");
+    const requestParams = ref(props.requestParams);
+    const headerParams = ref(props.headerParams);
+    const bodyParams = reactive(props.bodyParams);
+    const computedRequestList = computed(() => {
+      if (method.value === "GET") {
+        return requestList.filter((item) => item.key !== "body");
+      }
+      return requestList;
+    });
+    watch(
+      requestParams,
+      (n) => {
+        console.log("requestParams", n);
+      },
+      {
+        deep: true
+      }
+    );
+    watch(
+      bodyParams,
+      (n) => {
+        console.log("bodyParams", n);
+      },
+      {
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      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");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bem).b())
+        },
+        [
+          createVNode(ApiUrl, {
+            method: method.value,
+            "onUpdate:method": _cache[0] || (_cache[0] = ($event) => method.value = $event),
+            url: url.value,
+            "onUpdate:url": _cache[1] || (_cache[1] = ($event) => url.value = $event),
+            class: normalizeClass(unref(bem).m("header"))
+          }, null, 8, ["method", "url", "class"]),
+          createVNode(_component_ll_tabs_simple, {
+            "active-key": activeKey.value,
+            "onUpdate:activeKey": _cache[2] || (_cache[2] = ($event) => activeKey.value = $event),
+            tabs: computedRequestList.value,
+            class: normalizeClass(unref(bem).m("tab"))
+          }, null, 8, ["active-key", "tabs", "class"]),
+          withDirectives(createVNode(paramsTable, {
+            columns: unref(paramsTableColumns),
+            "data-source": requestParams.value
+          }, null, 8, ["columns", "data-source"]), [
+            [vShow, activeKey.value === "params"]
+          ]),
+          withDirectives(createVNode(paramsTable, {
+            columns: unref(headersTableColumns),
+            "data-source": headerParams.value
+          }, 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[3] || (_cache[3] = ($event) => bodyKey.value = $event),
+                tabs: unref(bodyList),
+                class: normalizeClass(unref(bem).m("body-tab"))
+              }, null, 8, ["active-key", "tabs", "class"]),
+              withDirectives(createVNode(JsonXml, {
+                value: bodyParams["json"],
+                "onUpdate:value": _cache[4] || (_cache[4] = ($event) => bodyParams["json"] = $event)
+              }, null, 8, ["value"]), [
+                [vShow, bodyKey.value === "json"]
+              ]),
+              withDirectives(createVNode(JsonXml, {
+                value: bodyParams["xml"],
+                "onUpdate:value": _cache[5] || (_cache[5] = ($event) => bodyParams["xml"] = $event)
+              }, null, 8, ["value"]), [
+                [vShow, bodyKey.value === "xml"]
+              ]),
+              bodyKey.value === "raw" ? (openBlock(), createBlock(_component_ll_code_editor, {
+                key: 0,
+                value: bodyParams["raw"],
+                "onUpdate:value": _cache[6] || (_cache[6] = ($event) => bodyParams["raw"] = $event)
+              }, null, 8, ["value"])) : createCommentVNode("v-if", true),
+              withDirectives(createVNode(paramsTable, {
+                columns: unref(paramsTableColumns),
+                "data-source": 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": 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 */
+          ), [
+            [vShow, activeKey.value === "body"]
+          ])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var ApiComponent = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__file", "api-component.vue"]]);
+
+const LlApiComponent = withInstall(ApiComponent);
 
 const avatarType = ["single", "multiple"];
 const avatarProps = buildProps({
@@ -2504,7 +4540,7 @@ const avatarEmits = {
   click: (item, index) => !!item || index
 };
 
-var _sfc_main$U = /* @__PURE__ */ defineComponent({
+var _sfc_main$V = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAvatar" },
   __name: "avatar",
   props: avatarProps,
@@ -2680,7 +4716,7 @@ var _sfc_main$U = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__file", "avatar.vue"]]);
+var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__file", "avatar.vue"]]);
 
 const LlAvatar = withInstall(Avatar);
 
@@ -2706,7 +4742,7 @@ const buttonProps = buildProps({
 });
 
 const _hoisted_1$7 = { key: 0 };
-var _sfc_main$T = /* @__PURE__ */ defineComponent({
+var _sfc_main$U = /* @__PURE__ */ defineComponent({
   ...{ name: "LlButton" },
   __name: "button",
   props: buttonProps,
@@ -2765,11 +4801,11 @@ var _sfc_main$T = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__file", "button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__file", "button.vue"]]);
 
 const LlButton = withInstall(Button);
 
-var _sfc_main$S = /* @__PURE__ */ defineComponent({
+var _sfc_main$T = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCascader" },
   __name: "cascader",
   setup(__props) {
@@ -2796,7 +4832,7 @@ var _sfc_main$S = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "cascader.vue"]]);
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__file", "cascader.vue"]]);
 
 const LlCascader = withInstall(Cascader);
 
@@ -2818,7 +4854,7 @@ const checkboxGroupProps = buildProps({
   }
 });
 
-var _sfc_main$R = /* @__PURE__ */ defineComponent({
+var _sfc_main$S = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCheckbox" },
   __name: "checkbox",
   props: checkboxProps,
@@ -2870,9 +4906,9 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__file", "checkbox.vue"]]);
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "checkbox.vue"]]);
 
-var _sfc_main$Q = /* @__PURE__ */ defineComponent({
+var _sfc_main$R = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCheckboxGroup" },
   __name: "checkbox-group",
   props: checkboxGroupProps,
@@ -2941,7 +4977,7 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
   }
 });
 
-var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__file", "checkbox-group.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__file", "checkbox-group.vue"]]);
 
 const LlCheckbox = withInstall(Checkbox);
 const LlCheckboxGroup = withInstall(CheckboxGroup);
@@ -43855,7 +45891,7 @@ const codeThemeList = [
   }
 ];
 
-var _sfc_main$P = /* @__PURE__ */ defineComponent({
+var _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCodeEditor" },
   __name: "code-editor",
   props: codeEditorProps,
@@ -44002,11 +46038,11 @@ var _sfc_main$P = /* @__PURE__ */ defineComponent({
   }
 });
 
-var CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__file", "code-editor.vue"]]);
+var CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__file", "code-editor.vue"]]);
 
 const LlCodeEditor = withInstall(CodeEditor);
 
-var _sfc_main$O = /* @__PURE__ */ defineComponent({
+var _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlConfigProvider"
   },
@@ -44029,11 +46065,11 @@ var _sfc_main$O = /* @__PURE__ */ defineComponent({
   }
 });
 
-var ConfigProvider = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__file", "config-provider.vue"]]);
+var ConfigProvider = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__file", "config-provider.vue"]]);
 
 const LlConfigProvider = withInstall(ConfigProvider);
 
-var _sfc_main$N = /* @__PURE__ */ defineComponent({
+var _sfc_main$O = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDatePicker" },
   __name: "date-picker",
   setup(__props) {
@@ -44059,11 +46095,11 @@ var _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 
-var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__file", "date-picker.vue"]]);
+var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__file", "date-picker.vue"]]);
 
 const LlDatePicker = withInstall(DatePicker);
 
-var _sfc_main$M = /* @__PURE__ */ defineComponent({
+var _sfc_main$N = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDateRange" },
   __name: "date-range",
   setup(__props) {
@@ -44089,7 +46125,7 @@ var _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 
-var DateRange = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "date-range.vue"]]);
+var DateRange = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__file", "date-range.vue"]]);
 
 const LlDateRange = withInstall(DateRange);
 
@@ -44104,7 +46140,7 @@ const descriptionsProps = buildProps({
   }
 });
 
-var _sfc_main$L = /* @__PURE__ */ defineComponent({
+var _sfc_main$M = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDescriptions" },
   __name: "descriptions",
   props: descriptionsProps,
@@ -44179,7 +46215,7 @@ var _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "descriptions.vue"]]);
+var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "descriptions.vue"]]);
 
 const LlDescriptions = withInstall(Descriptions);
 
@@ -44194,7 +46230,7 @@ const descriptionsItemProps = buildProps({
   }
 });
 
-var _sfc_main$K = /* @__PURE__ */ defineComponent({
+var _sfc_main$L = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDescriptionsItem" },
   __name: "descriptions-item",
   props: descriptionsItemProps,
@@ -44224,7 +46260,7 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
 
-var DescriptionsItem = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "descriptions-item.vue"]]);
+var DescriptionsItem = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "descriptions-item.vue"]]);
 
 const LlDescriptionsItem = withInstall(DescriptionsItem);
 
@@ -44356,7 +46392,7 @@ const secondConfirmationProps = buildProps({
   onCancel: Function
 });
 
-var _sfc_main$J = /* @__PURE__ */ defineComponent({
+var _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSecondConfirmation" },
   __name: "second-confirmation",
   props: secondConfirmationProps,
@@ -44434,7 +46470,7 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 
-var SecondConfirmation = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "second-confirmation.vue"]]);
+var SecondConfirmation = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "second-confirmation.vue"]]);
 
 const useSecondConfirmation = (options) => {
   const { title, message, confirmText, cancelText, icon = null } = options;
@@ -44467,7 +46503,7 @@ const useSecondConfirmation = (options) => {
 
 const LlSecondConfirmation = withInstall(SecondConfirmation);
 
-var _sfc_main$I = /* @__PURE__ */ defineComponent({
+var _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDrawer" },
   __name: "drawer",
   props: drawerProps,
@@ -44625,7 +46661,7 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "drawer.vue"]]);
+var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "drawer.vue"]]);
 
 const LlDrawer = withInstall(Drawer);
 
@@ -44655,7 +46691,7 @@ const emptyProps = buildProps({
 });
 
 const _hoisted_1$6 = ["src"];
-var _sfc_main$H = /* @__PURE__ */ defineComponent({
+var _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{ name: "LlEmpty" },
   __name: "empty",
   props: emptyProps,
@@ -44714,7 +46750,7 @@ var _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "empty.vue"]]);
+var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "empty.vue"]]);
 
 const LlEmpty = withInstall(Empty);
 
@@ -44779,7 +46815,7 @@ const formComponentProps = buildProps({
   }
 });
 
-var _sfc_main$G = /* @__PURE__ */ defineComponent({
+var _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "form-component",
   props: formComponentProps,
   setup(__props) {
@@ -44807,9 +46843,9 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 
-var FormComponent = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "form-component.vue"]]);
+var FormComponent = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "form-component.vue"]]);
 
-var _sfc_main$F = /* @__PURE__ */ defineComponent({
+var _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...{ name: "LlForm" },
   __name: "form",
   props: formProps,
@@ -45024,12 +47060,12 @@ var _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Form = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "form.vue"]]);
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "form.vue"]]);
 
 const LlFormComponent = withInstall(FormComponent);
 const LlForm = withInstall(Form);
 
-var _sfc_main$E = /* @__PURE__ */ defineComponent({
+var _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{ name: "LlFormItem" },
   __name: "form-item",
   setup(__props) {
@@ -45055,7 +47091,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 
-var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "form-item.vue"]]);
+var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "form-item.vue"]]);
 
 const LlFormItem = withInstall(FormItem);
 
@@ -45083,7 +47119,7 @@ const iconProps = buildProps({
 
 const _hoisted_1$5 = { "aria-hidden": "true" };
 const _hoisted_2$3 = ["xlink:href"];
-var _sfc_main$D = /* @__PURE__ */ defineComponent({
+var _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlIcon"
   },
@@ -45125,7 +47161,7 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Icon$1 = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "icon.vue"]]);
+var Icon$1 = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "icon.vue"]]);
 
 const LlIcon = withInstall(Icon$1);
 
@@ -45190,7 +47226,7 @@ const iconBaseProps = buildProps({
   }
 });
 
-var _sfc_main$C = /* @__PURE__ */ defineComponent({
+var _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlIconBase"
   },
@@ -45292,7 +47328,7 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 
-var IconBase$1 = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "icon-base.vue"]]);
+var IconBase$1 = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "icon-base.vue"]]);
 
 const LlIconBase = withInstall(IconBase$1);
 
@@ -45350,7 +47386,7 @@ const iconPickerSearchEmits = {
   handleModalVisible: (bool) => !!bool
 };
 
-var _sfc_main$B = /* @__PURE__ */ defineComponent({
+var _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlIconPickerSearch"
   },
@@ -45401,9 +47437,9 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 
-var search = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "search.vue"]]);
+var search = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "search.vue"]]);
 
-var _sfc_main$A = /* @__PURE__ */ defineComponent({
+var _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlIconPickerModal"
   },
@@ -45552,9 +47588,9 @@ var _sfc_main$A = /* @__PURE__ */ defineComponent({
   }
 });
 
-var modal = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "modal.vue"]]);
+var modal = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "modal.vue"]]);
 
-var _sfc_main$z = /* @__PURE__ */ defineComponent({
+var _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlIconPicker"
   },
@@ -45603,7 +47639,7 @@ var _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
 
-var IconPicker = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "icon-picker.vue"]]);
+var IconPicker = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "icon-picker.vue"]]);
 
 const LlIconPicker = withInstall(IconPicker);
 
@@ -45634,7 +47670,7 @@ const inputProps = buildProps({
   }
 });
 
-var _sfc_main$y = /* @__PURE__ */ defineComponent({
+var _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{ name: "LlInput" },
   __name: "input",
   props: inputProps,
@@ -45693,7 +47729,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "input.vue"]]);
 
 const LlInput = withInstall(Input);
 
@@ -45770,7 +47806,7 @@ const integerDict = {
 const _hoisted_1$4 = ["title"];
 const _hoisted_2$2 = { key: 0 };
 const _hoisted_3$1 = { key: 1 };
-var _sfc_main$x = /* @__PURE__ */ defineComponent({
+var _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{ name: "LlInputNumber" },
   __name: "input-number",
   props: inputNumberProps,
@@ -45910,7 +47946,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "input-number.vue"]]);
+var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "input-number.vue"]]);
 
 const LlInputNumber = withInstall(InputNumber);
 
@@ -46019,7 +48055,7 @@ const keyValueItemEmits = {
   "update:value": (value) => !!value
 };
 
-var _sfc_main$w = /* @__PURE__ */ defineComponent({
+var _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlKeyValueItem"
   },
@@ -46030,7 +48066,6 @@ var _sfc_main$w = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const attrs = useAttrs();
-    console.log({ attrs });
     const bem = createNamespace("key-value");
     const innerValue = ref(props.value);
     const getKeyType = computed(() => {
@@ -46259,9 +48294,9 @@ var _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 
-var keyValueItem = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "key-value-item.vue"]]);
+var keyValueItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "key-value-item.vue"]]);
 
-var _sfc_main$v = /* @__PURE__ */ defineComponent({
+var _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{ name: "LlKeyValue" },
   __name: "key-value",
   props: keyValueProps,
@@ -46388,7 +48423,7 @@ var _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 
-var KeyValue = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "key-value.vue"]]);
+var KeyValue = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "key-value.vue"]]);
 
 const LlKeyValue = withInstall(KeyValue);
 
@@ -46476,7 +48511,7 @@ const modalEmits = {
   "update:open": () => true
 };
 
-var _sfc_main$u = /* @__PURE__ */ defineComponent({
+var _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{ name: "LlModal" },
   __name: "modal",
   props: modalProps,
@@ -46489,9 +48524,15 @@ var _sfc_main$u = /* @__PURE__ */ defineComponent({
     const modal = ref();
     const hasScroll = ref(false);
     const symbolClass = ref(`ll-modal-${(/* @__PURE__ */ new Date()).getTime()}`);
-    const getBindValue = computed(() => ({
-      ...omit({ ...attrs }, [...Object.keys(modalProps), "wrapClassName"])
-    }));
+    const getBindValue = computed(() => {
+      const result = {
+        ...omit({ ...attrs }, [...Object.keys(modalProps), "wrapClassName"])
+      };
+      if (props.showFooter === false) {
+        result.footer = null;
+      }
+      return result;
+    });
     const handleCancel = () => {
       emits("cancel");
       emits("update:open");
@@ -46568,10 +48609,188 @@ var _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "modal.vue"]]);
+var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "modal.vue"]]);
 
 const LlModal = withInstall(Modal);
 
+const numberRangeProps = buildProps({
+  value: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  min: Number,
+  max: Number,
+  precision: {
+    type: definePropType(Number)
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  placeholder: {
+    type: Array,
+    default: () => ["\u6700\u5C0F\u503C", "\u6700\u5927\u503C"]
+  }
+});
+const numberRangeEmits = {
+  change: (value) => !!value,
+  "update:value": (value) => !!value
+};
+
+var _sfc_main$u = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlNumberRange" },
+  __name: "number-range",
+  props: numberRangeProps,
+  emits: numberRangeEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace("number-range");
+    const minValue = ref(null);
+    const maxValue = ref(null);
+    const { defaultSeed } = theme;
+    const computedHeight = computed(() => {
+      return `${defaultSeed.controlHeight}px`;
+    });
+    const setValue = () => {
+      const arr = [minValue.value, maxValue.value];
+      emits("change", arr);
+      emits("update:value", arr);
+    };
+    const handleMinChange = (e) => {
+      if (!!e || e.value === 0) {
+        minValue.value = e;
+      } else {
+        minValue.value = null;
+      }
+      setValue();
+    };
+    const handleMaxChange = (e) => {
+      if (!!e || e.value === 0) {
+        maxValue.value = e;
+      } else {
+        minValue.value = null;
+      }
+      setValue();
+    };
+    const handleMaxBlur = () => {
+      if (minValue.value || minValue.value === 0) {
+        if (maxValue.value && maxValue.value < minValue.value) {
+          maxValue.value = minValue.value;
+        }
+      }
+      setValue();
+    };
+    const handleMinBlur = () => {
+      if (maxValue.value || maxValue.value === 0) {
+        if (minValue.value && minValue.value > maxValue.value) {
+          minValue.value = maxValue.value;
+        }
+      }
+      setValue();
+    };
+    watch(
+      () => props.value,
+      (n) => {
+        if (n && n.length) {
+          if (n[0] || n[0] === 0) {
+            minValue.value = n[0];
+          } else {
+            minValue.value = null;
+          }
+          if (n[1] || n[1] === 0) {
+            maxValue.value = n[1];
+          } else {
+            maxValue.value = null;
+          }
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bem).b()),
+          style: normalizeStyle({
+            height: `${computedHeight.value}`
+          })
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(bem).m("input"))
+            },
+            [
+              createVNode(unref(LlInputNumber), {
+                value: minValue.value,
+                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => minValue.value = $event),
+                placeholder: _ctx.placeholder[0],
+                precision: props.precision,
+                min: props.min,
+                max: props.max,
+                disabled: props.disabled,
+                controls: false,
+                bordered: false,
+                style: { "width": "100%" },
+                onChange: handleMinChange,
+                onBlur: handleMinBlur
+              }, null, 8, ["value", "placeholder", "precision", "min", "max", "disabled"])
+            ],
+            2
+            /* CLASS */
+          ),
+          createCommentVNode(" \u5DE6\u8FB9InputNumber "),
+          createElementVNode(
+            "span",
+            {
+              class: normalizeClass(unref(bem).m("separator"))
+            },
+            [
+              renderSlot(_ctx.$slots, "separator", {}, () => [
+                createTextVNode(" - ")
+              ])
+            ],
+            2
+            /* CLASS */
+          ),
+          createCommentVNode(" \u53F3\u8FB9InputNumber "),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(bem).m("input"))
+            },
+            [
+              createVNode(unref(LlInputNumber), {
+                value: maxValue.value,
+                "onUpdate:value": _cache[1] || (_cache[1] = ($event) => maxValue.value = $event),
+                placeholder: _ctx.placeholder[1],
+                precision: props.precision,
+                min: props.min,
+                max: props.max,
+                disabled: props.disabled,
+                controls: false,
+                bordered: false,
+                style: { "width": "100%" },
+                onChange: handleMaxChange,
+                onBlur: handleMaxBlur
+              }, null, 8, ["value", "placeholder", "precision", "min", "max", "disabled"])
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+var NumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "number-range.vue"]]);
+
+const LlNumberRange = withInstall(NumberRange);
+
 const operateIconProps = buildProps({
   /**
    * @description 监听dropdown是否打开和关闭
@@ -56695,6 +58914,9 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
             })
           ])
         ]),
+        expandedRowRender: withCtx((slots) => [
+          renderSlot(_ctx.$slots, "expandedRowRender", normalizeProps(guardReactiveProps(slots)))
+        ]),
         _: 3
         /* FORWARDED */
       }, 16, ["class", "columns", "data-source", "expanded-row-keys", "custom-row", "scroll", "onChange", "onExpandedRowsChange"]);
@@ -56832,6 +59054,9 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
                         emptyText: withCtx(() => [
                           renderSlot(_ctx.$slots, "emptyText")
                         ]),
+                        expandedRowRender: withCtx((slots) => [
+                          renderSlot(_ctx.$slots, "expandedRowRender", normalizeProps(guardReactiveProps(slots)))
+                        ]),
                         _: 3
                         /* FORWARDED */
                       },
@@ -63848,6 +66073,7 @@ var Components = [
   LlAdvancedFiltering,
   LlAdvancedFilteringParams,
   LlAdvancedFilteringTags,
+  LlApiComponent,
   LlAvatar,
   LlButton,
   LlCascader,
@@ -63870,6 +66096,7 @@ var Components = [
   LlInputNumber,
   LlKeyValue,
   LlModal,
+  LlNumberRange,
   LlOperateIcon,
   LlOperateTree,
   LlRadio,
@@ -63901,4 +66128,4 @@ var installer = makeInstaller([...Components]);
 
 const install = installer.install;
 
-export { ILlUploadDragProps, ImenuSwitchType, LlAdvancedFiltering, LlAdvancedFilteringParams, LlAdvancedFilteringTags, LlAvatar, LlButton, LlCascader, LlCheckbox, LlCheckboxGroup, LlCodeEditor, LlConfigProvider, LlDatePicker, LlDateRange, LlDescriptions, LlDescriptionsItem, LlDrawer, LlDropdown, LlDropdownButton, LlEmpty, LlForm, LlFormComponent, LlFormItem, LlIcon, LlIconBase, LlIconPicker, LlInput, LlInputNumber, LlKeyValue, LlModal, LlOperateIcon, LlOperateTree, LlRadio, LlRadioButton, LlRadioGroup, LlSecondConfirmation, LlSegmented, LlSelect, LlSelectGroup, LlSelectOptGroup, LlSelectOption, LlSpace, LlSteps, LlSwitch, LlTable, LlTabsSimple, LlTagGroup, LlTextarea, LlTimePicker, LlTimeRange, LlTooltip, LlTree, LlTreeSearch, LlUploadDrag, OperateTreeEmits, advancedFilteringEmits, advancedFilteringParamsEmits, advancedFilteringParamsProps, advancedFilteringProps, advancedFilteringTagsEmits, avatarEmits, avatarProps, avatarType, buttonProps, checkboxGroupProps, checkboxProps, checkedType, codeEditorEmits, codeEditorProps, codeThemeList, installer as default, defaultOptions, descriptionsItemProps, descriptionsProps, drawerEmits, drawerOptions, drawerProps, dropdownButtonEmits, dropdownButtonProps, dropdownEmits, dropdownProps, emptyProps, formColumns, formComponentProps, formOptions, formProps, getKeyValueItem, iconBaseProps, iconPickerModalEmits, iconPickerModalProps, iconPickerProps, iconPickerSearchEmits, iconPickerSearchProps, iconProps, iconTypes, inputNumberEmits, inputNumberProps, inputProps, install, keyValueEmits, keyValueItemEmits, keyValueItemProps, keyValueProps, mainTableEmits, mainTableProps, menuSwitchRadioList, modalEmits, modalProps, operateIconEmits, operateIconProps, operateTreeEmits, operateTreeProps, placement, 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, url, useSecondConfirmation };
+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, 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, OperateTreeEmits, advancedFilteringEmits, advancedFilteringParamsEmits, advancedFilteringParamsProps, advancedFilteringProps, advancedFilteringTagsEmits, apiComponentProps, apiModalEmits, apiModalProps, apiUrlEmits, avatarEmits, avatarProps, avatarType, batchEditingEmits, batchEditingOptions, batchEditingProps, bodyList, buttonProps, checkboxGroupProps, checkboxProps, checkedType, clickInputEmits, clickInputProps, codeEditorEmits, codeEditorProps, codeThemeList, customOverlay, installer as default, defaultOptions, descriptionsItemProps, descriptionsProps, drawerEmits, drawerOptions, drawerProps, dropdownButtonEmits, dropdownButtonProps, dropdownEmits, dropdownProps, emptyProps, formColumns, formComponentProps, formOptions, formProps, formdataTableColumns, getKeyValueItem, headersTableColumns, 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, url, useSecondConfirmation };