page-schema-enginer-shun 1.0.6 → 1.0.8

package/dist/index.umd.js

@@ -0,0 +1,1472 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("vue-router"), require("pinia"), require("ajv"), require("element-plus")) : typeof define === "function" && define.amd ? define(["exports", "vue", "vue-router", "pinia", "ajv", "element-plus"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.PageSchemaEngine = {}, global.Vue, global.vueRouter, global.pinia, global.Ajv, global.elementPlus));
+})(this, function(exports2, vue, vueRouter, pinia, Ajv, elementPlus) {
+  "use strict";
+  const useUserStore = pinia.defineStore("user", {
+    state: () => ({
+      name: "DemoUser"
+    })
+  });
+  const _hoisted_1$c = { 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$g = /* @__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$c, [
+          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$g, [["__scopeId", "data-v-5d94c475"]]);
+  const _hoisted_1$b = { 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$f = /* @__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$b, [
+          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$f, [["__scopeId", "data-v-a791fef4"]]);
+  const _hoisted_1$a = { 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$e = /* @__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$a, [
+          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$e, [["__scopeId", "data-v-44583072"]]);
+  const _hoisted_1$9 = { 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$d = /* @__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$9, [
+          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$d, [["__scopeId", "data-v-65d85e93"]]);
+  const formItemConfig = {
+    input: {
+      component: input
+    },
+    radio: {
+      component: radio
+    },
+    inputNumber: {
+      component: inputNumber
+    },
+    select: {
+      component: select
+    }
+  };
+  const _hoisted_1$8 = {
+    key: 0,
+    class: "schema-form-complex-view"
+  };
+  const _sfc_main$c = /* @__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$8, [
+          (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$c, [["__scopeId", "data-v-0e3bb5f7"]]);
+  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$7 = { class: "createForm" };
+  const _sfc_main$b = /* @__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 || res.code != 0) 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$7, [
+          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$b, [["__scopeId", "data-v-cb04a018"]]);
+  const _hoisted_1$6 = { class: "editForm" };
+  const _sfc_main$a = /* @__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$6, [
+          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$a
+    }
+  };
+  const _sfc_main$9 = /* @__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$8 = /* @__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 props = __props;
+      const { row, column, index, itemKey } = vue.toRefs(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([row, column, index, itemKey], (newVal) => {
+        initData();
+      });
+      const initData = () => {
+        var _a, _b;
+        enumeration.value = ((_b = (_a = column.value.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(vue.unref(row)[vue.unref(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;
+  }
+  function formatTimeToStr(times, pattern) {
+    return formatDate(times, pattern ?? "yyyy-MM-dd hh:mm:ss");
+  }
+  function computedAge(birthday) {
+    const birthDate = new Date(birthday);
+    const today = /* @__PURE__ */ new Date();
+    let age = today.getFullYear() - birthDate.getFullYear();
+    const monthDifference = today.getMonth() - birthDate.getMonth();
+    if (monthDifference < 0 || monthDifference === 0 && today.getDate() < birthDate.getDate()) {
+      age--;
+    }
+    return age;
+  }
+  const _sfc_main$7 = /* @__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 props = __props;
+      const { row, column, index, itemKey } = vue.toRefs(props);
+      const getDate = (value) => {
+        var _a, _b;
+        const formatString = ((_b = (_a = column.value.option) == null ? void 0 : _a.formatDateConfig) == null ? void 0 : _b.formatString) || "yyyy-MM-dd hh:mm:ss";
+        return formatDate(value, formatString);
+      };
+      vue.watch([row, column, index, itemKey], () => {
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", null, [
+          vue.createElementVNode("div", null, vue.toDisplayString(getDate(vue.unref(row)[vue.unref(itemKey)])), 1)
+        ]);
+      };
+    }
+  });
+  const tableConfig = {
+    tag: {
+      component: _sfc_main$9
+    },
+    formatEnum: {
+      component: _sfc_main$8
+    },
+    formatDate: {
+      component: _sfc_main$7
+    }
+  };
+  const _hoisted_1$5 = { class: "schema-table" };
+  const _hoisted_2$1 = { class: "gva-pagination" };
+  const _sfc_main$6 = /* @__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 request({
+          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$5, [
+          __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$6, [["__scopeId", "data-v-502fe21c"]]);
+  const _hoisted_1$4 = { class: "table-panel" };
+  const _hoisted_2 = { class: "operation-panel" };
+  const _sfc_main$5 = /* @__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$4, [
+          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$5, [["__scopeId", "data-v-cef68da3"]]);
+  const _sfc_main$4 = /* @__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$4
+    }
+  };
+  const _hoisted_1$3 = { class: "gva-search-box" };
+  const _sfc_main$3 = /* @__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$3, [
+          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$2 = { class: "search-panel" };
+  const _sfc_main$2 = /* @__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$2, [
+          vue.createVNode(_sfc_main$3, {
+            schema: vue.unref(searchSchema),
+            schemaConfig: vue.unref(serachConfig),
+            onSearch: handleSearch
+          }, null, 8, ["schema", "schemaConfig"])
+        ]);
+      };
+    }
+  });
+  const searchPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__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$1 = { class: "schema-view" };
+  const _sfc_main$1 = /* @__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$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$1, [["__scopeId", "data-v-6aa05693"]]);
+  let routerClient = null;
+  function setRouterClient(client) {
+    routerClient = client;
+  }
+  function navigate(to, type = "push") {
+    if (!routerClient) throw new Error("请先使用 setRouterClient 注册路由客户端");
+    const fn = (type === "replace" ? routerClient.replace : routerClient.push) || routerClient.push;
+    return fn(to);
+  }
+  function back() {
+    if (!routerClient || !routerClient.back) return;
+    return routerClient.back();
+  }
+  const _sfc_main = {};
+  const _hoisted_1 = { class: "operation-panel-placeholder" };
+  function _sfc_render(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1);
+  }
+  const operationPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e002ae22"]]);
+  let requestAdapter;
+  const setRequestAdapter = (adapter) => {
+    console.log("设置requestAdapter", adapter);
+    requestAdapter = adapter;
+  };
+  const service = async (config) => {
+    console.log("调用service", config);
+    return requestAdapter(config);
+  };
+  exports2.FormatDate = _sfc_main$7;
+  exports2.FormatEnum = _sfc_main$8;
+  exports2.OperationPanel = operationPanel;
+  exports2.SchemaForm = schemaForm;
+  exports2.SchemaSearchBar = _sfc_main$3;
+  exports2.SchemaTable = SchemaTable;
+  exports2.SchemaView = schemaView;
+  exports2.Tag = _sfc_main$9;
+  exports2.back = back;
+  exports2.computedAge = computedAge;
+  exports2.formatDate = formatDate;
+  exports2.formatTimeToStr = formatTimeToStr;
+  exports2.navigate = navigate;
+  exports2.request = request;
+  exports2.service = service;
+  exports2.setRequestAdapter = setRequestAdapter;
+  exports2.setRequestClient = setRequestClient;
+  exports2.setRouterClient = setRouterClient;
+  exports2.useSchema = useSchema;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+});
+//# sourceMappingURL=index.umd.js.map