page-schema-enginer-shun 1.0.4

package/dist/index.cjs.js

@@ -0,0 +1,1416 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const pinia = require("pinia");
+const Ajv = require("ajv");
+const elementPlus = require("element-plus");
+const useUserStore = pinia.defineStore("user", {
+  state: () => ({
+    name: "DemoUser"
+  })
+});
+const _hoisted_1$b = { class: "schema-form-input-container" };
+const _hoisted_2$5 = { class: "schema-form-input" };
+const _hoisted_3$3 = { class: "schema-form-input-item-label" };
+const _hoisted_4$2 = { key: 0 };
+const _hoisted_5 = {
+  key: 0,
+  style: { "color": "red", "margin-top": "10px" }
+};
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+  __name: "input",
+  props: ["model", "ItemKey", "schema"],
+  setup(__props, { expose: __expose }) {
+    const ajvInstance = vue.inject("ajvInstance");
+    const dataValue = vue.ref();
+    const tipsMessage = vue.ref(null);
+    const valid = () => {
+      var _a;
+      if (((_a = __props.schema.option) == null ? void 0 : _a.required) && !dataValue.value) {
+        tipsMessage.value = "请输入";
+        return false;
+      }
+      const validate = ajvInstance.compile(__props.schema);
+      const valid2 = validate(dataValue.value);
+      console.log(valid2, validate.errors);
+      if (!valid2 && validate.errors && validate.errors[0]) {
+        if (validate.errors[0].keyword == "minLength") {
+          tipsMessage.value = "最小长度为" + validate.errors[0].params.limit;
+        }
+        return false;
+      }
+      return true;
+    };
+    vue.watch(
+      () => __props.model,
+      () => {
+        initData();
+      }
+    );
+    const onBlur = () => {
+      valid();
+    };
+    const onFocus = () => {
+      tipsMessage.value = null;
+    };
+    const getValue = () => {
+      return dataValue.value !== void 0 ? { [__props.ItemKey]: dataValue.value } : {};
+    };
+    const initData = () => {
+      var _a;
+      dataValue.value = __props.model ?? ((_a = __props.schema.option) == null ? void 0 : _a.default);
+      tipsMessage.value = null;
+    };
+    const reset = () => {
+      dataValue.value = void 0;
+    };
+    vue.onMounted(() => {
+      initData();
+    });
+    __expose({
+      valid,
+      getValue,
+      reset
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      const _component_el_input = vue.resolveComponent("el-input");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+        vue.createElementVNode("div", _hoisted_2$5, [
+          vue.createElementVNode("span", _hoisted_3$3, vue.toDisplayString((_a = __props.schema) == null ? void 0 : _a.label), 1),
+          ((_b = __props.schema.option) == null ? void 0 : _b.required) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$2, "*")) : vue.createCommentVNode("", true),
+          vue.createVNode(_component_el_input, vue.mergeProps({
+            modelValue: dataValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dataValue.value = $event)
+          }, __props.schema.option, {
+            onBlur,
+            onFocus
+          }), null, 16, ["modelValue"])
+        ]),
+        tipsMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, vue.toDisplayString(tipsMessage.value), 1)) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const input = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-5d94c475"]]);
+const _hoisted_1$a = { class: "schema-form-radio-container" };
+const _hoisted_2$4 = { class: "schema-form-radio" };
+const _hoisted_3$2 = { class: "schema-form-radio-label" };
+const _hoisted_4$1 = { key: 0 };
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+  __name: "radio",
+  props: ["model", "ItemKey", "schema"],
+  setup(__props, { expose: __expose }) {
+    const radioData = vue.ref();
+    const enumerate = vue.ref([]);
+    const tip = vue.ref();
+    vue.watch(
+      () => __props.model,
+      () => {
+        buildData();
+      }
+    );
+    const getValue = () => {
+      return radioData.value !== void 0 ? { [__props.ItemKey]: radioData.value } : {};
+    };
+    const buildData = () => {
+      var _a, _b;
+      tip.value = null;
+      enumerate.value = ((_a = __props.schema.option) == null ? void 0 : _a.enumList) || [];
+      radioData.value = __props.model ?? ((_b = __props.schema.option) == null ? void 0 : _b.default);
+    };
+    const valid = () => {
+      if (radioData.value !== void 0) {
+        return true;
+      }
+      tip.value = "请选择一项";
+      return false;
+    };
+    vue.onMounted(() => {
+      buildData();
+    });
+    const reset = () => {
+      radioData.value = void 0;
+    };
+    __expose({
+      getValue,
+      valid,
+      reset
+    });
+    return (_ctx, _cache) => {
+      const _component_el_radio = vue.resolveComponent("el-radio");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+        vue.createElementVNode("div", _hoisted_2$4, [
+          vue.createElementVNode("span", _hoisted_3$2, vue.toDisplayString(__props.schema.label), 1),
+          vue.createVNode(_component_el_radio_group, {
+            modelValue: radioData.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => radioData.value = $event)
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(enumerate.value, (item) => {
+                return vue.openBlock(), vue.createBlock(_component_el_radio, {
+                  key: item.value,
+                  value: item.value,
+                  size: "large"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(item.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["value"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          tip.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, vue.toDisplayString(tip.value), 1)) : vue.createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+const radio = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-844b46ca"]]);
+const _hoisted_1$9 = { class: "schema-form-input-number-container" };
+const _hoisted_2$3 = { class: "schema-form-input-number" };
+const _hoisted_3$1 = { class: "schema-form-input-number-label" };
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+  __name: "input-number",
+  props: ["model", "ItemKey", "schema"],
+  setup(__props, { expose: __expose }) {
+    const num = vue.ref(0);
+    const tip = vue.ref();
+    const getValue = () => {
+      return num.value !== void 0 ? { [__props.ItemKey]: num.value } : {};
+    };
+    const buildData = () => {
+      var _a;
+      tip.value = null;
+      num.value = __props.model ?? ((_a = __props.schema.option) == null ? void 0 : _a.default);
+    };
+    const valid = () => {
+      if (num.value !== void 0) {
+        return true;
+      }
+      tip.value = "请选择一项";
+      return false;
+    };
+    const handleChange = () => {
+    };
+    const reset = () => {
+      num.value = 0;
+    };
+    vue.onMounted(() => {
+      buildData();
+    });
+    __expose({
+      getValue,
+      valid,
+      reset
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input_number = vue.resolveComponent("el-input-number");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+        vue.createElementVNode("div", _hoisted_2$3, [
+          vue.createElementVNode("div", _hoisted_3$1, vue.toDisplayString(__props.schema.label), 1),
+          vue.createVNode(_component_el_input_number, vue.mergeProps({
+            modelValue: num.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => num.value = $event)
+          }, __props.schema.option, { onChange: handleChange }), null, 16, ["modelValue"])
+        ])
+      ]);
+    };
+  }
+});
+const inputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-be909ea6"]]);
+const _hoisted_1$8 = { class: "schema-form-select-container" };
+const _hoisted_2$2 = { class: "schema-form-select" };
+const _hoisted_3 = { class: "schema-form-select-label" };
+const _hoisted_4 = { key: 0 };
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+  __name: "select",
+  props: ["model", "ItemKey", "schema"],
+  setup(__props, { expose: __expose }) {
+    const selectData = vue.ref();
+    const enumerate = vue.ref([]);
+    const tip = vue.ref();
+    vue.watch(
+      () => __props.model,
+      () => {
+        buildData();
+      }
+    );
+    const getValue = () => {
+      return selectData.value !== void 0 ? { [__props.ItemKey]: selectData.value } : {};
+    };
+    const buildData = () => {
+      var _a, _b;
+      tip.value = null;
+      enumerate.value = ((_a = __props.schema.option) == null ? void 0 : _a.enumList) || [];
+      selectData.value = __props.model ?? ((_b = __props.schema.option) == null ? void 0 : _b.default);
+    };
+    const valid = () => {
+      if (selectData.value !== void 0) {
+        return true;
+      }
+      tip.value = "请选择一项";
+      return false;
+    };
+    vue.onMounted(() => {
+      buildData();
+    });
+    const reset = () => {
+      selectData.value = void 0;
+    };
+    __expose({
+      getValue,
+      valid,
+      reset
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
+        vue.createElementVNode("div", _hoisted_2$2, [
+          vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(__props.schema.label), 1),
+          vue.createVNode(_component_el_select, {
+            modelValue: selectData.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectData.value = $event),
+            placeholder: "请选择"
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(enumerate.value, (item) => {
+                return vue.openBlock(), vue.createBlock(_component_el_option, {
+                  key: item.value,
+                  label: item.label,
+                  value: item.value
+                }, null, 8, ["label", "value"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          tip.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, vue.toDisplayString(tip.value), 1)) : vue.createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+const select = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-65d85e93"]]);
+const formItemConfig = {
+  input: {
+    component: input
+  },
+  radio: {
+    component: radio
+  },
+  inputNumber: {
+    component: inputNumber
+  },
+  select: {
+    component: select
+  }
+};
+const _hoisted_1$7 = {
+  key: 0,
+  class: "schema-form-complex-view"
+};
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+  __name: "schema-form",
+  props: {
+    schema: {},
+    model: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const ajvInstance = new Ajv({ strict: false });
+    const formItemListRef = vue.ref([]);
+    const resolveFormItemComponent = (comType) => {
+      var _a;
+      if (!comType) return null;
+      return ((_a = formItemConfig[comType]) == null ? void 0 : _a.component) ?? null;
+    };
+    const getValue = () => {
+      let dtoObj = {};
+      (formItemListRef.value || []).forEach((item) => {
+        if (item && typeof item.getValue === "function") {
+          dtoObj = { ...dtoObj, ...item.getValue() };
+        }
+      });
+      return dtoObj;
+    };
+    const valid = () => {
+      return (formItemListRef.value || []).every(
+        (item) => item && typeof item.valid === "function" && item.valid()
+      );
+    };
+    const reset = () => {
+      (formItemListRef.value || []).forEach((item) => {
+        if (item && typeof item.reset === "function") item.reset();
+      });
+    };
+    __expose({
+      valid,
+      getValue,
+      reset
+    });
+    vue.provide("ajvInstance", ajvInstance);
+    return (_ctx, _cache) => {
+      return __props.schema && __props.schema.properties ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.schema.properties, (value, key) => {
+          var _a, _b;
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key }, [
+            resolveFormItemComponent((_a = value.option) == null ? void 0 : _a.comType) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(resolveFormItemComponent((_b = value.option) == null ? void 0 : _b.comType)), {
+              key: 0,
+              ref_for: true,
+              ref_key: "formItemListRef",
+              ref: formItemListRef,
+              model: __props.model ? __props.model[key] : void 0,
+              ItemKey: key,
+              schema: value
+            }, null, 8, ["model", "ItemKey", "schema"])) : vue.createCommentVNode("", true)
+          ], 64);
+        }), 128))
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+const schemaForm = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-81b6c9bb"]]);
+let requestFn = null;
+function setRequestClient(fn) {
+  requestFn = fn;
+}
+function request(options) {
+  if (!requestFn) throw new Error("请先使用 setRequestClient 注册请求客户端");
+  console.log("requestrequestrequest");
+  return requestFn(options);
+}
+const _hoisted_1$6 = { class: "createForm" };
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+  __name: "createForm",
+  emits: ["command"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { components, api } = vue.inject("schemeViewData");
+    const emit = __emit;
+    const schemaFormRef = vue.ref(null);
+    const submit = async () => {
+      var _a;
+      const values = (_a = schemaFormRef.value) == null ? void 0 : _a.getValue();
+      console.log(values);
+      if (!api.add) return;
+      const res = await request({
+        url: api.add,
+        method: "post",
+        data: values
+      });
+      if (!res || !res.data) return;
+      elementPlus.ElNotification({
+        title: "Title",
+        message: "添加成功"
+      });
+      close();
+      emit("command", { event: "loadTableData" });
+    };
+    const name = vue.ref("createForm");
+    const isShow = vue.ref(false);
+    const show = () => {
+      isShow.value = true;
+    };
+    const close = () => {
+      var _a;
+      isShow.value = false;
+      (_a = schemaFormRef.value) == null ? void 0 : _a.reset();
+    };
+    vue.onMounted(() => {
+    });
+    __expose({
+      name,
+      show
+    });
+    vueRouter.useRouter();
+    vueRouter.useRoute();
+    useUserStore();
+    return (_ctx, _cache) => {
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+        vue.createVNode(_component_el_dialog, {
+          modelValue: isShow.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isShow.value = $event),
+          title: "新建",
+          width: "600"
+        }, {
+          default: vue.withCtx(() => {
+            var _a, _b;
+            return [
+              vue.createVNode(schemaForm, {
+                ref_key: "schemaFormRef",
+                ref: schemaFormRef,
+                schema: (_a = vue.unref(components)[name.value]) == null ? void 0 : _a.schema,
+                config: (_b = vue.unref(components)[name.value]) == null ? void 0 : _b.config
+              }, null, 8, ["schema", "config"])
+            ];
+          }),
+          footer: vue.withCtx(() => [
+            vue.createVNode(_component_el_button, {
+              type: "primary",
+              onClick: submit
+            }, {
+              default: vue.withCtx(() => [..._cache[1] || (_cache[1] = [
+                vue.createTextVNode("提交", -1)
+              ])]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_button, {
+              type: "primary",
+              onClick: close
+            }, {
+              default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
+                vue.createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+const createFormC = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-7f4df64c"]]);
+const _hoisted_1$5 = { class: "editForm" };
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+  __name: "editForm",
+  emits: ["command"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { components, api } = vue.inject("schemeViewData");
+    const emit = __emit;
+    const isDrawer = vue.ref(false);
+    const name = vue.ref("editForm");
+    const model = vue.ref();
+    const mainKey = vue.ref();
+    const show = async (rowData) => {
+      var _a, _b;
+      mainKey.value = (_b = (_a = components.value[name.value]) == null ? void 0 : _a.config) == null ? void 0 : _b.mainKey;
+      model.value = rowData;
+      isDrawer.value = true;
+    };
+    const close = () => {
+      isDrawer.value = false;
+      model.value = null;
+    };
+    const schemaFormRef = vue.ref(null);
+    const submit = () => {
+      var _a, _b;
+      if (!((_a = schemaFormRef.value) == null ? void 0 : _a.valid())) return;
+      const data = (_b = schemaFormRef.value) == null ? void 0 : _b.getValue();
+      if (!api.update) return;
+      request({
+        url: api.update,
+        method: "put",
+        data: {
+          [mainKey.value]: model.value[mainKey.value],
+          ...data
+        }
+      }).then((res) => {
+        elementPlus.ElNotification({
+          message: "修改成功",
+          type: "success"
+        });
+        close();
+        emit("command", {
+          event: "loadTableData"
+        });
+      });
+    };
+    vue.onMounted(() => {
+    });
+    __expose({
+      show,
+      name,
+      close
+    });
+    vueRouter.useRouter();
+    vueRouter.useRoute();
+    useUserStore();
+    return (_ctx, _cache) => {
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+        vue.createVNode(_component_el_dialog, {
+          modelValue: isDrawer.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isDrawer.value = $event),
+          title: "编辑",
+          width: "600"
+        }, {
+          default: vue.withCtx(() => {
+            var _a, _b;
+            return [
+              vue.createVNode(schemaForm, {
+                ref_key: "schemaFormRef",
+                ref: schemaFormRef,
+                schema: (_a = vue.unref(components)[name.value]) == null ? void 0 : _a.schema,
+                config: (_b = vue.unref(components)[name.value]) == null ? void 0 : _b.config,
+                model: model.value
+              }, null, 8, ["schema", "config", "model"])
+            ];
+          }),
+          footer: vue.withCtx(() => [
+            vue.createVNode(_component_el_button, {
+              type: "primary",
+              onClick: submit
+            }, {
+              default: vue.withCtx(() => [..._cache[1] || (_cache[1] = [
+                vue.createTextVNode("修改", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+const componentConfig = {
+  createForm: {
+    component: createFormC
+  },
+  editForm: {
+    component: _sfc_main$9
+  }
+};
+let requestAdapter;
+const service = async (config) => {
+  return requestAdapter(config);
+};
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+  __name: "tag",
+  props: {
+    row: {
+      type: Object,
+      default: () => {
+      }
+    },
+    column: {
+      type: Object,
+      default: () => {
+      }
+    },
+    index: {
+      type: Number,
+      default: 0
+    },
+    itemKey: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, vue.toDisplayString(__props.row[__props.itemKey]), 1);
+    };
+  }
+});
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+  __name: "format-enum",
+  props: {
+    row: {
+      type: Object,
+      default: () => {
+      }
+    },
+    column: {
+      type: Object,
+      default: () => {
+      }
+    },
+    index: {
+      type: Number,
+      default: 0
+    },
+    itemKey: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const enumeration = vue.ref([]);
+    const getLabel = (value) => {
+      var _a;
+      if (enumeration.value && enumeration.value.length > 0) {
+        const item = (_a = enumeration.value) == null ? void 0 : _a.find((item2) => item2.value == value);
+        if (!item) return;
+        return item == null ? void 0 : item.label;
+      }
+      return null;
+    };
+    vue.watch([__props.row, __props.column, __props.index, __props.itemKey], (newVal) => {
+      initData();
+    });
+    const initData = () => {
+      var _a, _b;
+      enumeration.value = ((_b = (_a = __props.column.option) == null ? void 0 : _a.formatEnumConfig) == null ? void 0 : _b.enumeration) || [];
+    };
+    vue.onMounted(() => {
+      initData();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode("div", null, vue.toDisplayString(getLabel(__props.row[__props.itemKey])), 1)
+      ]);
+    };
+  }
+});
+function formatDate(input2, pattern = "yyyy-MM-dd hh:mm:ss") {
+  const date = input2 instanceof Date ? input2 : new Date(input2);
+  const map = {
+    "M+": date.getMonth() + 1,
+    "d+": date.getDate(),
+    "h+": date.getHours(),
+    "m+": date.getMinutes(),
+    "s+": date.getSeconds(),
+    "q+": Math.floor((date.getMonth() + 3) / 3),
+    S: date.getMilliseconds()
+  };
+  let result = pattern;
+  if (/(y+)/.test(result)) {
+    result = result.replace(
+      RegExp.$1,
+      (date.getFullYear() + "").substr(4 - RegExp.$1.length)
+    );
+  }
+  for (const k in map) {
+    if (new RegExp("(" + k + ")").test(result)) {
+      const val = map[k];
+      result = result.replace(
+        RegExp.$1,
+        RegExp.$1.length === 1 ? String(val) : ("00" + val).substr(("" + val).length)
+      );
+    }
+  }
+  return result;
+}
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  __name: "format-date",
+  props: {
+    row: {
+      type: Object,
+      default: () => {
+      }
+    },
+    column: {
+      type: Object,
+      default: () => {
+      }
+    },
+    index: {
+      type: Number,
+      default: 0
+    },
+    itemKey: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const getDate = (value) => {
+      var _a, _b;
+      const formatString = ((_b = (_a = __props.column.option) == null ? void 0 : _a.formatDateConfig) == null ? void 0 : _b.formatString) || "yyyy-MM-dd hh:mm:ss";
+      return formatDate(value, formatString);
+    };
+    vue.watch([__props.row, __props.column, __props.index, __props.itemKey], (newVal) => {
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode("div", null, vue.toDisplayString(getDate(__props.row[__props.itemKey])), 1)
+      ]);
+    };
+  }
+});
+const tableConfig = {
+  tag: {
+    component: _sfc_main$8
+  },
+  formatEnum: {
+    component: _sfc_main$7
+  },
+  formatDate: {
+    component: _sfc_main$6
+  }
+};
+const _hoisted_1$4 = { class: "schema-table" };
+const _hoisted_2$1 = { class: "gva-pagination" };
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  __name: "schema-table",
+  props: {
+    schema: {},
+    api: {},
+    buttons: {},
+    apiParms: {}
+  },
+  emits: ["operate"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const tableData = vue.ref([]);
+    const pageSize = vue.ref(10);
+    const currentPage = vue.ref(1);
+    const total = vue.ref(0);
+    const loading = vue.ref(false);
+    const operationWidth = vue.computed(() => {
+      var _a;
+      return ((_a = __props.buttons) == null ? void 0 : _a.length) > 0 ? __props.buttons.reduce((prev, cur) => prev + cur.label.length * 40, 50) : 50;
+    });
+    const buildComponetnName = (comTypeName) => {
+      var _a;
+      const componentName = (_a = tableConfig[comTypeName]) == null ? void 0 : _a.component;
+      return componentName || "";
+    };
+    const fetDatbleData = async () => {
+      var _a, _b, _c, _d;
+      if (!__props.api.getList) {
+        return;
+      }
+      if (loading.value) return;
+      showLoding();
+      const res = await service({
+        url: __props.api.getList,
+        method: "get",
+        params: {
+          ...__props.apiParms,
+          page: currentPage.value,
+          pageSize: pageSize.value
+        }
+      });
+      hideLoding();
+      if (!res || !res.data) {
+        return;
+      }
+      tableData.value = buildTableData(res.data.list) || [];
+      total.value = Number(
+        ((_a = res.data) == null ? void 0 : _a.total) ?? ((_b = res.data) == null ? void 0 : _b.count) ?? ((_d = (_c = res.data) == null ? void 0 : _c.pagination) == null ? void 0 : _d.total) ?? 0
+      );
+    };
+    const initData = () => {
+      currentPage.value = 1;
+      pageSize.value = 10;
+      total.value = 0;
+      vue.nextTick(async () => {
+        await loadTableData();
+      });
+    };
+    const operatetionHandler = ({ btnConfig, rowData }) => {
+      emit("operate", { btnConfig, rowData });
+    };
+    const onPageSizeChange = async (val) => {
+      console.log(val, "onPageSizeChange");
+      pageSize.value = val;
+      await loadTableData();
+    };
+    const onCureentPage = async (val) => {
+      console.log(val, "onCureentPage");
+      currentPage.value = val;
+      await loadTableData();
+    };
+    const buildTableData = (listData) => {
+      var _a;
+      if (!((_a = __props.schema) == null ? void 0 : _a.properties)) return listData;
+      return listData.map((dataItem) => {
+        var _a2;
+        for (const key in dataItem) {
+          const schemaItem = __props.schema.properties[key];
+          if (((_a2 = schemaItem == null ? void 0 : schemaItem.options) == null ? void 0 : _a2.tofixed) && typeof dataItem[key] === "number") {
+            dataItem[key] = dataItem[key].toFixed(schemaItem.options.tofixed);
+          }
+        }
+        return dataItem;
+      });
+    };
+    let timer = null;
+    const loadTableData = async () => {
+      clearTimeout(timer);
+      timer = setTimeout(async () => {
+        await fetDatbleData();
+        timer = null;
+      }, 100);
+    };
+    const showLoding = () => {
+      loading.value = true;
+    };
+    const hideLoding = () => {
+      loading.value = false;
+    };
+    vue.watch(
+      () => [__props.schema, __props.api, __props.apiParms],
+      () => {
+        initData();
+      }
+    );
+    vue.onMounted(() => {
+      initData();
+    });
+    __expose({
+      initData,
+      loadTableData,
+      showLoding,
+      hideLoding
+    });
+    vueRouter.useRouter();
+    vueRouter.useRoute();
+    useUserStore();
+    return (_ctx, _cache) => {
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_table = vue.resolveComponent("el-table");
+      const _component_el_pagination = vue.resolveComponent("el-pagination");
+      const _directive_loading = vue.resolveDirective("loading");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+        __props.schema && __props.schema.properties ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_table, {
+          key: 0,
+          data: tableData.value,
+          style: { "width": "100%" },
+          border: ""
+        }, {
+          default: vue.withCtx(() => {
+            var _a;
+            return [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.schema.properties, (value, keyItem) => {
+                var _a2, _b;
+                return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: keyItem }, [
+                  ((_a2 = value.option) == null ? void 0 : _a2.visible) !== false ? (vue.openBlock(), vue.createBlock(_component_el_table_column, vue.mergeProps({
+                    key: 0,
+                    prop: keyItem,
+                    label: value.label
+                  }, { ref_for: true }, value.option), vue.createSlots({ _: 2 }, [
+                    ((_b = value.option) == null ? void 0 : _b.comType) ? {
+                      name: "default",
+                      fn: vue.withCtx((scope) => [
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(buildComponetnName(value.option.comType)), {
+                          row: scope.row,
+                          column: value,
+                          index: scope.$index,
+                          itemKey: keyItem
+                        }, null, 8, ["row", "column", "index", "itemKey"]))
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1040, ["prop", "label"])) : vue.createCommentVNode("", true)
+                ], 64);
+              }), 128)),
+              ((_a = __props.buttons) == null ? void 0 : _a.length) > 0 ? (vue.openBlock(), vue.createBlock(_component_el_table_column, {
+                key: 0,
+                label: "操作",
+                align: "center",
+                width: operationWidth.value
+              }, {
+                default: vue.withCtx((scope) => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.buttons, (item, index) => {
+                    return vue.openBlock(), vue.createBlock(_component_el_button, vue.mergeProps({ key: index }, { ref_for: true }, item, {
+                      onClick: ($event) => operatetionHandler({ btnConfig: item, rowData: scope.row })
+                    }), {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(vue.toDisplayString(item.label), 1)
+                      ]),
+                      _: 2
+                    }, 1040, ["onClick"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["width"])) : vue.createCommentVNode("", true)
+            ];
+          }),
+          _: 1
+        }, 8, ["data"])), [
+          [_directive_loading, loading.value]
+        ]) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_2$1, [
+          vue.createVNode(_component_el_pagination, {
+            layout: "total, prev, pager, next, sizes",
+            total: total.value,
+            "page-size": pageSize.value,
+            "current-page": currentPage.value,
+            onSizeChange: onPageSizeChange,
+            onCurrentChange: onCureentPage
+          }, null, 8, ["total", "page-size", "current-page"])
+        ])
+      ]);
+    };
+  }
+});
+const SchemaTable = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-fb006ee8"]]);
+const _hoisted_1$3 = { class: "table-panel" };
+const _hoisted_2 = { class: "operation-panel" };
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  __name: "table-panel",
+  emits: ["operate"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { tableConfig: tableConfig2, tableSchema, api, apiParms } = vue.inject("schemeViewData");
+    const emit = __emit;
+    const schemaTableRef = vue.ref();
+    const handlers = {
+      addEvent: (payload) => addEvent(payload)
+    };
+    const onOperate = ({ btnConfig, rowData = null }) => {
+      var _a;
+      console.log("onOperate", btnConfig, rowData);
+      const { eventKey } = btnConfig;
+      if (eventKey) (_a = handlers[eventKey]) == null ? void 0 : _a.call(handlers, { btnConfig, rowData });
+      emit("operate", { btnConfig, rowData });
+    };
+    const addEvent = ({ btnConfig, rowData }) => {
+      console.log("新增按钮");
+      emit("operate", { btnConfig, rowData });
+    };
+    const initTableData = async () => {
+      var _a;
+      await ((_a = schemaTableRef == null ? void 0 : schemaTableRef.value) == null ? void 0 : _a.initData());
+    };
+    const loadTableData = async () => {
+      var _a;
+      await ((_a = schemaTableRef == null ? void 0 : schemaTableRef.value) == null ? void 0 : _a.loadTableData());
+    };
+    vue.onMounted(() => {
+    });
+    __expose({
+      initTableData,
+      loadTableData
+    });
+    vueRouter.useRouter();
+    vueRouter.useRoute();
+    useUserStore();
+    return (_ctx, _cache) => {
+      var _a, _b;
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_row = vue.resolveComponent("el-row");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+        vue.createElementVNode("div", _hoisted_2, [
+          ((_a = vue.unref(tableConfig2)) == null ? void 0 : _a.headerButtons.length) > 0 ? (vue.openBlock(), vue.createBlock(_component_el_row, { key: 0 }, {
+            default: vue.withCtx(() => {
+              var _a2;
+              return [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a2 = vue.unref(tableConfig2)) == null ? void 0 : _a2.headerButtons, (buttonItem) => {
+                  return vue.openBlock(), vue.createBlock(_component_el_button, {
+                    key: buttonItem.eventKey,
+                    onClick: ($event) => onOperate({ btnConfig: buttonItem })
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(buttonItem.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]);
+                }), 128))
+              ];
+            }),
+            _: 1
+          })) : vue.createCommentVNode("", true)
+        ]),
+        vue.createVNode(SchemaTable, {
+          ref_key: "schemaTableRef",
+          ref: schemaTableRef,
+          schema: vue.unref(tableSchema),
+          api: vue.unref(api),
+          buttons: ((_b = vue.unref(tableConfig2)) == null ? void 0 : _b.rowButtons) ?? [],
+          onOperate,
+          apiParms: vue.unref(apiParms)
+        }, {
+          cell: vue.withCtx((slotProps) => [
+            vue.renderSlot(_ctx.$slots, "cell", vue.normalizeProps(vue.guardReactiveProps(slotProps)), void 0, true)
+          ]),
+          _: 3
+        }, 8, ["schema", "api", "buttons", "apiParms"])
+      ]);
+    };
+  }
+});
+const tablePanel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-cef68da3"]]);
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  __name: "input",
+  props: {
+    schemaKey: {
+      type: String,
+      default: ""
+    },
+    schema: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["loaded"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const dtoValue = vue.ref();
+    const props = __props;
+    const getValue = () => {
+      return dtoValue.value !== void 0 ? {
+        [props.schemaKey]: dtoValue.value
+      } : {};
+    };
+    const reset = () => {
+      var _a, _b;
+      dtoValue.value = (_b = (_a = props.schema) == null ? void 0 : _a.option) == null ? void 0 : _b.default;
+    };
+    __expose({
+      getValue,
+      reset
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      return vue.openBlock(), vue.createBlock(_component_el_input, vue.mergeProps({
+        type: "text",
+        modelValue: dtoValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dtoValue.value = $event)
+      }, __props.schema), null, 16, ["modelValue"]);
+    };
+  }
+});
+const SearchConfig = {
+  input: {
+    component: _sfc_main$3
+  }
+};
+const _hoisted_1$2 = { class: "gva-search-box" };
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "schema-search-bar",
+  props: {
+    schema: {},
+    schemaConfig: {}
+  },
+  emits: ["search", "reset", "load", "loaded"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    vue.ref(SearchConfig);
+    const emit = __emit;
+    const props = __props;
+    const SearchComList = vue.ref([]);
+    const hanleSearchComList = (el) => {
+      if (el) SearchComList.value.push(el);
+    };
+    const getValue = () => {
+      let dtoObj = {};
+      (SearchComList.value || []).forEach((item) => {
+        if (item && typeof item.getValue === "function") {
+          dtoObj = {
+            ...dtoObj,
+            ...item.getValue()
+          };
+        }
+      });
+      return dtoObj;
+    };
+    let childComLocadCount = 0;
+    const handleChildLoaded = (el) => {
+      childComLocadCount++;
+      if (childComLocadCount >= Object.keys(props.schema.properties).length) {
+        emit("loaded", getValue());
+      }
+    };
+    const search = () => {
+      emit("search", getValue());
+    };
+    const reset = () => {
+      emit("reset");
+      (SearchComList.value || []).forEach((item) => {
+        if (item && typeof item.reset === "function") item.reset();
+      });
+    };
+    const load = () => {
+      emit("load");
+    };
+    __expose({
+      search,
+      reset,
+      load
+    });
+    return (_ctx, _cache) => {
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+        vue.createVNode(_component_el_form, {
+          inline: true,
+          class: "flex items-center justify-start flex-wrap"
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.schema.properties, (value, key) => {
+              return vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key,
+                label: value.label
+              }, {
+                default: vue.withCtx(() => [
+                  value.option.comType ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(SearchConfig)[value.option.comType].component), vue.mergeProps({
+                    key: 0,
+                    ref_for: true,
+                    ref: hanleSearchComList
+                  }, { ref_for: true }, value.option, {
+                    onLoaded: handleChildLoaded,
+                    schema: value,
+                    schemaKey: key
+                  }), null, 16, ["schema", "schemaKey"])) : vue.createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1032, ["label"]);
+            }), 128)),
+            vue.createVNode(_component_el_form_item, null, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_button, {
+                  type: "primary",
+                  onClick: search
+                }, {
+                  default: vue.withCtx(() => [..._cache[0] || (_cache[0] = [
+                    vue.createTextVNode(" 查询 ", -1)
+                  ])]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_button, { onClick: reset }, {
+                  default: vue.withCtx(() => [..._cache[1] || (_cache[1] = [
+                    vue.createTextVNode("重置", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "search-panel" };
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "search-panel",
+  props: {},
+  emits: ["Search", "Reset"],
+  setup(__props, { emit: __emit }) {
+    const { serachConfig, searchSchema } = vue.inject("schemeViewData");
+    const emit = __emit;
+    const handleSearch = (Searchobj) => {
+      emit("Search", Searchobj);
+    };
+    vue.onMounted(() => {
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+        vue.createVNode(_sfc_main$2, {
+          schema: vue.unref(searchSchema),
+          schemaConfig: vue.unref(serachConfig),
+          onSearch: handleSearch
+        }, null, 8, ["schema", "schemaConfig"])
+      ]);
+    };
+  }
+});
+const searchPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-633fcc6e"]]);
+const useSchema = (schemaConfigDoc) => {
+  const {
+    api,
+    schema,
+    tableConfig: tableSchemaConfig,
+    searchConfig,
+    components: componentsConfig
+  } = schemaConfigDoc;
+  const tableSchema = vue.ref({ properties: {} });
+  const tableConfig2 = vue.ref({
+    headerButtons: [],
+    rowButtons: []
+  });
+  const serachConfig = vue.ref({});
+  const searchSchema = vue.ref({ properties: {} });
+  const components = vue.ref(
+    {}
+  );
+  const buidData = () => {
+    tableSchema.value = { properties: {} };
+    tableConfig2.value.rowButtons = tableSchemaConfig.rowButtons || [];
+    tableConfig2.value.headerButtons = tableSchemaConfig.headerButtons || [];
+    serachConfig.value = {};
+    searchSchema.value = { properties: {} };
+    components.value = {};
+    vue.nextTick(() => {
+      tableSchema.value = buildDtoSchema(schema, "table");
+      tableConfig2.value.headerButtons = tableConfig2.value.headerButtons || [];
+      tableConfig2.value.rowButtons = tableConfig2.value.rowButtons || [];
+      serachConfig.value = searchConfig;
+      searchSchema.value = buildDtoSchema(schema, "search");
+      if (componentsConfig && Object.keys(componentsConfig).length > 0) {
+        const dtoCompontns = {};
+        for (const comKey in componentsConfig) {
+          dtoCompontns[comKey] = {
+            schema: buildDtoSchema(schema, comKey),
+            config: componentsConfig[comKey]
+          };
+          components.value = dtoCompontns;
+        }
+      }
+    });
+  };
+  const buildDtoSchema = (_schema, comName) => {
+    const dtoSchema = {
+      properties: {}
+    };
+    if (!_schema.properties) return dtoSchema;
+    const { require: require2 } = _schema;
+    for (const key in _schema.properties) {
+      const props = _schema.properties[key];
+      if (props[`${comName}Option`]) {
+        let dtoProps = {};
+        for (const pkey in props) {
+          if (pkey.indexOf("Option") < 0) {
+            dtoProps[pkey] = props[pkey];
+          }
+        }
+        dtoProps = Object.assign({}, dtoProps, {
+          option: props[`${comName}Option`]
+        });
+        if (require2 && require2.length > 0 && require2.find((vp) => vp === key)) {
+          dtoProps.option.required = true;
+        }
+        dtoSchema.properties[key] = dtoProps;
+      }
+    }
+    return dtoSchema;
+  };
+  vue.onMounted(() => {
+    buidData();
+  });
+  return {
+    api,
+    tableSchema,
+    tableConfig: tableConfig2,
+    serachConfig,
+    searchSchema,
+    components
+  };
+};
+const _hoisted_1 = { class: "schema-view" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "schema-view",
+  props: {
+    config: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const {
+      api,
+      tableSchema,
+      tableConfig: tableConfig2,
+      serachConfig,
+      searchSchema,
+      components
+    } = useSchema(props.config);
+    const apiParms = vue.ref({});
+    const componentListRef = vue.ref([]);
+    const tablePanelRef = vue.ref(null);
+    const handleSearch = (Searchobj) => {
+      apiParms.value = Searchobj;
+      console.log(Searchobj);
+    };
+    const handleReset = (Searchobj) => {
+      apiParms.value = {};
+      console.log(Searchobj);
+    };
+    const onCommand = (data) => {
+      var _a;
+      console.log("data", data);
+      const { event } = data;
+      if (event === "loadTableData") {
+        (_a = tablePanelRef.value) == null ? void 0 : _a.loadTableData();
+      }
+    };
+    const remove = async ({ btnConfig, rowData }) => {
+      const { parms } = btnConfig.eventOption;
+      if (!api.delete) {
+        elementPlus.ElMessage.error("未配置删除接口地址");
+        return;
+      }
+      let obj = {};
+      const key = Object.keys(parms)[0];
+      let skey = parms[key].split("::")[1];
+      if (skey) {
+        obj = { [skey]: rowData[skey] };
+      } else {
+        obj = { [key]: parms[key] };
+      }
+      elementPlus.ElMessageBox.confirm("确认删除该记录吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(async () => {
+        var _a;
+        if (api == null ? void 0 : api.delete) {
+          const res = await request({
+            url: api == null ? void 0 : api.delete,
+            method: "delete",
+            data: obj
+          });
+          if (res.code === 0) {
+            elementPlus.ElMessage.success("删除成功");
+            (_a = tablePanelRef.value) == null ? void 0 : _a.loadTableData();
+          }
+        }
+      }).catch(() => {
+      });
+    };
+    const showComponent = ({ btnConfig, rowData = null }) => {
+      const { comName } = btnConfig.eventOption;
+      if (!comName) return;
+      const component = componentListRef.value.find(
+        (item) => item.name === comName
+      );
+      if (!component) return;
+      component.show(rowData);
+    };
+    const EventHandleMap = {
+      showComponent,
+      remove
+    };
+    const handleOperate = ({ btnConfig, rowData = null }) => {
+      var _a;
+      const { eventKey } = btnConfig;
+      (_a = EventHandleMap[eventKey]) == null ? void 0 : _a.call(EventHandleMap, { btnConfig, rowData });
+    };
+    vue.onMounted(() => {
+    });
+    vue.provide("schemeViewData", {
+      tableSchema,
+      tableConfig: tableConfig2,
+      api,
+      serachConfig,
+      searchSchema,
+      apiParms,
+      components
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(searchPanel, {
+          onSearch: handleSearch,
+          onReset: handleReset
+        }),
+        vue.createVNode(tablePanel, {
+          ref_key: "tablePanelRef",
+          ref: tablePanelRef,
+          onOperate: handleOperate
+        }, null, 512),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(components), (value, key) => {
+          return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(componentConfig)[key].component), {
+            ref_for: true,
+            ref_key: "componentListRef",
+            ref: componentListRef,
+            key,
+            onCommand
+          }, null, 32);
+        }), 128))
+      ]);
+    };
+  }
+});
+const SchemaView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6aa05693"]]);
+exports.SchemaView = SchemaView;
+exports.default = SchemaView;
+exports.setRequestClient = setRequestClient;
+//# sourceMappingURL=index.cjs.js.map