ll-plus 2.1.19 → 2.1.21

package/es/components/api-component/src/components/json-xml-table.vue2.mjs

@@ -0,0 +1,117 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createTextVNode, createElementVNode, Fragment, renderList, createBlock } from 'vue';
+import TableRow from './json-xml-table-row.vue.mjs';
+import '../../../../utils/index.mjs';
+import '../config/index.mjs';
+import { jsonXmlTableProps, jsonXmlTableEmits } from '../config/json-xml.mjs';
+import { createNamespace } from '../../../../utils/create-namespace.mjs';
+
+"use strict";
+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, {
+                    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 */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=json-xml-table.vue2.mjs.map

package/es/components/api-component/src/components/json-xml-table.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-xml-table.vue2.mjs","sources":["../../../../../../packages/components/api-component/src/components/json-xml-table.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.e('table')\">\n    <a-row :class=\"bem.m('table-header')\" :gutter=\"20\">\n      <a-col :span=\"7\" style=\"padding-left: 60px\"> 名称 </a-col>\n      <a-col :span=\"3\"> 类型 </a-col>\n      <a-col :span=\"4\"> Mock </a-col>\n      <a-col :span=\"4\"> 中文名 </a-col>\n      <a-col :span=\"4\"> 说明 </a-col>\n      <a-col :span=\"2\"> 操作 </a-col>\n    </a-row>\n    <div :class=\"bem.m('table-body')\">\n      <table-row\n        v-for=\"(item, index) in props.dataSource\"\n        :key=\"index\"\n        :data=\"item\"\n        :tree-key=\"(index + 1).toString()\"\n        @change=\"handleChange(props.dataSource)\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport TableRow from './json-xml-table-row.vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { jsonXmlTableProps, jsonXmlTableEmits } from '../config'\n\ndefineOptions({ name: 'LlJsonXmlTable' })\n\nconst bem = createNamespace('json-xml')\n\nconst props = defineProps(jsonXmlTableProps)\n\nconst emits = defineEmits(jsonXmlTableEmits)\n\nconst handleChange = dataSource => {\n  emits('change', dataSource)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA+BA,IAAM,MAAA,GAAA,GAAM,gBAAgB,UAAU,CAAA,CAAA;AAEtC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,eAAe,CAAc,UAAA,KAAA;AACjC,MAAA,KAAA,CAAM,UAAU,UAAU,CAAA,CAAA;AAAA,KAC5B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/api-component/src/components/json-xml.vue.d.ts

@@ -0,0 +1,83 @@
+import { type IJsonXmlItem } from '../config';
+declare const _default: import("vue").DefineComponent<{
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, () => void, boolean>;
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly value: Record<string, any>;
+        readonly "onUpdate:value"?: ((value: any) => any) | undefined;
+    } & {}>;
+    emits: (event: "update:value", value: any) => void;
+    bem: {
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element: string, modifier: string) => string;
+        bm: (blockSuffix: string, modifier: string) => string;
+        bem: (blockSuffix: string, element: string, modifier: string) => string;
+        is: (name?: string) => string;
+    };
+    type: import("vue").Ref<string>;
+    innerValue: import("vue").Ref<any>;
+    dataSource: import("vue").Ref<{
+        [x: string]: any;
+        name?: string | undefined;
+        type?: import("../config").IType | undefined;
+        value?: any;
+        mock?: string | undefined;
+        chineseName?: string | undefined;
+        description?: string | undefined;
+        children?: any[] | undefined;
+    }[]>;
+    parseJson2Array: (json: object, parentKey?: string, parentType?: string) => IJsonXmlItem[];
+    parseArray2Json: (data: IJsonXmlItem[]) => any;
+    handleTypeChange: (e: any) => void;
+    handleChange: (arr: any) => void;
+    readonly jsonXmlOptions: {
+        value: string;
+        payload: {
+            title: string;
+        };
+    }[];
+    readonly customOverlay: {
+        label: string;
+    }[];
+    TreeTable: import("vue").DefineComponent<{
+        readonly dataSource: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => IJsonXmlItem[]) | (() => IJsonXmlItem[]) | ((new (...args: any[]) => IJsonXmlItem[]) | (() => IJsonXmlItem[]))[], unknown, unknown, () => never[], boolean>;
+    }, {
+        bem: {
+            b: (blockSuffix?: string) => string;
+            e: (element?: string) => string;
+            m: (modifier?: string) => string;
+            be: (blockSuffix?: string, element?: string) => string;
+            em: (element: string, modifier: string) => string;
+            bm: (blockSuffix: string, modifier: string) => string;
+            bem: (blockSuffix: string, element: string, modifier: string) => string;
+            is: (name?: string) => string;
+        };
+        props: import("@vue/shared").LooseRequired<{
+            readonly dataSource: IJsonXmlItem[];
+            readonly onChange?: ((value: any) => any) | undefined;
+        } & {}>;
+        emits: (event: "change", value: any) => void;
+        handleChange: (dataSource: any) => void;
+        TableRow: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (value: any) => boolean;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly dataSource: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => IJsonXmlItem[]) | (() => IJsonXmlItem[]) | ((new (...args: any[]) => IJsonXmlItem[]) | (() => IJsonXmlItem[]))[], unknown, unknown, () => never[], boolean>;
+    }>> & {
+        onChange?: ((value: any) => any) | undefined;
+    }, {
+        readonly dataSource: IJsonXmlItem[];
+    }, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:value': (value: any) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, () => void, boolean>;
+}>> & {
+    "onUpdate:value"?: ((value: any) => any) | undefined;
+}, {
+    readonly value: Record<string, any>;
+}, {}>;
+export default _default;

