ll-plus 2.1.20 → 2.1.21

package/lib/components/api-component/src/components/click-input.vue2.js

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var lodashEs = require('lodash-es');
+require('../../../../utils/index.js');
+require('../config/index.js');
+var apiModal = require('./api-modal.vue.js');
+var clickInput = require('../config/click-input.js');
+var createNamespace = require('../../../../utils/create-namespace.js');
+
+"use strict";
+const _hoisted_1 = ["disabled"];
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "LlClickInput" },
+  __name: "click-input",
+  props: clickInput.clickInputProps,
+  emits: clickInput.clickInputEmits,
+  setup(__props, { emit: __emit }) {
+    const bem = createNamespace.createNamespace("api-component");
+    const props = __props;
+    const emits = __emit;
+    const attrs = vue.useAttrs();
+    const innerValue = vue.ref(props.value);
+    const open = vue.ref(false);
+    const getBindValue = vue.computed(() => {
+      return lodashEs.omit({ ...attrs }, ["value"]);
+    });
+    const handleClick = () => {
+      if (attrs.disabled)
+        return;
+      open.value = true;
+    };
+    vue.watch(innerValue, (n) => {
+      emits("update:value", n);
+    });
+    return (_ctx, _cache) => {
+      const _component_ll_icon = vue.resolveComponent("ll-icon");
+      const _component_ll_input = vue.resolveComponent("ll-input");
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createVNode(_component_ll_input, vue.mergeProps({
+          value: innerValue.value,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event)
+        }, getBindValue.value, {
+          class: vue.unref(bem).m("click-input")
+        }), {
+          suffix: vue.withCtx(() => [
+            vue.createElementVNode("a", {
+              href: "javascript:;",
+              disabled: vue.unref(attrs).disabled,
+              onClick: handleClick
+            }, [
+              vue.createVNode(_component_ll_icon, {
+                style: { "font-size": "16px" },
+                "icon-name": "icon-amplify2"
+              })
+            ], 8, _hoisted_1)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["value", "class"]),
+        vue.createVNode(apiModal.default, {
+          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"])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=click-input.vue2.js.map

package/lib/components/api-component/src/components/click-input.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"click-input.vue2.js","sources":["../../../../../../packages/components/api-component/src/components/click-input.vue"],"sourcesContent":["<template>\n  <div>\n    <ll-input\n      v-model:value=\"innerValue\"\n      v-bind=\"getBindValue\"\n      :class=\"bem.m('click-input')\"\n    >\n      <template #suffix>\n        <a href=\"javascript:;\" :disabled=\"attrs.disabled\" @click=\"handleClick\">\n          <ll-icon style=\"font-size: 16px\" icon-name=\"icon-amplify2\" />\n        </a>\n      </template>\n    </ll-input>\n    <api-modal\n      v-model:value=\"innerValue\"\n      v-model:open=\"open\"\n      :type=\"props.type\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, useAttrs, watch, computed } from 'vue'\n\nimport { omit } from 'lodash-es'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { clickInputProps, clickInputEmits } from '../config'\n\nimport ApiModal from './api-modal.vue'\n\ndefineOptions({ name: 'LlClickInput' })\n\nconst bem = createNamespace('api-component')\n\nconst props = defineProps(clickInputProps)\n\nconst emits = defineEmits(clickInputEmits)\n\nconst attrs = useAttrs()\n\nconst innerValue = ref(props.value)\n\nconst open = ref(false)\n\nconst getBindValue = computed(() => {\n  return omit({ ...attrs }, ['value'])\n})\n\nconst handleClick = () => {\n  if (attrs.disabled) return\n  open.value = true\n}\n\nwatch(innerValue, n => {\n  emits('update:value', n)\n})\n</script>\n"],"names":["createNamespace","useAttrs","ref","computed","omit","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkCA,IAAM,MAAA,GAAA,GAAMA,gCAAgB,eAAe,CAAA,CAAA;AAE3C,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,UAAA,GAAaC,OAAI,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAElC,IAAM,MAAA,IAAA,GAAOA,QAAI,KAAK,CAAA,CAAA;AAEtB,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,OAAOC,cAAK,EAAE,GAAG,OAAS,EAAA,CAAC,OAAO,CAAC,CAAA,CAAA;AAAA,KACpC,CAAA,CAAA;AAED,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,IAAI,KAAM,CAAA,QAAA;AAAU,QAAA,OAAA;AACpB,MAAA,IAAA,CAAK,KAAQ,GAAA,IAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAAC,SAAA,CAAM,YAAY,CAAK,CAAA,KAAA;AACrB,MAAA,KAAA,CAAM,gBAAgB,CAAC,CAAA,CAAA;AAAA,KACxB,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/api-component/src/components/json-xml-table-row.vue.d.ts

@@ -0,0 +1,21 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("../config").IJsonXmlItem) | (() => import("../config").IJsonXmlItem) | ((new (...args: any[]) => import("../config").IJsonXmlItem) | (() => import("../config").IJsonXmlItem))[], unknown, unknown, () => void, boolean>;
+    readonly parentData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("../config").IJsonXmlItem) | (() => import("../config").IJsonXmlItem) | ((new (...args: any[]) => import("../config").IJsonXmlItem) | (() => import("../config").IJsonXmlItem))[], unknown, unknown, () => null, boolean>;
+    readonly layer: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly treeKey: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+}, any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: () => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("../config").IJsonXmlItem) | (() => import("../config").IJsonXmlItem) | ((new (...args: any[]) => import("../config").IJsonXmlItem) | (() => import("../config").IJsonXmlItem))[], unknown, unknown, () => void, boolean>;
+    readonly parentData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("../config").IJsonXmlItem) | (() => import("../config").IJsonXmlItem) | ((new (...args: any[]) => import("../config").IJsonXmlItem) | (() => import("../config").IJsonXmlItem))[], unknown, unknown, () => null, boolean>;
+    readonly layer: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly treeKey: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+}>> & {
+    onChange?: (() => any) | undefined;
+}, {
+    readonly data: import("../config").IJsonXmlItem;
+    readonly parentData: import("../config").IJsonXmlItem;
+    readonly layer: number;
+    readonly treeKey: string;
+}, {}>;
+export default _default;

package/lib/components/api-component/src/components/json-xml-table-row.vue.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsonXmlTableRow_vue_vue_type_script_setup_true_lang = require('./json-xml-table-row.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+"use strict";
+var TableRow = /* @__PURE__ */ _pluginVue_exportHelper.default(jsonXmlTableRow_vue_vue_type_script_setup_true_lang.default, [["__file", "json-xml-table-row.vue"]]);
+
+exports.default = TableRow;
+//# sourceMappingURL=json-xml-table-row.vue.js.map

package/lib/components/api-component/src/components/json-xml-table-row.vue.js.map

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

package/lib/components/api-component/src/components/json-xml-table-row.vue2.js

@@ -0,0 +1,458 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../../utils/index.js');
+require('../config/index.js');
+var jsonXmlTableRow = require('./json-xml-table-row.vue.js');
+var clickInput = require('./click-input.vue.js');
+var jsonXml = require('../config/json-xml.js');
+var createNamespace = require('../../../../utils/create-namespace.js');
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "LlJsonXmlTableRow" },
+  __name: "json-xml-table-row",
+  props: jsonXml.jsonXmlTableRowProps,
+  emits: jsonXml.jsonXmlTableRowEmits,
+  setup(__props, { emit: __emit }) {
+    const bem = createNamespace.createNamespace("json-xml");
+    const props = __props;
+    const emits = __emit;
+    const innerData = vue.ref(props.data);
+    const parentData = vue.ref(props.parentData);
+    const expanded = vue.ref(true);
+    const addValue = vue.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");
+    };
+    vue.watch(
+      innerData,
+      () => {
+        emits("change");
+      },
+      {
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_ll_icon = vue.resolveComponent("ll-icon");
+      const _component_ll_input = vue.resolveComponent("ll-input");
+      const _component_a_col = vue.resolveComponent("a-col");
+      const _component_ll_select = vue.resolveComponent("ll-select");
+      const _component_ll_tooltip = vue.resolveComponent("ll-tooltip");
+      const _component_ll_dropdown = vue.resolveComponent("ll-dropdown");
+      const _component_a_popconfirm = vue.resolveComponent("a-popconfirm");
+      const _component_a_row = vue.resolveComponent("a-row");
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createVNode(_component_a_row, {
+            gutter: 20,
+            class: vue.normalizeClass(vue.unref(bem).e("table-row"))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_a_col, {
+                style: { "display": "flex" },
+                span: 7,
+                class: vue.normalizeClass(vue.unref(bem).e("table-col"))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode(
+                    "p",
+                    {
+                      style: vue.normalizeStyle({ width: 10 * props.layer + "px" })
+                    },
+                    null,
+                    4
+                    /* STYLE */
+                  ),
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      style: { "margin-right": "30px" },
+                      class: vue.normalizeClass(vue.unref(bem).m("table-row-icon"))
+                    },
+                    [
+                      innerData.value.type === "object" || innerData.value.type === "array" ? (vue.openBlock(), vue.createElementBlock("span", {
+                        key: 0,
+                        style: { "width": "10px" },
+                        onClick: _cache[0] || (_cache[0] = ($event) => expanded.value = !expanded.value)
+                      }, [
+                        !expanded.value ? (vue.openBlock(), vue.createBlock(_component_ll_icon, {
+                          key: 0,
+                          style: { "font-size": "14px" },
+                          "icon-name": "icon-list-expand"
+                        })) : (vue.openBlock(), vue.createBlock(_component_ll_icon, {
+                          key: 1,
+                          style: { "font-size": "14px" },
+                          "icon-name": "icon-list-retract"
+                        }))
+                      ])) : vue.createCommentVNode("v-if", true)
+                    ],
+                    2
+                    /* CLASS */
+                  ),
+                  !props.parentData ? (vue.openBlock(), vue.createElementBlock(
+                    "div",
+                    {
+                      key: 0,
+                      class: vue.normalizeClass(vue.unref(bem).m("table-row-tag"))
+                    },
+                    "\u6839\u8282\u70B9",
+                    2
+                    /* CLASS */
+                  )) : (vue.openBlock(), vue.createElementBlock(
+                    vue.Fragment,
+                    { key: 1 },
+                    [
+                      props.parentData.type === "array" ? (vue.openBlock(), vue.createElementBlock(
+                        "div",
+                        {
+                          key: 0,
+                          class: vue.normalizeClass(vue.unref(bem).m("table-row-tag"))
+                        },
+                        " ITEMS ",
+                        2
+                        /* CLASS */
+                      )) : vue.createCommentVNode("v-if", true),
+                      props.parentData.type === "object" ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("v-if", true)
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class"]),
+              vue.createVNode(_component_a_col, {
+                span: 3,
+                class: vue.normalizeClass(vue.unref(bem).e("table-col"))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_ll_select, {
+                    value: innerData.value.type,
+                    "onUpdate:value": _cache[2] || (_cache[2] = ($event) => innerData.value.type = $event),
+                    options: vue.unref(jsonXml.jsonXmlTypeOptions),
+                    style: { "width": "100%" },
+                    onChange: handleChange
+                  }, null, 8, ["value", "options"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class"]),
+              vue.createVNode(_component_a_col, {
+                span: 4,
+                class: vue.normalizeClass(vue.unref(bem).e("table-col"))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(clickInput.default, {
+                    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"]),
+              vue.createVNode(_component_a_col, {
+                span: 4,
+                class: vue.normalizeClass(vue.unref(bem).e("table-col"))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.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"]),
+              vue.createVNode(_component_a_col, {
+                span: 4,
+                class: vue.normalizeClass(vue.unref(bem).e("table-col"))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(clickInput.default, {
+                    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"]),
+              vue.createVNode(_component_a_col, { span: 2 }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: vue.normalizeClass(vue.unref(bem).e("table-operation"))
+                    },
+                    [
+                      props.parentData && props.parentData.type === "object" && innerData.value.type !== "object" || !props.parentData && innerData.value.type === "object" ? (vue.openBlock(), vue.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: vue.withCtx(() => [
+                          vue.createElementVNode(
+                            "a",
+                            {
+                              href: "javascript:;",
+                              class: vue.normalizeClass(vue.unref(bem).m("table-icon")),
+                              onClick: _cache[6] || (_cache[6] = ($event) => handleAdd(
+                                getTip(parentData.value, innerData.value),
+                                props.parentData,
+                                innerData.value
+                              ))
+                            },
+                            [
+                              vue.createVNode(_component_ll_icon, { "icon-name": "icon-list-add" })
+                            ],
+                            2
+                            /* CLASS */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["tip"])) : vue.createCommentVNode("v-if", true),
+                      vue.createVNode(_component_ll_dropdown, {
+                        "dropdown-items": customOverlay(props.parentData, innerData.value),
+                        placement: "bottomRight",
+                        onClaimSelected: handleClaimSelected
+                      }, {
+                        default: vue.withCtx(() => [
+                          props.parentData && props.parentData.type === "object" && innerData.value.type === "object" ? (vue.openBlock(), vue.createElementBlock(
+                            "a",
+                            {
+                              key: 0,
+                              class: vue.normalizeClass(vue.unref(bem).m("table-icon")),
+                              href: "javascript:;"
+                            },
+                            [
+                              vue.createVNode(_component_ll_icon, { "icon-name": "icon-list-add" })
+                            ],
+                            2
+                            /* CLASS */
+                          )) : vue.createCommentVNode("v-if", true)
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["dropdown-items"]),
+                      props.parentData && props.parentData.type !== "array" ? (vue.openBlock(), vue.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": vue.unref(bem).e("popconfirm"),
+                        onConfirm: _cache[7] || (_cache[7] = ($event) => handleConfirm(props.parentData, innerData.value))
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createElementVNode(
+                            "a",
+                            {
+                              href: "javascript:;",
+                              class: vue.normalizeClass(vue.unref(bem).m("table-icon"))
+                            },
+                            [
+                              vue.createVNode(_component_ll_icon, { "icon-name": "icon-remove" })
+                            ],
+                            2
+                            /* CLASS */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["overlay-class-name"])) : vue.createCommentVNode("v-if", true)
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class"]),
+          expanded.value ? (vue.openBlock(), vue.createElementBlock(
+            vue.Fragment,
+            { key: 0 },
+            [
+              innerData.value.type === "object" && innerData.value.children && innerData.value.children.length === 0 ? (vue.openBlock(), vue.createBlock(_component_a_row, {
+                key: 0,
+                gutter: 20,
+                class: vue.normalizeClass(vue.unref(bem).e("table-row"))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_a_col, {
+                    style: { "display": "flex" },
+                    span: 7,
+                    class: vue.normalizeClass(vue.unref(bem).e("table-col"))
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode(
+                        "p",
+                        {
+                          style: vue.normalizeStyle({ width: 10 * props.layer + "px" })
+                        },
+                        null,
+                        4
+                        /* STYLE */
+                      ),
+                      vue.createElementVNode(
+                        "div",
+                        {
+                          style: { "margin-right": "30px" },
+                          class: vue.normalizeClass(vue.unref(bem).m("table-row-icon"))
+                        },
+                        null,
+                        2
+                        /* CLASS */
+                      ),
+                      vue.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"])) : vue.createCommentVNode("v-if", true),
+              innerData.value.children && innerData.value.children.length > 0 ? (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                { key: 1 },
+                vue.renderList(innerData.value.children, (child, index) => {
+                  return vue.openBlock(), vue.createBlock(jsonXmlTableRow.default, {
+                    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 */
+              )) : vue.createCommentVNode("v-if", true)
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : vue.createCommentVNode("v-if", true)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=json-xml-table-row.vue2.js.map

package/lib/components/api-component/src/components/json-xml-table-row.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-xml-table-row.vue2.js","sources":["../../../../../../packages/components/api-component/src/components/json-xml-table-row.vue"],"sourcesContent":["<template>\n  <a-row :gutter=\"20\" :class=\"bem.e('table-row')\">\n    <a-col style=\"display: flex\" :span=\"7\" :class=\"bem.e('table-col')\">\n      <p :style=\"{ width: 10 * props.layer + 'px' }\" />\n      <div style=\"margin-right: 30px\" :class=\"bem.m('table-row-icon')\">\n        <span\n          v-if=\"innerData.type === 'object' || innerData.type === 'array'\"\n          style=\"width: 10px\"\n          @click=\"expanded = !expanded\"\n        >\n          <ll-icon\n            v-if=\"!expanded\"\n            style=\"font-size: 14px\"\n            icon-name=\"icon-list-expand\"\n          />\n          <ll-icon\n            v-else\n            style=\"font-size: 14px\"\n            icon-name=\"icon-list-retract\"\n          />\n        </span>\n      </div>\n\n      <div v-if=\"!props.parentData\" :class=\"bem.m('table-row-tag')\">根节点</div>\n      <template v-else>\n        <div\n          v-if=\"props.parentData.type === 'array'\"\n          :class=\"bem.m('table-row-tag')\"\n        >\n          ITEMS\n        </div>\n        <ll-input\n          v-if=\"props.parentData.type === 'object'\"\n          v-model:value=\"innerData.name\"\n          placeholder=\"添加字段名\"\n          :bordered=\"false\"\n        ></ll-input>\n      </template>\n    </a-col>\n    <a-col :span=\"3\" :class=\"bem.e('table-col')\">\n      <ll-select\n        v-model:value=\"innerData.type\"\n        :options=\"jsonXmlTypeOptions\"\n        style=\"width: 100%\"\n        @change=\"handleChange\"\n      />\n    </a-col>\n    <a-col :span=\"4\" :class=\"bem.e('table-col')\">\n      <click-input\n        v-model:value=\"innerData.mock\"\n        placeholder=\"Mock\"\n        :disabled=\"innerData.type === 'object'\"\n        style=\"width: 100%\"\n      />\n    </a-col>\n    <a-col :span=\"4\" :class=\"bem.e('table-col')\">\n      <ll-input\n        v-model:value=\"innerData.chineseName\"\n        placeholder=\"中文名\"\n        style=\"width: 100%\"\n      />\n    </a-col>\n    <a-col :span=\"4\" :class=\"bem.e('table-col')\">\n      <click-input\n        v-model:value=\"innerData.description\"\n        placeholder=\"说明\"\n        style=\"width: 100%\"\n      />\n    </a-col>\n    <a-col :span=\"2\">\n      <div :class=\"bem.e('table-operation')\">\n        <ll-tooltip\n          v-if=\"\n            (props.parentData &&\n              props.parentData.type === 'object' &&\n              innerData.type !== 'object') ||\n            (!props.parentData && innerData.type === 'object')\n          \"\n          :tip=\"\n            getTip(parentData, innerData) === 'child'\n              ? '添加子节点'\n              : '添加相邻节点'\n          \"\n        >\n          <a\n            href=\"javascript:;\"\n            :class=\"bem.m('table-icon')\"\n            @click=\"\n              handleAdd(\n                getTip(parentData, innerData),\n                props.parentData,\n                innerData\n              )\n            \"\n          >\n            <ll-icon icon-name=\"icon-list-add\" />\n          </a>\n        </ll-tooltip>\n\n        <ll-dropdown\n          :dropdown-items=\"customOverlay(props.parentData, innerData)\"\n          placement=\"bottomRight\"\n          @claim-selected=\"handleClaimSelected\"\n        >\n          <a\n            v-if=\"\n              props.parentData &&\n              props.parentData.type === 'object' &&\n              innerData.type === 'object'\n            \"\n            :class=\"bem.m('table-icon')\"\n            href=\"javascript:;\"\n          >\n            <ll-icon icon-name=\"icon-list-add\" />\n          </a>\n        </ll-dropdown>\n\n        <a-popconfirm\n          v-if=\"props.parentData && props.parentData.type !== 'array'\"\n          title=\"你确定要移除吗？\"\n          ok-text=\"确认\"\n          cancel-text=\"取消\"\n          placement=\"topRight\"\n          :overlay-class-name=\"bem.e('popconfirm')\"\n          @confirm=\"handleConfirm(props.parentData, innerData)\"\n        >\n          <a href=\"javascript:;\" :class=\"bem.m('table-icon')\">\n            <ll-icon icon-name=\"icon-remove\" />\n          </a>\n        </a-popconfirm>\n      </div>\n    </a-col>\n  </a-row>\n\n  <template v-if=\"expanded\">\n    <a-row\n      v-if=\"\n        innerData.type === 'object' &&\n        innerData.children &&\n        innerData.children.length === 0\n      \"\n      :gutter=\"20\"\n      :class=\"bem.e('table-row')\"\n    >\n      <a-col style=\"display: flex\" :span=\"7\" :class=\"bem.e('table-col')\">\n        <p :style=\"{ width: 10 * props.layer + 'px' }\" />\n        <div style=\"margin-right: 30px\" :class=\"bem.m('table-row-icon')\" />\n        <ll-input\n          v-model:value=\"addValue\"\n          placeholder=\"添加字段名\"\n          :bordered=\"false\"\n          @input=\"handleInput\"\n        />\n      </a-col>\n    </a-row>\n\n    <template v-if=\"innerData.children && innerData.children.length > 0\">\n      <template v-for=\"(child, index) in innerData.children\" :key=\"index\">\n        <table-row\n          :parent-data=\"innerData\"\n          :data=\"child\"\n          :layer=\"props.layer + 1\"\n          :tree-key=\"props.treeKey + '-' + (index + 1)\"\n          @change=\"handleRowChange\"\n        />\n      </template>\n    </template>\n  </template>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport {\n  jsonXmlTypeOptions,\n  jsonXmlTableRowProps,\n  jsonXmlTableRowEmits\n} from '../config'\n\nimport TableRow from './json-xml-table-row.vue'\n\nimport ClickInput from './click-input.vue'\n\ndefineOptions({ name: 'LlJsonXmlTableRow' })\n\nconst bem = createNamespace('json-xml')\n\nconst props = defineProps(jsonXmlTableRowProps)\n\nconst emits = defineEmits(jsonXmlTableRowEmits)\n\nconst innerData = ref(props.data)\n\nconst parentData = ref(props.parentData)\n\nconst expanded = ref(true)\n\nconst addValue = ref('')\n\nconst customOverlay = (parentData, innerData) => [\n  {\n    label: '添加子节点',\n    type: 'child',\n    parentData,\n    innerData\n  },\n  {\n    label: '添加相邻节点',\n    type: 'next',\n    parentData,\n    innerData\n  }\n]\n\nconst getTip = (parentData, innerData) => {\n  if (\n    !parentData ||\n    (parentData.type === 'array' && innerData.type === 'object')\n  ) {\n    return 'child'\n  }\n  if (parentData.type === 'object' && innerData.type !== 'object') {\n    return 'next'\n  }\n}\n\nconst handleChange = () => {\n  if (innerData.value.type === 'object' || innerData.value.type === 'array') {\n    innerData.value.children = []\n    if (innerData.value.type === 'array') {\n      innerData.value.children[0] = {\n        key: props.treeKey + '-1',\n        name: 'ITEMS',\n        type: 'string',\n        value: '',\n        chineseName: '',\n        description: '',\n        mock: ''\n      }\n    }\n  } else {\n    delete innerData.value.children\n  }\n}\n\nconst handleConfirm = (parentData, innerData) => {\n  const findIndex = parentData.children.findIndex(\n    item => item.key === innerData.key\n  )\n  parentData.children.splice(findIndex, 1)\n}\n\nconst handleInput = () => {\n  innerData.value.children = []\n  innerData.value.children[0] = {\n    key: props.treeKey + '-1',\n    name: addValue.value,\n    type: 'string',\n    value: '',\n    chineseName: '',\n    description: '',\n    mock: ''\n  }\n  addValue.value = ''\n}\n\nconst handleAdd = (type, parentData, innerData) => {\n  if (type === 'next') {\n    parentData.children.push({\n      key: `${parentData.children.length + 1}`,\n      name: '',\n      type: 'string',\n      value: '',\n      chineseName: '',\n      description: '',\n      mock: ''\n    })\n  } else {\n    innerData.children.push({\n      key: props.treeKey + `${innerData.children.length + 1}`,\n      name: '',\n      type: 'string',\n      value: '',\n      chineseName: '',\n      description: '',\n      mock: ''\n    })\n  }\n}\nconst handleClaimSelected = item => {\n  const { type, parentData, innerData } = item\n  handleAdd(type, parentData, innerData)\n}\n\nconst handleRowChange = () => {\n  emits('change')\n}\nwatch(\n  innerData,\n  () => {\n    emits('change')\n  },\n  {\n    deep: true\n  }\n)\n</script>\n"],"names":["createNamespace","ref","parentData","innerData","watch"],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly dataSource: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("../config").IJsonXmlItem[]) | (() => import("../config").IJsonXmlItem[]) | ((new (...args: any[]) => import("../config").IJsonXmlItem[]) | (() => import("../config").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: import("../config").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[]) => import("../config").IJsonXmlItem[]) | (() => import("../config").IJsonXmlItem[]) | ((new (...args: any[]) => import("../config").IJsonXmlItem[]) | (() => import("../config").IJsonXmlItem[]))[], unknown, unknown, () => never[], boolean>;
+}>> & {
+    onChange?: ((value: any) => any) | undefined;
+}, {
+    readonly dataSource: import("../config").IJsonXmlItem[];
+}, {}>;
+export default _default;

package/lib/components/api-component/src/components/json-xml-table.vue.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsonXmlTable_vue_vue_type_script_setup_true_lang = require('./json-xml-table.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+"use strict";
+var TreeTable = /* @__PURE__ */ _pluginVue_exportHelper.default(jsonXmlTable_vue_vue_type_script_setup_true_lang.default, [["__file", "json-xml-table.vue"]]);
+
+exports.default = TreeTable;
+//# sourceMappingURL=json-xml-table.vue.js.map

package/lib/components/api-component/src/components/json-xml-table.vue.js.map

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