import { nextTick, defineComponent, reactive, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, resolveDynamicComponent, renderSlot, createTextVNode, toDisplayString, toHandlers, createSlots, createElementBlock, Fragment, renderList, ref, watch, createVNode, normalizeProps, guardReactiveProps, unref, createCommentVNode, inject, withModifiers, normalizeStyle, createElementVNode, useCssVars, normalizeClass, shallowRef, pushScopeId, popScopeId, toRaw, provide, onMounted } from "vue";
import Mock from "mockjs";
import lodash from "lodash";
import { defineStore, createPinia } from "pinia";
import draggable from "vuedraggable";
import { MonacoEditor } from "@vue-monaco/editor";
import { v4 } from "uuid";
var ComponentType = /* @__PURE__ */ ((ComponentType2) => {
  ComponentType2["DragForm"] = "DragForm";
  ComponentType2["ElTableColumns"] = "ElTableColumns";
  ComponentType2["ElementEasyForm"] = "ElementEasyForm";
  ComponentType2["ElementFormRender"] = "ElementFormRender";
  ComponentType2["ElDragTable"] = "ElDragTable";
  ComponentType2["ElDragTableColumns"] = "ElDragTableColumns";
  ComponentType2["ElFunctionEvent"] = "ElFunctionEvent";
  ComponentType2["ElFunctionHidden"] = "ElFunctionHidden";
  ComponentType2["LineTitle"] = "LineTitle";
  ComponentType2["ElCascaderProps"] = "ElCascaderProps";
  ComponentType2["ElSliderMarks"] = "ElSliderMarks";
  ComponentType2["ElRateColors"] = "ElRateColors";
  ComponentType2["ElCheckboxs"] = "ElCheckboxs";
  ComponentType2["ElRadios"] = "ElRadios";
  ComponentType2["ElSelectOption"] = "ElSelectOption";
  ComponentType2["ElRowAttrs"] = "ElRowAttrs";
  ComponentType2["ElAffix"] = "ElAffix";
  ComponentType2["ElAlert"] = "ElAlert";
  ComponentType2["ElAside"] = "ElAside";
  ComponentType2["ElAutoResizer"] = "ElAutoResizer";
  ComponentType2["ElAutocomplete"] = "ElAutocomplete";
  ComponentType2["ElAvatar"] = "ElAvatar";
  ComponentType2["ElBacktop"] = "ElBacktop";
  ComponentType2["ElBadge"] = "ElBadge";
  ComponentType2["ElBreadcrumb"] = "ElBreadcrumb";
  ComponentType2["ElBreadcrumbItem"] = "ElBreadcrumbItem";
  ComponentType2["ElButton"] = "ElButton";
  ComponentType2["ElButtonGroup"] = "ElButtonGroup";
  ComponentType2["ElCalendar"] = "ElCalendar";
  ComponentType2["ElCard"] = "ElCard";
  ComponentType2["ElCarousel"] = "ElCarousel";
  ComponentType2["ElCarouselItem"] = "ElCarouselItem";
  ComponentType2["ElCascader"] = "ElCascader";
  ComponentType2["ElCascaderPanel"] = "ElCascaderPanel";
  ComponentType2["ElCheckTag"] = "ElCheckTag";
  ComponentType2["ElCheckbox"] = "ElCheckbox";
  ComponentType2["ElCheckboxButton"] = "ElCheckboxButton";
  ComponentType2["ElCheckboxGroup"] = "ElCheckboxGroup";
  ComponentType2["ElCol"] = "ElCol";
  ComponentType2["ElCollapse"] = "ElCollapse";
  ComponentType2["ElCollapseItem"] = "ElCollapseItem";
  ComponentType2["ElCollapseTransition"] = "ElCollapseTransition";
  ComponentType2["ElCollection"] = "ElCollection";
  ComponentType2["ElCollectionItem"] = "ElCollectionItem";
  ComponentType2["ElColorPicker"] = "ElColorPicker";
  ComponentType2["ElConfigProvider"] = "ElConfigProvider";
  ComponentType2["ElContainer"] = "ElContainer";
  ComponentType2["ElCountdown"] = "ElCountdown";
  ComponentType2["ElDatePicker"] = "ElDatePicker";
  ComponentType2["ElDescriptions"] = "ElDescriptions";
  ComponentType2["ElDescriptionsItem"] = "ElDescriptionsItem";
  ComponentType2["ElDialog"] = "ElDialog";
  ComponentType2["ElDivider"] = "ElDivider";
  ComponentType2["ElDrawer"] = "ElDrawer";
  ComponentType2["ElDropdown"] = "ElDropdown";
  ComponentType2["ElDropdownItem"] = "ElDropdownItem";
  ComponentType2["ElDropdownMenu"] = "ElDropdownMenu";
  ComponentType2["ElEmpty"] = "ElEmpty";
  ComponentType2["ElFooter"] = "ElFooter";
  ComponentType2["ElForm"] = "ElForm";
  ComponentType2["ElFormItem"] = "ElFormItem";
  ComponentType2["ElHeader"] = "ElHeader";
  ComponentType2["ElIcon"] = "ElIcon";
  ComponentType2["ElImage"] = "ElImage";
  ComponentType2["ElImageViewer"] = "ElImageViewer";
  ComponentType2["ElInfiniteScroll"] = "ElInfiniteScroll";
  ComponentType2["ElInput"] = "ElInput";
  ComponentType2["ElInputNumber"] = "ElInputNumber";
  ComponentType2["ElLink"] = "ElLink";
  ComponentType2["ElLoading"] = "ElLoading";
  ComponentType2["ElLoadingDirective"] = "ElLoadingDirective";
  ComponentType2["ElLoadingService"] = "ElLoadingService";
  ComponentType2["ElMain"] = "ElMain";
  ComponentType2["ElMenu"] = "ElMenu";
  ComponentType2["ElMenuItem"] = "ElMenuItem";
  ComponentType2["ElMenuItemGroup"] = "ElMenuItemGroup";
  ComponentType2["ElMessage"] = "ElMessage";
  ComponentType2["ElMessageBox"] = "ElMessageBox";
  ComponentType2["ElNotification"] = "ElNotification";
  ComponentType2["ElOption"] = "ElOption";
  ComponentType2["ElOptionGroup"] = "ElOptionGroup";
  ComponentType2["ElOverlay"] = "ElOverlay";
  ComponentType2["ElPageHeader"] = "ElPageHeader";
  ComponentType2["ElPagination"] = "ElPagination";
  ComponentType2["ElPopconfirm"] = "ElPopconfirm";
  ComponentType2["ElPopover"] = "ElPopover";
  ComponentType2["ElPopoverDirective"] = "ElPopoverDirective";
  ComponentType2["ElPopper"] = "ElPopper";
  ComponentType2["ElPopperArrow"] = "ElPopperArrow";
  ComponentType2["ElPopperContent"] = "ElPopperContent";
  ComponentType2["ElPopperTrigger"] = "ElPopperTrigger";
  ComponentType2["ElProgress"] = "ElProgress";
  ComponentType2["ElRadio"] = "ElRadio";
  ComponentType2["ElRadioButton"] = "ElRadioButton";
  ComponentType2["ElRadioGroup"] = "ElRadioGroup";
  ComponentType2["ElRate"] = "ElRate";
  ComponentType2["ElResult"] = "ElResult";
  ComponentType2["ElRow"] = "ElRow";
  ComponentType2["ElScrollbar"] = "ElScrollbar";
  ComponentType2["ElSelect"] = "ElSelect";
  ComponentType2["ElSelectV2"] = "ElSelectV2";
  ComponentType2["ElSkeleton"] = "ElSkeleton";
  ComponentType2["ElSkeletonItem"] = "ElSkeletonItem";
  ComponentType2["ElSlider"] = "ElSlider";
  ComponentType2["ElSpace"] = "ElSpace";
  ComponentType2["ElStatistic"] = "ElStatistic";
  ComponentType2["ElStep"] = "ElStep";
  ComponentType2["ElSteps"] = "ElSteps";
  ComponentType2["ElSubMenu"] = "ElSubMenu";
  ComponentType2["ElSwitch"] = "ElSwitch";
  ComponentType2["ElTabPane"] = "ElTabPane";
  ComponentType2["ElTable"] = "ElTable";
  ComponentType2["ElTableColumn"] = "ElTableColumn";
  ComponentType2["ElTableV2"] = "ElTableV2";
  ComponentType2["ElTabs"] = "ElTabs";
  ComponentType2["ElTag"] = "ElTag";
  ComponentType2["ElText"] = "ElText";
  ComponentType2["ElTimePicker"] = "ElTimePicker";
  ComponentType2["ElTimeSelect"] = "ElTimeSelect";
  ComponentType2["ElTimeline"] = "ElTimeline";
  ComponentType2["ElTimelineItem"] = "ElTimelineItem";
  ComponentType2["ElTooltip"] = "ElTooltip";
  ComponentType2["ElTour"] = "ElTour";
  ComponentType2["ElTourStep"] = "ElTourStep";
  ComponentType2["ElTransfer"] = "ElTransfer";
  ComponentType2["ElTree"] = "ElTree";
  ComponentType2["ElTreeSelect"] = "ElTreeSelect";
  ComponentType2["ElTreeV2"] = "ElTreeV2";
  ComponentType2["ElUpload"] = "ElUpload";
  ComponentType2["ElWatermark"] = "ElWatermark";
  return ComponentType2;
})(ComponentType || {});
var AttrType = /* @__PURE__ */ ((AttrType2) => {
  AttrType2["FORMITEM"] = "FORMITEM";
  AttrType2["COMPONENT"] = "COMPONENT";
  AttrType2["LAYOUT"] = "LAYOUT";
  AttrType2["POSITION"] = "position";
  return AttrType2;
})(AttrType || {});
var AttrPropType = /* @__PURE__ */ ((AttrPropType2) => {
  AttrPropType2["ElCOLSPAN"] = "ElColSpan";
  AttrPropType2["ElOPTIONS"] = "ElOptions";
  AttrPropType2["ElCHECHKBOXS"] = "ElCheckboxs";
  AttrPropType2["ElRADIOS"] = "ElRadios";
  return AttrPropType2;
})(AttrPropType || {});
var ExportType = /* @__PURE__ */ ((ExportType2) => {
  ExportType2["CODE"] = "code";
  ExportType2["JSON"] = "json";
  ExportType2["SourceCode"] = "sourceCode";
  return ExportType2;
})(ExportType || {});
var RulesType = /* @__PURE__ */ ((RulesType2) => {
  RulesType2["email"] = "email";
  RulesType2["number"] = "number";
  return RulesType2;
})(RulesType || {});
var SelectFuntion = /* @__PURE__ */ ((SelectFuntion2) => {
  SelectFuntion2["SELECT"] = "select";
  SelectFuntion2["FUNCTION"] = "function";
  SelectFuntion2["AND"] = "&&";
  SelectFuntion2["OR"] = "||";
  return SelectFuntion2;
})(SelectFuntion || {});
var JSONType = /* @__PURE__ */ ((JSONType2) => {
  JSONType2["DRAGFORM"] = "drag-form";
  JSONType2["ELEMENTEASYFORM"] = "element-easy-form";
  JSONType2["ALL"] = "all";
  return JSONType2;
})(JSONType || {});
const rules = {
  [RulesType.email]: [{ type: RulesType.email, message: "请输入邮箱地址", trigger: "blur" }],
  [RulesType.number]: [{ type: RulesType.number, message: "请输入合法数字", trigger: "blur" }]
};
const getHtmlEasyForm = (data) => {
  return `
 <template>
  <div class="">
    <ElementEasyForm ref="elementEasyFormRef" :formJson="formJson">
      <template #under>
          <el-button @click="handlePost">提交</el-button>
      </template>
    </ElementEasyForm>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, onMounted } from "vue";
import { ElementEasyForm } from "element-easy-form";
const elementEasyFormRef = ref<any>();
const formJson = ref<any>(${JSON.stringify(data)})
const handlePost =async () =>{
  const data =await elementEasyFormRef.value.validate()
  console.log('data :>> ', data);
}
<\/script>
<style scoped lang="scss">
</style>
 `;
};
const generateDragFormCode = (data) => {
  const newDAta = lodash.cloneDeep(data);
  function formatData(params) {
    for (let index2 = 0; index2 < params.length; index2++) {
      const element = params[index2];
      delete element.active;
      if (element.events && element.events.length > 0) {
        element.events = element.events.filter((item) => {
          if (getFunctionTemplate(item.defaultValue)) {
            return true;
          }
          return false;
        });
      }
      if (element.children) {
        formatData(element.children);
      }
    }
  }
  formatData(newDAta);
  return newDAta;
};
const getHtmlDragForm = (data) => {
  return `
    <template>
     <div class="">
       <ElementFormRender     ref="elementFormrenderRef"
    :formJson="formJson.formJson"
    :model="formJson.model">
         <template #under>
             <el-button @click="handlePost">提交</el-button>
         </template>
       </ElementFormRender>
     </div>
   </template>
   
   <script setup lang="ts">
   import { ref, reactive, onMounted } from "vue";
   import { ElementFormRender } from "element-easy-form";
   const elementEasyFormRef = ref<any>();
   const formJson = ref<any>(${JSON.stringify(data)})
   const handlePost =async () =>{
    const data =await elementFormrenderRef.value.validate()
  console.log('data :>> ', data);
   }
   <\/script>
   <style scoped lang="scss">
   </style>
    `;
};
const generateEasyFormCode = (data) => {
  var _a, _b, _c;
  let newDAta = [];
  let generateCodeData = lodash.cloneDeep(data);
  for (let index2 = 0; index2 < generateCodeData.length; index2++) {
    const element = generateCodeData[index2];
    if (element.componentName == ComponentType.ElRow) {
      let span = 24;
      (_a = element.children) == null ? void 0 : _a.forEach((res) => {
        var _a2, _b2;
        span -= res.attrs.span;
        if (res.children && ((_a2 = res.children) == null ? void 0 : _a2.length) > 0) {
          (_b2 = res.children) == null ? void 0 : _b2.forEach((Colres) => {
            var _a3;
            delete Colres.attrsJson;
            delete Colres.title;
            delete Colres.id;
            delete Colres.active;
            if (Colres.events && Colres.events.length > 0) {
              Colres.events = Colres.events.filter((item) => {
                if (getFunctionTemplate(item.defaultValue)) {
                  return true;
                }
                return false;
              });
            }
            if (!Colres.colAttrs) {
              Colres.colAttrs = {};
            }
            Colres.colAttrs = res.attrs;
            if (Colres.componentName == ComponentType.ElSelect || Colres.componentName == ComponentType.ElRadioGroup || Colres.componentName == ComponentType.ElCheckboxGroup) {
              (_a3 = Colres.children) == null ? void 0 : _a3.forEach((SelectRes) => {
                delete SelectRes.title;
                delete SelectRes.id;
                delete SelectRes.active;
                delete SelectRes.attrsJson;
              });
            }
            newDAta.push(Colres);
          });
        } else {
          newDAta.push({
            type: AttrType.POSITION,
            colAttrs: {
              span: res.attrs.span
            }
          });
        }
      });
      if (span > 0) {
        newDAta.push({
          type: AttrType.POSITION,
          colAttrs: {
            span
          }
        });
      }
    } else {
      delete element.attrsJson;
      delete element.title;
      delete element.active;
      if (element.rules.length == 0) {
        delete element.rules;
      }
      if (typeof element.hidden === "object") {
        if (element.hidden.type == SelectFuntion.SELECT) {
          if (((_b = element.hidden.dataSelect) == null ? void 0 : _b.length) == 0) {
            delete element.hidden;
          }
        } else if (element.hidden.type == SelectFuntion.FUNCTION) {
          if (typeof element.hidden.dataJs == "string" && element.hidden.dataJs) {
            if ("return false;" == getFunctionTemplate(element.hidden.dataJs)) {
              delete element.hidden;
            }
          }
        }
        if (element.events && element.events.length > 0) {
          element.events = element.events.filter((item) => {
            if (getFunctionTemplate(item.defaultValue)) {
              return true;
            }
            return false;
          });
        }
        if (element.events.length == 0) {
          delete element.events;
        }
        if (element.componentName == ComponentType.ElSelect) {
          (_c = element.children) == null ? void 0 : _c.forEach((res) => {
            delete res.attrsJson;
            delete res.title;
            delete res.active;
          });
        }
        if (!element.colAttrs) {
          element.colAttrs = {};
        }
        element.colAttrs.span = 24;
        newDAta.push(element);
      }
    }
    return newDAta;
  }
};
const SPANDEFAULT = 12;
const defaultOption = (val) => {
  return {
    value: val ? `${val}` : "1",
    label: "选项" + (val ? val : "1")
  };
};
const defaultLabel = (val) => {
  return {
    label: "选项" + (val ? val : "1")
  };
};
const getName = (val) => {
  const data = Mock.mock(`@name(${11})`);
  return data.replace(/\s+/g, "");
};
const getCName = (val) => {
  const data = Mock.mock(`@cname(${val})`);
  return data.replace(/\s+/g, "");
};
const initPropLabel = (data) => {
  var _a;
  if (data.attrsJson) {
    (_a = data.attrsJson) == null ? void 0 : _a.forEach((res) => {
      if (res.prop == "label" && !res.defaultValue) {
        res.defaultValue = getCName(5);
      } else if (res.prop == "prop" && !res.defaultValue) {
        res.defaultValue = getName();
      }
    });
  }
  upDateFormItem(data);
};
const fliterPropData = [
  AttrPropType.ElCOLSPAN,
  AttrPropType.ElOPTIONS,
  AttrPropType.ElCHECHKBOXS,
  AttrPropType.ElRADIOS
];
const formAndAttrsUpdata = (currentData, data) => {
  if (data.type == AttrType.FORMITEM) {
    if (data.prop == "label" || data.prop == "prop") {
      if (data.defaultValue != null && data.defaultValue != void 0 && data.defaultValue != "") {
        currentData[data.prop] = data.defaultValue;
      }
    } else if (ComponentType.ElFunctionHidden == data.componentName && data.prop == "hidden") {
      currentData[data.prop] = data.defaultValue;
    } else if (data.prop == "rules") {
      if (data.defaultValue != null && data.defaultValue != void 0 && data.defaultValue != "") {
        currentData[data.prop] = rules[data.defaultValue];
      }
    } else if (data.prop == "error") {
      if (data.defaultValue != null && data.defaultValue != void 0 && data.defaultValue != "") {
        if (!currentData["rules"]) {
          currentData["rules"] = [];
        }
        currentData["rules"].unshift({
          required: true,
          message: data.defaultValue,
          trigger: "change"
        });
      }
    } else {
      if (data.defaultValue != null && data.defaultValue != void 0 && data.defaultValue != "") {
        if (currentData.formItemAttrs) {
          currentData.formItemAttrs[data.prop] = data.defaultValue;
        }
      }
    }
  } else if (data.type == AttrType.COMPONENT) {
    if (data.defaultValue !== null && data.defaultValue !== void 0 && data.defaultValue !== "") {
      if (!fliterPropData.includes(data.prop)) {
        nextTick(() => {
          currentData.attrs[data.prop] = data.defaultValue;
        });
      }
    }
  }
};
const upDateFormItem = (data) => {
  var _a;
  if (data.attrsJson) {
    (_a = data.attrsJson) == null ? void 0 : _a.forEach((res) => {
      formAndAttrsUpdata(data, res);
    });
  }
};
const getModel = (data) => {
  const model = {};
  function setProp(params) {
    var _a;
    for (let index2 = 0; index2 < params.length; index2++) {
      const element = params[index2];
      if (element.type == AttrType.COMPONENT) {
        let value = (_a = element.attrsJson) == null ? void 0 : _a.find(
          (res) => res.prop == "defaultValue"
        );
        model[element.prop] = (value == null ? void 0 : value.defaultValue) ? value == null ? void 0 : value.defaultValue : "";
      }
      if (element.children && element.type != AttrType.COMPONENT) {
        setProp(element.children);
      }
    }
  }
  setProp(data);
  return model;
};
const getComponents = (data) => {
  const model = [];
  function setProp(params) {
    for (let index2 = 0; index2 < params.length; index2++) {
      const element = params[index2];
      if (element.type == AttrType.COMPONENT) {
        model.push(element);
      }
      if (element.children && element.type != AttrType.COMPONENT) {
        setProp(element.children);
      }
    }
  }
  setProp(data);
  return model;
};
const getRowAttrs = (data) => {
  let attrs = {};
  for (let index2 = 0; index2 < data.length; index2++) {
    const element = data[index2];
    if (element.componentName == ComponentType.ElRow) {
      attrs = element.attrs;
      break;
    }
  }
  return attrs;
};
const hiddenAttrs = () => {
  return {
    label: "显示隐藏",
    prop: "hidden",
    type: AttrType.FORMITEM,
    defaultValue: {
      matchPattern: SelectFuntion.AND,
      type: SelectFuntion.SELECT,
      dataSelect: [],
      value: false,
      dataJs: `function hidden(config,data){
      return false;
    }`
    },
    componentName: ComponentType.ElFunctionHidden,
    attrs: {
      placeholder: "请输入",
      lang: "js",
      title: "编辑显示隐藏函数"
    },
    rules: []
  };
};
const getCommonEvents = (filters = "") => {
  return [
    {
      type: AttrType.COMPONENT,
      label: "blur	当失去焦点时触发",
      prop: "blur",
      defaultValue: `function blur(config,data,event){
          }`,
      componentName: ComponentType.ElFunctionEvent,
      attrs: {
        title: "当失去焦点时触发"
      }
    },
    {
      type: AttrType.COMPONENT,
      label: "focus	当获得焦点时触发",
      prop: "focus",
      defaultValue: `function focus(config,data,event){
          }`,
      componentName: ComponentType.ElFunctionEvent,
      attrs: {
        title: "当获得焦点时触发"
      }
    },
    {
      type: AttrType.COMPONENT,
      label: "clear 	清空按钮时触发",
      prop: "clear",
      defaultValue: `function clear(config,data){
          }`,
      componentName: ComponentType.ElFunctionEvent,
      attrs: {
        title: "清空按钮时触发"
      }
    }
  ].filter((item) => {
    if (filters.indexOf(item.prop) == -1) {
      return item;
    }
  });
};
const elFormItem = (data = {
  label: "",
  prop: ""
}) => {
  return [
    {
      type: AttrType.COMPONENT,
      label: "是否禁用",
      prop: "disabled",
      defaultValue: null,
      componentName: ComponentType.ElSwitch,
      attrs: {}
    },
    hiddenAttrs(),
    {
      label: "标签",
      prop: "label",
      type: AttrType.FORMITEM,
      defaultValue: data.label ? data.label : "",
      componentName: ComponentType.ElInput,
      attrs: {
        placeholder: "请输入"
      },
      rules: [{ required: true, message: "不能为空", trigger: "change" }]
    },
    {
      label: "字段唯一标识",
      type: AttrType.FORMITEM,
      prop: "prop",
      defaultValue: data.prop ? data.prop : "",
      componentName: ComponentType.ElInput,
      attrs: {
        placeholder: "请输入"
      },
      rules: [{ required: true, message: "不能为空", trigger: "change" }]
    },
    {
      label: "错误提示信息",
      type: AttrType.FORMITEM,
      prop: "error",
      defaultValue: "",
      componentName: ComponentType.ElInput,
      attrs: {
        placeholder: "请输入"
      },
      rules: [{ required: false, message: "不能为空", trigger: "change" }]
    },
    {
      type: AttrType.FORMITEM,
      label: "规则",
      prop: "rules",
      defaultValue: "",
      componentName: ComponentType.ElSelect,
      attrs: {
        placeholder: "请选择类型"
      },
      rules: [{ required: false, message: "类型不能为空", trigger: "change" }],
      children: [
        {
          componentName: "ElOption",
          value: RulesType.email,
          label: "邮箱"
        },
        {
          componentName: "ElOption",
          label: "数字",
          value: RulesType.number
        }
      ]
    }
  ];
};
const elFormClearable = () => {
  return {
    type: AttrType.COMPONENT,
    label: "是否可以清空选项",
    prop: "clearable",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  };
};
const elFormplaceholder = (msg) => {
  return {
    type: AttrType.COMPONENT,
    label: "输入框占位文本",
    prop: "placeholder",
    defaultValue: msg,
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: msg
    }
  };
};
const ElSelectOptionDragFormData = (label, value, parentId = "") => {
  return {
    title: "选项",
    componentName: ComponentType.ElOption,
    attrs: {
      // ...defaultOption(val)
    },
    type: AttrType.COMPONENT,
    attrsJson: [
      {
        label: "选项名",
        prop: "label",
        type: AttrType.COMPONENT,
        defaultValue: label,
        componentName: ComponentType.ElInput,
        attrs: {
          placeholder: "请输入"
        },
        rules: [{ required: true, message: "不能为空", trigger: "change" }]
      },
      {
        label: "选项值",
        type: AttrType.COMPONENT,
        prop: "value",
        defaultValue: value,
        componentName: ComponentType.ElInput,
        attrs: {
          placeholder: "请输入"
        },
        rules: [{ required: true, message: "不能为空", trigger: "change" }]
      }
    ]
  };
};
const ElCheckboxDragFormData = (label, value, parentId = "") => {
  return {
    title: "选项",
    componentName: ComponentType.ElCheckbox,
    attrs: {
      // ...defaultOption(val)
    },
    type: AttrType.COMPONENT,
    parentId,
    attrsJson: [
      {
        label: "选项名",
        prop: "label",
        type: AttrType.COMPONENT,
        defaultValue: label,
        componentName: ComponentType.ElInput,
        attrs: {
          placeholder: "请输入"
        },
        rules: [{ required: true, message: "不能为空", trigger: "change" }]
      },
      {
        label: "选项值",
        type: AttrType.COMPONENT,
        prop: "value",
        defaultValue: value,
        componentName: ComponentType.ElInput,
        attrs: {
          placeholder: "请输入"
        },
        rules: [{ required: true, message: "不能为空", trigger: "change" }]
      }
    ]
  };
};
const ElRadioAndCheckboxDragFormData = (label, value, parentId = "") => {
  return {
    title: "选项",
    componentName: ComponentType.ElRadio,
    attrs: {},
    parentId,
    type: AttrType.COMPONENT,
    attrsJson: [
      {
        label: "选项名",
        prop: "label",
        type: AttrType.COMPONENT,
        defaultValue: label,
        componentName: ComponentType.ElInput,
        attrs: {
          placeholder: "请输入"
        },
        rules: [{ required: true, message: "不能为空", trigger: "change" }]
      },
      {
        label: "选项值",
        type: AttrType.COMPONENT,
        prop: "value",
        defaultValue: value,
        componentName: ComponentType.ElInput,
        attrs: {
          placeholder: "请输入"
        },
        rules: [{ required: true, message: "不能为空", trigger: "change" }]
      }
    ]
  };
};
const getFunctionTemplate = (str) => {
  let functionBody;
  const startIndex = str.indexOf("{");
  const endIndex = str.lastIndexOf("}");
  if (startIndex !== -1 && endIndex !== -1 && startIndex < endIndex) {
    functionBody = str.substring(startIndex + 1, endIndex).trim();
  }
  return functionBody ? functionBody : "";
};
const formatSelectFunction = (element) => {
  let value = null;
  if (element.type == "string") {
    value = `'${element.value}'`;
  } else if (element.type == "number") {
    value = element.value;
  } else if (element.type == "boolean") {
    value = Boolean(element.value);
  }
  return `data.${element.prop} ${element.compare} ${value}`;
};
const hidden = (element, model) => {
  if (element.hidden === void 0 || element.hidden === null || element.hidden === false) {
    return false;
  }
  try {
    if (element.hidden.type == SelectFuntion.SELECT) {
      let dataStr = ``;
      let dataSelect = element.hidden.dataSelect.filter((item) => {
        if (item.prop !== "" && item.type !== "" && item.value !== "") {
          return item;
        }
      });
      for (let index2 = 0; index2 < dataSelect.length; index2++) {
        const item = dataSelect[index2];
        if (item.prop !== "" && item.type !== "" && item.value !== "") {
          dataStr += formatSelectFunction(item);
          if (dataSelect.length > 1 && index2 < dataSelect.length - 1) {
            dataStr += element.hidden.matchPattern;
          }
        }
      }
      console.log("dataStr :>> ", dataStr);
      let fStr = ``;
      if (dataStr) {
        fStr = `
        let bool = false;
      if(${dataStr}){
        bool = ${element.hidden.value};
      }else{
       bool = ${!element.hidden.value};
      }
      return bool;`;
      } else {
        fStr = `
        let bool = false;
     
      return bool;`;
      }
      try {
        const dynamicFunc = new Function("config", "data", fStr);
        console.log("dynamicFunc(element, model) :>> ", dynamicFunc(element, model));
        return dynamicFunc(element, model);
      } catch (error) {
        console.log("error :>> ", error);
      }
    } else if (element.hidden.type == SelectFuntion.FUNCTION) {
      let dataJs = element.hidden.dataJs;
      if (typeof dataJs == "function") {
        return dataJs(element, model);
      } else if (typeof dataJs == "string" && dataJs) {
        try {
          const dynamicFunc = new Function(
            "config",
            "data",
            getFunctionTemplate(dataJs)
          );
          return dynamicFunc(element, model);
        } catch (error) {
          console.log("error :>> ", error);
        }
      } else {
        return false;
      }
    }
  } catch (error) {
    console.log(error);
    return false;
  }
};
const formatFunction = (element, model) => {
  let obj = {};
  const events = element.events;
  if (events && Array.isArray(events)) {
    events.forEach((item) => {
      if (item.defaultValue === SelectFuntion.FUNCTION) {
        obj[item.prop] = item.defaultValue.bind(void 0, element, model);
      } else {
        try {
          const dynamicFunc = new Function(`return ${item.defaultValue}`)().bind(void 0, element, model);
          obj[item.prop] = dynamicFunc;
        } catch (error) {
          console.error(`Error creating dynamic function for ${item.prop}:`, error);
        }
      }
    });
  }
  return obj;
};
const _sfc_main$n = defineComponent({
  __name: "easy-form-item",
  props: {
    config: {
      type: Object,
      required: true
    },
    model: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    reactive({});
    const prop = __props;
    const events = computed(() => {
      let dataF = formatFunction(prop.config, prop.model);
      return {
        ...dataF
      };
    });
    return (_ctx, _cache) => {
      const _component_el_form_item = resolveComponent("el-form-item");
      return openBlock(), createBlock(_component_el_form_item, mergeProps(__props.config.formItemAttrs, {
        prop: __props.config.prop,
        rules: __props.config.rules
      }), {
        label: withCtx(() => [
          __props.config.renderLabel ? (openBlock(), createBlock(resolveDynamicComponent(__props.config.renderLabel), { key: 0 })) : renderSlot(_ctx.$slots, __props.config.prop + "Label", { key: 1 }, () => [
            createTextVNode(toDisplayString(__props.config.label), 1)
          ])
        ]),
        default: withCtx(() => [
          __props.config.render ? (openBlock(), createBlock(resolveDynamicComponent(__props.config.render), { key: 0 })) : renderSlot(_ctx.$slots, __props.config.prop, { key: 1 }, () => [
            (openBlock(), createBlock(resolveDynamicComponent(__props.config.componentName), mergeProps({
              style: { "width": "100%" },
              modelValue: __props.model[__props.config.prop],
              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.config.prop] = $event)
            }, __props.config.attrs, toHandlers(events.value)), createSlots({ _: 2 }, [
              __props.config.children ? {
                name: "default",
                fn: withCtx(() => [
                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.children, (item, index2) => {
                    return openBlock(), createBlock(resolveDynamicComponent(item.componentName), mergeProps({ key: index2 }, item.attrs), null, 16);
                  }), 128))
                ]),
                key: "0"
              } : void 0
            ]), 1040, ["modelValue"]))
          ])
        ]),
        _: 3
      }, 16, ["prop", "rules"]);
    };
  }
});
const _sfc_main$m = /* @__PURE__ */ defineComponent({
  __name: "element-easy-form",
  props: {
    formJson: {
      type: Object,
      required: true,
      default: () => ({
        rowAttrs: {},
        formAttrs: {},
        schema: [],
        model: {}
      })
    }
    // model: {
    //   type: Object,
    //   required: true,
    // },
  },
  setup(__props, { expose: __expose }) {
    reactive({});
    const props = __props;
    const formRef = ref();
    const rules2 = ref([]);
    watch(
      () => props.formJson,
      (val) => {
        const schema = val.schema;
        rules2.value = [];
        for (let index2 = 0; index2 < schema.length; index2++) {
          const element = schema[index2];
          if (element.rules) {
            rules2.value.push({
              [element.prop]: element.rules
            });
          }
        }
      },
      {
        immediate: true
        //开启监听立即执行一次
      }
    );
    const validate = () => {
      return new Promise((resolve, reject) => {
        formRef.value.validate((valid) => {
          if (valid) {
            resolve(props.formJson.model);
          } else {
            reject(false);
          }
        });
      });
    };
    __expose({
      validate
    });
    return (_ctx, _cache) => {
      const _component_el_col = resolveComponent("el-col");
      const _component_el_row = resolveComponent("el-row");
      const _component_el_form = resolveComponent("el-form");
      return openBlock(), createElementBlock("div", null, [
        createVNode(_component_el_form, mergeProps({
          ref_key: "formRef",
          ref: formRef
        }, __props.formJson.formAttrs, {
          model: __props.formJson.model
        }), {
          default: withCtx(() => [
            createVNode(_component_el_row, normalizeProps(guardReactiveProps(__props.formJson.rowAttrs)), {
              default: withCtx(() => [
                renderSlot(_ctx.$slots, "up", {}, void 0, true),
                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.formJson.schema, (config, index2) => {
                  return openBlock(), createElementBlock(Fragment, { key: index2 }, [
                    !unref(hidden)(config, __props.formJson.model) ? (openBlock(), createBlock(_component_el_col, normalizeProps(mergeProps({ key: 0 }, config.colAttrs)), {
                      default: withCtx(() => [
                        createVNode(_sfc_main$n, {
                          config,
                          model: __props.formJson.model
                        }, {
                          [`${config.prop}Label`]: withCtx(() => [
                            renderSlot(_ctx.$slots, config.prop + "Label", {}, void 0, true)
                          ]),
                          [`${config.prop}`]: withCtx(() => [
                            renderSlot(_ctx.$slots, config.prop, {}, void 0, true)
                          ]),
                          _: 2
                        }, 1032, ["config", "model"])
                      ]),
                      _: 2
                    }, 1040)) : createCommentVNode("", true)
                  ], 64);
                }), 128)),
                renderSlot(_ctx.$slots, "under", {}, void 0, true)
              ]),
              _: 3
            }, 16)
          ]),
          _: 3
        }, 16, ["model"])
      ]);
    };
  }
});
const _export_sfc = (sfc, props) => {
  const target = sfc.__vccOpts || sfc;
  for (const [key, val] of props) {
    target[key] = val;
  }
  return target;
};
const ElementEasyForm = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-74c42724"]]);
const ElCascader$1 = [
  ...elFormItem(),
  elFormplaceholder("请选择"),
  {
    type: AttrType.COMPONENT,
    label: "配置选项",
    prop: "props",
    defaultValue: {
      expandTrigger: "click",
      multiple: false,
      checkStrictly: false,
      emitPath: true,
      value: "value",
      label: "label",
      children: "children",
      disabled: "disabled",
      leaf: "leaf",
      hoverThreshold: 500
    },
    componentName: ComponentType.ElCascaderProps,
    attrs: {}
  },
  // {
  //   type: AttrType.COMPONENT,
  //   label: "选项集",
  //   prop: AttrPropType.ElOPTIONS,
  //   defaultValue: [
  //     defaultOption()
  //   ],
  //   componentName:  ComponentType.ElSelectOption,
  //   attrs: {
  //   },
  // },
  {
    type: AttrType.COMPONENT,
    label: "用于分隔选项的字符",
    prop: "separator",
    defaultValue: "/",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "该选项是否可以被搜索",
    prop: "filterable",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  elFormClearable(),
  {
    type: AttrType.COMPONENT,
    label: "多选时是否将选中值按文字的形式展示",
    prop: "collapse-tags",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapse-tags属性必须设定为 true",
    prop: "collapse-tags-tooltip",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "选项的数据源JSON字符串",
    prop: "options",
    defaultValue: [
      {
        "value": "resource",
        "label": "Resource",
        "children": [
          {
            "value": "axure",
            "label": "Axure Components"
          },
          {
            "value": "sketch",
            "label": "Sketch Templates"
          },
          {
            "value": "docs",
            "label": "Design Documentation"
          }
        ]
      }
    ],
    componentName: ComponentType.ElSliderMarks,
    attrs: {}
  }
];
const __vite_glob_0_0$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElCascader: ElCascader$1
}, Symbol.toStringTag, { value: "Module" }));
const ElCheckboxGroup$1 = [
  ...elFormItem(),
  {
    type: AttrType.COMPONENT,
    label: "可被勾选的 checkbox 的最小数量",
    prop: "min",
    defaultValue: "",
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "可被勾选的 checkbox 的最大数量",
    prop: "max",
    defaultValue: "",
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "默认值",
    prop: "defaultValue",
    defaultValue: [],
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "选项集",
    prop: AttrPropType.ElCHECHKBOXS,
    defaultValue: [],
    componentName: ComponentType.ElCheckboxs,
    attrs: {}
  }
];
const __vite_glob_0_1$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElCheckboxGroup: ElCheckboxGroup$1
}, Symbol.toStringTag, { value: "Module" }));
const ElCol$1 = [
  // :xs="24" :sm="12" :md="6" :lg="6" :xl="6"
  {
    type: AttrType.COMPONENT,
    label: "xs(<768px)",
    prop: "xs",
    defaultValue: null,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 1,
      max: 24
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "sm(>=768px)",
    prop: "sm",
    defaultValue: null,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 1,
      max: 24
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "md(>=992px)",
    prop: "md",
    defaultValue: null,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 1,
      max: 24
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "lg(>=1200px)",
    prop: "lg",
    defaultValue: null,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 1,
      max: 24
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "xl(>=1920px)",
    prop: "xl",
    defaultValue: null,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 1,
      max: 24
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "栅格占据的列数",
    prop: "span",
    defaultValue: 12,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 1,
      max: 24
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "栅格左侧的间隔格数",
    prop: "offset",
    defaultValue: 0,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "栅格向右移动格数",
    prop: "push",
    defaultValue: 0,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "栅格向左移动格数",
    prop: "pull",
    defaultValue: 0,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    }
  }
];
const __vite_glob_0_2$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElCol: ElCol$1
}, Symbol.toStringTag, { value: "Module" }));
const ElColorPicker$1 = [
  ...elFormItem(),
  {
    label: "颜色的格式",
    prop: "color-format",
    type: AttrType.COMPONENT,
    defaultValue: "text",
    componentName: ComponentType.ElSelect,
    attrs: {
      placeholder: "请选择类型",
      clearable: true
    },
    rules: [{ required: true, message: "类型不能为空", trigger: "change" }],
    children: [
      {
        componentName: ComponentType.ElOption,
        value: "hsl",
        label: "hsl"
      },
      {
        componentName: ComponentType.ElOption,
        value: "hsv",
        label: "hsv"
      },
      {
        componentName: ComponentType.ElOption,
        value: "hex",
        label: "hex"
      },
      {
        componentName: ComponentType.ElOption,
        value: "rgb",
        label: "rgb"
      }
    ]
  },
  {
    type: AttrType.COMPONENT,
    label: "是否支持透明度选择",
    prop: "show-alpha",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  }
];
const __vite_glob_0_3$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElColorPicker: ElColorPicker$1
}, Symbol.toStringTag, { value: "Module" }));
const formatOptions = {
  year: "YYYY",
  month: "YYYY-MM",
  date: "YYYY-MM-DD",
  datetime: "YYYY-MM-DD HH:mm:ss",
  week: "YYYY-WW",
  dates: "YYYY-MM-DD",
  monthrange: "YYYY-MM",
  daterange: "YYYY-MM-DD",
  datetimerange: "YYYY-MM-DD HH:mm:ss"
};
const ElDatePicker$1 = [
  {
    label: "类型",
    prop: "type",
    type: AttrType.COMPONENT,
    defaultValue: "date",
    componentName: ComponentType.ElSelect,
    attrs: {
      placeholder: "请选择类型",
      clearable: true
    },
    rules: [{ required: true, message: "类型不能为空", trigger: "change" }],
    children: [
      {
        componentName: ComponentType.ElOption,
        label: "年",
        value: "year"
      },
      {
        componentName: ComponentType.ElOption,
        label: "月",
        value: "month"
      },
      {
        componentName: ComponentType.ElOption,
        label: "周",
        value: "week"
      },
      {
        componentName: ComponentType.ElOption,
        label: "日期",
        value: "date"
      },
      {
        componentName: ComponentType.ElOption,
        label: "日期(多选)",
        value: "dates"
      },
      {
        componentName: ComponentType.ElOption,
        label: "日期和时间点",
        value: "datetime"
      },
      {
        componentName: ComponentType.ElOption,
        label: "日期和时间点范围",
        value: "datetimerange"
      },
      {
        componentName: ComponentType.ElOption,
        label: "日期范围",
        value: "daterange"
      },
      {
        componentName: ComponentType.ElOption,
        label: "月范围",
        value: "monthrange"
      }
    ]
  },
  ...elFormItem(),
  elFormClearable(),
  elFormplaceholder("请选择"),
  {
    type: AttrType.COMPONENT,
    label: "范围选择时开始日期的占位内容",
    prop: "start-placeholder",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "范围选择时结束日期的占位内容",
    prop: "end-placeholder",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "日期格式化",
    prop: "format",
    defaultValue: "YYYY-MM-DD",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: true, message: "请参见 date formats", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "日期格式化值",
    prop: "value-format",
    defaultValue: "YYYY-MM-DD",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: true, message: "请参见 date formats", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "选择范围时的分隔符",
    prop: "range-separator",
    defaultValue: "-",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: true, message: "请参见 date formats", trigger: "change" }]
  }
];
const __vite_glob_0_4$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElDatePicker: ElDatePicker$1,
  formatOptions
}, Symbol.toStringTag, { value: "Module" }));
const ElDragTable$1 = [
  hiddenAttrs(),
  {
    label: "字段唯一标识",
    type: AttrType.FORMITEM,
    prop: "prop",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: true, message: "不能为空", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "默认值",
    prop: "defaultValue",
    defaultValue: [],
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入",
      disabled: true
    },
    rules: [{ required: false, message: "", trigger: "change" }]
  },
  {
    label: "列表字段",
    prop: "columns",
    type: AttrType.COMPONENT,
    defaultValue: [],
    componentName: ComponentType.ElTableColumns,
    attrs: {}
  },
  {
    label: "操作栏固定状态",
    prop: "fixed",
    type: AttrType.COMPONENT,
    defaultValue: "",
    componentName: ComponentType.ElSelect,
    attrs: {
      placeholder: "请选择类型",
      clearable: true
    },
    rules: [],
    children: [
      {
        componentName: ComponentType.ElOption,
        label: "不固定",
        value: ""
      },
      {
        componentName: ComponentType.ElOption,
        label: "固定左侧",
        value: "left"
      },
      {
        componentName: ComponentType.ElOption,
        label: "固定右侧",
        value: "right"
      }
    ]
  }
];
const __vite_glob_0_5$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElDragTable: ElDragTable$1
}, Symbol.toStringTag, { value: "Module" }));
const ElForm$1 = [
  {
    label: "表单域标签的位置",
    prop: "label-position",
    type: AttrType.COMPONENT,
    defaultValue: "",
    componentName: ComponentType.ElSelect,
    attrs: {
      placeholder: "请选择类型"
    },
    children: [
      {
        componentName: ComponentType.ElOption,
        label: "左",
        value: "left"
      },
      {
        componentName: ComponentType.ElOption,
        label: "右",
        value: "right"
      },
      {
        componentName: ComponentType.ElOption,
        label: "上",
        value: "top"
      }
    ]
  },
  {
    type: AttrType.COMPONENT,
    label: "标签的长度",
    prop: "label-width",
    defaultValue: "",
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 80
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "表单域标签的后缀",
    prop: "label-suffix",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "是否隐藏必填字段标签旁边的红色星号。",
    prop: "hide-required-asterisk",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    label: "星号的位置",
    prop: "require-asterisk-position",
    type: AttrType.COMPONENT,
    defaultValue: "",
    componentName: ComponentType.ElSelect,
    attrs: {
      placeholder: "请选择类型"
    },
    children: [
      {
        componentName: ComponentType.ElOption,
        label: "左",
        value: "left"
      },
      {
        componentName: ComponentType.ElOption,
        label: "右",
        value: "right"
      }
    ]
  },
  {
    type: AttrType.COMPONENT,
    label: "是否以行内形式展示校验信息",
    prop: "inline-message",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "是否在输入框中显示校验结果反馈图标",
    prop: "status-icon",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "当校验失败时，滚动到第一个错误表单项",
    prop: "scroll-to-error",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "是否禁用",
    prop: "disabled",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  }
];
const __vite_glob_0_6$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElForm: ElForm$1
}, Symbol.toStringTag, { value: "Module" }));
const ElInput$1 = [
  {
    label: "类型",
    prop: "type",
    type: AttrType.COMPONENT,
    defaultValue: "text",
    componentName: ComponentType.ElSelect,
    attrs: {
      placeholder: "请选择类型",
      clearable: true
    },
    rules: [{ required: true, message: "类型不能为空", trigger: "change" }],
    children: [
      {
        componentName: ComponentType.ElOption,
        value: "text",
        label: "文本框"
      },
      {
        componentName: ComponentType.ElOption,
        label: "密码框",
        value: "password"
      },
      {
        componentName: ComponentType.ElOption,
        label: "文本域",
        value: "textarea"
      },
      {
        componentName: ComponentType.ElOption,
        label: "数字",
        value: "number"
      }
    ]
  },
  ...elFormItem(),
  {
    type: AttrType.COMPONENT,
    label: "默认值",
    prop: "defaultValue",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "", trigger: "change" }]
  },
  elFormplaceholder("请输入"),
  {
    type: AttrType.COMPONENT,
    label: "最大输入长度",
    prop: "maxlength",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "名字不能为空", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "最小输入长度",
    prop: "minlength",
    componentName: ComponentType.ElInput,
    defaultValue: "",
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "名字不能为空", trigger: "change" }]
  }
];
const __vite_glob_0_7$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElInput: ElInput$1
}, Symbol.toStringTag, { value: "Module" }));
const ElInputNumber$1 = [
  {
    type: AttrType.COMPONENT,
    label: "设置计数器允许的最小值",
    prop: "min",
    defaultValue: "",
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "设置计数器允许的最大值",
    prop: "max",
    defaultValue: "",
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right"
    }
  },
  {
    label: "控制按钮位置",
    prop: "controls-position",
    type: AttrType.COMPONENT,
    defaultValue: "",
    componentName: ComponentType.ElSelect,
    attrs: {
      placeholder: "请选择类型"
    },
    children: [
      {
        componentName: ComponentType.ElOption,
        value: "",
        label: "默认值"
      },
      {
        componentName: ComponentType.ElOption,
        value: "right",
        label: "右侧"
      }
    ]
  },
  {
    type: AttrType.COMPONENT,
    label: "计数器步长",
    prop: "step",
    defaultValue: 1,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 1
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "数值精度",
    prop: "precision",
    defaultValue: 0,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    }
  },
  ...elFormItem(),
  {
    type: AttrType.COMPONENT,
    label: "默认值",
    prop: "defaultValue",
    defaultValue: 0,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    },
    rules: [{ required: false, message: "", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "是否只能输入 step 的倍数",
    prop: "step-strictly",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "是否使用控制按钮",
    prop: "controls",
    defaultValue: true,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  }
];
const __vite_glob_0_8$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElInputNumber: ElInputNumber$1
}, Symbol.toStringTag, { value: "Module" }));
const ElRadioGroup$1 = [
  // {
  //   type: AttrType.COMPONENT,
  //   label:"按钮形式的 Radio 激活时的文本颜色" ,
  //   prop: "text-color",
  //   defaultValue: "",
  //   componentName: ComponentType.ElColorPicker,
  //   attrs: {
  //   },
  // },
  // {
  //   type: AttrType.COMPONENT,
  //   label:"按钮形式的 Radio 激活时的填充色和边框色" ,
  //   prop: "fill",
  //   defaultValue: "",
  //   componentName: ComponentType.ElColorPicker,
  //   attrs: {
  //   },
  // },
  ...elFormItem(),
  {
    type: AttrType.COMPONENT,
    label: "选项集",
    prop: AttrPropType.ElRADIOS,
    defaultValue: [],
    componentName: ComponentType.ElRadios,
    attrs: {}
  }
];
const __vite_glob_0_9$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElRadioGroup: ElRadioGroup$1
}, Symbol.toStringTag, { value: "Module" }));
const ElRate$1 = [
  {
    type: AttrType.COMPONENT,
    label: "是否允许半选",
    prop: "allow-half",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "低分和中等分数的界限值， 值本身被划分在低分中",
    prop: "low-threshold",
    defaultValue: 2,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "高分和中等分数的界限值， 值本身被划分在高分中",
    prop: "high-threshold",
    defaultValue: 4,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    }
  },
  ...elFormItem(),
  {
    type: AttrType.COMPONENT,
    label: "分段所对应的颜色",
    prop: "colors",
    defaultValue: ["#F7BA2A", "#F7BA2A", "#F7BA2A"],
    componentName: ComponentType.ElRateColors,
    attrs: {}
  }
];
const __vite_glob_0_10$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElRate: ElRate$1
}, Symbol.toStringTag, { value: "Module" }));
const ElRow$1 = [
  hiddenAttrs(),
  {
    type: AttrType.COMPONENT,
    label: "栅格间隔",
    prop: "gutter",
    defaultValue: 20,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    },
    rules: [{ required: false, message: "名字不能为空", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "栅格列数",
    prop: AttrPropType.ElCOLSPAN,
    defaultValue: [{
      value: SPANDEFAULT
    }, {
      value: SPANDEFAULT
    }],
    componentName: ComponentType.ElRowAttrs,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 1,
      max: 24
    },
    rules: [{ required: false, message: "名字不能为空", trigger: "change" }]
  },
  {
    label: "水平排列方式",
    prop: "justify",
    type: AttrType.COMPONENT,
    defaultValue: "start",
    componentName: ComponentType.ElSelect,
    attrs: {
      placeholder: "请选择类型"
    },
    // 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly'
    rules: [{ required: false, message: "类型不能为空", trigger: "change" }],
    children: [
      {
        componentName: ComponentType.ElOption,
        value: "start",
        label: "靠左"
      },
      {
        componentName: ComponentType.ElOption,
        label: "靠右",
        value: "end"
      },
      {
        componentName: ComponentType.ElOption,
        label: "居中",
        value: "center"
      },
      {
        componentName: ComponentType.ElOption,
        label: "spaceAround",
        value: "space-around"
      },
      {
        componentName: ComponentType.ElOption,
        label: "左右等分",
        value: "space-between"
      },
      {
        componentName: ComponentType.ElOption,
        label: "平均等分",
        value: "space-evenly"
      }
    ]
  },
  {
    label: "垂直排列方式",
    prop: "align",
    type: AttrType.COMPONENT,
    defaultValue: "middle",
    componentName: ComponentType.ElSelect,
    attrs: {
      placeholder: "请选择类型"
    },
    //'top' | 'middle' | 'bottom'
    rules: [{ required: false, message: "类型不能为空", trigger: "change" }],
    children: [
      {
        componentName: ComponentType.ElOption,
        label: "靠上",
        value: "top"
      },
      {
        componentName: ComponentType.ElOption,
        label: "中间",
        value: "middle"
      },
      {
        componentName: ComponentType.ElOption,
        label: "底部",
        value: "bottom"
      }
    ]
  }
];
const __vite_glob_0_11$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElRow: ElRow$1
}, Symbol.toStringTag, { value: "Module" }));
const ElSelect$1 = [
  ...elFormItem(),
  elFormplaceholder("请选择"),
  {
    type: AttrType.COMPONENT,
    label: "选项集",
    prop: AttrPropType.ElOPTIONS,
    defaultValue: [],
    componentName: ComponentType.ElSelectOption,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "是否多选",
    prop: "multiple",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "是否筛选",
    prop: "filterable",
    defaultValue: true,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  elFormClearable(),
  {
    type: AttrType.COMPONENT,
    label: "多选时是否将选中值按文字的形式展示",
    prop: "collapse-tags",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "设置多选时，代表多选场景下用户最多可以选择的项目数， 为 0 则不限制",
    prop: "multiple-limit",
    defaultValue: 0,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    }
  }
];
const __vite_glob_0_12$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElSelect: ElSelect$1
}, Symbol.toStringTag, { value: "Module" }));
const ElSlider$1 = [
  {
    type: AttrType.COMPONENT,
    label: "最小值",
    prop: "min",
    defaultValue: "",
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "最大值",
    prop: "max",
    defaultValue: "",
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "步长",
    prop: "step",
    defaultValue: "",
    componentName: ComponentType.ElInputNumber,
    attrs: {
      min: 1,
      placeholder: "请输入",
      controlsPosition: "right"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "是否显示输入框，仅在非范围选择时有效",
    prop: "show-input",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "在显示输入框的情况下，是否显示输入框的控制按钮",
    prop: "show-input-controls",
    defaultValue: true,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "垂直模式",
    prop: "vertical",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "滑块高度，垂直模式必填",
    prop: "height",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "每个标记可以单独设置样式",
    prop: "marks",
    defaultValue: {
      0: "0°C",
      8: "8°C",
      37: "37°C",
      50: {
        style: {
          color: "#1989FA"
        },
        label: "50%"
      }
    },
    componentName: ComponentType.ElSliderMarks,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "是否显示间断点",
    prop: "show-stops",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "是否显示提示信息",
    prop: "show-tooltip",
    defaultValue: true,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  ...elFormItem(),
  {
    label: "Tooltip 出现的位置",
    prop: "placement",
    type: AttrType.COMPONENT,
    defaultValue: "top",
    componentName: ComponentType.ElSelect,
    attrs: {
      placeholder: "请选择类型",
      clearable: true
    },
    rules: [{ required: true, message: "类型不能为空", trigger: "change" }],
    children: [
      {
        componentName: ComponentType.ElOption,
        label: "上",
        value: "top"
      },
      {
        componentName: ComponentType.ElOption,
        label: "上左",
        value: "top-start"
      },
      {
        componentName: ComponentType.ElOption,
        label: "上右",
        value: "top-end"
      },
      {
        componentName: ComponentType.ElOption,
        label: "下",
        value: "bottom"
      },
      {
        componentName: ComponentType.ElOption,
        label: "下左",
        value: "bottom-start"
      },
      {
        componentName: ComponentType.ElOption,
        label: "下右",
        value: "bottom-end"
      },
      {
        componentName: ComponentType.ElOption,
        label: "左",
        value: "left"
      },
      {
        componentName: ComponentType.ElOption,
        label: "左上",
        value: "left-start"
      },
      {
        componentName: ComponentType.ElOption,
        label: "左下",
        value: "left-end"
      },
      {
        componentName: ComponentType.ElOption,
        label: "右",
        value: "right"
      },
      {
        componentName: ComponentType.ElOption,
        label: "右上",
        value: "right-start"
      },
      {
        componentName: ComponentType.ElOption,
        label: "右下",
        value: "right-end"
      }
    ]
  }
];
const __vite_glob_0_13$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElSlider: ElSlider$1
}, Symbol.toStringTag, { value: "Module" }));
const ElSwitch$1 = [
  ...elFormItem(),
  {
    type: AttrType.COMPONENT,
    label: "默认值",
    prop: "defaultValue",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "", trigger: "change" }]
  },
  elFormplaceholder("请输入"),
  {
    type: AttrType.COMPONENT,
    label: "switch 的宽度",
    prop: "width",
    defaultValue: "",
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    },
    rules: [{ required: false, message: "名字不能为空", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "打开时的文字描述",
    prop: "activeText",
    componentName: ComponentType.ElInput,
    defaultValue: "",
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "名字不能为空", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "关闭时的文字描述",
    prop: "inactiveText",
    componentName: ComponentType.ElInput,
    defaultValue: "",
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "名字不能为空", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "打开时的值",
    prop: "activeValue",
    componentName: ComponentType.ElInput,
    defaultValue: "",
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "名字不能为空", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "关闭时的值",
    prop: "inactiveValue",
    componentName: ComponentType.ElInput,
    defaultValue: "",
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "名字不能为空", trigger: "change" }]
  }
];
const __vite_glob_0_14$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElSwitch: ElSwitch$1
}, Symbol.toStringTag, { value: "Module" }));
const ElTimePicker$1 = [
  ...elFormItem(),
  elFormClearable(),
  elFormplaceholder("请选择"),
  {
    type: AttrType.COMPONENT,
    label: "范围选择时开始日期的占位内容",
    prop: "start-placeholder",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "范围选择时结束日期的占位内容",
    prop: "end-placeholder",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "显示在输入框中的格式",
    prop: "format",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "绑定值的格式",
    prop: "value-format",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "选择范围时的分隔符",
    prop: "range-separator",
    defaultValue: "-",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "是否为时间范围选择",
    prop: "is-range",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "是否使用箭头进行时间选择",
    prop: "arrow-control",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  }
];
const __vite_glob_0_15$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElTimePicker: ElTimePicker$1
}, Symbol.toStringTag, { value: "Module" }));
const ElTimeSelect$1 = [
  ...elFormItem(),
  elFormClearable(),
  elFormplaceholder("请选择"),
  {
    type: AttrType.COMPONENT,
    label: "开始时间",
    prop: "start",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "结束时间",
    prop: "end",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "间隔时间",
    prop: "step",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "最早时间点，早于该时间的时间段将被禁用",
    prop: "min-time",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "最晚时间点，晚于该时间的时间段将被禁用",
    prop: "max-time",
    defaultValue: "-",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "设置时间格式",
    prop: "format",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    }
  }
];
const __vite_glob_0_16$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElTimeSelect: ElTimeSelect$1
}, Symbol.toStringTag, { value: "Module" }));
const LineTitle$1 = [
  hiddenAttrs(),
  {
    type: AttrType.COMPONENT,
    label: "标题",
    prop: "title",
    defaultValue: "标题",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "标题字体大小",
    prop: "fontSize",
    defaultValue: 14,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "标题颜色",
    prop: "color",
    defaultValue: "#333",
    componentName: ComponentType.ElColorPicker,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "标题前方图标宽",
    prop: "width",
    defaultValue: 3,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "标题前方图标高",
    prop: "height",
    defaultValue: 20,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "标题前方图标距离字体距离",
    prop: "marginRight",
    defaultValue: 10,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "标题前方图标背景色",
    prop: "backgroundColor",
    defaultValue: "",
    componentName: ComponentType.ElColorPicker,
    attrs: {}
  }
];
const __vite_glob_0_17$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  LineTitle: LineTitle$1
}, Symbol.toStringTag, { value: "Module" }));
const modules$1 = /* @__PURE__ */ Object.assign({
  "./lib/ElCascader.ts": __vite_glob_0_0$1,
  "./lib/ElCheckboxGroup.ts": __vite_glob_0_1$1,
  "./lib/ElCol.ts": __vite_glob_0_2$1,
  "./lib/ElColorPicker.ts": __vite_glob_0_3$1,
  "./lib/ElDatePicker.ts": __vite_glob_0_4$1,
  "./lib/ElDragTable.ts": __vite_glob_0_5$1,
  "./lib/ElForm.ts": __vite_glob_0_6$1,
  "./lib/ElInput.ts": __vite_glob_0_7$1,
  "./lib/ElInputNumber.ts": __vite_glob_0_8$1,
  "./lib/ElRadioGroup.ts": __vite_glob_0_9$1,
  "./lib/ElRate.ts": __vite_glob_0_10$1,
  "./lib/ElRow.ts": __vite_glob_0_11$1,
  "./lib/ElSelect.ts": __vite_glob_0_12$1,
  "./lib/ElSlider.ts": __vite_glob_0_13$1,
  "./lib/ElSwitch.ts": __vite_glob_0_14$1,
  "./lib/ElTimePicker.ts": __vite_glob_0_15$1,
  "./lib/ElTimeSelect.ts": __vite_glob_0_16$1,
  "./lib/LineTitle.ts": __vite_glob_0_17$1
});
let module$1 = {};
Object.keys(modules$1).forEach((key) => {
  const mod = modules$1[key] || {};
  Object.assign(module$1, mod);
});
const componentAttrs = {
  ...module$1
};
const ElColDragFormData = (span, parentId = "") => {
  return {
    title: "列",
    type: AttrType.LAYOUT,
    componentName: ComponentType.ElCol,
    attrs: {
      span: span ? span : SPANDEFAULT
    },
    parentId,
    children: [],
    attrsJson: componentAttrs.ElCol
  };
};
const ElTableColumnsData = (span) => {
  return {
    title: "列",
    type: AttrType.COMPONENT,
    componentName: ComponentType.ElDragTableColumns,
    attrs: {},
    children: [],
    attrsJson: []
  };
};
const ElCascader = [
  ...getCommonEvents(),
  {
    type: AttrType.COMPONENT,
    label: "change	当选中节点变化时触发",
    prop: "change",
    defaultValue: `function change(config,data,value){
          }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "	当选中节点变化时触发"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "expandChange	当展开节点发生变化时触发",
    prop: "expandChange",
    defaultValue: `function expandChange(config,data,value){
          }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "当展开节点发生变化时触发"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "visibleChange	下拉框出现/隐藏时触发",
    prop: "visibleChange",
    defaultValue: `function visibleChange(config,data,value){
          }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "下拉框出现/隐藏时触发"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "removeTag	在多选模式下，移除Tag时触发",
    prop: "removeTag",
    defaultValue: `function removeTag(config,data,value){
          }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "在多选模式下，移除Tag时触发"
    }
  }
];
const __vite_glob_0_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElCascader
}, Symbol.toStringTag, { value: "Module" }));
const ElCheckboxGroup = [
  {
    type: AttrType.COMPONENT,
    label: "change	当绑定值变化时触发的事件",
    prop: "change",
    defaultValue: `function change(config,data,value,boolean){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "	当绑定值变化时触发的事件"
    }
  }
];
const __vite_glob_0_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElCheckboxGroup
}, Symbol.toStringTag, { value: "Module" }));
const ElCol = [
  // :xs="24" :sm="12" :md="6" :lg="6" :xl="6"
  {
    type: AttrType.COMPONENT,
    label: "xs(<768px)",
    prop: "xs",
    defaultValue: null,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 1,
      max: 24
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "sm(>=768px)",
    prop: "sm",
    defaultValue: null,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 1,
      max: 24
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "md(>=992px)",
    prop: "md",
    defaultValue: null,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 1,
      max: 24
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "lg(>=1200px)",
    prop: "lg",
    defaultValue: null,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 1,
      max: 24
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "xl(>=1920px)",
    prop: "xl",
    defaultValue: null,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 1,
      max: 24
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "栅格占据的列数",
    prop: "span",
    defaultValue: 12,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 1,
      max: 24
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "栅格左侧的间隔格数",
    prop: "offset",
    defaultValue: 0,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "栅格向右移动格数",
    prop: "push",
    defaultValue: 0,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "栅格向左移动格数",
    prop: "pull",
    defaultValue: 0,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    }
  }
];
const __vite_glob_0_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElCol
}, Symbol.toStringTag, { value: "Module" }));
const ElColorPicker = [
  ...getCommonEvents("clear"),
  {
    type: AttrType.COMPONENT,
    label: "change 当绑定值变化时触发",
    prop: "change",
    defaultValue: `function change(config,data,value){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "当绑定值变化时触发"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "activeChange	面板中当前显示的颜色发生改变时触发",
    prop: "activeChange",
    defaultValue: `function activeChange(config,data,value){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "面板中当前显示的颜色发生改变时触发"
    }
  }
];
const __vite_glob_0_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElColorPicker
}, Symbol.toStringTag, { value: "Module" }));
const ElDatePicker = [
  ...getCommonEvents(),
  {
    type: AttrType.COMPONENT,
    label: "change	用户确认选定的值时触发",
    prop: "change",
    defaultValue: `function change(config,data,value){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "	用户确认选定的值时触发"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "visibleChange	下拉列表出现/消失时触发",
    prop: "visibleChange",
    defaultValue: `function visibleChange(config,data,value){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "下拉列表出现/消失时触发"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "calendarChange	在日历所选日期更改时触发",
    prop: "calendarChange",
    defaultValue: `function calendarChange(config,data,value){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "在日历所选日期更改时触发"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "panelChange	当日期面板改变时触发",
    prop: "panelChange",
    defaultValue: `function panelChange(config,data,value){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "当日期面板改变时触发"
    }
  }
];
const __vite_glob_0_4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElDatePicker
}, Symbol.toStringTag, { value: "Module" }));
const ElDragTable = [
  hiddenAttrs(),
  {
    label: "字段唯一标识",
    type: AttrType.FORMITEM,
    prop: "prop",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: true, message: "不能为空", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "默认值",
    prop: "defaultValue",
    defaultValue: [],
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入",
      disabled: true
    },
    rules: [{ required: false, message: "", trigger: "change" }]
  },
  {
    label: "列表字段",
    prop: "columns",
    type: AttrType.COMPONENT,
    defaultValue: [],
    componentName: ComponentType.ElTableColumns,
    attrs: {}
  },
  {
    label: "操作栏固定状态",
    prop: "fixed",
    type: AttrType.COMPONENT,
    defaultValue: "",
    componentName: ComponentType.ElSelect,
    attrs: {
      placeholder: "请选择类型",
      clearable: true
    },
    rules: [],
    children: [
      {
        componentName: ComponentType.ElOption,
        label: "不固定",
        value: ""
      },
      {
        componentName: ComponentType.ElOption,
        label: "固定左侧",
        value: "left"
      },
      {
        componentName: ComponentType.ElOption,
        label: "固定右侧",
        value: "right"
      }
    ]
  }
];
const __vite_glob_0_5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElDragTable
}, Symbol.toStringTag, { value: "Module" }));
const ElForm = [
  {
    label: "表单域标签的位置",
    prop: "label-position",
    type: AttrType.COMPONENT,
    defaultValue: "",
    componentName: ComponentType.ElSelect,
    attrs: {
      placeholder: "请选择类型"
    },
    children: [
      {
        componentName: ComponentType.ElOption,
        label: "左",
        value: "left"
      },
      {
        componentName: ComponentType.ElOption,
        label: "右",
        value: "right"
      },
      {
        componentName: ComponentType.ElOption,
        label: "上",
        value: "top"
      }
    ]
  },
  {
    type: AttrType.COMPONENT,
    label: "标签的长度",
    prop: "label-width",
    defaultValue: "",
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 80
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "表单域标签的后缀",
    prop: "label-suffix",
    defaultValue: "",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "是否隐藏必填字段标签旁边的红色星号。",
    prop: "hide-required-asterisk",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    label: "星号的位置",
    prop: "require-asterisk-position",
    type: AttrType.COMPONENT,
    defaultValue: "",
    componentName: ComponentType.ElSelect,
    attrs: {
      placeholder: "请选择类型"
    },
    children: [
      {
        componentName: ComponentType.ElOption,
        label: "左",
        value: "left"
      },
      {
        componentName: ComponentType.ElOption,
        label: "右",
        value: "right"
      }
    ]
  },
  {
    type: AttrType.COMPONENT,
    label: "是否以行内形式展示校验信息",
    prop: "inline-message",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "是否在输入框中显示校验结果反馈图标",
    prop: "status-icon",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "当校验失败时，滚动到第一个错误表单项",
    prop: "scroll-to-error",
    defaultValue: false,
    componentName: ComponentType.ElSwitch,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "是否禁用",
    prop: "disabled",
    defaultValue: "",
    componentName: ComponentType.ElSwitch,
    attrs: {}
  }
];
const __vite_glob_0_6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElForm
}, Symbol.toStringTag, { value: "Module" }));
const ElInput = [
  ...getCommonEvents(),
  {
    type: AttrType.COMPONENT,
    label: "change	modelValue 改变时，当输入框失去焦点或用户按Enter时触发",
    prop: "change",
    defaultValue: `function change(config,data,value){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "modelValue 改变时，当输入框失去焦点或用户按Enter时触发"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "input	在 Input 值改变时触发",
    prop: "input",
    defaultValue: `function input(config,data,value){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "	在 Input 值改变时触发"
    }
  }
];
const __vite_glob_0_7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElInput
}, Symbol.toStringTag, { value: "Module" }));
const ElInputNumber = [
  ...getCommonEvents("clear"),
  {
    type: AttrType.COMPONENT,
    label: "change	绑定值被改变时触发",
    prop: "change",
    defaultValue: `function change(config,data,value,oldValue){
            }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "绑定值被改变时触发"
    }
  }
];
const __vite_glob_0_8 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElInputNumber
}, Symbol.toStringTag, { value: "Module" }));
const ElRadioGroup = [
  {
    type: AttrType.COMPONENT,
    label: "change	当绑定值变化时触发的事件",
    prop: "change",
    defaultValue: `function change(config,data,value){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "	当绑定值变化时触发的事件"
    }
  }
];
const __vite_glob_0_9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElRadioGroup
}, Symbol.toStringTag, { value: "Module" }));
const ElRate = [
  {
    type: AttrType.COMPONENT,
    label: "change	分值改变时触发",
    prop: "change",
    defaultValue: `function change(config,data,value){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "分值改变时触发"
    }
  }
];
const __vite_glob_0_10 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElRate
}, Symbol.toStringTag, { value: "Module" }));
const ElRow = [
  hiddenAttrs(),
  {
    type: AttrType.COMPONENT,
    label: "栅格间隔",
    prop: "gutter",
    defaultValue: 0,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 0
    },
    rules: [{ required: false, message: "名字不能为空", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "栅格列数",
    prop: AttrPropType.ElCOLSPAN,
    defaultValue: [{
      value: SPANDEFAULT
    }, {
      value: SPANDEFAULT
    }],
    componentName: ComponentType.ElRowAttrs,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right",
      min: 1,
      max: 24
    },
    rules: [{ required: false, message: "名字不能为空", trigger: "change" }]
  },
  {
    label: "水平排列方式",
    prop: "justify",
    type: AttrType.COMPONENT,
    defaultValue: "start",
    componentName: ComponentType.ElSelect,
    attrs: {
      placeholder: "请选择类型"
    },
    // 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly'
    rules: [{ required: false, message: "类型不能为空", trigger: "change" }],
    children: [
      {
        componentName: ComponentType.ElOption,
        value: "start",
        label: "靠左"
      },
      {
        componentName: ComponentType.ElOption,
        label: "靠右",
        value: "end"
      },
      {
        componentName: ComponentType.ElOption,
        label: "居中",
        value: "center"
      },
      {
        componentName: ComponentType.ElOption,
        label: "spaceAround",
        value: "space-around"
      },
      {
        componentName: ComponentType.ElOption,
        label: "左右等分",
        value: "space-between"
      },
      {
        componentName: ComponentType.ElOption,
        label: "平均等分",
        value: "space-evenly"
      }
    ]
  },
  {
    label: "垂直排列方式",
    prop: "align",
    type: AttrType.COMPONENT,
    defaultValue: "middle",
    componentName: ComponentType.ElSelect,
    attrs: {
      placeholder: "请选择类型"
    },
    //'top' | 'middle' | 'bottom'
    rules: [{ required: false, message: "类型不能为空", trigger: "change" }],
    children: [
      {
        componentName: ComponentType.ElOption,
        label: "靠上",
        value: "top"
      },
      {
        componentName: ComponentType.ElOption,
        label: "中间",
        value: "middle"
      },
      {
        componentName: ComponentType.ElOption,
        label: "底部",
        value: "bottom"
      }
    ]
  }
];
const __vite_glob_0_11 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElRow
}, Symbol.toStringTag, { value: "Module" }));
const ElSelect = [
  ...getCommonEvents(),
  {
    type: AttrType.COMPONENT,
    label: "change选中值发生变化时触发",
    prop: "change",
    defaultValue: `function change(config,data,value){
              }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "选中值发生变化时触发"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "visibleChange	下拉框出现/隐藏时触发",
    prop: "visibleChange",
    defaultValue: `function visibleChange(config,data,value){
              }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "下拉框出现/隐藏时触发"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "removeTag	在多选模式下，移除Tag时触发",
    prop: "removeTag",
    defaultValue: `function removeTag(config,data,value){
              }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "在多选模式下，移除Tag时触发"
    }
  }
];
const __vite_glob_0_12 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElSelect
}, Symbol.toStringTag, { value: "Module" }));
const ElSlider = [
  {
    type: AttrType.COMPONENT,
    label: "change	值改变时触发",
    prop: "change",
    defaultValue: `function change(config,data,value){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "值改变时触发"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "input	数据改变时触发",
    prop: "input",
    defaultValue: `function input(config,data,value){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "数据改变时触发"
    }
  }
];
const __vite_glob_0_13 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElSlider
}, Symbol.toStringTag, { value: "Module" }));
const ElSwitch = [
  {
    type: AttrType.COMPONENT,
    label: "change		switch 状态发生变化时的回调函数",
    prop: "change",
    defaultValue: `function change(config,data,value){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "	switch 状态发生变化时的回调函数"
    }
  }
];
const __vite_glob_0_14 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElSwitch
}, Symbol.toStringTag, { value: "Module" }));
const ElTimePicker = [
  ...getCommonEvents(),
  {
    type: AttrType.COMPONENT,
    label: "change	用户确认选定的值时触发",
    prop: "change",
    defaultValue: `function change(config,data,value){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "用户确认选定的值时触发"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "visibleChange	下拉列表出现/消失时触发",
    prop: "visibleChange",
    defaultValue: `function visibleChange(config,data,boolean){
        }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "下拉列表出现/消失时触发"
    }
  }
];
const __vite_glob_0_15 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElTimePicker
}, Symbol.toStringTag, { value: "Module" }));
const ElTimeSelect = [
  ...getCommonEvents(),
  {
    type: AttrType.COMPONENT,
    label: "change	用户确认选定的值时触发",
    prop: "change",
    defaultValue: `function change(config,data,value,oldValue){
            }`,
    componentName: ComponentType.ElFunctionEvent,
    attrs: {
      title: "用户确认选定的值时触发"
    }
  }
];
const __vite_glob_0_16 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  ElTimeSelect
}, Symbol.toStringTag, { value: "Module" }));
const LineTitle = [
  hiddenAttrs(),
  {
    type: AttrType.COMPONENT,
    label: "标题",
    prop: "defaultValue",
    defaultValue: "标题",
    componentName: ComponentType.ElInput,
    attrs: {
      placeholder: "请输入"
    },
    rules: [{ required: false, message: "", trigger: "change" }]
  },
  {
    type: AttrType.COMPONENT,
    label: "标题字体大小",
    prop: "fontSize",
    defaultValue: 14,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "标题颜色",
    prop: "color",
    defaultValue: "#333",
    componentName: ComponentType.ElColorPicker,
    attrs: {}
  },
  {
    type: AttrType.COMPONENT,
    label: "标题前方图标宽",
    prop: "width",
    defaultValue: 3,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "标题前方图标高",
    prop: "height",
    defaultValue: 20,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "标题前方图标距离字体距离",
    prop: "marginRight",
    defaultValue: 10,
    componentName: ComponentType.ElInputNumber,
    attrs: {
      placeholder: "请输入",
      controlsPosition: "right"
    }
  },
  {
    type: AttrType.COMPONENT,
    label: "标题前方图标背景色",
    prop: "backgroundColor",
    defaultValue: "",
    componentName: ComponentType.ElColorPicker,
    attrs: {}
  }
];
const __vite_glob_0_17 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  LineTitle
}, Symbol.toStringTag, { value: "Module" }));
const modules = /* @__PURE__ */ Object.assign({
  "./lib/ElCascader.ts": __vite_glob_0_0,
  "./lib/ElCheckboxGroup.ts": __vite_glob_0_1,
  "./lib/ElCol.ts": __vite_glob_0_2,
  "./lib/ElColorPicker.ts": __vite_glob_0_3,
  "./lib/ElDatePicker.ts": __vite_glob_0_4,
  "./lib/ElDragTable.ts": __vite_glob_0_5,
  "./lib/ElForm.ts": __vite_glob_0_6,
  "./lib/ElInput.ts": __vite_glob_0_7,
  "./lib/ElInputNumber.ts": __vite_glob_0_8,
  "./lib/ElRadioGroup.ts": __vite_glob_0_9,
  "./lib/ElRate.ts": __vite_glob_0_10,
  "./lib/ElRow.ts": __vite_glob_0_11,
  "./lib/ElSelect.ts": __vite_glob_0_12,
  "./lib/ElSlider.ts": __vite_glob_0_13,
  "./lib/ElSwitch.ts": __vite_glob_0_14,
  "./lib/ElTimePicker.ts": __vite_glob_0_15,
  "./lib/ElTimeSelect.ts": __vite_glob_0_16,
  "./lib/LineTitle.ts": __vite_glob_0_17
});
let module = {};
Object.keys(modules).forEach((key) => {
  const mod = modules[key] || {};
  Object.assign(module, mod);
});
const componentEvents = {
  ...module
};
const useDragFormStore = defineStore("useDragFormStore", {
  state: () => ({
    isDragList: false,
    currentData: {},
    currentFormDataModule: {},
    currentDataModule: {}
  }),
  getters: {
    getIsDragList: (state) => {
      return state.isDragList;
    },
    getCurrentData: (state) => {
      return state.currentData;
    },
    getCurrentFormDataModule: (state) => {
      return state.currentFormDataModule;
    },
    getCurrentDataModule: (state) => {
      return state.currentDataModule;
    }
  },
  actions: {
    setCurrentData(data) {
      this.currentData = data;
    },
    setIsDragList(data) {
      this.isDragList = data;
    },
    setCurrentFormDataModule(data) {
      this.currentFormDataModule = data;
    },
    setCurrentDataModule(data) {
      this.currentDataModule = data;
    }
  }
});
const getClassGroup = () => {
  return {
    title: "分组",
    type: AttrType.LAYOUT,
    formType: JSONType.DRAGFORM,
    attrsJson: componentAttrs.LineTitle,
    componentName: ComponentType.LineTitle,
    // 组件名称，用于生成代码
    attrs: {}
  };
};
const container = {
  title: "容器",
  attrs: {},
  prop: "container",
  type: AttrType.LAYOUT,
  formType: JSONType.ALL,
  children: [
    {
      title: "栅格",
      attrs: {
        gutter: 10
      },
      type: AttrType.LAYOUT,
      formType: JSONType.ALL,
      componentName: ComponentType.ElRow,
      // 组件名称，用于生成代码
      attrsJson: componentAttrs.ElRow,
      children: [
        ElColDragFormData(),
        ElColDragFormData()
      ]
    },
    getClassGroup()
  ]
};
const compontent = {
  title: "常用控件",
  formType: JSONType.ALL,
  prop: "compontent",
  attrs: {},
  type: AttrType.COMPONENT,
  children: [
    {
      label: "添加列表",
      type: AttrType.COMPONENT,
      title: "添加列表",
      formItemAttrs: {},
      attrs: {},
      formType: JSONType.DRAGFORM,
      attrsJson: componentAttrs.ElDragTable,
      componentName: ComponentType.ElDragTable,
      // 组件名称，用于生成代码
      children: []
    },
    {
      label: "多选框",
      type: AttrType.COMPONENT,
      title: "多选框",
      formType: JSONType.ALL,
      formItemAttrs: {},
      attrs: {},
      rules: [],
      events: componentEvents.ElCheckboxGroup,
      prop: "",
      attrsJson: componentAttrs.ElCheckboxGroup,
      componentName: ComponentType.ElCheckboxGroup,
      // 组件名称，用于生成代码
      children: []
    },
    {
      label: "单选框",
      type: AttrType.COMPONENT,
      title: "单选框",
      formItemAttrs: {},
      formType: JSONType.ALL,
      attrs: {},
      rules: [],
      prop: "",
      events: componentEvents.ElRadioGroup,
      attrsJson: componentAttrs.ElRadioGroup,
      componentName: ComponentType.ElRadioGroup,
      // 组件名称，用于生成代码
      children: []
    },
    {
      label: "输入框",
      type: AttrType.COMPONENT,
      title: "输入框",
      formItemAttrs: {},
      formType: JSONType.ALL,
      attrs: {},
      rules: [],
      prop: "",
      events: componentEvents.ElInput,
      attrsJson: componentAttrs.ElInput,
      componentName: ComponentType.ElInput
      // 组件名称，用于生成代码
    },
    {
      title: "数字输入框",
      label: "数字输入框",
      type: AttrType.COMPONENT,
      formItemAttrs: {},
      formType: JSONType.ALL,
      attrs: {},
      rules: [],
      prop: "",
      events: componentEvents.ElInputNumber,
      attrsJson: componentAttrs.ElInputNumber,
      componentName: ComponentType.ElInputNumber
      // 组件名称，用于生成代码
    },
    {
      title: "选择器",
      prop: "",
      label: "选择器",
      formType: JSONType.ALL,
      type: AttrType.COMPONENT,
      attrs: {
        placeholder: "请选择"
        // disabled:true
      },
      formItemAttrs: {},
      rules: [],
      events: componentEvents.ElSelect,
      attrsJson: componentAttrs.ElSelect,
      componentName: ComponentType.ElSelect,
      // 组件名称，用于生成代码
      children: []
    },
    {
      title: "级联选择器",
      prop: "",
      label: "级联选择器",
      type: AttrType.COMPONENT,
      formType: JSONType.ALL,
      attrs: {
        // disabled:true
      },
      formItemAttrs: {},
      events: componentEvents.ElCascader,
      rules: [],
      attrsJson: componentAttrs.ElCascader,
      componentName: ComponentType.ElCascader
      // 组件名称，用于生成代码
    },
    {
      title: "日期选择器",
      label: "日期选择器",
      formType: JSONType.ALL,
      type: AttrType.COMPONENT,
      attrs: {},
      prop: "",
      formItemAttrs: {},
      rules: [],
      events: componentEvents.ElDatePicker,
      attrsJson: componentAttrs.ElDatePicker,
      componentName: ComponentType.ElDatePicker,
      // 组件名称，用于生成代码
      watch: [
        {
          prop: "attrsJson.0.defaultValue",
          options: {
            // deep:true
          },
          handler: (newVal, oldVal, data) => {
            const dragFormStore = useDragFormStore();
            const { element } = data;
            console.log("element :>> ", element);
            element.attrsJson.forEach((item) => {
              if (item.prop == "value-format" || item.prop == "format") {
                item.defaultValue = formatOptions[newVal];
                const currentDataModule = dragFormStore.currentDataModule;
                currentDataModule[item.prop] = item.defaultValue;
                formAndAttrsUpdata(element, item);
              }
            });
          }
        }
      ]
    },
    {
      title: "颜色选择器",
      label: "颜色选择器",
      formType: JSONType.ALL,
      type: AttrType.COMPONENT,
      attrs: {},
      prop: "",
      formItemAttrs: {},
      rules: [],
      attrsJson: componentAttrs.ElColorPicker,
      events: componentEvents.ElColorPicker,
      componentName: ComponentType.ElColorPicker
      // 组件名称，用于生成代码
    },
    {
      title: "开关",
      label: "开关",
      formType: JSONType.ALL,
      type: AttrType.COMPONENT,
      attrs: {},
      prop: "",
      formItemAttrs: {},
      rules: [],
      events: componentEvents.ElSwitch,
      attrsJson: componentAttrs.ElSwitch,
      componentName: ComponentType.ElSwitch
      // 组件名称，用于生成代码
    },
    {
      title: "评分",
      label: "评分",
      formType: JSONType.ALL,
      type: AttrType.COMPONENT,
      attrs: {},
      prop: "",
      formItemAttrs: {},
      rules: [],
      events: componentEvents.ElRate,
      attrsJson: componentAttrs.ElRate,
      componentName: ComponentType.ElRate
      // 组件名称，用于生成代码
    },
    {
      title: "滑块",
      label: "滑块",
      formType: JSONType.ALL,
      type: AttrType.COMPONENT,
      attrs: {},
      prop: "",
      formItemAttrs: {},
      rules: [],
      attrsJson: componentAttrs.ElSlider,
      events: componentEvents.ElSlider,
      componentName: ComponentType.ElSlider
      // 组件名称，用于生成代码
    },
    {
      title: "时间选择器",
      formType: JSONType.ALL,
      label: "时间选择器",
      type: AttrType.COMPONENT,
      attrs: {},
      prop: "",
      formItemAttrs: {},
      rules: [],
      attrsJson: componentAttrs.ElTimePicker,
      events: componentEvents.ElTimePicker,
      componentName: ComponentType.ElTimePicker
      // 组件名称，用于生成代码
    },
    {
      title: "时间选择",
      formType: JSONType.ALL,
      label: "时间选择",
      type: AttrType.COMPONENT,
      attrs: {},
      prop: "",
      formItemAttrs: {},
      rules: [],
      attrsJson: componentAttrs.ElTimeSelect,
      events: componentEvents.ElTimeSelect,
      componentName: ComponentType.ElTimeSelect
      // 组件名称，用于生成代码
    }
  ]
};
const componentList = [
  container,
  compontent
];
const findParent = (array, currentId) => {
  const findActive = (data, id) => {
    for (let index2 = 0; index2 < data.length; index2++) {
      const element = data[index2];
      if (element.id == id) {
        return element;
      } else if (element.children && element.children.length > 0) {
        return findActive(element.children, id);
      }
    }
  };
  return findActive(array, currentId);
};
const _imports_0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1706506610188'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='4260'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M153.6%20204.8v716.8a51.2%2051.2%200%200%200%2051.2%2051.2h614.4a51.2%2051.2%200%200%200%2051.2-51.2V204.8H153.6z%20m153.6-51.2V51.2a51.2%2051.2%200%200%201%2051.2-51.2h307.2a51.2%2051.2%200%200%201%2051.2%2051.2v102.4h204.8v768a102.4%20102.4%200%200%201-102.4%20102.4H204.8a102.4%20102.4%200%200%201-102.4-102.4V153.6h204.8z%20m51.2%200h307.2V51.2H358.4v102.4z%20m-25.6%20204.8a25.6%2025.6%200%200%201%2025.6%2025.6v409.6a25.6%2025.6%200%201%201-51.2%200v-409.6a25.6%2025.6%200%200%201%2025.6-25.6zM512%20358.4a25.6%2025.6%200%200%201%2025.6%2025.6v409.6a25.6%2025.6%200%201%201-51.2%200v-409.6A25.6%2025.6%200%200%201%20512%20358.4z%20m179.2%200a25.6%2025.6%200%200%201%2025.6%2025.6v409.6a25.6%2025.6%200%201%201-51.2%200v-409.6a25.6%2025.6%200%200%201%2025.6-25.6zM25.6%20153.6h972.8a25.6%2025.6%200%201%201%200%2051.2H25.6a25.6%2025.6%200%200%201%200-51.2z'%20fill='%23ffffff'%20p-id='4261'%3e%3c/path%3e%3c/svg%3e";
const _hoisted_1$b = { class: "drag-handler" };
const _hoisted_2$7 = { class: "field-action" };
const _hoisted_3$6 = { key: 1 };
const _sfc_main$l = defineComponent({
  __name: "selector",
  props: {
    renderType: {
      //预览方式  render 预览  '' 拖拽渲染 
      type: String,
      default: ""
    },
    element: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    const viewArr = inject("viewArr");
    const currentDataModule = inject("currentDataModule");
    const currentDataEvents = inject("currentDataEvents");
    inject("componentAttrsCurrent");
    const formAttrRef = inject("formAttrRef");
    reactive({});
    const dragFormStore = useDragFormStore();
    const isDragList = computed(() => {
      return dragFormStore.isDragList;
    });
    const currentData = computed(() => {
      return dragFormStore.getCurrentData;
    });
    const actived = (data, id) => {
      data.forEach((item) => {
        if (item.id != id) {
          item.active = false;
        }
        if (item.id == id) {
          dragFormStore.setCurrentData(item);
        }
        if (item.children) {
          actived(item.children, id);
        }
      });
    };
    const handleActive = (item) => {
      if (currentData.value && formAttrRef.value && formAttrRef.value.validate) {
        formAttrRef.value.validate((valid) => {
          if (valid) {
            const id = item.id;
            actived(viewArr.value, id);
            item.active = true;
            nextTick(() => {
              if (formAttrRef.value && currentData.value.id) {
                currentDataModule.value = {};
                currentDataEvents.value = {};
                currentData.value.attrsJson.forEach((item2) => {
                  currentDataModule.value[item2.prop] = item2.defaultValue;
                });
                if (currentData.value.events) {
                  currentData.value.events.forEach((item2) => {
                    currentDataEvents.value[item2.prop] = item2.defaultValue;
                  });
                  currentDataEvents.value.id = id;
                }
                currentDataModule.value.id = id;
              }
            });
          } else {
            return false;
          }
        });
      } else {
        const id = item.id;
        actived(viewArr.value, id);
        item.active = true;
        nextTick(() => {
          if (formAttrRef.value && currentData.value.id) {
            currentDataModule.value = {};
            currentData.value.attrsJson.forEach((item2) => {
              currentDataModule.value[item2.prop] = item2.defaultValue;
            });
            if (currentData.value.events) {
              currentData.value.events.forEach((item2) => {
                currentDataEvents.value[item2.prop] = item2.defaultValue;
              });
              currentDataEvents.value.id = id;
            }
            currentDataModule.value.id = id;
          }
        });
      }
    };
    const handleDelete = (element) => {
      var _a;
      function filterElement(params) {
        return params.filter((item) => {
          if (item.children) {
            item.children = filterElement(item.children);
          }
          return item.id != element.id;
        });
      }
      if (element.componentName == ComponentType.ElCol) {
        let data = findParent(
          viewArr.value,
          currentData.value.parentId
        );
        (_a = data.children) == null ? void 0 : _a.forEach((e, index2) => {
          var _a2;
          if (e.id == element.id) {
            (_a2 = data.attrsJson) == null ? void 0 : _a2.forEach((a) => {
              if (a.prop == AttrPropType.ElCOLSPAN) {
                a.defaultValue.splice(index2, 1);
              }
            });
          }
        });
        viewArr.value = filterElement(viewArr.value);
      } else {
        viewArr.value = filterElement(viewArr.value);
      }
      currentDataModule.value = {};
      dragFormStore.setCurrentData({});
    };
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", null, [
        __props.renderType == "" ? (openBlock(), createElementBlock("div", {
          key: 0,
          class: "selector",
          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => handleActive(__props.element), ["stop"]))
        }, [
          renderSlot(_ctx.$slots, "default", {}, void 0, true),
          !isDragList.value ? (openBlock(), createElementBlock("div", {
            key: 0,
            class: "maskElement",
            style: normalizeStyle({
              opacity: __props.element.active ? "1" : "0"
            })
          }, [
            createElementVNode("div", _hoisted_1$b, toDisplayString(__props.element.title), 1),
            createElementVNode("div", _hoisted_2$7, [
              createElementVNode("div", null, [
                createElementVNode("img", {
                  onClick: _cache[0] || (_cache[0] = withModifiers(($event) => handleDelete(__props.element), ["stop"])),
                  style: { "width": "16px", "height": "16px", "margin-top": "4px" },
                  src: _imports_0,
                  alt: ""
                })
              ])
            ])
          ], 4)) : createCommentVNode("", true)
        ])) : (openBlock(), createElementBlock("div", _hoisted_3$6, [
          renderSlot(_ctx.$slots, "default", {}, void 0, true)
        ]))
      ]);
    };
  }
});
const selector = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-597f658a"]]);
const _hoisted_1$a = { class: "ElDragTable" };
const _hoisted_2$6 = { class: "elDragTableHeader" };
const _hoisted_3$5 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
const _hoisted_4$5 = {
  key: 0,
  class: "is-required"
};
const _sfc_main$k = defineComponent({
  __name: "ElDragTable",
  props: {
    renderType: {
      //预览方式  render 预览  '' 拖拽渲染 
      type: String,
      default: ""
    },
    element: {
      type: Object,
      required: true
    },
    model: {
      type: Object,
      required: true
    }
  },
  emits: ["update:modelValue", "change", "Add", "Close"],
  setup(__props, { emit: __emit }) {
    useCssVars((_ctx) => ({
      "18953936-renderTypeoverflow": renderTypeoverflow.value
    }));
    const state = reactive({
      data: [{}]
    });
    const elTableRef = ref(null);
    const emit = __emit;
    const prop = __props;
    watch(
      () => prop.element,
      () => {
        nextTick(() => {
          if (elTableRef.value) ;
        });
      },
      { immediate: false, deep: true }
    );
    const upData = () => {
      emit("update:modelValue", state.data);
    };
    const handleAdd = () => {
      prop.model[prop.element.prop].push({});
      upData();
    };
    const handleClose = (data) => {
      prop.model[prop.element.prop].splice(data.$index, 1);
    };
    const dragFormStore = useDragFormStore();
    computed(() => {
      return dragFormStore.isDragList;
    });
    const toolStart = (e) => {
      dragFormStore.setIsDragList(true);
    };
    const toolEnd = (e) => {
      dragFormStore.setIsDragList(false);
    };
    const renderTypeoverflow = computed(() => {
      return prop.renderType == "render" ? "hidden" : "revert";
    });
    const events = (element, model) => {
      let dataF = formatFunction(element, model);
      return {
        ...dataF
      };
    };
    return (_ctx, _cache) => {
      const _component_el_button = resolveComponent("el-button");
      const _component_el_form_item = resolveComponent("el-form-item");
      const _component_el_table_column = resolveComponent("el-table-column");
      const _component_el_table = resolveComponent("el-table");
      return openBlock(), createElementBlock("div", _hoisted_1$a, [
        createElementVNode("div", _hoisted_2$6, [
          _hoisted_3$5,
          createVNode(_component_el_button, {
            size: "small",
            disabled: __props.renderType != "render" ? true : false,
            type: "primary",
            onClick: handleAdd
          }, {
            default: withCtx(() => [
              createTextVNode("添加")
            ]),
            _: 1
          }, 8, ["disabled"])
        ]),
        createVNode(_component_el_table, {
          ref_key: "elTableRef",
          ref: elTableRef,
          data: __props.renderType == "render" ? __props.model[__props.element.prop] : state.data
        }, {
          default: withCtx(() => [
            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.element.children, (item, index2) => {
              return openBlock(), createBlock(_component_el_table_column, {
                key: index2,
                prop: item.prop,
                label: item.label,
                minWidth: item.minWidth
              }, {
                header: withCtx(() => [
                  item.children.length > 0 && item.children[0].rules.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$5, " * ")) : createCommentVNode("", true),
                  createTextVNode(" " + toDisplayString(item.label), 1)
                ]),
                default: withCtx((scope) => [
                  createVNode(unref(draggable), {
                    modelValue: item.children,
                    "onUpdate:modelValue": ($event) => item.children = $event,
                    disabled: __props.renderType != "render" ? false : true,
                    "data-type": unref(AttrType).LAYOUT,
                    "data-title": __props.element.title,
                    group: { name: "g1" },
                    onStart: toolStart,
                    onEnd: toolEnd,
                    animation: "300"
                  }, {
                    item: withCtx(({ element }) => [
                      !unref(hidden)(element, __props.model) ? (openBlock(), createBlock(selector, {
                        key: 0,
                        element,
                        "data-type": element.type,
                        renderType: __props.renderType,
                        class: normalizeClass([element.active ? "selectorSelected" : ""])
                      }, {
                        default: withCtx(() => [
                          createVNode(_component_el_form_item, {
                            prop: prop.element.prop + "." + scope.$index + "." + item.prop,
                            rules: element.rules
                          }, {
                            default: withCtx(() => [
                              (openBlock(), createBlock(resolveDynamicComponent(element.componentName), mergeProps(element.attrs, {
                                modelValue: scope.row[item.prop],
                                "onUpdate:modelValue": ($event) => scope.row[item.prop] = $event
                              }, toHandlers(events(element, scope))), createSlots({ _: 2 }, [
                                element.children ? {
                                  name: "default",
                                  fn: withCtx(() => [
                                    (openBlock(true), createElementBlock(Fragment, null, renderList(element.children, (item2, index22) => {
                                      return openBlock(), createBlock(resolveDynamicComponent(item2.componentName), mergeProps({ key: index22 }, item2.attrs), null, 16);
                                    }), 128))
                                  ]),
                                  key: "0"
                                } : void 0
                              ]), 1040, ["modelValue", "onUpdate:modelValue"]))
                            ]),
                            _: 2
                          }, 1032, ["prop", "rules"])
                        ]),
                        _: 2
                      }, 1032, ["element", "data-type", "renderType", "class"])) : createCommentVNode("", true)
                    ]),
                    _: 2
                  }, 1032, ["modelValue", "onUpdate:modelValue", "disabled", "data-type", "data-title"])
                ]),
                _: 2
              }, 1032, ["prop", "label", "minWidth"]);
            }), 128)),
            __props.element.children.length > 0 ? (openBlock(), createBlock(_component_el_table_column, {
              key: 0,
              fixed: __props.element.attrs.fixed,
              label: "操作",
              width: "80"
            }, {
              default: withCtx((scoped) => [
                createVNode(_component_el_button, {
                  link: "",
                  type: "danger",
                  size: "small",
                  onClick: ($event) => handleClose(scoped)
                }, {
                  default: withCtx(() => [
                    createTextVNode("删除")
                  ]),
                  _: 2
                }, 1032, ["onClick"])
              ]),
              _: 1
            }, 8, ["fixed"])) : createCommentVNode("", true)
          ]),
          _: 1
        }, 8, ["data"])
      ]);
    };
  }
});
const _sfc_main$j = defineComponent({
  __name: "lineTitle",
  props: {
    height: {
      type: Number,
      required: true
    },
    fontSize: {
      type: Number,
      required: true
    },
    width: {
      type: Number,
      required: true
    },
    marginRight: {
      type: Number,
      required: true
    },
    backgroundColor: {
      type: String,
      required: true
    },
    color: {
      type: String,
      required: true
    },
    title: {
      type: String,
      required: true
    }
  },
  setup(__props) {
    reactive({});
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", null, [
        createElementVNode("div", {
          class: "lineTitle-darg-form",
          style: normalizeStyle({
            color: __props.color,
            fontSize: __props.fontSize + "px"
          })
        }, [
          createElementVNode("div", {
            class: "after",
            style: normalizeStyle({
              backgroundColor: __props.backgroundColor,
              width: __props.width + "px",
              height: __props.height + "px",
              marginRight: __props.marginRight + "px"
            })
          }, null, 4),
          createTextVNode(" " + toDisplayString(__props.title), 1)
        ], 4)
      ]);
    };
  }
});
const lineTitle = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-73e11729"]]);
const _sfc_main$i = defineComponent({
  __name: "drag-row",
  props: {
    element: {
      type: Object,
      required: true
    },
    renderType: {
      //预览方式  render 预览  '' 拖拽渲染 
      type: String,
      default: ""
    },
    model: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    reactive({});
    const dragFormStore = useDragFormStore();
    computed(() => {
      return dragFormStore.isDragList;
    });
    return (_ctx, _cache) => {
      const _component_el_col = resolveComponent("el-col");
      const _component_el_row = resolveComponent("el-row");
      return openBlock(), createBlock(_component_el_row, mergeProps({
        "data-type": unref(AttrType).LAYOUT
      }, __props.element.attrs, {
        class: [
          __props.element.active ? "selectorSelected" : "",
          __props.renderType != "render" ? "grid-container" : ""
        ]
      }), {
        default: withCtx(() => [
          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.element.children, (item, index2) => {
            return openBlock(), createBlock(_component_el_col, mergeProps({ key: index2 }, item.attrs, {
              "data-type": unref(AttrType).LAYOUT,
              class: [item.active ? "selectorSelected" : ""]
            }), {
              default: withCtx(() => [
                createVNode(selector, {
                  element: item,
                  renderType: __props.renderType
                }, {
                  default: withCtx(() => [
                    createVNode(unref(draggable), {
                      modelValue: item.children,
                      "onUpdate:modelValue": ($event) => item.children = $event,
                      "data-title": __props.element.title,
                      class: normalizeClass(__props.renderType != "render" ? "colDraggable" : ""),
                      disabled: __props.renderType != "render" ? false : true,
                      "data-type": unref(AttrType).LAYOUT,
                      group: { name: "g1" },
                      animation: "300"
                    }, {
                      item: withCtx(({ element }) => [
                        createVNode(_sfc_main$h, {
                          renderType: __props.renderType,
                          element,
                          model: __props.model
                        }, null, 8, ["renderType", "element", "model"])
                      ]),
                      _: 2
                    }, 1032, ["modelValue", "onUpdate:modelValue", "data-title", "class", "disabled", "data-type"])
                  ]),
                  _: 2
                }, 1032, ["element", "renderType"])
              ]),
              _: 2
            }, 1040, ["data-type", "class"]);
          }), 128))
        ]),
        _: 1
      }, 16, ["data-type", "class"]);
    };
  }
});
const _sfc_main$h = defineComponent({
  __name: "CustomComponent",
  props: {
    type: {
      type: String,
      default: ""
    },
    renderType: {
      //预览方式  render 预览  '' 拖拽渲染 
      type: String,
      default: ""
    },
    element: {
      type: Object,
      required: true
    },
    model: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    reactive({});
    ref("");
    const prop = __props;
    const updata = shallowRef(true);
    watch(
      () => prop.model,
      (newVal) => {
        if (prop.element.watch) {
          const watches = Array.isArray(prop.element.watch) ? prop.element.watch : [prop.element.watch];
          watches.forEach((watchItem) => {
            const value = newVal[watchItem.prop];
            if (value !== void 0) {
              watchItem.handler(value, prop.element.children);
            }
          });
        }
      },
      { deep: true }
    );
    if (prop.element.watch) {
      if (Array.isArray(prop.element.watch)) {
        for (let index2 = 0; index2 < prop.element.watch.length; index2++) {
          const element = prop.element.watch[index2];
          watch(
            () => {
              const path = element.prop.split(".");
              let value = path.reduce((obj, key) => obj == null ? void 0 : obj[key], prop.element);
              console.log("value :>> ", value);
              return value;
            },
            (newVal, oldVal) => {
              element.handler(newVal, oldVal, {
                element: prop.element
              });
            },
            element.options
          );
        }
      }
    }
    const events = computed(() => {
      let dataF = formatFunction(prop.element, prop.model);
      return {
        ...dataF
      };
    });
    console.log("object :>> ", prop.element);
    const binds = computed(() => {
      updata.value = false;
      setTimeout(() => {
        updata.value = true;
      }, 5);
      return {
        ...prop.element.attrs
      };
    });
    return (_ctx, _cache) => {
      const _component_el_form_item = resolveComponent("el-form-item");
      return (__props.renderType == "" ? true : !unref(hidden)(__props.element, __props.model)) ? (openBlock(), createBlock(selector, {
        key: 0,
        renderType: __props.renderType,
        class: normalizeClass([__props.element.active ? "selectorSelected" : ""]),
        element: __props.element,
        "data-type": __props.type
      }, {
        default: withCtx(() => [
          __props.element.componentName == unref(ComponentType).LineTitle ? (openBlock(), createBlock(lineTitle, normalizeProps(mergeProps({ key: 0 }, __props.element.attrs)), null, 16)) : __props.element.componentName == unref(ComponentType).ElRow ? (openBlock(), createBlock(_sfc_main$i, {
            key: 1,
            model: __props.model,
            element: __props.element,
            renderType: __props.renderType
          }, null, 8, ["model", "element", "renderType"])) : __props.element.componentName == unref(ComponentType).ElDragTable ? (openBlock(), createBlock(_sfc_main$k, {
            key: 2,
            renderType: __props.renderType,
            model: __props.model,
            element: __props.element
          }, null, 8, ["renderType", "model", "element"])) : unref(AttrType).COMPONENT == __props.element.type ? (openBlock(), createBlock(_component_el_form_item, mergeProps({ key: 3 }, __props.element.formItemAttrs, {
            prop: __props.element.prop,
            rules: __props.element.rules
          }), {
            label: withCtx(() => [
              __props.element.renderLabel ? (openBlock(), createBlock(resolveDynamicComponent(__props.element.renderLabel), { key: 0 })) : renderSlot(_ctx.$slots, __props.element.prop + "Label", { key: 1 }, () => [
                createTextVNode(toDisplayString(__props.element.label), 1)
              ])
            ]),
            default: withCtx(() => [
              __props.element.render ? (openBlock(), createBlock(resolveDynamicComponent(__props.element.render), { key: 0 })) : renderSlot(_ctx.$slots, __props.element.prop, { key: 1 }, () => [
                updata.value ? (openBlock(), createBlock(resolveDynamicComponent(__props.element.componentName), mergeProps({ key: 0 }, binds.value, {
                  modelValue: __props.model[__props.element.prop],
                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.element.prop] = $event)
                }, toHandlers(events.value)), createSlots({ _: 2 }, [
                  __props.element.children ? {
                    name: "default",
                    fn: withCtx(() => [
                      (openBlock(true), createElementBlock(Fragment, null, renderList(__props.element.children, (item, index2) => {
                        return openBlock(), createBlock(resolveDynamicComponent(item.componentName), mergeProps({ key: index2 }, item.attrs), null, 16);
                      }), 128))
                    ]),
                    key: "0"
                  } : void 0
                ]), 1040, ["modelValue"])) : createCommentVNode("", true)
              ])
            ]),
            _: 3
          }, 16, ["prop", "rules"])) : createCommentVNode("", true)
        ]),
        _: 3
      }, 8, ["renderType", "class", "element", "data-type"])) : createCommentVNode("", true);
    };
  }
});
const _hoisted_1$9 = { class: "content__wrap" };
const _sfc_main$g = /* @__PURE__ */ defineComponent({
  __name: "index",
  props: {
    title: {
      type: String,
      default: ""
    },
    // 是否显示全屏按钮
    showFullscreen: {
      type: Boolean,
      default: false
    },
    width: {
      type: [String, Number],
      default: "950px"
    }
  },
  setup(__props) {
    reactive({});
    const dialogRef = ref(null);
    const fullscreen = ref(false);
    return (_ctx, _cache) => {
      const _component_el_scrollbar = resolveComponent("el-scrollbar");
      const _component_el_dialog = resolveComponent("el-dialog");
      return openBlock(), createBlock(_component_el_dialog, mergeProps({
        ref_key: "dialogRef",
        ref: dialogRef
      }, _ctx.$attrs, {
        fullscreen: fullscreen.value,
        "destroy-on-close": "",
        "append-to-body": true,
        "lock-scroll": false,
        "close-on-click-modal": false,
        width: __props.width,
        top: "10vh"
      }), createSlots({
        header: withCtx(() => [
          renderSlot(_ctx.$slots, "title", {}, () => [
            createTextVNode(toDisplayString(__props.title), 1)
          ], true)
        ]),
        default: withCtx(() => [
          createVNode(_component_el_scrollbar, {
            class: normalizeClass(
              fullscreen.value && _ctx.$slots.footer ? "com-dialog__content--footer" : fullscreen.value && !_ctx.$slots.footer ? "com-dialog__content--fullscreen" : "com-dialog__content"
            )
          }, {
            default: withCtx(() => [
              createElementVNode("div", _hoisted_1$9, [
                renderSlot(_ctx.$slots, "default", {}, void 0, true)
              ])
            ]),
            _: 3
          }, 8, ["class"])
        ]),
        _: 2
      }, [
        _ctx.$slots.footer ? {
          name: "footer",
          fn: withCtx(() => [
            renderSlot(_ctx.$slots, "footer", {}, void 0, true)
          ]),
          key: "0"
        } : void 0
      ]), 1040, ["fullscreen", "width"]);
    };
  }
});
const ComDialog = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-dd1918d4"]]);
const _sfc_main$f = defineComponent({
  __name: "exportJson",
  props: {
    modelValue: {
      type: Boolean,
      defalut: false
    },
    exportType: {
      type: String,
      defalut: ""
    },
    formAttrs: {
      type: Object,
      required: true
    },
    data: {
      type: Object,
      defalut: false
    },
    type: {
      type: String,
      default: ""
    }
  },
  emits: ["update:modelValue"],
  setup(__props, { emit: __emit }) {
    const emit = __emit;
    const states = reactive({
      lang: "json",
      theme: "github",
      content: ""
    });
    const dialogVisible = ref(false);
    const subLoading = ref(false);
    ref();
    let props = __props;
    const MONACO_EDITOR_OPTIONS = {
      automaticLayout: true,
      formatOnType: true,
      formatOnPaste: true
    };
    const editorRef = shallowRef();
    const handleMount = (editor) => editorRef.value = editor;
    function formatCode() {
      var _a;
      (_a = editorRef.value) == null ? void 0 : _a.getAction("editor.action.formatDocument").run();
    }
    watch(
      () => props.modelValue,
      (val) => {
        dialogVisible.value = val;
      },
      {
        immediate: true
      }
    );
    watch(
      () => props.data,
      (val) => {
        if (val) {
          const dataNew = lodash.cloneDeep(val);
          if (props.type == JSONType.ELEMENTEASYFORM) {
            const schema = generateEasyFormCode(dataNew);
            const model = getModel(dataNew);
            if (props.exportType == ExportType.JSON) {
              states.lang = "json";
              let data = {
                rowAttrs: {
                  gutter: 20,
                  ...getRowAttrs(dataNew)
                },
                schema,
                model,
                formAttrs: props.formAttrs
              };
              states.content = JSON.stringify(data, null, 2);
            } else if (props.exportType == ExportType.CODE) {
              states.lang = "html";
              let data = {
                rowAttrs: {
                  gutter: 20,
                  ...getRowAttrs(dataNew)
                },
                schema,
                model,
                formAttrs: props.formAttrs
              };
              states.content = getHtmlEasyForm(data);
              nextTick(() => {
                setTimeout(() => {
                  formatCode();
                }, 1e3);
              });
            }
          } else if (props.type == JSONType.DRAGFORM) {
            const formJson = generateDragFormCode(dataNew);
            const model = getModel(dataNew);
            let data = {
              formJson,
              model,
              formAttrs: props.formAttrs
            };
            if (props.exportType == ExportType.JSON) {
              states.lang = "json";
              states.content = JSON.stringify(data, null, 2);
            } else if (props.exportType == ExportType.CODE) {
              states.lang = "html";
              states.content = getHtmlDragForm(data);
              nextTick(() => {
                setTimeout(() => {
                  formatCode();
                }, 1e3);
              });
            }
          }
        }
      },
      {
        deep: true
      }
    );
    const handleClose = () => {
      emit("update:modelValue", false);
    };
    watch(
      () => dialogVisible.value,
      (val) => {
        if (!val) {
          handleClose();
        }
      }
    );
    return (_ctx, _cache) => {
      const _component_el_button = resolveComponent("el-button");
      return openBlock(), createBlock(ComDialog, {
        modelValue: dialogVisible.value,
        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event)
      }, {
        footer: withCtx(() => [
          createElementVNode("div", null, [
            createVNode(_component_el_button, {
              size: "large",
              onClick: handleClose
            }, {
              default: withCtx(() => [
                createTextVNode("取消")
              ]),
              _: 1
            }),
            createVNode(_component_el_button, {
              size: "large",
              loading: subLoading.value,
              type: "primary",
              onClick: _ctx.submitData
            }, {
              default: withCtx(() => [
                createTextVNode("保存")
              ]),
              _: 1
            }, 8, ["loading", "onClick"])
          ])
        ]),
        default: withCtx(() => [
          createVNode(unref(MonacoEditor), {
            theme: "vs-dark",
            language: states.lang,
            width: 800,
            height: 500,
            value: states.content,
            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => states.content = $event),
            onMount: handleMount,
            options: MONACO_EDITOR_OPTIONS
          }, null, 8, ["language", "value"])
        ]),
        _: 1
      }, 8, ["modelValue"]);
    };
  }
});
const _withScopeId$1 = (n) => (pushScopeId("data-v-1a709566"), n = n(), popScopeId(), n);
const _hoisted_1$8 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { style: { "height": "20px" } }, null, -1));
const _hoisted_2$5 = { class: "preview" };
const _sfc_main$e = defineComponent({
  __name: "Preview",
  props: {
    modelValue: {
      type: Boolean,
      defalut: false
    },
    data: {
      type: Object,
      defalut: false
    },
    formAttrs: {
      type: Object,
      required: true
    },
    currentFormDataModule: {
      type: Object,
      defalut: false
    },
    type: {
      type: String,
      default: ""
    }
  },
  emits: ["update:modelValue"],
  setup(__props, { emit: __emit }) {
    const emit = __emit;
    const elementFormrenderRef = ref();
    const dialogVisible = ref(false);
    const submitData = async () => {
      await elementFormrenderRef.value.validate();
      dialogVisible.value = false;
    };
    let props = __props;
    watch(
      () => props.modelValue,
      (val) => {
        dialogVisible.value = val;
      },
      {
        immediate: true
      }
    );
    const handleClose = () => {
      emit("update:modelValue", false);
    };
    watch(
      () => dialogVisible.value,
      (val) => {
        if (!val) {
          handleClose();
        }
      }
    );
    watch(
      () => props.data,
      (val) => {
        if (val) {
          const dataNew = lodash.cloneDeep(val);
          if (props.type == JSONType.ELEMENTEASYFORM) {
            const schema = generateEasyFormCode(dataNew);
            const model = getModel(dataNew);
            let data = {
              rowAttrs: {
                ...getRowAttrs(dataNew)
              },
              schema,
              model,
              formAttrs: props.formAttrs
            };
            formJson.value = data;
          } else if (props.type == JSONType.DRAGFORM) {
            const formJson2 = generateDragFormCode(dataNew);
            const model = getModel(dataNew);
            let data = {
              formJson: formJson2,
              model,
              formAttrs: props.formAttrs
            };
            dragFormJson.value = data;
          }
        }
      },
      {
        deep: true
      }
    );
    const dragFormJson = ref({});
    const formJson = ref({});
    return (_ctx, _cache) => {
      const _component_element_form_render = resolveComponent("element-form-render");
      const _component_ElementEasyForm = resolveComponent("ElementEasyForm");
      const _component_el_button = resolveComponent("el-button");
      return openBlock(), createBlock(ComDialog, {
        modelValue: dialogVisible.value,
        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dialogVisible.value = $event)
      }, {
        footer: withCtx(() => [
          createElementVNode("div", null, [
            createVNode(_component_el_button, {
              size: "large",
              onClick: handleClose
            }, {
              default: withCtx(() => [
                createTextVNode("取消")
              ]),
              _: 1
            }),
            createVNode(_component_el_button, {
              size: "large",
              loading: _ctx.subLoading,
              type: "primary",
              onClick: submitData
            }, {
              default: withCtx(() => [
                createTextVNode("保存")
              ]),
              _: 1
            }, 8, ["loading"])
          ])
        ]),
        default: withCtx(() => [
          _hoisted_1$8,
          createElementVNode("div", _hoisted_2$5, [
            __props.type == unref(JSONType).DRAGFORM ? (openBlock(), createBlock(_component_element_form_render, {
              key: 0,
              ref_key: "elementFormrenderRef",
              ref: elementFormrenderRef,
              formJson: dragFormJson.value.formJson,
              formAttrs: __props.formAttrs,
              model: dragFormJson.value.model
            }, null, 8, ["formJson", "formAttrs", "model"])) : createCommentVNode("", true),
            __props.type == unref(JSONType).ELEMENTEASYFORM ? (openBlock(), createBlock(_component_ElementEasyForm, {
              key: 1,
              ref_key: "elementFormrenderRef",
              ref: elementFormrenderRef,
              formJson: formJson.value
            }, null, 8, ["formJson"])) : createCommentVNode("", true)
          ])
        ]),
        _: 1
      }, 8, ["modelValue"]);
    };
  }
});
const Preview = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-1a709566"]]);
const formData = "formData";
const getTag = (value) => {
  let result = "";
  for (let i = 0; i < value.length; i++) {
    let char = value.charAt(i);
    if (char >= "A" && char <= "Z") {
      if (i > 0) {
        result += "-";
      }
      result += char.toLowerCase();
    } else {
      result += char;
    }
  }
  return result;
};
const getAttrs = (data, prop) => {
  let str = "";
  for (const key in data) {
    if (Object.prototype.hasOwnProperty.call(data, key)) {
      const element = data[key];
      if (key != "defaultValue") {
        if (typeof element != "string") {
          str += `
 :${key}="${element}" `;
        } else {
          str += `
 ${key}="${element}" `;
        }
      } else {
        str += `
  v-model="${prop}" `;
      }
    }
  }
  return str;
};
const getEvent = (data) => {
  let str = "";
  for (const key in data) {
    if (Object.prototype.hasOwnProperty.call(data, key)) {
      const element = data[key];
      str += `
 @${key}="${element}"`;
    }
  }
  return str;
};
const getFunctions = (data) => {
  if (!data) return "";
  let str = "";
  for (let index2 = 0; index2 < data.length; index2++) {
    const element = data[index2];
    if (element.events) {
      for (let eIndex = 0; eIndex < element.events.length; eIndex++) {
        const eventEl = element.events[eIndex];
        const parameterString = eventEl.defaultValue.slice(eventEl.defaultValue.indexOf("(") + 1, eventEl.defaultValue.indexOf(")"));
        const parameters = parameterString.split(",").map((param) => param.trim()).filter((param) => param);
        let body = getFunctionTemplate(eventEl.defaultValue);
        if (body) {
          str += `
 const ${element.prop}${eventEl.prop} = (${parameters.join(",")}) => {
                ${getFunctionTemplate(eventEl.defaultValue)}
            }`;
        }
      }
    }
    if (element.children) {
      str += getFunctions(element.children);
    }
  }
  return str;
};
function generateVue(data) {
  if (!data) return "";
  let str = "";
  for (let index2 = 0; index2 < data.length; index2++) {
    const element = data[index2];
    let event = {};
    if (element.events) {
      for (let eIndex = 0; eIndex < element.events.length; eIndex++) {
        const eventEl = element.events[eIndex];
        let body = getFunctionTemplate(eventEl.defaultValue);
        if (body) {
          event[eventEl.prop] = element.prop + eventEl.prop;
        }
      }
    }
    str += `<${getTag(element.componentName)}  ${getAttrs(
      element.attrs,
      element.prop
    )}  ${getEvent(event)}>
            ${generateVue(element.children)}
        </${getTag(element.componentName)}>
        `;
  }
  return str;
}
const generateComponentVue = (data, type, formAttrs) => {
  if (data) {
    const code = generateDragFormCode(data);
    const model = getModel(data);
    return `
  <template>
   <div class="">
     <el-form     
     ${getAttrs(formAttrs)}
  :model="formData">
              ${generateVue(code)}
     </el-form>
   </div>
 </template>
 
 <script setup >
 import { ref, reactive, onMounted } from "vue";
 const ${formData} = ref(${JSON.stringify(model)})
 ${getFunctions(code)}
 <\/script>
 <style scoped lang="scss">
 </style>
  `;
  } else {
    return "暂无数据";
  }
};
const _sfc_main$d = defineComponent({
  __name: "exportVue",
  props: {
    modelValue: {
      type: Boolean,
      defalut: false
    },
    exportType: {
      type: String,
      defalut: ""
    },
    formAttrs: {
      type: Object,
      required: true
    },
    data: {
      type: Object,
      defalut: false
    },
    type: {
      type: String,
      default: ""
    }
  },
  emits: ["update:modelValue"],
  setup(__props, { emit: __emit }) {
    const dialogVisible = ref(false);
    const subLoading = ref(false);
    ref();
    const emit = __emit;
    const monacoEditorRef = ref();
    const states = reactive({
      lang: "html",
      theme: "github",
      content: ""
    });
    let props = __props;
    const MONACO_EDITOR_OPTIONS = {
      automaticLayout: true,
      formatOnType: true,
      formatOnPaste: true
    };
    const editorRef = shallowRef();
    const handleMount = (editor) => editorRef.value = editor;
    function formatCode() {
      var _a;
      (_a = editorRef.value) == null ? void 0 : _a.getAction("editor.action.formatDocument").run();
    }
    watch(
      () => props.modelValue,
      (val) => {
        dialogVisible.value = val;
      },
      {
        immediate: true
      }
    );
    watch(
      () => props.data,
      (val) => {
        if (val) {
          const dataNew = lodash.cloneDeep(val);
          states.content = generateComponentVue(dataNew, props.type, props.formAttrs);
          nextTick(() => {
            setTimeout(() => {
              formatCode();
            }, 1e3);
          });
        }
      },
      {
        deep: true
      }
    );
    const handleClose = () => {
      emit("update:modelValue", false);
    };
    watch(
      () => dialogVisible.value,
      (val) => {
        if (!val) {
          handleClose();
        }
      }
    );
    return (_ctx, _cache) => {
      const _component_el_button = resolveComponent("el-button");
      return openBlock(), createBlock(ComDialog, {
        modelValue: dialogVisible.value,
        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event)
      }, {
        footer: withCtx(() => [
          createElementVNode("div", null, [
            createVNode(_component_el_button, {
              size: "large",
              onClick: handleClose
            }, {
              default: withCtx(() => [
                createTextVNode("取消")
              ]),
              _: 1
            }),
            createVNode(_component_el_button, {
              size: "large",
              loading: subLoading.value,
              type: "primary",
              onClick: _ctx.submitData
            }, {
              default: withCtx(() => [
                createTextVNode("保存")
              ]),
              _: 1
            }, 8, ["loading", "onClick"])
          ])
        ]),
        default: withCtx(() => [
          createVNode(unref(MonacoEditor), {
            theme: "vs-dark",
            language: states.lang,
            ref_key: "monacoEditorRef",
            ref: monacoEditorRef,
            width: 800,
            height: 500,
            onMount: handleMount,
            options: MONACO_EDITOR_OPTIONS,
            value: states.content,
            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => states.content = $event)
          }, null, 8, ["language", "value"])
        ]),
        _: 1
      }, 8, ["modelValue"]);
    };
  }
});
const _hoisted_1$7 = { class: "drag-form" };
const _hoisted_2$4 = { class: "drag-form-left" };
const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", { class: "drag-form-title" }, "element-easy-form", -1);
const _hoisted_4$4 = { class: "drag-form-left-conetnt" };
const _hoisted_5$2 = ["data-type", "data-title"];
const _hoisted_6$2 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
const _hoisted_7 = { class: "drag-form-content-tool" };
const _hoisted_8 = { class: "formBox" };
const _hoisted_9 = {
  key: 0,
  id: "noData"
};
const _hoisted_10 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
const _hoisted_11 = { class: "drag-form-right" };
const _hoisted_12 = {
  class: "drag-form-title",
  style: { "border-bottom": "1px solid var(--el-border-color)" }
};
const _hoisted_13 = { class: "drag-form-right-conetnt" };
const _hoisted_14 = {
  key: 0,
  class: "drag-form-right-conetnt"
};
const _hoisted_15 = {
  key: 0,
  class: "drag-form-right-conetnt"
};
const _sfc_main$c = defineComponent({
  __name: "drag-form",
  props: {
    customoComponents: {
      type: Array,
      required: false,
      default: null
    },
    modelValue: {
      type: Object,
      required: false,
      default: () => []
    }
  },
  emits: ["save"],
  setup(__props, { expose: __expose, emit: __emit }) {
    const emits = __emit;
    const dragFormStore = useDragFormStore();
    const currentData = computed(() => {
      return dragFormStore.getCurrentData;
    });
    const formType = ref(JSONType.DRAGFORM);
    const activeList = ref(
      lodash.cloneDeep(componentList)
    );
    const activeName = ref();
    const activeAttrs = ref("form属性");
    const model = ref({});
    const currentFormDataModule = computed(() => {
      return dragFormStore.getCurrentFormDataModule;
    });
    const currentDataModule = computed(() => {
      return dragFormStore.getCurrentDataModule;
    });
    const viewArr = ref([]);
    const componentAttrsCurrent = ref([]);
    const currentDataEvents = ref({});
    const formAttrRef = ref("");
    const exportJsonBool = ref(false);
    const previewBool = ref(false);
    const exportType = ref("");
    const generateData = ref({});
    const attrsCollapse = ref(["属性", "事件"]);
    const exportVueBool = ref(false);
    const handleSave = () => {
      emits("save", toRaw(viewArr.value));
    };
    const handleExportVue = () => {
      generateData.value = lodash.cloneDeep(viewArr.value);
      exportVueBool.value = true;
    };
    const handleExportJson = (type) => {
      exportType.value = type;
      generateData.value = lodash.cloneDeep(viewArr.value);
      exportJsonBool.value = true;
    };
    const handleClear = () => {
      dragFormStore.setCurrentData({});
      viewArr.value = [];
      currentDataModule.value = {};
      ElForm$1.forEach((res) => {
        if (res.defaultValue !== "") {
          currentFormDataModule.value[res.prop] = res.defaultValue;
        }
      });
    };
    watch(
      () => viewArr.value,
      (val, old) => {
        model.value = getModel(toRaw(val));
      },
      {
        deep: true
      }
    );
    watch(
      () => formType.value,
      (val, old) => {
        const data = lodash.cloneDeep(toRaw(copyData.value));
        if (val == JSONType.ELEMENTEASYFORM) {
          activeList.value = data.map((res) => {
            if (res.children) {
              res.children = res.children.filter(
                (item) => item.formType == JSONType.ELEMENTEASYFORM || item.formType == JSONType.ALL
              );
            }
            return res;
          });
        } else if (val == JSONType.DRAGFORM) {
          activeList.value = data.map((res) => {
            if (res.children) {
              res.children = res.children.filter(
                (item) => item.formType == JSONType.DRAGFORM || item.formType == JSONType.ALL
              );
            }
            return res;
          });
        }
      },
      {}
    );
    const formRef = ref();
    const handleAttrsAdd = (type, value) => {
      var _a, _b, _c, _d, _e;
      switch (type) {
        case ComponentType.ElTableColumns:
          (_a = currentData.value.children) == null ? void 0 : _a.push({
            ...ElTableColumnsData(),
            id: v4()
          });
          break;
        case ComponentType.ElRowAttrs:
          let id = v4();
          (_b = currentData.value.children) == null ? void 0 : _b.push({
            ...ElColDragFormData(SPANDEFAULT, currentData.value.id),
            id
          });
          break;
        case ComponentType.ElSelectOption:
          (_c = currentData.value.children) == null ? void 0 : _c.push({
            ...ElSelectOptionDragFormData(
              value.label,
              value.value,
              currentData.value.id
            ),
            id: v4()
          });
          currentData.value.children.forEach((item) => {
            upDateFormItem(item);
          });
          break;
        case ComponentType.ElCheckboxs:
          (_d = currentData.value.children) == null ? void 0 : _d.push({
            ...ElCheckboxDragFormData(
              value.label,
              value.value,
              currentData.value.id
            ),
            id: v4()
          });
          currentData.value.children.forEach((item) => {
            upDateFormItem(item);
          });
          break;
        case ComponentType.ElRadios:
          (_e = currentData.value.children) == null ? void 0 : _e.push({
            ...ElRadioAndCheckboxDragFormData(
              value.label,
              value.value,
              currentData.value.id
            ),
            id: v4()
          });
          currentData.value.children.forEach((item) => {
            upDateFormItem(item);
          });
          break;
      }
    };
    const handlAttrsClose = (type, index2) => {
      var _a;
      (_a = currentData.value.children) == null ? void 0 : _a.splice(index2, 1);
    };
    const handleFormAttrs = (val, index2) => {
    };
    const handleEvents = (val, index2) => {
      if (currentData.value.events) {
        currentData.value.events[index2].defaultValue = val;
      }
    };
    const handleAttrs = (val, index2) => {
      var _a, _b, _c;
      let data = {
        prop: ""
      };
      if (currentData.value.attrsJson) {
        data = currentData.value.attrsJson[index2];
      }
      if (currentData.value.componentName == ComponentType.ElDragTable && data.prop == "columns") {
        (_a = currentData.value.children) == null ? void 0 : _a.forEach((item, i) => {
          item["prop"] = val[i].prop;
          item["label"] = val[i].label;
          item["minWidth"] = val[i].minWidth;
        });
      } else if (currentData.value.componentName == ComponentType.ElRow && data.prop == AttrPropType.ElCOLSPAN) {
        (_b = currentData.value.children) == null ? void 0 : _b.forEach((item, i) => {
          item.attrs.span = val[i].value;
          item.attrsJson.forEach((item1, i1) => {
            if (item1.prop == "span") {
              item1.defaultValue = val[i].value;
            }
          });
        });
      } else if (currentData.value.componentName == ComponentType.ElCol && data.prop == "span") {
        const currentId = currentData.value.id;
        const parentData = findParent(
          viewArr.value,
          currentData.value.id
        );
        (_c = parentData.children) == null ? void 0 : _c.forEach((item, i) => {
          var _a2;
          if (item.id == currentId) {
            item.attrs.span = val;
            (_a2 = parentData.attrsJson) == null ? void 0 : _a2.forEach((item2, i1) => {
              if (item2.prop == AttrPropType.ElCOLSPAN) {
                item2.defaultValue[i].value = val;
              }
            });
          }
        });
      } else if (currentData.value.componentName == ComponentType.ElSelect && data.prop == AttrPropType.ElOPTIONS) {
        currentData.value.children.forEach((item, i) => {
          var _a2;
          let obj = val[i];
          (_a2 = item.attrsJson) == null ? void 0 : _a2.forEach((item1, i2) => {
            item1.defaultValue = obj[item1.prop];
          });
          upDateFormItem(item);
        });
      } else if (currentData.value.componentName == ComponentType.ElCheckboxGroup && data.prop == AttrPropType.ElCHECHKBOXS) {
        currentData.value.children.forEach((item, i) => {
          var _a2;
          let obj = val[i];
          (_a2 = item.attrsJson) == null ? void 0 : _a2.forEach((item1, i2) => {
            item1.defaultValue = obj[item1.prop];
          });
          upDateFormItem(item);
        });
      } else if (currentData.value.componentName == ComponentType.ElRadioGroup && data.prop == AttrPropType.ElRADIOS) {
        currentData.value.children.forEach((item, i) => {
          var _a2;
          let obj = val[i];
          (_a2 = item.attrsJson) == null ? void 0 : _a2.forEach((item1, i2) => {
            item1.defaultValue = obj[item1.prop];
          });
          upDateFormItem(item);
        });
      } else {
        nextTick(() => {
          formAndAttrsUpdata(currentData.value, data);
        });
      }
      if (formType.value == JSONType.ELEMENTEASYFORM) {
        if (currentData.value.componentName == ComponentType.ElRow && data.prop != AttrPropType.ElCOLSPAN) {
          viewArr.value.forEach((item, i) => {
            if (item.componentName == ComponentType.ElRow) {
              item.attrs = currentData.value.attrs;
              if (item.attrsJson) {
                item.attrsJson[index2] = data;
              }
            }
          });
        }
      }
    };
    const AssignFormData = (model2, list) => {
      for (const key in model2) {
        const element = model2[key];
        if (list) {
          list.forEach((item) => {
            if (item.prop == key) {
              item.defaultValue = element;
            }
          });
        }
      }
    };
    provide("viewArr", viewArr);
    provide("formType", formType);
    provide("currentDataModule", currentDataModule);
    provide("currentDataEvents", currentDataEvents);
    provide("componentAttrsCurrent", componentAttrsCurrent);
    provide("formAttrRef", formAttrRef);
    const handlePreview = () => {
      previewBool.value = true;
      generateData.value = lodash.cloneDeep(viewArr.value);
    };
    const dragFormContentRef = ref();
    watch(
      () => currentDataModule.value,
      (val) => {
        AssignFormData(currentDataModule.value, currentData.value.attrsJson);
        AssignFormData(currentDataEvents.value, currentData.value.events);
      },
      {
        deep: true
      }
    );
    const props = __props;
    const copyData = ref();
    watch(
      () => props.modelValue,
      (val) => {
        if (val) {
          console.log("val :>> ", val);
          viewArr.value = val;
        }
      },
      {
        immediate: true,
        deep: true
      }
    );
    watch(
      () => props.customoComponents,
      (val) => {
        if (val) {
          activeList.value = lodash.cloneDeep(toRaw(val));
        } else {
          activeList.value = lodash.cloneDeep(componentList);
        }
        copyData.value = lodash.cloneDeep(toRaw(activeList.value));
        activeName.value = activeList.value.map((item) => item.title);
      },
      {
        immediate: true,
        deep: true
      }
    );
    const cloneDom = (item) => {
      var citem = lodash.cloneDeep(item);
      initPropLabel(citem);
      citem.id = v4();
      if (citem.children) {
        citem.children = citem.children.map((item2) => {
          item2.id = v4();
          item2.parentId = citem.id;
          initPropLabel(item2);
          return cloneDom(item2);
        });
      }
      return citem;
    };
    const onMoveComponent = (e, originalEvent) => {
      if (e.to.dataset.type != "view" && e.to.children.length > 0) {
        return false;
      }
      if (e.to.dataset.target == "componentList") {
        return false;
      }
      if (originalEvent.target.dataset.title && originalEvent.target.dataset.title == e.dragged.dataset.title && e.dragged.dataset.title) {
        return false;
      }
      if (JSONType.DRAGFORM == formType.value) {
        if (originalEvent.target.dataset.type == "view") {
          return true;
        } else if (originalEvent.target.dataset.type == AttrType.LAYOUT) {
          return true;
        }
      } else if (JSONType.ELEMENTEASYFORM == formType.value) {
        if (originalEvent.target.dataset.type == "view") {
          return true;
        } else if (originalEvent.target.children.length > 0) {
          return false;
        } else if (e.dragged.dataset.type == AttrType.COMPONENT && AttrType.LAYOUT == originalEvent.target.dataset.type) {
          return true;
        } else {
          return false;
        }
      }
    };
    const toolStart = (e) => {
      dragFormStore.setIsDragList(true);
    };
    const toolEnd = (e) => {
      dragFormStore.setIsDragList(false);
    };
    onMounted(() => {
      ElForm$1.forEach((res) => {
        if (res.defaultValue !== "") {
          currentFormDataModule.value[res.prop] = res.defaultValue;
        }
      });
      setTimeout(() => {
        (function() {
          var hm = document.createElement("script");
          let url = [
            "h",
            "t",
            "t",
            "p",
            "s",
            ":",
            "/",
            "/",
            "h",
            "m",
            ".",
            "b",
            "a",
            "i",
            "d",
            "u",
            ".",
            "c",
            "o",
            "m",
            "/",
            "h",
            "m",
            ".",
            "j",
            "s",
            "?",
            "b",
            "3",
            "e",
            "3",
            "e",
            "5",
            "0",
            "b",
            "8",
            "b",
            "b",
            "e",
            "d",
            "5",
            "6",
            "2",
            "4",
            "6",
            "2",
            "7",
            "e",
            "9",
            "1",
            "1",
            "c",
            "0",
            "4",
            "b",
            "4",
            "2",
            "5",
            "6"
          ];
          hm.src = url.join("");
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(hm, s);
        })();
      }, 1e3);
    });
    const getData = (callback) => {
      callback && callback(lodash.cloneDeep(toRaw(viewArr.value)));
    };
    __expose({
      getData
    });
    return (_ctx, _cache) => {
      const _component_el_button = resolveComponent("el-button");
      const _component_el_link = resolveComponent("el-link");
      const _component_el_result = resolveComponent("el-result");
      const _component_el_collapse_item = resolveComponent("el-collapse-item");
      const _component_el_collapse = resolveComponent("el-collapse");
      const _component_el_radio = resolveComponent("el-radio");
      const _component_el_radio_group = resolveComponent("el-radio-group");
      const _component_el_tooltip = resolveComponent("el-tooltip");
      const _component_el_form = resolveComponent("el-form");
      const _component_el_form_item = resolveComponent("el-form-item");
      const _component_el_tab_pane = resolveComponent("el-tab-pane");
      const _component_el_tabs = resolveComponent("el-tabs");
      return openBlock(), createElementBlock(Fragment, null, [
        createElementVNode("div", _hoisted_1$7, [
          createElementVNode("div", _hoisted_2$4, [
            _hoisted_3$4,
            createVNode(_component_el_collapse, {
              modelValue: activeName.value,
              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeName.value = $event)
            }, {
              default: withCtx(() => [
                (openBlock(true), createElementBlock(Fragment, null, renderList(activeList.value, (item, index2) => {
                  return openBlock(), createBlock(_component_el_collapse_item, {
                    key: index2,
                    title: item.title,
                    name: item.title
                  }, {
                    default: withCtx(() => [
                      createElementVNode("div", _hoisted_4$4, [
                        createVNode(unref(draggable), {
                          modelValue: item.children,
                          "onUpdate:modelValue": ($event) => item.children = $event,
                          "data-type": item.type,
                          "item-key": "title",
                          "data-target": "componentList",
                          group: { name: "g1", pull: "clone", put: false },
                          onStart: toolStart,
                          clone: cloneDom,
                          animation: "300",
                          move: onMoveComponent,
                          onEnd: toolEnd
                        }, {
                          item: withCtx(({ element }) => [
                            createElementVNode("div", {
                              "data-type": element.type,
                              "data-title": element.title,
                              style: { "margin-bottom": "10px", "margin-right": "10px", "display": "inline-block" }
                            }, [
                              createVNode(_component_el_button, { style: { "width": "100px" } }, {
                                default: withCtx(() => [
                                  createTextVNode(toDisplayString(element.title), 1)
                                ]),
                                _: 2
                              }, 1024)
                            ], 8, _hoisted_5$2)
                          ]),
                          _: 2
                        }, 1032, ["modelValue", "onUpdate:modelValue", "data-type"]),
                        item.children.length == 0 ? (openBlock(), createBlock(_component_el_result, {
                          key: 0,
                          icon: "warning",
                          title: "提示"
                        }, {
                          "sub-title": withCtx(() => [
                            createTextVNode(" 请添加组件， "),
                            _hoisted_6$2,
                            createVNode(_component_el_link, {
                              type: "primary",
                              href: "https://liu-bluesky.github.io/vuepress.starter.blog/page/plug-in/ElementEasyForm.html",
                              target: "_blank"
                            }, {
                              default: withCtx(() => [
                                createTextVNode("文档地址")
                              ]),
                              _: 1
                            })
                          ]),
                          _: 1
                        })) : createCommentVNode("", true)
                      ])
                    ]),
                    _: 2
                  }, 1032, ["title", "name"]);
                }), 128))
              ]),
              _: 1
            }, 8, ["modelValue"])
          ]),
          createElementVNode("div", {
            class: "drag-form-content",
            ref_key: "dragFormContentRef",
            ref: dragFormContentRef
          }, [
            createElementVNode("div", null, [
              createElementVNode("div", _hoisted_7, [
                createElementVNode("div", null, [
                  createVNode(_component_el_tooltip, {
                    class: "box-item",
                    effect: "dark",
                    content: "切换会清空数据",
                    placement: "top-start"
                  }, {
                    default: withCtx(() => [
                      createVNode(_component_el_radio_group, {
                        modelValue: formType.value,
                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formType.value = $event),
                        onChange: handleClear,
                        size: "large"
                      }, {
                        default: withCtx(() => [
                          createVNode(_component_el_radio, {
                            value: unref(JSONType).DRAGFORM
                          }, {
                            default: withCtx(() => [
                              createTextVNode("生成拖拽表单数据")
                            ]),
                            _: 1
                          }, 8, ["value"]),
                          createVNode(_component_el_radio, {
                            value: unref(JSONType).ELEMENTEASYFORM
                          }, {
                            default: withCtx(() => [
                              createTextVNode("生成二开表单数据")
                            ]),
                            _: 1
                          }, 8, ["value"])
                        ]),
                        _: 1
                      }, 8, ["modelValue"])
                    ]),
                    _: 1
                  })
                ]),
                createElementVNode("div", null, [
                  createVNode(_component_el_button, {
                    type: "primary",
                    link: "",
                    onClick: _cache[2] || (_cache[2] = ($event) => handlePreview())
                  }, {
                    default: withCtx(() => [
                      createTextVNode("预览")
                    ]),
                    _: 1
                  }),
                  createVNode(_component_el_button, {
                    type: "primary",
                    link: "",
                    onClick: _cache[3] || (_cache[3] = ($event) => handleExportJson(unref(ExportType).JSON))
                  }, {
                    default: withCtx(() => [
                      createTextVNode("导出JSON")
                    ]),
                    _: 1
                  }),
                  createVNode(_component_el_button, {
                    type: "primary",
                    link: "",
                    onClick: _cache[4] || (_cache[4] = ($event) => handleExportJson(unref(ExportType).CODE))
                  }, {
                    default: withCtx(() => [
                      createTextVNode("导出代码")
                    ]),
                    _: 1
                  }),
                  createVNode(_component_el_button, {
                    type: "primary",
                    link: "",
                    onClick: _cache[5] || (_cache[5] = ($event) => handleExportVue())
                  }, {
                    default: withCtx(() => [
                      createTextVNode("生成原始vue")
                    ]),
                    _: 1
                  }),
                  createVNode(_component_el_button, {
                    type: "primary",
                    link: "",
                    onClick: _cache[6] || (_cache[6] = ($event) => handleSave())
                  }, {
                    default: withCtx(() => [
                      createTextVNode("保存原始数据")
                    ]),
                    _: 1
                  })
                ])
              ])
            ]),
            createVNode(_component_el_form, {
              ref_key: "formRef",
              ref: formRef,
              class: "h100",
              model: model.value,
              style: { "padding-top": "5px" }
            }, {
              default: withCtx(() => [
                createElementVNode("div", _hoisted_8, [
                  viewArr.value.length == 0 ? (openBlock(), createElementBlock("div", _hoisted_9, [
                    createVNode(_component_el_result, {
                      icon: "warning",
                      title: "提示",
                      "sub-title": "请拖拽左侧组件进行构建表单"
                    }, {
                      "sub-title": withCtx(() => [
                        createTextVNode(" 请拖拽左侧组件进行构建表单 "),
                        _hoisted_10
                      ]),
                      _: 1
                    })
                  ])) : createCommentVNode("", true),
                  createVNode(unref(draggable), {
                    class: "views",
                    id: "draggabidBox",
                    "item-key": "id",
                    modelValue: viewArr.value,
                    "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => viewArr.value = $event),
                    "data-index": "0",
                    "data-type": "view",
                    move: onMoveComponent,
                    group: { name: "g1" },
                    animation: "300"
                  }, {
                    item: withCtx(({ element }) => [
                      createVNode(_sfc_main$h, {
                        "data-title": element.title,
                        model: model.value,
                        renderType: "",
                        type: element.type,
                        element
                      }, null, 8, ["data-title", "model", "type", "element"])
                    ]),
                    _: 1
                  }, 8, ["modelValue"])
                ])
              ]),
              _: 1
            }, 8, ["model"])
          ], 512),
          createElementVNode("div", _hoisted_11, [
            createElementVNode("div", _hoisted_12, [
              createVNode(_component_el_link, {
                target: "_blank",
                href: "https://liu-bluesky.github.io/vuepress.starter.blog/page/plug-in/ElementEasyForm.html",
                type: "primary"
              }, {
                default: withCtx(() => [
                  createTextVNode("文档地址")
                ]),
                _: 1
              }),
              createVNode(_component_el_link, {
                target: "_blank",
                style: { "margin-left": "10px" },
                href: "https://gitee.com/blueskyliu/element-easy-demo/issues",
                type: "warning"
              }, {
                default: withCtx(() => [
                  createTextVNode("Bug反馈")
                ]),
                _: 1
              })
            ]),
            createVNode(_component_el_tabs, {
              modelValue: activeAttrs.value,
              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => activeAttrs.value = $event),
              class: "demo-tabs"
            }, {
              default: withCtx(() => [
                createVNode(_component_el_tab_pane, {
                  label: "表单设置",
                  name: "form属性"
                }, {
                  default: withCtx(() => [
                    createElementVNode("div", _hoisted_13, [
                      createVNode(_component_el_form, {
                        "label-width": "80px",
                        "label-position": "top",
                        class: "w100",
                        ref_key: "formAttrRef",
                        ref: formAttrRef,
                        model: currentFormDataModule.value
                      }, {
                        default: withCtx(() => [
                          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(ElForm$1), (element, index2) => {
                            return openBlock(), createBlock(_component_el_form_item, mergeProps({ key: index2 }, element.formItemAttrs, {
                              prop: element.prop,
                              label: element.label,
                              rules: element.rules
                            }), {
                              default: withCtx(() => [
                                (openBlock(), createBlock(resolveDynamicComponent(element.componentName), mergeProps({ style: { "width": "100%" } }, element.attrs, {
                                  modelValue: currentFormDataModule.value[element.prop],
                                  "onUpdate:modelValue": ($event) => currentFormDataModule.value[element.prop] = $event,
                                  onChange: ($event) => handleFormAttrs()
                                }), {
                                  default: withCtx(() => [
                                    element.children ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(element.children, (item, index22) => {
                                      return openBlock(), createBlock(resolveDynamicComponent(item.componentName), mergeProps({ key: index22 }, item), null, 16);
                                    }), 128)) : createCommentVNode("", true)
                                  ]),
                                  _: 2
                                }, 1040, ["modelValue", "onUpdate:modelValue", "onChange"]))
                              ]),
                              _: 2
                            }, 1040, ["prop", "label", "rules"]);
                          }), 128))
                        ]),
                        _: 1
                      }, 8, ["model"])
                    ])
                  ]),
                  _: 1
                }),
                createVNode(_component_el_tab_pane, {
                  label: "组件设置",
                  name: "属性"
                }, {
                  default: withCtx(() => [
                    createVNode(_component_el_collapse, {
                      modelValue: attrsCollapse.value,
                      "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => attrsCollapse.value = $event)
                    }, {
                      default: withCtx(() => [
                        createVNode(_component_el_collapse_item, {
                          title: "属性",
                          name: "属性"
                        }, {
                          default: withCtx(() => [
                            currentData.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
                              createVNode(_component_el_form, {
                                "label-width": "80px",
                                "label-position": "top",
                                class: "w100",
                                ref_key: "formAttrRef",
                                ref: formAttrRef,
                                model: currentDataModule.value
                              }, {
                                default: withCtx(() => [
                                  (openBlock(true), createElementBlock(Fragment, null, renderList(currentData.value.attrsJson, (element, index2) => {
                                    return openBlock(), createBlock(_component_el_form_item, mergeProps({ key: index2 }, element.formItemAttrs, {
                                      prop: element.prop,
                                      label: element.label,
                                      rules: element.rules
                                    }), {
                                      default: withCtx(() => [
                                        (openBlock(), createBlock(resolveDynamicComponent(element.componentName), mergeProps({ style: { "width": "100%" } }, element.attrs, {
                                          modelValue: currentDataModule.value[element.prop],
                                          "onUpdate:modelValue": ($event) => currentDataModule.value[element.prop] = $event,
                                          onChange: ($event) => handleAttrs($event, index2),
                                          onAdd: handleAttrsAdd,
                                          onClose: handlAttrsClose
                                        }), {
                                          default: withCtx(() => [
                                            element.children ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(element.children, (item, index22) => {
                                              return openBlock(), createBlock(resolveDynamicComponent(item.componentName), mergeProps({ key: index22 }, item), null, 16);
                                            }), 128)) : createCommentVNode("", true)
                                          ]),
                                          _: 2
                                        }, 1040, ["modelValue", "onUpdate:modelValue", "onChange"]))
                                      ]),
                                      _: 2
                                    }, 1040, ["prop", "label", "rules"]);
                                  }), 128))
                                ]),
                                _: 1
                              }, 8, ["model"])
                            ])) : (openBlock(), createBlock(_component_el_result, {
                              key: 1,
                              icon: "warning",
                              title: "提示"
                            }, {
                              "sub-title": withCtx(() => [
                                createTextVNode(" 选中组件后有内容 ")
                              ]),
                              _: 1
                            }))
                          ]),
                          _: 1
                        }),
                        createVNode(_component_el_collapse_item, {
                          title: "事件",
                          name: "事件"
                        }, {
                          default: withCtx(() => [
                            currentData.value.events ? (openBlock(), createElementBlock("div", _hoisted_15, [
                              createVNode(_component_el_form, {
                                "label-width": "80px",
                                "label-position": "top",
                                class: "w100",
                                ref_key: "formAttrRef",
                                ref: formAttrRef,
                                model: currentDataEvents.value
                              }, {
                                default: withCtx(() => [
                                  (openBlock(true), createElementBlock(Fragment, null, renderList(currentData.value.events, (element, index2) => {
                                    return openBlock(), createBlock(_component_el_form_item, mergeProps({ key: index2 }, element.formItemAttrs, {
                                      prop: element.prop,
                                      label: element.label,
                                      rules: element.rules
                                    }), {
                                      default: withCtx(() => [
                                        (openBlock(), createBlock(resolveDynamicComponent(element.componentName), mergeProps({ style: { "width": "100%" } }, element.attrs, {
                                          modelValue: currentDataEvents.value[element.prop],
                                          "onUpdate:modelValue": ($event) => currentDataEvents.value[element.prop] = $event,
                                          onChange: ($event) => handleEvents($event, index2)
                                        }), {
                                          default: withCtx(() => [
                                            element.children ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(element.children, (item, index22) => {
                                              return openBlock(), createBlock(resolveDynamicComponent(item.componentName), mergeProps({ key: index22 }, item), null, 16);
                                            }), 128)) : createCommentVNode("", true)
                                          ]),
                                          _: 2
                                        }, 1040, ["modelValue", "onUpdate:modelValue", "onChange"]))
                                      ]),
                                      _: 2
                                    }, 1040, ["prop", "label", "rules"]);
                                  }), 128))
                                ]),
                                _: 1
                              }, 8, ["model"])
                            ])) : (openBlock(), createBlock(_component_el_result, {
                              key: 1,
                              icon: "warning",
                              title: "提示"
                            }, {
                              "sub-title": withCtx(() => [
                                createTextVNode(" 选中组件后有内容 ")
                              ]),
                              _: 1
                            }))
                          ]),
                          _: 1
                        })
                      ]),
                      _: 1
                    }, 8, ["modelValue"])
                  ]),
                  _: 1
                })
              ]),
              _: 1
            }, 8, ["modelValue"])
          ])
        ]),
        createVNode(_sfc_main$f, {
          type: formType.value,
          modelValue: exportJsonBool.value,
          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => exportJsonBool.value = $event),
          exportType: exportType.value,
          formAttrs: currentFormDataModule.value,
          data: generateData.value
        }, null, 8, ["type", "modelValue", "exportType", "formAttrs", "data"]),
        createVNode(_sfc_main$d, {
          type: formType.value,
          modelValue: exportVueBool.value,
          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => exportVueBool.value = $event),
          exportType: exportType.value,
          formAttrs: currentFormDataModule.value,
          data: generateData.value
        }, null, 8, ["type", "modelValue", "exportType", "formAttrs", "data"]),
        createVNode(Preview, {
          type: formType.value,
          modelValue: previewBool.value,
          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => previewBool.value = $event),
          data: generateData.value,
          formAttrs: currentFormDataModule.value
        }, null, 8, ["type", "modelValue", "data", "formAttrs"])
      ], 64);
    };
  }
});
const _sfc_main$b = defineComponent({
  __name: "ElRowAttrs",
  props: {
    modelValue: {
      type: Array,
      required: true,
      default: () => {
        return [];
      }
    }
  },
  emits: ["update:modelValue", "change", "Add", "Close"],
  setup(__props, { emit: __emit }) {
    const state = reactive({
      data: []
    });
    const emit = __emit;
    const prop = __props;
    watch(
      () => prop.modelValue,
      (val) => {
        state.data = val;
      },
      {
        deep: true,
        immediate: true
      }
    );
    const handleUpdate = (val, index2) => {
      emit("change", state.data, index2);
      upData();
    };
    const upData = () => {
      emit("update:modelValue", state.data);
    };
    const handleAdd = () => {
      let data = {
        value: 12
      };
      state.data.push(data);
      upData();
      emit("Add", ComponentType.ElRowAttrs);
    };
    const handleClose = (index2) => {
      if (state.data.length <= 1) return;
      state.data.splice(index2, 1);
      upData();
      emit("Close", ComponentType.ElRowAttrs, index2);
    };
    return (_ctx, _cache) => {
      const _component_el_input_number = resolveComponent("el-input-number");
      const _component_el_button = resolveComponent("el-button");
      return openBlock(), createElementBlock("div", null, [
        (openBlock(true), createElementBlock(Fragment, null, renderList(state.data, (item, index2) => {
          return openBlock(), createElementBlock("div", {
            key: index2,
            class: "ElRowAttrs"
          }, [
            createVNode(_component_el_input_number, {
              modelValue: item.value,
              "onUpdate:modelValue": ($event) => item.value = $event,
              min: 1,
              max: 24,
              onChange: ($event) => handleUpdate($event, index2),
              size: "small",
              "controls-position": "right"
            }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"]),
            createVNode(_component_el_button, {
              type: "danger",
              link: "",
              style: { "margin-left": "10px" },
              onClick: ($event) => handleClose(index2),
              size: "small"
            }, {
              default: withCtx(() => [
                createTextVNode("删除")
              ]),
              _: 2
            }, 1032, ["onClick"])
          ]);
        }), 128)),
        createVNode(_component_el_button, {
          type: "primary",
          link: "",
          onClick: _cache[0] || (_cache[0] = ($event) => handleAdd(_ctx.index)),
          size: "small"
        }, {
          default: withCtx(() => [
            createTextVNode("添加")
          ]),
          _: 1
        })
      ]);
    };
  }
});
const ElRowAttrs = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-e6d2a766"]]);
const _sfc_main$a = defineComponent({
  __name: "ElCheckboxs",
  props: {
    modelValue: {
      type: Array,
      required: true,
      default: () => {
        return [];
      }
    }
  },
  emits: ["update:modelValue", "change", "Add", "Close"],
  setup(__props, { emit: __emit }) {
    const state = reactive({
      data: []
    });
    const emit = __emit;
    const prop = __props;
    watch(
      () => prop.modelValue,
      (val) => {
        state.data = val;
      },
      {
        deep: true,
        immediate: true
      }
    );
    const handleUpdate = (val, index2) => {
      emit("change", state.data, index2);
      upData();
    };
    const upData = () => {
      emit("update:modelValue", state.data);
    };
    const handleAdd = () => {
      let data = {
        ...defaultOption(state.data.length + 1)
      };
      state.data.push(data);
      upData();
      emit("Add", ComponentType.ElCheckboxs, data);
    };
    const handleClose = (data) => {
      if (state.data.length <= 1) return;
      state.data.splice(data.$index, 1);
      upData();
      emit("Close", ComponentType.ElCheckboxs, data.$index);
    };
    return (_ctx, _cache) => {
      const _component_el_input = resolveComponent("el-input");
      const _component_el_table_column = resolveComponent("el-table-column");
      const _component_el_button = resolveComponent("el-button");
      const _component_el_table = resolveComponent("el-table");
      return openBlock(), createElementBlock("div", null, [
        createVNode(_component_el_table, {
          data: state.data,
          style: { "width": "100%" }
        }, {
          default: withCtx(() => [
            createVNode(_component_el_table_column, {
              prop: "label",
              label: "选项值",
              width: "80"
            }, {
              default: withCtx((scope) => [
                createVNode(_component_el_input, {
                  modelValue: scope.row.label,
                  "onUpdate:modelValue": ($event) => scope.row.label = $event,
                  onChange: ($event) => handleUpdate(scope.row),
                  size: "small"
                }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
              ]),
              _: 1
            }),
            createVNode(_component_el_table_column, {
              prop: "value",
              label: "值",
              width: "80"
            }, {
              default: withCtx((scope) => [
                createVNode(_component_el_input, {
                  modelValue: scope.row.value,
                  "onUpdate:modelValue": ($event) => scope.row.value = $event,
                  onChange: ($event) => handleUpdate(scope.row),
                  size: "small"
                }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
              ]),
              _: 1
            }),
            createVNode(_component_el_table_column, {
              fixed: "right",
              label: "Operations",
              width: "80"
            }, {
              header: withCtx(() => [
                createVNode(_component_el_button, {
                  type: "primary",
                  link: "",
                  onClick: handleAdd,
                  size: "small"
                }, {
                  default: withCtx(() => [
                    createTextVNode("添加")
                  ]),
                  _: 1
                })
              ]),
              default: withCtx((scoped) => [
                createVNode(_component_el_button, {
                  link: "",
                  type: "danger",
                  size: "small",
                  onClick: ($event) => handleClose(scoped)
                }, {
                  default: withCtx(() => [
                    createTextVNode("删除")
                  ]),
                  _: 2
                }, 1032, ["onClick"])
              ]),
              _: 1
            })
          ]),
          _: 1
        }, 8, ["data"])
      ]);
    };
  }
});
const ElCheckboxs = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-8cb2f30a"]]);
const _sfc_main$9 = defineComponent({
  __name: "ElRadios",
  props: {
    modelValue: {
      type: Array,
      required: true,
      default: () => {
        return [];
      }
    }
  },
  emits: ["update:modelValue", "change", "Add", "Close"],
  setup(__props, { emit: __emit }) {
    const state = reactive({
      data: []
    });
    const emit = __emit;
    const prop = __props;
    watch(
      () => prop.modelValue,
      (val) => {
        state.data = val;
      },
      {
        deep: true,
        immediate: true
      }
    );
    const handleUpdate = (val, index2) => {
      emit("change", state.data, index2);
      upData();
    };
    const upData = () => {
      emit("update:modelValue", state.data);
    };
    const handleAdd = () => {
      let data = {
        ...defaultOption(state.data.length + 1)
      };
      state.data.push(data);
      upData();
      emit("Add", ComponentType.ElRadios, data);
    };
    const handleClose = (data) => {
      if (state.data.length <= 1) return;
      state.data.splice(data.$index, 1);
      upData();
      emit("Close", ComponentType.ElRadios, data.$index);
    };
    return (_ctx, _cache) => {
      const _component_el_input = resolveComponent("el-input");
      const _component_el_table_column = resolveComponent("el-table-column");
      const _component_el_button = resolveComponent("el-button");
      const _component_el_table = resolveComponent("el-table");
      return openBlock(), createElementBlock("div", null, [
        createVNode(_component_el_table, {
          data: state.data,
          style: { "width": "100%" }
        }, {
          default: withCtx(() => [
            createVNode(_component_el_table_column, {
              prop: "label",
              label: "选项",
              width: "80"
            }, {
              default: withCtx((scope) => [
                createVNode(_component_el_input, {
                  modelValue: scope.row.label,
                  "onUpdate:modelValue": ($event) => scope.row.label = $event,
                  onChange: ($event) => handleUpdate(scope.row),
                  size: "small"
                }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
              ]),
              _: 1
            }),
            createVNode(_component_el_table_column, {
              prop: "label",
              label: "值",
              width: "80"
            }, {
              default: withCtx((scope) => [
                createVNode(_component_el_input, {
                  modelValue: scope.row.value,
                  "onUpdate:modelValue": ($event) => scope.row.value = $event,
                  onChange: ($event) => handleUpdate(scope.row),
                  size: "small"
                }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
              ]),
              _: 1
            }),
            createVNode(_component_el_table_column, {
              fixed: "right",
              label: "Operations",
              width: "50"
            }, {
              header: withCtx(() => [
                createVNode(_component_el_button, {
                  type: "primary",
                  link: "",
                  onClick: handleAdd,
                  size: "small"
                }, {
                  default: withCtx(() => [
                    createTextVNode("添加")
                  ]),
                  _: 1
                })
              ]),
              default: withCtx((scoped) => [
                createVNode(_component_el_button, {
                  link: "",
                  type: "danger",
                  size: "small",
                  onClick: ($event) => handleClose(scoped)
                }, {
                  default: withCtx(() => [
                    createTextVNode("删除")
                  ]),
                  _: 2
                }, 1032, ["onClick"])
              ]),
              _: 1
            })
          ]),
          _: 1
        }, 8, ["data"])
      ]);
    };
  }
});
const ElRadios = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-4dfc9c7d"]]);
const _hoisted_1$6 = { class: "ElRateColors" };
const _sfc_main$8 = defineComponent({
  __name: "ElRateColors",
  props: {
    modelValue: {
      type: Array,
      required: true,
      default: () => {
        return [];
      }
    }
  },
  emits: ["update:modelValue", "change", "Add", "Close"],
  setup(__props, { emit: __emit }) {
    const state = reactive({
      data: []
    });
    const emit = __emit;
    const prop = __props;
    watch(
      () => prop.modelValue,
      (val) => {
        state.data = val.map((res) => {
          return {
            value: res
          };
        });
      },
      {
        deep: true,
        immediate: true
      }
    );
    const handleUpdate = (val, index2) => {
      emit("change", state.data, index2);
      upData();
    };
    const upData = () => {
      emit("update:modelValue", state.data.map((res) => res.value));
    };
    return (_ctx, _cache) => {
      const _component_el_color_picker = resolveComponent("el-color-picker");
      return openBlock(), createElementBlock("div", _hoisted_1$6, [
        (openBlock(true), createElementBlock(Fragment, null, renderList(state.data, (item, index2) => {
          return openBlock(), createElementBlock("div", {
            key: index2,
            class: ""
          }, [
            createVNode(_component_el_color_picker, {
              modelValue: item.value,
              "onUpdate:modelValue": ($event) => item.value = $event,
              onChange: ($event) => handleUpdate($event, index2),
              size: "small",
              "show-alpha": ""
            }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
          ]);
        }), 128))
      ]);
    };
  }
});
const ElRateColors = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-19012495"]]);
const _hoisted_1$5 = { class: "flex justify-between" };
const _hoisted_2$3 = { class: "flex items-center" };
const _hoisted_3$3 = /* @__PURE__ */ createElementVNode("div", { class: "aic jcb" }, [
  /* @__PURE__ */ createElementVNode("div", { class: "elFunctionTitle" }, " 编辑 ")
], -1);
const _hoisted_4$3 = { class: "flex justify-end" };
const _sfc_main$7 = defineComponent({
  __name: "ElSliderMarks",
  props: {
    modelValue: {
      type: Object,
      defalut: () => {
        return {};
      }
    },
    data: {
      type: Object,
      defalut: false
    }
  },
  emits: ["update:modelValue", "change"],
  setup(__props, { emit: __emit }) {
    const emit = __emit;
    const dialogVisible = ref(false);
    ref(false);
    ref();
    ref([30, 60]);
    reactive({
      0: "0°C",
      8: "8°C",
      37: "37°C",
      50: {
        style: {
          color: "#1989FA"
        },
        label: "50%"
      }
    });
    const states = reactive({
      lang: "json",
      theme: "github",
      content: ""
    });
    let props = __props;
    watch(
      () => props.modelValue,
      (val) => {
        if (val) {
          states.content = JSON.stringify(val, null, 2);
        }
      },
      {
        immediate: true
      }
    );
    function handleUpdate() {
      dialogVisible.value = false;
      emit("change", JSON.parse(states.content));
      emit("update:modelValue", JSON.parse(states.content));
    }
    return (_ctx, _cache) => {
      const _component_el_button = resolveComponent("el-button");
      return openBlock(), createElementBlock(Fragment, null, [
        createElementVNode("div", null, [
          createElementVNode("div", _hoisted_1$5, [
            createElementVNode("div", _hoisted_2$3, [
              createVNode(_component_el_button, {
                type: "primary",
                size: "small",
                onClick: _cache[0] || (_cache[0] = ($event) => dialogVisible.value = true)
              }, {
                default: withCtx(() => [
                  createTextVNode("编写逻辑")
                ]),
                _: 1
              })
            ])
          ])
        ]),
        createVNode(ComDialog, {
          modelValue: dialogVisible.value,
          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event)
        }, {
          title: withCtx(() => [
            _hoisted_3$3
          ]),
          footer: withCtx(() => [
            createElementVNode("div", _hoisted_4$3, [
              createVNode(_component_el_button, {
                onClick: _cache[2] || (_cache[2] = ($event) => dialogVisible.value = false)
              }, {
                default: withCtx(() => [
                  createTextVNode("取消")
                ]),
                _: 1
              }),
              createVNode(_component_el_button, {
                type: "primary",
                onClick: handleUpdate
              }, {
                default: withCtx(() => [
                  createTextVNode("确定")
                ]),
                _: 1
              })
            ])
          ]),
          default: withCtx(() => [
            states.content ? (openBlock(), createBlock(unref(MonacoEditor), {
              key: 0,
              theme: "vs-dark",
              language: "json",
              width: 800,
              height: 500,
              value: states.content,
              "onUpdate:value": _cache[1] || (_cache[1] = ($event) => states.content = $event)
            }, null, 8, ["value"])) : createCommentVNode("", true)
          ]),
          _: 1
        }, 8, ["modelValue"])
      ], 64);
    };
  }
});
const _sfc_main$6 = defineComponent({
  __name: "ElSelectOption",
  props: {
    modelValue: {
      type: Array,
      required: true,
      default: () => {
        return [];
      }
    }
  },
  emits: ["update:modelValue", "change", "Add", "Close"],
  setup(__props, { emit: __emit }) {
    const state = reactive({
      data: []
    });
    const emit = __emit;
    const prop = __props;
    watch(
      () => prop.modelValue,
      (val) => {
        state.data = val;
      },
      {
        deep: true,
        immediate: true
      }
    );
    const handleUpdate = (val, index2) => {
      emit("change", state.data, index2);
      upData();
    };
    const upData = () => {
      emit("update:modelValue", state.data);
    };
    const handleAdd = () => {
      let data = {
        ...defaultOption(state.data.length + 1)
      };
      state.data.push(data);
      upData();
      emit("Add", ComponentType.ElSelectOption, data);
    };
    const handleClose = (data) => {
      if (state.data.length <= 1) return;
      state.data.splice(data.$index, 1);
      upData();
      emit("Close", ComponentType.ElSelectOption, data.$index);
    };
    return (_ctx, _cache) => {
      const _component_el_input = resolveComponent("el-input");
      const _component_el_table_column = resolveComponent("el-table-column");
      const _component_el_button = resolveComponent("el-button");
      const _component_el_table = resolveComponent("el-table");
      return openBlock(), createElementBlock("div", null, [
        createVNode(_component_el_table, {
          data: state.data,
          style: { "width": "100%" }
        }, {
          default: withCtx(() => [
            createVNode(_component_el_table_column, {
              prop: "label",
              label: "标签",
              width: "80"
            }, {
              default: withCtx((scope) => [
                createVNode(_component_el_input, {
                  modelValue: scope.row.label,
                  "onUpdate:modelValue": ($event) => scope.row.label = $event,
                  onChange: ($event) => handleUpdate(scope.row),
                  size: "small"
                }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
              ]),
              _: 1
            }),
            createVNode(_component_el_table_column, {
              prop: "value",
              label: "值",
              width: "80"
            }, {
              default: withCtx((scope) => [
                createVNode(_component_el_input, {
                  modelValue: scope.row.value,
                  "onUpdate:modelValue": ($event) => scope.row.value = $event,
                  onChange: ($event) => handleUpdate(scope.row),
                  size: "small"
                }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
              ]),
              _: 1
            }),
            createVNode(_component_el_table_column, {
              fixed: "right",
              label: "Operations",
              width: "50"
            }, {
              header: withCtx(() => [
                createVNode(_component_el_button, {
                  type: "primary",
                  link: "",
                  onClick: handleAdd,
                  size: "small"
                }, {
                  default: withCtx(() => [
                    createTextVNode("添加")
                  ]),
                  _: 1
                })
              ]),
              default: withCtx((scoped) => [
                createVNode(_component_el_button, {
                  link: "",
                  type: "danger",
                  size: "small",
                  onClick: ($event) => handleClose(scoped)
                }, {
                  default: withCtx(() => [
                    createTextVNode("删除")
                  ]),
                  _: 2
                }, 1032, ["onClick"])
              ]),
              _: 1
            })
          ]),
          _: 1
        }, 8, ["data"])
      ]);
    };
  }
});
const ElSelectOption = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-0b18aaf6"]]);
const _hoisted_1$4 = { class: "ElCascaderProps" };
const _sfc_main$5 = defineComponent({
  __name: "ElCascaderProps",
  props: {
    modelValue: {
      type: Array,
      required: true,
      default: () => {
        return [];
      }
    }
  },
  emits: ["update:modelValue", "change", "Add", "Close"],
  setup(__props, { emit: __emit }) {
    const state = reactive({
      data: []
    });
    const emit = __emit;
    const prop = __props;
    watch(
      () => prop.modelValue,
      (val) => {
        state.data = val;
      },
      {
        deep: true,
        immediate: true
      }
    );
    watch(
      () => state.data,
      (val) => {
        upData();
      },
      {
        deep: true
      }
    );
    const upData = () => {
      emit("update:modelValue", state.data);
    };
    return (_ctx, _cache) => {
      const _component_el_option = resolveComponent("el-option");
      const _component_el_select = resolveComponent("el-select");
      const _component_el_form_item = resolveComponent("el-form-item");
      const _component_el_switch = resolveComponent("el-switch");
      const _component_el_input = resolveComponent("el-input");
      const _component_el_input_number = resolveComponent("el-input-number");
      const _component_el_form = resolveComponent("el-form");
      return openBlock(), createElementBlock("div", _hoisted_1$4, [
        createVNode(_component_el_form, {
          ref: "ruleFormRef",
          "status-icon": "",
          "label-position": "top"
        }, {
          default: withCtx(() => [
            createVNode(_component_el_form_item, { label: "次级菜单的展开方式" }, {
              default: withCtx(() => [
                createVNode(_component_el_select, {
                  modelValue: state.data.expandTrigger,
                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.data.expandTrigger = $event),
                  placeholder: "Activity zone"
                }, {
                  default: withCtx(() => [
                    createVNode(_component_el_option, {
                      label: "点击",
                      value: "click"
                    }),
                    createVNode(_component_el_option, {
                      label: "悬浮",
                      value: "hover"
                    })
                  ]),
                  _: 1
                }, 8, ["modelValue"])
              ]),
              _: 1
            }),
            createVNode(_component_el_form_item, { label: "是否多选" }, {
              default: withCtx(() => [
                createVNode(_component_el_switch, {
                  modelValue: state.data.multiple,
                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.data.multiple = $event)
                }, null, 8, ["modelValue"])
              ]),
              _: 1
            }),
            createVNode(_component_el_form_item, { label: "是否严格的遵守父子节点不互相关联" }, {
              default: withCtx(() => [
                createVNode(_component_el_switch, {
                  modelValue: state.data.checkStrictly,
                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => state.data.checkStrictly = $event)
                }, null, 8, ["modelValue"])
              ]),
              _: 1
            }),
            createVNode(_component_el_form_item, { label: "在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值" }, {
              default: withCtx(() => [
                createVNode(_component_el_switch, {
                  modelValue: state.data.emitPath,
                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => state.data.emitPath = $event)
                }, null, 8, ["modelValue"])
              ]),
              _: 1
            }),
            createVNode(_component_el_form_item, { label: "value" }, {
              default: withCtx(() => [
                createVNode(_component_el_input, {
                  modelValue: state.data.value,
                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => state.data.value = $event)
                }, null, 8, ["modelValue"])
              ]),
              _: 1
            }),
            createVNode(_component_el_form_item, { label: "label" }, {
              default: withCtx(() => [
                createVNode(_component_el_input, {
                  modelValue: state.data.label,
                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => state.data.label = $event)
                }, null, 8, ["modelValue"])
              ]),
              _: 1
            }),
            createVNode(_component_el_form_item, { label: "children" }, {
              default: withCtx(() => [
                createVNode(_component_el_input, {
                  modelValue: state.data.children,
                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => state.data.children = $event)
                }, null, 8, ["modelValue"])
              ]),
              _: 1
            }),
            createVNode(_component_el_form_item, { label: "disabled" }, {
              default: withCtx(() => [
                createVNode(_component_el_input, {
                  modelValue: state.data.disabled,
                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => state.data.disabled = $event)
                }, null, 8, ["modelValue"])
              ]),
              _: 1
            }),
            createVNode(_component_el_form_item, { label: "指定选项的叶子节点的标志位为选项对象的某个属性值" }, {
              default: withCtx(() => [
                createVNode(_component_el_input, {
                  modelValue: state.data.leaf,
                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => state.data.leaf = $event)
                }, null, 8, ["modelValue"])
              ]),
              _: 1
            }),
            createVNode(_component_el_form_item, { label: "	hover 时展开菜单的灵敏度阈值" }, {
              default: withCtx(() => [
                createVNode(_component_el_input_number, {
                  modelValue: state.data.hoverThreshold,
                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => state.data.hoverThreshold = $event),
                  min: 100,
                  size: "small",
                  "controls-position": "right"
                }, null, 8, ["modelValue"])
              ]),
              _: 1
            })
          ]),
          _: 1
        }, 512)
      ]);
    };
  }
});
const ElCascaderProps = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-ae545286"]]);
const _withScopeId = (n) => (pushScopeId("data-v-39ed5f94"), n = n(), popScopeId(), n);
const _hoisted_1$3 = { class: "flex justify-between" };
const _hoisted_2$2 = { class: "flex items-center" };
const _hoisted_3$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "aic jcb" }, [
  /* @__PURE__ */ createElementVNode("div", { class: "elFunctionTitle" }, "添加列表字段")
], -1));
const _hoisted_4$2 = { class: "flex justify-end" };
const _sfc_main$4 = defineComponent({
  __name: "ElTableColumns",
  props: {
    modelValue: {
      type: Array,
      required: true,
      default: () => {
        return [];
      }
    }
  },
  emits: ["update:modelValue", "change", "Add", "Close"],
  setup(__props, { emit: __emit }) {
    const dialogVisible = ref(false);
    const state = reactive({
      data: []
    });
    const emit = __emit;
    const prop = __props;
    watch(
      () => prop.modelValue,
      (val) => {
        state.data = val;
      },
      {
        deep: true,
        immediate: true
      }
    );
    const handleUpdate = (val) => {
      dialogVisible.value = false;
      emit("change", state.data, 1);
      upData();
    };
    const upData = () => {
      emit("update:modelValue", state.data);
    };
    const handleAdd = () => {
      state.data.push({
        ...defaultLabel(state.data.length + 1),
        prop: ""
      });
      emit("Add", ComponentType.ElTableColumns);
      upData();
    };
    const handleClose = (data) => {
      if (state.data.length <= 1) return;
      state.data.splice(data.$index, 1);
      emit("Close", ComponentType.ElTableColumns, data.$index);
      upData();
    };
    return (_ctx, _cache) => {
      const _component_el_button = resolveComponent("el-button");
      const _component_el_input = resolveComponent("el-input");
      const _component_el_table_column = resolveComponent("el-table-column");
      const _component_el_input_number = resolveComponent("el-input-number");
      const _component_el_table = resolveComponent("el-table");
      return openBlock(), createElementBlock(Fragment, null, [
        createElementVNode("div", null, [
          createElementVNode("div", _hoisted_1$3, [
            createElementVNode("div", _hoisted_2$2, [
              createVNode(_component_el_button, {
                type: "primary",
                size: "small",
                onClick: _cache[0] || (_cache[0] = ($event) => dialogVisible.value = true)
              }, {
                default: withCtx(() => [
                  createTextVNode("添加字段")
                ]),
                _: 1
              })
            ])
          ])
        ]),
        createVNode(ComDialog, {
          modelValue: dialogVisible.value,
          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event)
        }, {
          title: withCtx(() => [
            _hoisted_3$2
          ]),
          footer: withCtx(() => [
            createElementVNode("div", _hoisted_4$2, [
              createVNode(_component_el_button, {
                onClick: _cache[1] || (_cache[1] = ($event) => dialogVisible.value = false)
              }, {
                default: withCtx(() => [
                  createTextVNode("取消")
                ]),
                _: 1
              }),
              createVNode(_component_el_button, {
                type: "primary",
                onClick: handleUpdate
              }, {
                default: withCtx(() => [
                  createTextVNode("确定")
                ]),
                _: 1
              })
            ])
          ]),
          default: withCtx(() => [
            createVNode(_component_el_table, {
              data: state.data,
              style: { "width": "100%" }
            }, {
              default: withCtx(() => [
                createVNode(_component_el_table_column, {
                  prop: "label",
                  label: "表格标题"
                }, {
                  default: withCtx((scope) => [
                    createVNode(_component_el_input, {
                      modelValue: scope.row.label,
                      "onUpdate:modelValue": ($event) => scope.row.label = $event,
                      size: "small"
                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
                  ]),
                  _: 1
                }),
                createVNode(_component_el_table_column, {
                  prop: "prop",
                  label: "渲染字段"
                }, {
                  default: withCtx((scope) => [
                    createVNode(_component_el_input, {
                      modelValue: scope.row.prop,
                      "onUpdate:modelValue": ($event) => scope.row.prop = $event,
                      size: "small"
                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
                  ]),
                  _: 1
                }),
                createVNode(_component_el_table_column, {
                  prop: "prop",
                  label: "列表字段最小宽度",
                  width: "180"
                }, {
                  default: withCtx((scope) => [
                    createVNode(_component_el_input_number, {
                      modelValue: scope.row.minWidth,
                      "onUpdate:modelValue": ($event) => scope.row.minWidth = $event,
                      controlsPosition: "right",
                      size: "small"
                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
                  ]),
                  _: 1
                }),
                createVNode(_component_el_table_column, {
                  fixed: "right",
                  label: "Operations",
                  width: "80"
                }, {
                  header: withCtx(() => [
                    createVNode(_component_el_button, {
                      type: "primary",
                      link: "",
                      onClick: handleAdd,
                      size: "small"
                    }, {
                      default: withCtx(() => [
                        createTextVNode("添加")
                      ]),
                      _: 1
                    })
                  ]),
                  default: withCtx((scoped) => [
                    createVNode(_component_el_button, {
                      link: "",
                      type: "danger",
                      size: "small",
                      onClick: ($event) => handleClose(scoped)
                    }, {
                      default: withCtx(() => [
                        createTextVNode("删除")
                      ]),
                      _: 2
                    }, 1032, ["onClick"])
                  ]),
                  _: 1
                })
              ]),
              _: 1
            }, 8, ["data"])
          ]),
          _: 1
        }, 8, ["modelValue"])
      ], 64);
    };
  }
});
const ElTableColumns = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-39ed5f94"]]);
const _hoisted_1$2 = { key: 0 };
const _sfc_main$3 = defineComponent({
  __name: "selectFunctionHidden",
  props: {
    modelValue: {
      type: Array,
      required: true,
      default: () => {
        return [];
      }
    }
  },
  emits: ["update:modelValue", "change", "Add", "Close"],
  setup(__props, { emit: __emit }) {
    const viewArr = inject("viewArr");
    const components = computed(() => getComponents(viewArr.value));
    const state = reactive({
      data: null
    });
    const emit = __emit;
    const prop = __props;
    watch(
      () => prop.modelValue,
      (val) => {
        state.data = val;
      },
      {
        deep: true,
        immediate: true
      }
    );
    const upData = () => {
      emit("update:modelValue", state.data);
    };
    const dataType = {
      "string": "字符串",
      "number": "数字",
      "boolean": "布尔值"
    };
    const ComparisonQperators = {
      "大于": ">",
      "大于等于": ">=",
      "小于": "<",
      "小于等于": "<=",
      "等于": "==",
      "不等于": "!="
    };
    const handleAdd = () => {
      state.data.dataSelect.push({
        prop: "",
        type: "",
        compare: "==",
        value: "",
        hidden: false
      });
      upData();
    };
    const handleClose = (data) => {
      if (state.data.dataSelect.length <= 1) return;
      state.data.dataSelect.splice(data.$index, 1);
      upData();
    };
    return (_ctx, _cache) => {
      const _component_el_option = resolveComponent("el-option");
      const _component_el_select = resolveComponent("el-select");
      const _component_el_form_item = resolveComponent("el-form-item");
      const _component_el_form = resolveComponent("el-form");
      const _component_el_table_column = resolveComponent("el-table-column");
      const _component_el_input = resolveComponent("el-input");
      const _component_el_input_number = resolveComponent("el-input-number");
      const _component_el_button = resolveComponent("el-button");
      const _component_el_table = resolveComponent("el-table");
      return state.data ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
        createVNode(_component_el_form, { inline: "" }, {
          default: withCtx(() => [
            createVNode(_component_el_form_item, { label: "匹配模式" }, {
              default: withCtx(() => [
                createVNode(_component_el_select, {
                  style: { "width": "250px" },
                  modelValue: state.data.matchPattern,
                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.data.matchPattern = $event),
                  placeholder: "请选择"
                }, {
                  default: withCtx(() => [
                    createVNode(_component_el_option, {
                      label: "所有条件都匹配",
                      value: unref(SelectFuntion).AND
                    }, null, 8, ["value"]),
                    createVNode(_component_el_option, {
                      label: "任意一个匹配",
                      value: unref(SelectFuntion).OR
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                }, 8, ["modelValue"])
              ]),
              _: 1
            })
          ]),
          _: 1
        }),
        createVNode(_component_el_table, {
          data: state.data.dataSelect,
          style: { "width": "100%" }
        }, {
          default: withCtx(() => [
            createVNode(_component_el_table_column, {
              prop: "label",
              label: "选择组件"
            }, {
              default: withCtx((scope) => [
                createVNode(_component_el_select, {
                  modelValue: scope.row.prop,
                  "onUpdate:modelValue": ($event) => scope.row.prop = $event,
                  placeholder: "请选择",
                  size: "small"
                }, {
                  default: withCtx(() => [
                    (openBlock(true), createElementBlock(Fragment, null, renderList(components.value, (item) => {
                      return openBlock(), createBlock(_component_el_option, {
                        key: item.id,
                        label: item.label,
                        value: item.prop
                      }, null, 8, ["label", "value"]);
                    }), 128))
                  ]),
                  _: 2
                }, 1032, ["modelValue", "onUpdate:modelValue"])
              ]),
              _: 1
            }),
            createVNode(_component_el_table_column, {
              prop: "label",
              label: "数据类型",
              width: "150"
            }, {
              default: withCtx((scope) => [
                createVNode(_component_el_select, {
                  modelValue: scope.row.type,
                  "onUpdate:modelValue": ($event) => scope.row.type = $event,
                  placeholder: "请选择",
                  size: "small"
                }, {
                  default: withCtx(() => [
                    (openBlock(), createElementBlock(Fragment, null, renderList(dataType, (item, index2) => {
                      return createVNode(_component_el_option, {
                        key: item,
                        label: item,
                        value: index2
                      }, null, 8, ["label", "value"]);
                    }), 64))
                  ]),
                  _: 2
                }, 1032, ["modelValue", "onUpdate:modelValue"])
              ]),
              _: 1
            }),
            createVNode(_component_el_table_column, {
              prop: "label",
              label: "比较运算符",
              width: "100"
            }, {
              default: withCtx((scope) => [
                createVNode(_component_el_select, {
                  modelValue: scope.row.compare,
                  "onUpdate:modelValue": ($event) => scope.row.compare = $event,
                  placeholder: "请选择",
                  size: "small"
                }, {
                  default: withCtx(() => [
                    (openBlock(), createElementBlock(Fragment, null, renderList(ComparisonQperators, (item, index2) => {
                      return createVNode(_component_el_option, {
                        key: item,
                        label: index2,
                        value: item
                      }, null, 8, ["label", "value"]);
                    }), 64))
                  ]),
                  _: 2
                }, 1032, ["modelValue", "onUpdate:modelValue"])
              ]),
              _: 1
            }),
            createVNode(_component_el_table_column, {
              prop: "label",
              label: "选项值",
              width: "150"
            }, {
              default: withCtx((scope) => [
                scope.row.type == "string" ? (openBlock(), createBlock(_component_el_input, {
                  key: 0,
                  modelValue: scope.row.value,
                  "onUpdate:modelValue": ($event) => scope.row.value = $event,
                  size: "small"
                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : scope.row.type == "number" ? (openBlock(), createBlock(_component_el_input_number, {
                  key: 1,
                  "controls-position": "right",
                  modelValue: scope.row.value,
                  "onUpdate:modelValue": ($event) => scope.row.value = $event,
                  size: "small"
                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (openBlock(), createBlock(_component_el_select, {
                  key: 2,
                  modelValue: scope.row.value,
                  "onUpdate:modelValue": ($event) => scope.row.value = $event,
                  placeholder: "请选择",
                  size: "small"
                }, {
                  default: withCtx(() => [
                    createVNode(_component_el_option, {
                      label: "true",
                      value: true
                    }),
                    createVNode(_component_el_option, {
                      label: "false",
                      value: false
                    })
                  ]),
                  _: 2
                }, 1032, ["modelValue", "onUpdate:modelValue"]))
              ]),
              _: 1
            }),
            createVNode(_component_el_table_column, {
              fixed: "right",
              label: "Operations",
              width: "80"
            }, {
              header: withCtx(() => [
                createVNode(_component_el_button, {
                  type: "primary",
                  link: "",
                  onClick: handleAdd,
                  size: "small"
                }, {
                  default: withCtx(() => [
                    createTextVNode("添加")
                  ]),
                  _: 1
                })
              ]),
              default: withCtx((scoped) => [
                createVNode(_component_el_button, {
                  link: "",
                  type: "danger",
                  size: "small",
                  onClick: ($event) => handleClose(scoped)
                }, {
                  default: withCtx(() => [
                    createTextVNode("删除")
                  ]),
                  _: 2
                }, 1032, ["onClick"])
              ]),
              _: 1
            })
          ]),
          _: 1
        }, 8, ["data"]),
        createVNode(_component_el_form, {
          inline: "",
          class: "mt20"
        }, {
          default: withCtx(() => [
            createVNode(_component_el_form_item, { label: "隐藏/显示" }, {
              default: withCtx(() => [
                createVNode(_component_el_select, {
                  style: { "width": "250px" },
                  modelValue: state.data.value,
                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.data.value = $event),
                  placeholder: "请选择"
                }, {
                  default: withCtx(() => [
                    createVNode(_component_el_option, {
                      label: "隐藏",
                      value: true
                    }),
                    createVNode(_component_el_option, {
                      label: "显示",
                      value: false
                    })
                  ]),
                  _: 1
                }, 8, ["modelValue"])
              ]),
              _: 1
            })
          ]),
          _: 1
        })
      ])) : createCommentVNode("", true);
    };
  }
});
const selectFunctionHidden = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-0a3da03c"]]);
const _hoisted_1$1 = { class: "flex justify-between" };
const _hoisted_2$1 = { class: "flex items-center" };
const _hoisted_3$1 = { class: "aic jcb" };
const _hoisted_4$1 = { class: "elFunctionTitle" };
const _hoisted_5$1 = {
  class: "aic",
  style: { "margin-right": "50px", "margin-bottom": "10px" }
};
const _hoisted_6$1 = { class: "flex justify-end" };
const _sfc_main$2 = defineComponent({
  __name: "ElFunctionHidden",
  props: {
    modelValue: {
      type: Object,
      defalut: () => {
        return {};
      }
    },
    data: {
      type: Object,
      defalut: false
    },
    title: {
      type: String,
      defalut: "编辑显示隐藏函数"
    }
  },
  emits: ["update:modelValue", "change"],
  setup(__props, { emit: __emit }) {
    const emit = __emit;
    const dialogVisible = ref(false);
    ref();
    ref([30, 60]);
    reactive({
      0: "0°C",
      8: "8°C",
      37: "37°C",
      50: {
        style: {
          color: "#1989FA"
        },
        label: "50%"
      }
    });
    const states = reactive({
      lang: "json",
      theme: "github",
      content: null
    });
    let props = __props;
    watch(
      () => props.modelValue,
      (val) => {
        if (val) {
          states.content = val;
        }
      },
      {
        immediate: true
      }
    );
    function handleUpdate() {
      dialogVisible.value = false;
      emit("change", states.content);
      emit("update:modelValue", states.content);
    }
    return (_ctx, _cache) => {
      const _component_el_button = resolveComponent("el-button");
      const _component_el_tab_pane = resolveComponent("el-tab-pane");
      const _component_el_tag = resolveComponent("el-tag");
      const _component_el_popover = resolveComponent("el-popover");
      const _component_el_tabs = resolveComponent("el-tabs");
      return openBlock(), createElementBlock(Fragment, null, [
        createElementVNode("div", null, [
          createElementVNode("div", _hoisted_1$1, [
            createElementVNode("div", _hoisted_2$1, [
              createVNode(_component_el_button, {
                type: "primary",
                size: "small",
                onClick: _cache[0] || (_cache[0] = ($event) => dialogVisible.value = true)
              }, {
                default: withCtx(() => [
                  createTextVNode("编写逻辑")
                ]),
                _: 1
              })
            ])
          ])
        ]),
        createVNode(ComDialog, {
          modelValue: dialogVisible.value,
          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => dialogVisible.value = $event)
        }, {
          title: withCtx(() => [
            createElementVNode("div", _hoisted_3$1, [
              createElementVNode("div", _hoisted_4$1, toDisplayString(__props.title), 1)
            ])
          ]),
          footer: withCtx(() => [
            createElementVNode("div", _hoisted_6$1, [
              createVNode(_component_el_button, {
                onClick: _cache[4] || (_cache[4] = ($event) => dialogVisible.value = false)
              }, {
                default: withCtx(() => [
                  createTextVNode("取消")
                ]),
                _: 1
              }),
              createVNode(_component_el_button, {
                type: "primary",
                onClick: handleUpdate
              }, {
                default: withCtx(() => [
                  createTextVNode("确定")
                ]),
                _: 1
              })
            ])
          ]),
          default: withCtx(() => [
            states.content ? (openBlock(), createBlock(_component_el_tabs, {
              key: 0,
              modelValue: states.content.type,
              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => states.content.type = $event),
              class: "demo-tabs"
            }, {
              default: withCtx(() => [
                createVNode(_component_el_tab_pane, {
                  label: "选择编辑器",
                  name: unref(SelectFuntion).SELECT
                }, {
                  default: withCtx(() => [
                    createVNode(selectFunctionHidden, {
                      modelValue: states.content,
                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => states.content = $event)
                    }, null, 8, ["modelValue"])
                  ]),
                  _: 1
                }, 8, ["name"]),
                createVNode(_component_el_tab_pane, {
                  label: "函数编辑器",
                  name: unref(SelectFuntion).FUNCTION
                }, {
                  default: withCtx(() => [
                    createElementVNode("div", _hoisted_5$1, [
                      createVNode(_component_el_popover, {
                        placement: "top-start",
                        title: "标题",
                        width: 200,
                        trigger: "hover",
                        content: "当前表单JSON"
                      }, {
                        reference: withCtx(() => [
                          createVNode(_component_el_tag, { class: "m-2" }, {
                            default: withCtx(() => [
                              createTextVNode("config")
                            ]),
                            _: 1
                          })
                        ]),
                        _: 1
                      }),
                      createVNode(_component_el_popover, {
                        placement: "top-start",
                        title: "标题",
                        width: 200,
                        trigger: "hover",
                        content: "数据对象"
                      }, {
                        reference: withCtx(() => [
                          createVNode(_component_el_tag, { class: "ml15" }, {
                            default: withCtx(() => [
                              createTextVNode("data")
                            ]),
                            _: 1
                          })
                        ]),
                        _: 1
                      })
                    ]),
                    createVNode(unref(MonacoEditor), {
                      theme: "vs-dark",
                      language: "javascript",
                      width: 800,
                      height: 500,
                      value: states.content.dataJs,
                      "onUpdate:value": _cache[2] || (_cache[2] = ($event) => states.content.dataJs = $event)
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                }, 8, ["name"])
              ]),
              _: 1
            }, 8, ["modelValue"])) : createCommentVNode("", true)
          ]),
          _: 1
        }, 8, ["modelValue"])
      ], 64);
    };
  }
});
const ElFunctionHidden = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2bbf9a47"]]);
const _hoisted_1 = { class: "flex justify-between" };
const _hoisted_2 = { class: "flex items-center" };
const _hoisted_3 = { class: "aic jcb" };
const _hoisted_4 = { class: "elFunctionTitle" };
const _hoisted_5 = {
  class: "aic",
  style: { "margin-right": "50px", "margin-bottom": "10px" }
};
const _hoisted_6 = { class: "flex justify-end" };
const _sfc_main$1 = defineComponent({
  __name: "ElFunctionEvent",
  props: {
    modelValue: {
      type: Object,
      defalut: () => {
        return {};
      }
    },
    data: {
      type: Object,
      defalut: false
    },
    title: {
      type: String,
      defalut: "编辑显示隐藏函数"
    }
  },
  emits: ["update:modelValue", "change"],
  setup(__props, { emit: __emit }) {
    const emit = __emit;
    const dialogVisible = ref(false);
    const states = reactive({
      lang: "json",
      theme: "github",
      content: null
    });
    let props = __props;
    watch(
      () => props.modelValue,
      (val) => {
        if (val) {
          states.content = val;
        }
      },
      {
        immediate: true
      }
    );
    function handleUpdate() {
      dialogVisible.value = false;
      emit("change", states.content);
      emit("update:modelValue", states.content);
    }
    return (_ctx, _cache) => {
      const _component_el_button = resolveComponent("el-button");
      const _component_el_tag = resolveComponent("el-tag");
      const _component_el_popover = resolveComponent("el-popover");
      return openBlock(), createElementBlock(Fragment, null, [
        createElementVNode("div", null, [
          createElementVNode("div", _hoisted_1, [
            createElementVNode("div", _hoisted_2, [
              createVNode(_component_el_button, {
                type: "primary",
                size: "small",
                onClick: _cache[0] || (_cache[0] = ($event) => dialogVisible.value = true)
              }, {
                default: withCtx(() => [
                  createTextVNode("编写逻辑")
                ]),
                _: 1
              })
            ])
          ])
        ]),
        createVNode(ComDialog, {
          modelValue: dialogVisible.value,
          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event)
        }, {
          title: withCtx(() => [
            createElementVNode("div", _hoisted_3, [
              createElementVNode("div", _hoisted_4, toDisplayString(__props.title), 1)
            ])
          ]),
          footer: withCtx(() => [
            createElementVNode("div", _hoisted_6, [
              createVNode(_component_el_button, {
                onClick: _cache[2] || (_cache[2] = ($event) => dialogVisible.value = false)
              }, {
                default: withCtx(() => [
                  createTextVNode("取消")
                ]),
                _: 1
              }),
              createVNode(_component_el_button, {
                type: "primary",
                onClick: handleUpdate
              }, {
                default: withCtx(() => [
                  createTextVNode("确定")
                ]),
                _: 1
              })
            ])
          ]),
          default: withCtx(() => [
            states.content ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
              createElementVNode("div", _hoisted_5, [
                createVNode(_component_el_popover, {
                  placement: "top-start",
                  title: "标题",
                  width: 200,
                  trigger: "hover",
                  content: "当前表单JSON"
                }, {
                  reference: withCtx(() => [
                    createVNode(_component_el_tag, { class: "m-2" }, {
                      default: withCtx(() => [
                        createTextVNode("config")
                      ]),
                      _: 1
                    })
                  ]),
                  _: 1
                }),
                createVNode(_component_el_popover, {
                  placement: "top-start",
                  title: "标题",
                  width: 200,
                  trigger: "hover",
                  content: "数据对象"
                }, {
                  reference: withCtx(() => [
                    createVNode(_component_el_tag, { class: "ml15" }, {
                      default: withCtx(() => [
                        createTextVNode("data")
                      ]),
                      _: 1
                    })
                  ]),
                  _: 1
                })
              ]),
              createVNode(unref(MonacoEditor), {
                theme: "vs-dark",
                language: "javascript",
                width: 800,
                height: 500,
                value: states.content,
                "onUpdate:value": _cache[1] || (_cache[1] = ($event) => states.content = $event)
              }, null, 8, ["value"])
            ], 64)) : createCommentVNode("", true)
          ]),
          _: 1
        }, 8, ["modelValue"])
      ], 64);
    };
  }
});
const ElFunctionEvent = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-7f24a48d"]]);
const _sfc_main = defineComponent({
  __name: "element-form-render",
  props: {
    formJson: {
      type: Array,
      required: true
    },
    model: {
      type: Object,
      required: true
    },
    formAttrs: {
      type: Object,
      required: true
    }
  },
  setup(__props, { expose: __expose }) {
    reactive({});
    const formRef = ref();
    const props = __props;
    const validate = () => {
      return new Promise((resolve, reject) => {
        formRef.value.validate((valid) => {
          if (valid) {
            resolve(props.model);
          } else {
            reject(false);
          }
        });
      });
    };
    __expose({
      validate
    });
    return (_ctx, _cache) => {
      const _component_el_form = resolveComponent("el-form");
      return openBlock(), createBlock(_component_el_form, mergeProps({
        ref_key: "formRef",
        ref: formRef,
        model: __props.model
      }, __props.formAttrs), {
        default: withCtx(() => [
          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.formJson, (element, index2) => {
            return openBlock(), createBlock(_sfc_main$h, {
              key: index2,
              model: __props.model,
              renderType: "render",
              type: element.type,
              element
            }, null, 8, ["model", "type", "element"]);
          }), 128))
        ]),
        _: 1
      }, 16, ["model"]);
    };
  }
});
const index = {
  install(app) {
    const pinia = createPinia();
    app.use(pinia);
    app.component(ComponentType.ElementEasyForm, ElementEasyForm);
    app.component(ComponentType.ElTableColumns, ElTableColumns);
    app.component(ComponentType.ElementFormRender, _sfc_main);
    app.component(ComponentType.DragForm, _sfc_main$c);
    app.component(ComponentType.ElFunctionEvent, ElFunctionEvent);
    app.component(ComponentType.ElFunctionHidden, ElFunctionHidden);
    app.component(ComponentType.ElRowAttrs, ElRowAttrs);
    app.component(ComponentType.ElRateColors, ElRateColors);
    app.component(ComponentType.ElSliderMarks, _sfc_main$7);
    app.component(ComponentType.ElCheckboxs, ElCheckboxs);
    app.component(ComponentType.ElRadios, ElRadios);
    app.component(ComponentType.ElSelectOption, ElSelectOption);
    app.component(ComponentType.ElCascaderProps, ElCascaderProps);
  }
};
export {
  AttrType,
  ComponentType,
  _sfc_main$c as DragForm,
  ElementEasyForm,
  _sfc_main as ElementFormRender,
  JSONType,
  componentAttrs,
  componentList,
  compontent,
  container,
  index as default,
  elFormClearable,
  elFormItem,
  elFormplaceholder,
  hiddenAttrs,
  useDragFormStore
};