package/es/components/api-component/src/components/json-xml.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from './json-xml.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+"use strict";
+var JsonXml = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "json-xml.vue"]]);
+
+export { JsonXml as default };
+//# sourceMappingURL=json-xml.vue.mjs.map

package/es/components/api-component/src/components/json-xml.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-xml.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/es/components/api-component/src/components/json-xml.vue2.mjs

@@ -0,0 +1,328 @@
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, withCtx, toDisplayString, Fragment, createCommentVNode, createTextVNode, createBlock } from 'vue';
+import { isEmpty } from 'lodash-es';
+import '../../../../utils/index.mjs';
+import '../config/index.mjs';
+import TreeTable from './json-xml-table.vue.mjs';
+import { jsonXmlProps, jsonXmlEmits, DEFAULT_TYPE, jsonXmlOptions, customOverlay } from '../config/json-xml.mjs';
+import { createNamespace } from '../../../../utils/create-namespace.mjs';
+
+"use strict";
+const _hoisted_1 = { class: "flex" };
+var _sfc_main = /* @__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, [
+                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",
+            {
+              class: normalizeClass(unref(bem).e("body"))
+            },
+            [
+              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 */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=json-xml.vue2.mjs.map

package/es/components/api-component/src/components/json-xml.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-xml.vue2.mjs","sources":["../../../../../../packages/components/api-component/src/components/json-xml.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b('json-xml')\">\n    <div :class=\"bem.e('header')\">\n      <ll-segmented\n        v-model:value=\"type\"\n        size=\"middle\"\n        :options=\"jsonXmlOptions\"\n        @change=\"handleTypeChange\"\n      >\n        <template #label=\"{ payload }\">\n          <div>{{ payload.title }}</div>\n        </template>\n      </ll-segmented>\n      <div class=\"flex\">\n        <template v-if=\"type === 'json'\">\n          <ll-button type=\"text\">\n            <!-- <ll-icon/> -->\n            预览\n          </ll-button>\n          <ll-button type=\"text\">\n            <!-- <ll-icon/> -->\n            生成代码\n          </ll-button>\n          <ll-button type=\"text\">\n            <!-- <ll-icon/> -->\n            JSON Schema\n          </ll-button>\n        </template>\n        <template v-else>\n          <ll-button type=\"text\">\n            <!-- <ll-icon/> -->\n            格式化\n          </ll-button>\n          <ll-button type=\"text\">\n            <!-- <ll-icon/> -->\n            生成代码\n          </ll-button>\n          <ll-dropdown :dropdown-items=\"customOverlay\" placement=\"bottomRight\">\n            <ll-icon icon-name=\"icon-line-arrow-down\" />\n          </ll-dropdown>\n        </template>\n      </div>\n    </div>\n    <div :class=\"bem.e('body')\">\n      <template v-if=\"type === 'json'\">\n        <ll-code-editor v-model:value=\"innerValue\" language=\"json\" />\n      </template>\n      <template v-else>\n        <tree-table :data-source=\"dataSource\" @change=\"handleChange\" />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\n\nimport { isEmpty } from 'lodash-es'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport {\n  DEFAULT_TYPE,\n  jsonXmlOptions,\n  customOverlay,\n  jsonXmlProps,\n  jsonXmlEmits,\n  type IJsonXmlItem\n} from '../config'\n\nimport TreeTable from './json-xml-table.vue'\n\ndefineOptions({ name: 'LlJsonXml' })\n\nconst props = defineProps(jsonXmlProps)\n\nconst emits = defineEmits(jsonXmlEmits)\n\nconst bem = createNamespace('json-xml')\n\nconst type = ref(DEFAULT_TYPE)\n\nconst innerValue = ref<any>(JSON.stringify(props.value))\n\nconst dataSource = ref([\n  {\n    key: '1',\n    name: '根节点',\n    type: 'object',\n    value: '',\n    chineseName: '',\n    description: '',\n    mock: '',\n    children: []\n  }\n] as IJsonXmlItem[])\n\nconst parseJson2Array = (\n  json: object,\n  parentKey: string = '1',\n  parentType: string = 'object'\n) => {\n  let num = 0\n  const result = [] as IJsonXmlItem[]\n  for (const key in json) {\n    num++\n    if (Object.prototype.hasOwnProperty.call(json, key)) {\n      const element = json[key]\n      if (typeof element === 'object' || Array.isArray(element)) {\n        const currentType = Array.isArray(element) ? 'array' : 'object'\n        result.push({\n          key: `${parentKey}-${num}`,\n          name: parentType === 'array' ? 'ITEM' : key,\n          type: currentType,\n          value:\n            parentType === 'array' && currentType !== 'object' ? element : '',\n          chineseName: '',\n          description: '',\n          mock: '',\n          children: parseJson2Array(element, `${parentKey}-${num}`, currentType)\n        } as IJsonXmlItem)\n      } else {\n        result.push({\n          key: `${parentKey}-${num}`,\n          name: parentType === 'array' ? 'ITEM' : key,\n          type: typeof element,\n          value: '',\n          chineseName: '',\n          description: '',\n          mock: element\n        } as IJsonXmlItem)\n      }\n    }\n  }\n  return result\n}\n\nconst parseArray2Json = (data: IJsonXmlItem[]) => {\n  const result = {} as any\n  data.forEach((item: IJsonXmlItem) => {\n    if (item.name) {\n      if (item.type === 'object' || item.type === 'array') {\n        if (item.children && item.children.length) {\n          result[item.name] = parseArray2Json(item.children)\n        }\n      } else {\n        result[item.name] = item.mock\n      }\n    }\n  })\n  return result\n}\n\nconst handleTypeChange = e => {\n  if (e === 'json') {\n    innerValue.value = JSON.stringify(parseArray2Json(dataSource.value))\n  } else {\n    try {\n      const value = JSON.parse(innerValue.value)\n      if (typeof value === 'object') {\n        dataSource.value = parseJson2Array(value)\n      } else {\n        dataSource.value = [\n          {\n            key: '1',\n            name: '根节点',\n            type: typeof value,\n            value: '',\n            chineseName: '',\n            description: '',\n            mock: value,\n            children: []\n          }\n        ] as IJsonXmlItem[]\n      }\n    } catch (error) {\n      dataSource.value = [\n        {\n          key: '1',\n          name: '根节点',\n          type: typeof innerValue.value,\n          value: '',\n          chineseName: '',\n          description: '',\n          mock: innerValue.value,\n          children: []\n        }\n      ] as IJsonXmlItem[]\n    }\n  }\n}\n\nconst handleChange = arr => {\n  dataSource.value = arr\n  emits('update:value', parseArray2Json(arr))\n}\n\nwatch(\n  () => props.value,\n  n => {\n    if (!isEmpty(n)) {\n      if (typeof n === 'object') {\n        innerValue.value = JSON.stringify(n)\n        dataSource.value = parseJson2Array(props.value)\n      } else {\n        innerValue.value = n\n        dataSource.value = [\n          {\n            key: '1',\n            name: '根节点',\n            type: typeof props.value,\n            value: '',\n            chineseName: '',\n            description: '',\n            mock: n,\n            children: []\n          }\n        ] as IJsonXmlItem[]\n      }\n    } else {\n      innerValue.value = ''\n      dataSource.value = [\n        {\n          key: '1',\n          name: '根节点',\n          type: 'object',\n          value: '',\n          chineseName: '',\n          description: '',\n          mock: '',\n          children: []\n        }\n      ] as IJsonXmlItem[]\n    }\n    console.log(dataSource.value, n)\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n\nwatch(innerValue, n => {\n  try {\n    const value = JSON.parse(n)\n    if (typeof value === 'object') {\n      emits('update:value', value)\n    } else {\n      emits('update:value', value)\n    }\n  } catch (error) {\n    emits('update:value', n)\n  }\n})\n\nwatch(\n  () => dataSource.value,\n  n => {\n    console.log({ n })\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA0EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,UAAU,CAAA,CAAA;AAEtC,IAAM,MAAA,IAAA,GAAO,IAAI,YAAY,CAAA,CAAA;AAE7B,IAAA,MAAM,aAAa,GAAS,CAAA,IAAA,CAAK,SAAU,CAAA,KAAA,CAAM,KAAK,CAAC,CAAA,CAAA;AAEvD,IAAA,MAAM,aAAa,GAAI,CAAA;AAAA,MACrB;AAAA,QACE,GAAK,EAAA,GAAA;AAAA,QACL,IAAM,EAAA,oBAAA;AAAA,QACN,IAAM,EAAA,QAAA;AAAA,QACN,KAAO,EAAA,EAAA;AAAA,QACP,WAAa,EAAA,EAAA;AAAA,QACb,WAAa,EAAA,EAAA;AAAA,QACb,IAAM,EAAA,EAAA;AAAA,QACN,UAAU,EAAC;AAAA,OACb;AAAA,KACiB,CAAA,CAAA;AAEnB,IAAA,MAAM,kBAAkB,CACtB,IAAA,EACA,SAAoB,GAAA,GAAA,EACpB,aAAqB,QAClB,KAAA;AACH,MAAA,IAAI,GAAM,GAAA,CAAA,CAAA;AACV,MAAA,MAAM,SAAS,EAAC,CAAA;AAChB,MAAA,KAAA,MAAW,OAAO,IAAM,EAAA;AACtB,QAAA,GAAA,EAAA,CAAA;AACA,QAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,IAAA,EAAM,GAAG,CAAG,EAAA;AACnD,UAAM,MAAA,OAAA,GAAU,KAAK,GAAG,CAAA,CAAA;AACxB,UAAA,IAAI,OAAO,OAAY,KAAA,QAAA,IAAY,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAG,EAAA;AACzD,YAAA,MAAM,WAAc,GAAA,KAAA,CAAM,OAAQ,CAAA,OAAO,IAAI,OAAU,GAAA,QAAA,CAAA;AACvD,YAAA,MAAA,CAAO,IAAK,CAAA;AAAA,cACV,GAAK,EAAA,CAAA,EAAG,SAAS,CAAA,CAAA,EAAI,GAAG,CAAA,CAAA;AAAA,cACxB,IAAA,EAAM,UAAe,KAAA,OAAA,GAAU,MAAS,GAAA,GAAA;AAAA,cACxC,IAAM,EAAA,WAAA;AAAA,cACN,KACE,EAAA,UAAA,KAAe,OAAW,IAAA,WAAA,KAAgB,WAAW,OAAU,GAAA,EAAA;AAAA,cACjE,WAAa,EAAA,EAAA;AAAA,cACb,WAAa,EAAA,EAAA;AAAA,cACb,IAAM,EAAA,EAAA;AAAA,cACN,QAAA,EAAU,gBAAgB,OAAS,EAAA,CAAA,EAAG,SAAS,CAAI,CAAA,EAAA,GAAG,IAAI,WAAW,CAAA;AAAA,aACtD,CAAA,CAAA;AAAA,WACZ,MAAA;AACL,YAAA,MAAA,CAAO,IAAK,CAAA;AAAA,cACV,GAAK,EAAA,CAAA,EAAG,SAAS,CAAA,CAAA,EAAI,GAAG,CAAA,CAAA;AAAA,cACxB,IAAA,EAAM,UAAe,KAAA,OAAA,GAAU,MAAS,GAAA,GAAA;AAAA,cACxC,MAAM,OAAO,OAAA;AAAA,cACb,KAAO,EAAA,EAAA;AAAA,cACP,WAAa,EAAA,EAAA;AAAA,cACb,WAAa,EAAA,EAAA;AAAA,cACb,IAAM,EAAA,OAAA;AAAA,aACS,CAAA,CAAA;AAAA,WACnB;AAAA,SACF;AAAA,OACF;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACT,CAAA;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,IAAyB,KAAA;AAChD,MAAA,MAAM,SAAS,EAAC,CAAA;AAChB,MAAK,IAAA,CAAA,OAAA,CAAQ,CAAC,IAAuB,KAAA;AACnC,QAAA,IAAI,KAAK,IAAM,EAAA;AACb,UAAA,IAAI,IAAK,CAAA,IAAA,KAAS,QAAY,IAAA,IAAA,CAAK,SAAS,OAAS,EAAA;AACnD,YAAA,IAAI,IAAK,CAAA,QAAA,IAAY,IAAK,CAAA,QAAA,CAAS,MAAQ,EAAA;AACzC,cAAA,MAAA,CAAO,IAAK,CAAA,IAAI,CAAI,GAAA,eAAA,CAAgB,KAAK,QAAQ,CAAA,CAAA;AAAA,aACnD;AAAA,WACK,MAAA;AACL,YAAO,MAAA,CAAA,IAAA,CAAK,IAAI,CAAA,GAAI,IAAK,CAAA,IAAA,CAAA;AAAA,WAC3B;AAAA,SACF;AAAA,OACD,CAAA,CAAA;AACD,MAAO,OAAA,MAAA,CAAA;AAAA,KACT,CAAA;AAEA,IAAA,MAAM,mBAAmB,CAAK,CAAA,KAAA;AAC5B,MAAA,IAAI,MAAM,MAAQ,EAAA;AAChB,QAAA,UAAA,CAAW,QAAQ,IAAK,CAAA,SAAA,CAAU,eAAgB,CAAA,UAAA,CAAW,KAAK,CAAC,CAAA,CAAA;AAAA,OAC9D,MAAA;AACL,QAAI,IAAA;AACF,UAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,KAAM,CAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AACzC,UAAI,IAAA,OAAO,UAAU,QAAU,EAAA;AAC7B,YAAW,UAAA,CAAA,KAAA,GAAQ,gBAAgB,KAAK,CAAA,CAAA;AAAA,WACnC,MAAA;AACL,YAAA,UAAA,CAAW,KAAQ,GAAA;AAAA,cACjB;AAAA,gBACE,GAAK,EAAA,GAAA;AAAA,gBACL,IAAM,EAAA,oBAAA;AAAA,gBACN,MAAM,OAAO,KAAA;AAAA,gBACb,KAAO,EAAA,EAAA;AAAA,gBACP,WAAa,EAAA,EAAA;AAAA,gBACb,WAAa,EAAA,EAAA;AAAA,gBACb,IAAM,EAAA,KAAA;AAAA,gBACN,UAAU,EAAC;AAAA,eACb;AAAA,aACF,CAAA;AAAA,WACF;AAAA,iBACO,KAAO,EAAA;AACd,UAAA,UAAA,CAAW,KAAQ,GAAA;AAAA,YACjB;AAAA,cACE,GAAK,EAAA,GAAA;AAAA,cACL,IAAM,EAAA,oBAAA;AAAA,cACN,IAAA,EAAM,OAAO,UAAW,CAAA,KAAA;AAAA,cACxB,KAAO,EAAA,EAAA;AAAA,cACP,WAAa,EAAA,EAAA;AAAA,cACb,WAAa,EAAA,EAAA;AAAA,cACb,MAAM,UAAW,CAAA,KAAA;AAAA,cACjB,UAAU,EAAC;AAAA,aACb;AAAA,WACF,CAAA;AAAA,SACF;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,eAAe,CAAO,GAAA,KAAA;AAC1B,MAAA,UAAA,CAAW,KAAQ,GAAA,GAAA,CAAA;AACnB,MAAM,KAAA,CAAA,cAAA,EAAgB,eAAgB,CAAA,GAAG,CAAC,CAAA,CAAA;AAAA,KAC5C,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAK,CAAA,KAAA;AACH,QAAI,IAAA,CAAC,OAAQ,CAAA,CAAC,CAAG,EAAA;AACf,UAAI,IAAA,OAAO,MAAM,QAAU,EAAA;AACzB,YAAW,UAAA,CAAA,KAAA,GAAQ,IAAK,CAAA,SAAA,CAAU,CAAC,CAAA,CAAA;AACnC,YAAW,UAAA,CAAA,KAAA,GAAQ,eAAgB,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAAA,WACzC,MAAA;AACL,YAAA,UAAA,CAAW,KAAQ,GAAA,CAAA,CAAA;AACnB,YAAA,UAAA,CAAW,KAAQ,GAAA;AAAA,cACjB;AAAA,gBACE,GAAK,EAAA,GAAA;AAAA,gBACL,IAAM,EAAA,oBAAA;AAAA,gBACN,IAAA,EAAM,OAAO,KAAM,CAAA,KAAA;AAAA,gBACnB,KAAO,EAAA,EAAA;AAAA,gBACP,WAAa,EAAA,EAAA;AAAA,gBACb,WAAa,EAAA,EAAA;AAAA,gBACb,IAAM,EAAA,CAAA;AAAA,gBACN,UAAU,EAAC;AAAA,eACb;AAAA,aACF,CAAA;AAAA,WACF;AAAA,SACK,MAAA;AACL,UAAA,UAAA,CAAW,KAAQ,GAAA,EAAA,CAAA;AACnB,UAAA,UAAA,CAAW,KAAQ,GAAA;AAAA,YACjB;AAAA,cACE,GAAK,EAAA,GAAA;AAAA,cACL,IAAM,EAAA,oBAAA;AAAA,cACN,IAAM,EAAA,QAAA;AAAA,cACN,KAAO,EAAA,EAAA;AAAA,cACP,WAAa,EAAA,EAAA;AAAA,cACb,WAAa,EAAA,EAAA;AAAA,cACb,IAAM,EAAA,EAAA;AAAA,cACN,UAAU,EAAC;AAAA,aACb;AAAA,WACF,CAAA;AAAA,SACF;AACA,QAAQ,OAAA,CAAA,GAAA,CAAI,UAAW,CAAA,KAAA,EAAO,CAAC,CAAA,CAAA;AAAA,OACjC;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,QACN,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAA,KAAA,CAAM,YAAY,CAAK,CAAA,KAAA;AACrB,MAAI,IAAA;AACF,QAAM,MAAA,KAAA,GAAQ,IAAK,CAAA,KAAA,CAAM,CAAC,CAAA,CAAA;AAC1B,QAAI,IAAA,OAAO,UAAU,QAAU,EAAA;AAC7B,UAAA,KAAA,CAAM,gBAAgB,KAAK,CAAA,CAAA;AAAA,SACtB,MAAA;AACL,UAAA,KAAA,CAAM,gBAAgB,KAAK,CAAA,CAAA;AAAA,SAC7B;AAAA,eACO,KAAO,EAAA;AACd,QAAA,KAAA,CAAM,gBAAgB,CAAC,CAAA,CAAA;AAAA,OACzB;AAAA,KACD,CAAA,CAAA;AAED,IAAA,KAAA;AAAA,MACE,MAAM,UAAW,CAAA,KAAA;AAAA,MACjB,CAAK,CAAA,KAAA;AACH,QAAQ,OAAA,CAAA,GAAA,CAAI,EAAE,CAAA,EAAG,CAAA,CAAA;AAAA,OACnB;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,QACN,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}