@vtj/core 0.1.2 → 0.7.0

package/index.es.js

@@ -1,1219 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import { cloneDeep, upperFirst } from "lodash-es";
-import prettier from "prettier";
-import htmlParser from "prettier/parser-html";
-import babelParser from "prettier/parser-babel";
-import cssParser from "prettier/parser-postcss";
-import * as VueCompilerSFC from "vue/compiler-sfc";
-function modelTraverse(model, handler) {
-  if (model && model.toSchema) {
-    const ret = handler(model, model.parent);
-    if (ret === false)
-      return;
-    Object.values(model.config).forEach((v) => {
-      if (Array.isArray(v)) {
-        v.forEach((n) => {
-          modelTraverse(n, handler);
-        });
-      } else {
-        modelTraverse(v, handler);
-      }
-    });
-  }
-}
-function schemaTraverse(schema, handler, parent = null) {
-  if (schema && schema.__model_id__) {
-    const ret = handler(schema, parent);
-    if (ret === false)
-      return;
-    Object.values(schema).forEach((v) => {
-      if (Array.isArray(v)) {
-        v.forEach((n) => {
-          schemaTraverse(n, handler, schema);
-        });
-      } else {
-        schemaTraverse(v, handler, schema);
-      }
-    });
-  }
-}
-const _Base = class {
-  constructor(config, defaults) {
-    __publicField(this, "id");
-    __publicField(this, "config");
-    __publicField(this, "disposed", false);
-    __publicField(this, "parent", null);
-    __publicField(this, "modelName", "Base");
-    this.config = __spreadValues(__spreadValues({}, cloneDeep(defaults)), config);
-    this.id = (config == null ? void 0 : config.__model_id__) || hashId();
-    this.defineExtendMethods();
-    _Base.instances[this.id] = this;
-  }
-  defineExtendMethods() {
-    const configure = {
-      enumerable: false,
-      writable: false,
-      configurable: false
-    };
-    Object.keys(this.config).forEach((key) => {
-      if (key.startsWith("__"))
-        return;
-      let name = upperFirst(key);
-      Object.defineProperty(this, `get${name}`, __spreadProps(__spreadValues({}, configure), {
-        value: () => this.get(name)
-      }));
-      Object.defineProperty(this, `set${name}`, __spreadProps(__spreadValues({}, configure), {
-        value: (v) => {
-          this.set(name, v);
-        }
-      }));
-      const value = this.config[key];
-      if (Array.isArray(value)) {
-        if (name === "Classes") {
-          name = "Class";
-        } else {
-          name = name.endsWith("s") ? name.substring(0, name.length - 1) : name;
-        }
-        Object.defineProperty(this, `add${name}`, __spreadProps(__spreadValues({}, configure), {
-          value: (v, finder) => this.add(name, v, finder)
-        }));
-        Object.defineProperty(this, `remove${name}`, __spreadProps(__spreadValues({}, configure), {
-          value: (v, finder) => this.remove(name, v, finder)
-        }));
-      }
-    });
-  }
-  get(key) {
-    return this.config[key];
-  }
-  set(key, value) {
-    if (this.disposed)
-      return;
-    return this.config[key] = value;
-  }
-  add(key, item, finder) {
-    const value = this.get(key);
-    if (!Array.isArray(value))
-      return;
-    if (!finder || finder && !value.find(finder)) {
-      item.parent = this;
-      value.push(item);
-    }
-  }
-  remove(key, item, finder) {
-    const value = this.get(key);
-    if (!Array.isArray(value))
-      return;
-    const index = value.findIndex(finder || ((n) => n === item));
-    if (index > -1) {
-      value[index].parent = null;
-      value.splice(index, 1);
-    }
-  }
-  clear(key) {
-    const value = this.config[key];
-    if (!Array.isArray(value))
-      return;
-    this.set(key, []);
-  }
-  dispose() {
-    this.disposed = true;
-    this.parent = null;
-    this.config = /* @__PURE__ */ Object.create(null);
-    delete _Base.instances[this.id];
-  }
-  toSchema() {
-    const { config, id } = this;
-    const name = this.modelName;
-    const json = {};
-    Object.keys(config).forEach((key) => {
-      const value = config[key];
-      if (Array.isArray(value)) {
-        json[key] = value.map((n) => {
-          return n && n.toSchema ? n.toSchema() : n;
-        });
-      } else {
-        json[key] = value && value.toSchema ? value.toSchema() : value;
-      }
-    });
-    return __spreadValues({
-      __model_id__: id,
-      __model_name__: name
-    }, json);
-  }
-};
-let Base = _Base;
-__publicField(Base, "instances", {});
-var TagOrigin = /* @__PURE__ */ ((TagOrigin2) => {
-  TagOrigin2["META"] = "meta";
-  TagOrigin2["ElementUI"] = "element-ui";
-  TagOrigin2["ElementPlus"] = "element-plus";
-  TagOrigin2["UI"] = "ui";
-  TagOrigin2["BLOCK"] = "block";
-  TagOrigin2["PAGE"] = "page";
-  TagOrigin2["CUSTOM"] = "custom";
-  return TagOrigin2;
-})(TagOrigin || {});
-const _Tag = class extends Base {
-  constructor(config, defaults) {
-    super(config, __spreadValues(__spreadValues({}, _Tag.defaults), defaults));
-    __publicField(this, "modelName", "Tag");
-    const { name } = this.config;
-    this.config.name = name ? name : `model_${this.id}`;
-  }
-  dispose() {
-    const props = this.get("props");
-    for (let item of props) {
-      item.dispose();
-    }
-    const slots = this.get("slots");
-    for (let item of slots) {
-      item.dispose();
-    }
-    const events = this.get("events");
-    for (let item of events) {
-      item.dispose();
-    }
-    const directives = this.get("directives");
-    for (let item of directives) {
-      item.dispose();
-    }
-    super.dispose();
-  }
-  append(model, place = "default") {
-    const { slots } = this.config;
-    const slot = slots.find((n) => n === place || n.config.name === place);
-    if (slot) {
-      slot.add("children", model);
-    } else {
-      console.error(`slot: ${place} not exist`);
-    }
-  }
-  unappend(model, place = "default") {
-    const { slots } = this.config;
-    const slot = slots.find((n) => n === place || n.config.name === place);
-    if (slot) {
-      slot.remove("children", model);
-    } else {
-      console.error(`slot: ${place} not exist`);
-    }
-  }
-};
-let Tag = _Tag;
-__publicField(Tag, "defaults", {
-  type: "div",
-  props: [],
-  events: [],
-  directives: [],
-  slots: [],
-  style: {},
-  classes: [],
-  text: "",
-  origin: "meta",
-  file: "",
-  visible: true
-});
-var BindingType = /* @__PURE__ */ ((BindingType2) => {
-  BindingType2["DEFAULT"] = "default";
-  BindingType2["MODEL"] = "model";
-  BindingType2["SYNC"] = "sync";
-  return BindingType2;
-})(BindingType || {});
-var BindingSource = /* @__PURE__ */ ((BindingSource2) => {
-  BindingSource2["DEFAULT"] = "default";
-  BindingSource2["SLOT"] = "slot";
-  BindingSource2["DATA_SOURCE"] = "data";
-  return BindingSource2;
-})(BindingSource || {});
-var PropertyDataType = /* @__PURE__ */ ((PropertyDataType2) => {
-  PropertyDataType2["STRING"] = "string";
-  PropertyDataType2["NUMBER"] = "number";
-  PropertyDataType2["BOOLEAN"] = "boolean";
-  PropertyDataType2["OBJECT"] = "object";
-  PropertyDataType2["ARRAY"] = "array";
-  PropertyDataType2["FUNCTION"] = "function";
-  PropertyDataType2["UNDEFINED"] = "undefined";
-  return PropertyDataType2;
-})(PropertyDataType || {});
-const _Property = class extends Base {
-  constructor(config) {
-    const { type, value } = config;
-    if (!type) {
-      config.type = Array.isArray(value) ? "array" : typeof value;
-    }
-    super(config, _Property.defaults);
-    __publicField(this, "modelName", "Property");
-  }
-};
-let Property = _Property;
-__publicField(Property, "defaults", {
-  binding: {
-    type: "default",
-    source: "default",
-    name: "",
-    code: null
-  }
-});
-const _Slot = class extends Base {
-  constructor(config) {
-    super(config, _Slot.defaults);
-    __publicField(this, "modelName", "Slot");
-  }
-  dispose() {
-    const { children } = this.config;
-    for (let item of children) {
-      item.dispose();
-    }
-    super.dispose();
-  }
-};
-let Slot = _Slot;
-__publicField(Slot, "defaults", {
-  name: "default",
-  params: [],
-  children: []
-});
-var EventModifier = /* @__PURE__ */ ((EventModifier2) => {
-  EventModifier2["STOP"] = "stop";
-  EventModifier2["PREVENT"] = "prevent";
-  EventModifier2["CAPTURE"] = "capture";
-  EventModifier2["SELF"] = "self";
-  EventModifier2["ONCE"] = "once";
-  EventModifier2["PASSIVE"] = "passive";
-  return EventModifier2;
-})(EventModifier || {});
-const _Event = class extends Base {
-  constructor(config) {
-    super(config, _Event.defaults);
-    __publicField(this, "modelName", "Event");
-  }
-};
-let Event = _Event;
-__publicField(Event, "defaults", {
-  type: "",
-  handler: "",
-  params: [],
-  modifiers: "",
-  code: null
-});
-const _Directive = class extends Base {
-  constructor(config) {
-    super(config, _Directive.defaults);
-    __publicField(this, "modelName", "Directive");
-  }
-};
-let Directive = _Directive;
-__publicField(Directive, "defaults", {
-  name: "",
-  value: "",
-  arg: "",
-  modifiers: ""
-});
-const _Page = class extends Tag {
-  constructor(config) {
-    super(config, _Page.defaults);
-    __publicField(this, "modelName", "Page");
-  }
-};
-let Page = _Page;
-__publicField(Page, "defaults", __spreadProps(__spreadValues({}, Tag.defaults), {
-  imports: "",
-  css: "",
-  scoped: true,
-  dataSources: [],
-  mixin: "",
-  origin: TagOrigin.PAGE
-}));
-var DataSourceType = /* @__PURE__ */ ((DataSourceType2) => {
-  DataSourceType2["JSON"] = "json";
-  DataSourceType2["CODE"] = "code";
-  DataSourceType2["API"] = "api";
-  return DataSourceType2;
-})(DataSourceType || {});
-const _DataSource = class extends Base {
-  constructor(config) {
-    super(config, _DataSource.defaults);
-    __publicField(this, "modelName", "DataSource");
-  }
-};
-let DataSource = _DataSource;
-__publicField(DataSource, "defaults", {
-  type: "code",
-  name: "",
-  code: null,
-  api: null
-});
-var models = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Base,
-  TagOrigin,
-  Tag,
-  BindingType,
-  BindingSource,
-  PropertyDataType,
-  Property,
-  Slot,
-  EventModifier,
-  Event,
-  Directive,
-  Page,
-  DataSourceType,
-  DataSource
-}, Symbol.toStringTag, { value: "Module" }));
-function createModel(schema, parent) {
-  const modelName = schema.__model_name__;
-  const Model = models[modelName];
-  if (Model) {
-    const model = new Model(schema);
-    model.parent = parent;
-    return model;
-  } else {
-    console.error(`__model_name__:${modelName} is not exist`);
-  }
-}
-function createModelTree(schema, parent = null) {
-  if (schema.__model_name__) {
-    const model = createModel(schema, parent);
-    Object.entries(model.config).forEach(([key, value]) => {
-      if (Array.isArray(value)) {
-        const items = value.filter((n) => n && n.__model_name__).map((n) => createModelTree(n, model));
-        if (items.length) {
-          model.set(key, items);
-        }
-      } else {
-        if (value && value.__model_name__) {
-          const item = createModelTree(value, model);
-          if (item) {
-            model.set(key, item);
-          }
-        }
-      }
-    });
-    return model;
-  }
-}
-function toModel(schema) {
-  return createModelTree(schema, null);
-}
-function findModel(filter) {
-  const instances = Base.instances;
-  return Object.values(instances).filter(filter);
-}
-function craeteOutline(schema) {
-  const { type, origin, __model_id__, slots, visible } = schema;
-  const item = {
-    type,
-    origin,
-    __model_id__,
-    visible,
-    children: []
-  };
-  if (slots.length === 0) {
-    return item;
-  }
-  const isOnlyDefault = slots.length === 1 && slots[0].name === "default";
-  item.children = isOnlyDefault ? slots[0].children.map((n) => craeteOutline(n)) : slots.map((n) => {
-    return {
-      slot: true,
-      name: n.name,
-      __model_id__: n.__model_id__,
-      children: n.children.map((m) => craeteOutline(m))
-    };
-  });
-  return item;
-}
-function toOutline(schema) {
-  return craeteOutline(schema);
-}
-function htmlFormat(content) {
-  return prettier.format(content, {
-    parser: "html",
-    bracketSameLine: false,
-    plugins: [htmlParser]
-  });
-}
-function scriptFormat(content) {
-  return prettier.format(content, {
-    parser: "babel",
-    singleQuote: true,
-    semi: true,
-    trailingComma: "none",
-    bracketSpacing: true,
-    bracketSameLine: false,
-    plugins: [babelParser]
-  });
-}
-function cssFormat(content) {
-  return prettier.format(content, {
-    parser: "scss",
-    bracketSameLine: false,
-    plugins: [cssParser]
-  });
-}
-function pad(hash, len) {
-  while (hash.length < len) {
-    hash = "0" + hash;
-  }
-  return hash;
-}
-function fold(hash, text) {
-  var i;
-  var chr;
-  var len;
-  if (text.length === 0) {
-    return hash;
-  }
-  for (i = 0, len = text.length; i < len; i++) {
-    chr = text.charCodeAt(i);
-    hash = (hash << 5) - hash + chr;
-    hash |= 0;
-  }
-  return hash < 0 ? hash * -2 : hash;
-}
-function foldObject(hash, o, seen) {
-  return Object.keys(o).sort().reduce(foldKey, hash);
-  function foldKey(hash2, key) {
-    return foldValue(hash2, o[key], key, seen);
-  }
-}
-function foldValue(input, value, key, seen) {
-  var hash = fold(fold(fold(input, key), toString(value)), typeof value);
-  if (value === null) {
-    return fold(hash, "null");
-  }
-  if (value === void 0) {
-    return fold(hash, "undefined");
-  }
-  if (typeof value === "object" || typeof value === "function") {
-    if (seen.indexOf(value) !== -1) {
-      return fold(hash, "[Circular]" + key);
-    }
-    seen.push(value);
-    var objHash = foldObject(hash, value, seen);
-    if (!("valueOf" in value) || typeof value.valueOf !== "function") {
-      return objHash;
-    }
-    try {
-      return fold(objHash, String(value.valueOf()));
-    } catch (err) {
-      return fold(objHash, "[valueOf exception]" + (err.stack || err.message));
-    }
-  }
-  return fold(hash, value.toString());
-}
-function toString(o) {
-  return Object.prototype.toString.call(o);
-}
-function sum(o) {
-  return pad(foldValue(0, o, "", []).toString(16), 8);
-}
-var hashSum = sum;
-function uuid() {
-  return "xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx".replace(/[xy]/g, function(c) {
-    const r = Math.random() * 16 | 0;
-    const v = c === "x" ? r : r & 3 | 8;
-    return v.toString(16);
-  }).toLowerCase();
-}
-function cleanJSON(json) {
-  if (!json || typeof json === "string")
-    return json;
-  const str = JSON.stringify(json);
-  return str.replace(/\"/g, "'");
-}
-function hashId() {
-  return hashSum(uuid());
-}
-function urlParser(querystring) {
-  const params = /* @__PURE__ */ Object.create(null);
-  const search = new URLSearchParams(querystring);
-  search.forEach((val, key) => {
-    params[key] = val;
-  });
-  return params;
-}
-function getQuery(url = "") {
-  const index = url.indexOf("?");
-  const query = index <= 0 ? "" : url.substring(index + 1);
-  return urlParser(query);
-}
-async function fetchJSON(url) {
-  return fetch(url).then((res) => res.json());
-}
-async function fetchCSS(url) {
-  return fetch(url).then((res) => res.text());
-}
-const TagModelNames = ["Page", "Tag"];
-function isSimpleSlot(slots) {
-  return slots.length === 1 && slots[0].name === "default" && slots[0].params.length === 0;
-}
-function __text(text) {
-  return text || "";
-}
-function __slot(slot) {
-  if (!slot)
-    return "";
-  const { name, params, children } = slot;
-  const paramString = params.length ? `="{${params.join(",")}}"` : "";
-  return `<template v-slot:${name}${paramString}>
-${__Tags(children)}
-</template>`;
-}
-function __slots(slots) {
-  if (isSimpleSlot(slots)) {
-    return __Tags(slots[0].children);
-  }
-  return slots.map((n) => __slot(n));
-}
-function __directive(directive) {
-  const { name, modifiers } = directive;
-  const arg = directive.arg ? `:${directive.arg}` : "";
-  const value = directive.value ? `="${directive.value}"` : "";
-  return `v-${name}${arg}${modifiers}${value}`;
-}
-function __directives(directives) {
-  return directives.map((n) => __directive(n)).join(" ");
-}
-function __model_id(id) {
-  return id ? `data-model-id="${id}"` : "";
-}
-function __classes(classes, id, name, style) {
-  const hasStyle = style && Object.keys(style).length > 0;
-  const cls = hasStyle ? name ? name : `model_${id}` : "";
-  const clsArray = cls ? [cls, ...classes] : classes;
-  return clsArray.length ? `class="${clsArray.join(" ")}"` : "";
-}
-function __props(props) {
-  const defaultBinding = props.filter((n) => n.type !== "function" && n.binding.type === BindingType.DEFAULT && n.binding.source === BindingSource.DEFAULT);
-  const simpleProps = defaultBinding.map((n) => {
-    const flag = n.type === "string" ? "" : ":";
-    return `${flag}${n.name}="${cleanJSON(n.value)}"`;
-  });
-  const functionBinding = props.filter((n) => n.type === "function" && n.binding.type === BindingType.DEFAULT);
-  const functionProps = functionBinding.map((n) => {
-    return `:${n.name}="${n.binding.name || n.value}"`;
-  });
-  const slotsBinding = props.filter((n) => n.binding.source === BindingSource.SLOT && !!n.binding.name);
-  const slotProps = slotsBinding.map((n) => {
-    return `:${n.name}="${n.binding.name}"`;
-  });
-  const dataBinding = props.filter((n) => n.binding.source === BindingSource.DATA_SOURCE && !!n.binding.name);
-  const dataProps = dataBinding.map((n) => {
-    return `:${n.name}="${n.binding.name}"`;
-  });
-  return [...simpleProps, ...slotProps, ...functionProps, ...dataProps].join(" ");
-}
-function __events$1(events) {
-  return events.filter((n) => n.type && n.handler).map((n) => {
-    const params = n.params.length ? `(${n.params.join(",")})` : "";
-    return `@${n.type}${n.modifiers}="${n.handler}${params}"`;
-  }).join(" ");
-}
-function __Tag(schema) {
-  if (TagModelNames.includes(schema.__model_name__) && schema.visible) {
-    const {
-      type,
-      text,
-      slots,
-      directives,
-      name,
-      classes,
-      style,
-      props,
-      events
-    } = schema;
-    return `<${type} 
-${__model_id(schema.__model_id__)}
-${__directives(directives)}
-${__classes(classes, schema.__model_id__, name, style)}
-${__props(props)}
-${__events$1(events)}
->
-${__text(text)}
-${__slots(slots)}
-</${type}>`;
-  }
-  return "";
-}
-function __Tags(list = []) {
-  return list.map((n) => __Tag(n)).join("\n");
-}
-function parseTemplate(schema) {
-  return __Tag(schema);
-}
-function __dataSources(dataSources) {
-  if (!dataSources.length)
-    return "{}";
-  const json = dataSources.filter((n) => n.type === DataSourceType.JSON).map((n) => `${n.name}: ${n.code}`).join(",");
-  const others = dataSources.filter((n) => n.type !== DataSourceType.JSON).map((item) => {
-    if (DataSourceType.CODE === item.type) {
-      return `${item.name}: ${item.code}`;
-    }
-    if (DataSourceType.API === item.type) {
-      return `${item.name}: createApi({
-              url:'${item.api.url}',
-              method:'${item.api.method}'
-            })`;
-    }
-    return "";
-  }).join(",");
-  return `{
-      data() {
-        return {
-          ${json}
-        }
-      },
-      methods: {
-        ${others}
-      }
-    }`;
-}
-function __events(schema) {
-  const events = [];
-  schemaTraverse(schema, (model) => {
-    if (model.__model_name__ === "Event") {
-      events.push(model);
-    }
-  });
-  return events.filter((n) => n.code && n.handler).map((n) => {
-    return `${n.handler}${n.code}`;
-  }).join(",");
-}
-function __elementImports(schema) {
-  const origins = {};
-  schemaTraverse(schema, (item, parent) => {
-    if ([TagOrigin.ElementPlus, TagOrigin.ElementUI].includes(item.origin) && item.visible) {
-      const items = origins[item.origin];
-      if (!items) {
-        origins[item.origin] = /* @__PURE__ */ new Set([item.type]);
-      } else {
-        items.add(item.type);
-      }
-    }
-  });
-  let imports = "";
-  let components = [];
-  Object.keys(origins).forEach((key) => {
-    const values = Array.from(origins[key]);
-    imports += `import {${values.join(",")}} from '${key}';`;
-    components = components.concat(values);
-  });
-  return {
-    imports,
-    components
-  };
-}
-function parseScript(schema) {
-  const { imports, components } = __elementImports(schema);
-  return `
-${imports}
-${schema.imports || ""}
-const __mixin = ${schema.mixin || "{}"}
-const __dataSources =  ${__dataSources(schema.dataSources)}
-export default {
-components: {${components.join(",")}},
-mixins:[__dataSources, __mixin],
-data() {
-return {}
-},
-methods: {
-  ${__events(schema)}
-}
-}
-`;
-}
-function paserStyle(schema) {
-  const styles = {};
-  schemaTraverse(schema, (item, parent) => {
-    if (item.style && Object.keys(item.style).length > 0) {
-      const selector = item.name || `model_${item.id}`;
-      styles[`.${selector}`] = item.style;
-    }
-  });
-  let content = "";
-  Object.keys(styles).forEach((key) => {
-    const style = styles[key] || {};
-    content += `
-${key} {`;
-    Object.entries(style).forEach(([k, v]) => {
-      content += `${k}: ${v};`;
-    });
-    content += "}\n";
-  });
-  return content;
-}
-function scoped(scoped2) {
-  return scoped2 ? "scoped" : "";
-}
-var DSLType = /* @__PURE__ */ ((DSLType2) => {
-  DSLType2["VUE2"] = "VUE2";
-  DSLType2["VUE3"] = "VUE3";
-  DSLType2["VUE3_TS"] = "VUE3_TS";
-  DSLType2["UNI_APP"] = "UNI_APP";
-  return DSLType2;
-})(DSLType || {});
-function toDSL(dsl = "VUE3", schema) {
-  const template = parseTemplate(schema);
-  const script = parseScript(schema);
-  const style = paserStyle(schema);
-  return htmlFormat(`
-<template>
-${htmlFormat(template)}
-</template>
-
-<script>
-${scriptFormat(script)}
-<\/script>
-
-<style lang="css" ${scoped(schema.scoped)}>
-${cssFormat(schema == null ? void 0 : schema.css)}
-${cssFormat(style)}
-</style>
-`);
-}
-async function loadSystemJs() {
-  return await import("systemjs").then(async (_) => {
-    return window.System;
-  });
-}
-async function loadSystemJsBabel() {
-  return await import("systemjs-babel");
-}
-const backslashRegEx = /\\/g;
-function resolveIfNotPlainOrUrl(relUrl, parentUrl) {
-  if (relUrl.indexOf("\\") !== -1)
-    relUrl = relUrl.replace(backslashRegEx, "/");
-  if (relUrl[0] === "/" && relUrl[1] === "/") {
-    return parentUrl.slice(0, parentUrl.indexOf(":") + 1) + relUrl;
-  } else if (relUrl[0] === "." && (relUrl[1] === "/" || relUrl[1] === "." && (relUrl[2] === "/" || relUrl.length === 2 && (relUrl += "/")) || relUrl.length === 1 && (relUrl += "/")) || relUrl[0] === "/") {
-    const parentProtocol = parentUrl.slice(0, parentUrl.indexOf(":") + 1);
-    let pathname;
-    if (parentUrl[parentProtocol.length + 1] === "/") {
-      if (parentProtocol !== "file:") {
-        pathname = parentUrl.slice(parentProtocol.length + 2);
-        pathname = pathname.slice(pathname.indexOf("/") + 1);
-      } else {
-        pathname = parentUrl.slice(8);
-      }
-    } else {
-      pathname = parentUrl.slice(parentProtocol.length + (parentUrl[parentProtocol.length] === "/"));
-    }
-    if (relUrl[0] === "/")
-      return parentUrl.slice(0, parentUrl.length - pathname.length - 1) + relUrl;
-    const segmented = pathname.slice(0, pathname.lastIndexOf("/") + 1) + relUrl;
-    const output = [];
-    let segmentIndex = -1;
-    for (let i = 0; i < segmented.length; i++) {
-      if (segmentIndex !== -1) {
-        if (segmented[i] === "/") {
-          output.push(segmented.slice(segmentIndex, i + 1));
-          segmentIndex = -1;
-        }
-      } else if (segmented[i] === ".") {
-        if (segmented[i + 1] === "." && (segmented[i + 2] === "/" || i + 2 === segmented.length)) {
-          output.pop();
-          i += 2;
-        } else if (segmented[i + 1] === "/" || i + 1 === segmented.length) {
-          i += 1;
-        } else {
-          segmentIndex = i;
-        }
-      } else {
-        segmentIndex = i;
-      }
-    }
-    if (segmentIndex !== -1)
-      output.push(segmented.slice(segmentIndex));
-    return parentUrl.slice(0, parentUrl.length - pathname.length) + output.join("");
-  }
-}
-function resolveUrl(relUrl, parentUrl) {
-  return resolveIfNotPlainOrUrl(relUrl, parentUrl) || (relUrl.indexOf(":") !== -1 ? relUrl : resolveIfNotPlainOrUrl("./" + relUrl, parentUrl));
-}
-function compiler(filename, source) {
-  var _a;
-  const id = hashSum(filename + source);
-  const dataVId = "data-v-" + id;
-  const parseResult = VueCompilerSFC.parse(source, { sourceMap: false });
-  const descriptor = parseResult.descriptor;
-  const hasScoped = descriptor.styles.some((s) => s.scoped);
-  const template = VueCompilerSFC.compileTemplate({
-    id,
-    filename,
-    source: ((_a = descriptor.template) == null ? void 0 : _a.content) || "",
-    scoped: hasScoped,
-    compilerOptions: {
-      scopeId: hasScoped ? dataVId : void 0
-    }
-  });
-  const script = VueCompilerSFC.compileScript(descriptor, {
-    id,
-    templateOptions: {
-      scoped: hasScoped,
-      compilerOptions: {
-        scopeId: hasScoped ? dataVId : void 0
-      }
-    }
-  });
-  const styles = descriptor.styles;
-  const styleCodes = [];
-  if (styles.length) {
-    for (let i = 0; i < styles.length; i++) {
-      const styleItem = styles[i];
-      styleCodes.push(VueCompilerSFC.compileStyle({
-        source: styleItem.content,
-        id: dataVId,
-        filename,
-        scoped: styleItem.scoped
-      }).code);
-    }
-  }
-  let styleCode = styleCodes.join("\n");
-  const styleUrl = filename + ".css";
-  styleCode = styleCode.replace(/url\(\s*(?:(["'])((?:\\.|[^\n\\"'])+)\1|((?:\\.|[^\s,"'()\\])+))\s*\)/g, function(match, quotes, relUrl1, relUrl2) {
-    return "url(" + quotes + resolveUrl(relUrl1 || relUrl2, styleUrl) + quotes + ")";
-  });
-  const renderName = "_sfc_render";
-  const mainName = "_sfc_main";
-  const templateCode = template.code.replace(/\nexport (function|const) (render|ssrRender)/, "\n$1 _sfc_$2");
-  const scriptCode = VueCompilerSFC.rewriteDefault(script.content, mainName);
-  const output = [
-    scriptCode,
-    templateCode,
-    mainName + ".render=" + renderName,
-    "export default " + mainName
-  ];
-  if (hasScoped) {
-    output.push(mainName + ".__scopeId = " + JSON.stringify(dataVId));
-  }
-  output.push(mainName + ".__file = " + JSON.stringify(filename));
-  const code = output.join("\n");
-  return {
-    style: styleCode,
-    script: code
-  };
-}
-class Helper {
-  constructor(schema, contentWindow) {
-    __publicField(this, "model");
-    this.schema = schema;
-    this.contentWindow = contentWindow;
-    this.model = toModel(schema);
-  }
-  getSchema() {
-    return this.model.toSchema();
-  }
-  getModel(id) {
-    return Base.instances[id];
-  }
-  getOutline() {
-    const schema = this.getSchema();
-    return [toOutline(schema)];
-  }
-  getHoverModel(path = []) {
-    var _a, _b;
-    const item = path.find((n) => {
-      var _a2;
-      return (_a2 = n.dataset) == null ? void 0 : _a2.modelId;
-    });
-    if (!item)
-      return null;
-    const id = (_a = item.dataset) == null ? void 0 : _a.modelId;
-    const model = this.getModel(id);
-    const siblings = ((_b = model.parent) == null ? void 0 : _b.get("children")) || [];
-    const { width, height, left, top } = item.getBoundingClientRect();
-    const removeable = model.modelName !== "Page";
-    return {
-      el: item,
-      id,
-      model,
-      props: {
-        id,
-        width,
-        height,
-        left,
-        top,
-        opacity: 1,
-        type: model.get("type"),
-        removeable,
-        first: !removeable || removeable && siblings[0] === model,
-        last: !removeable || removeable && siblings[siblings.length - 1] === model,
-        label: true
-      }
-    };
-  }
-  getSelectedById(id) {
-    const { contentWindow } = this;
-    if (!contentWindow)
-      return;
-    const el = contentWindow.document.querySelector(`[data-model-id="${id}"]`);
-    if (!el)
-      return;
-    return this.getHoverModel([el]);
-  }
-  getSelectedModel(path = []) {
-    return this.getHoverModel(path);
-  }
-  getDropModel(path = []) {
-    return this.getHoverModel(path);
-  }
-  async appendModel(defineConfig = {}, target, slotName = "default") {
-    const { path, origin } = defineConfig;
-    const json = await fetchJSON(path);
-    const props = (json.props || []).map((n) => {
-      return new Property({
-        name: n.name,
-        type: n.type,
-        value: n.value
-      });
-    });
-    const slots = (json.slots || []).map((n) => {
-      return new Slot(__spreadValues({}, n));
-    });
-    const tag = new Tag({
-      type: json.tag,
-      props,
-      slots,
-      origin,
-      text: json.text || "",
-      style: json.style || {},
-      file: path
-    });
-    target.append(tag, slotName);
-  }
-  removeModel(model) {
-    const slot = model.parent;
-    if (slot) {
-      slot.remove("children", model);
-      model.dispose();
-    }
-  }
-  moveNext(model) {
-    const slot = model.parent;
-    if (!slot)
-      return;
-    const children = slot.get("children");
-    const index = children.findIndex((n) => n === model);
-    const next = children[index + 1];
-    if (!next)
-      return;
-    children[index] = next;
-    children[index + 1] = model;
-  }
-  movePrev(model) {
-    const slot = model.parent;
-    if (!slot)
-      return;
-    const children = slot.get("children");
-    const index = children.findIndex((n) => n === model);
-    const prev = children[index - 1];
-    if (!prev)
-      return;
-    children[index] = prev;
-    children[index - 1] = model;
-  }
-  updateProps(id, model = {}) {
-    const instance = this.getModel(id);
-    const props = instance.get("props");
-    props.forEach((prop) => {
-      const name = prop.get("name");
-      const value = model[name];
-      prop.set("value", value);
-    });
-  }
-  setVisible(id, visible) {
-    const instance = this.getModel(id);
-    instance.set("visible", visible);
-  }
-}
-const Caches = {};
-class Engine {
-  constructor(config) {
-    __publicField(this, "config");
-    __publicField(this, "system");
-    __publicField(this, "libs", {});
-    __publicField(this, "scriptEl", null);
-    __publicField(this, "app", null);
-    __publicField(this, "helper", null);
-    this.config = __spreadValues({
-      imports: {},
-      loader: "/engine.js",
-      vue: "/libs/vue3/vue.runtime.esm-browser.prod.js",
-      dslType: DSLType.VUE3
-    }, config);
-    this.init();
-  }
-  async init() {
-    this.setImportMap();
-    await this.initSystem();
-    await this.prepareEnv();
-    const { onReady } = this.config;
-    onReady && onReady(this);
-  }
-  async initSystem() {
-    let system = window == null ? void 0 : window.System;
-    if (system) {
-      this.system = system;
-      return system;
-    }
-    system = await loadSystemJs();
-    const prototype = system.constructor.prototype;
-    prototype.shouldFetch = function(url) {
-      return true;
-    };
-    const fetch2 = prototype.fetch;
-    const { loader } = this.config;
-    prototype.fetch = (url, options) => {
-      if (!url.includes(loader || "")) {
-        return fetch2(url, options);
-      }
-      return this.intercepter(url, options);
-    };
-    this.system = system;
-    return await loadSystemJsBabel();
-  }
-  async intercepter(url, options) {
-    const { type, file, id } = getQuery(url) || {};
-    if (type === "lib") {
-      if (file.endsWith(".css")) {
-        const res = await fetchCSS(decodeURIComponent(file));
-        this.adoptedStyleSheets(file, res);
-        return new Response(null);
-      } else {
-        const script = `
-        export * from '${decodeURIComponent(file)}';
-      `;
-        return Promise.resolve(new Response(new Blob([script], { type: "application/javascript" })));
-      }
-    }
-    if (type === "schema") {
-      const schema = Caches[id];
-      const source = toDSL(DSLType.VUE3, schema);
-      delete Caches[id];
-      const { script, style } = compiler(schema.name, source);
-      this.adoptedStyleSheets(id, style);
-      return Promise.resolve(new Response(new Blob([script], { type: "application/javascript" })));
-    }
-    return fetch(url, options);
-  }
-  async prepareEnv() {
-    const { system, config, libs } = this;
-    const { imports, loader, vue } = config;
-    const coreUrl = `${loader}?type=lib&name=vue&file=${encodeURIComponent(vue)}`;
-    await system.import(coreUrl).then((res) => {
-      libs.Vue = res;
-      system.set("app:vue", res);
-    });
-    system.prepareImport(true);
-    const importItems = Object.entries(imports || {});
-    for (let [name, value] of importItems) {
-      const url = `${loader}?type=lib&name=${name}&file=${encodeURIComponent(value)}`;
-      await system.import(url).then((res) => {
-        libs[name] = res;
-        system.set(`app:${name}`, res);
-      });
-    }
-    system.prepareImport(true);
-  }
-  setImportMap() {
-    const { scriptEl, config } = this;
-    const { imports, vue } = config;
-    let script = scriptEl;
-    if (!script) {
-      this.scriptEl = script = document.createElement("script");
-      script.type = "systemjs-importmap";
-    }
-    const map = {
-      vue: "app:vue"
-    };
-    Object.keys(imports || {}).forEach((name) => {
-      map[name] = `app:${name}`;
-    });
-    script.innerHTML = JSON.stringify({
-      imports: map
-    });
-    document.body.appendChild(script);
-  }
-  adoptedStyleSheets(id, style) {
-    const { contentWindow } = this.config;
-    if (!contentWindow)
-      return;
-    const styleSheet = new contentWindow.CSSStyleSheet();
-    styleSheet.id = id;
-    styleSheet.replaceSync(style);
-    const document2 = contentWindow.document;
-    const sheets = Array.from(document2.adoptedStyleSheets).filter((n) => n.id !== id);
-    document2.adoptedStyleSheets = [...sheets, styleSheet];
-  }
-  async load(schema) {
-    const { config, system } = this;
-    const { loader, dslType, contentWindow, onLoad } = config;
-    const id = schema.__model_id__;
-    Caches[id] = schema;
-    this.helper = new Helper(schema, contentWindow);
-    const url = `${loader}?type=schema&dsl=${dslType}&id=${id}&t=${Date.now()}`;
-    return await system.import(url).then((res) => {
-      const app = this.createApp(res.default);
-      onLoad && onLoad(app);
-      return app;
-    }).catch((e) => {
-      console.warn(e);
-    });
-  }
-  async reload() {
-    var _a;
-    const schema = (_a = this.helper) == null ? void 0 : _a.getSchema();
-    return await this.load(schema);
-  }
-  createApp(component) {
-    var _a;
-    const { dslType, contentWindow } = this.config;
-    if (dslType === DSLType.VUE3) {
-      (_a = this.app) == null ? void 0 : _a.unmount();
-      const app = this.libs.Vue.createApp(component);
-      app.mount(contentWindow.document.body);
-      this.app = app;
-    }
-    return this.app;
-  }
-  dispose() {
-    const { scriptEl, app, config } = this;
-    const { contentWindow, dslType } = config;
-    if (scriptEl && scriptEl.parentNode) {
-      scriptEl.parentNode.removeChild(scriptEl);
-    }
-    if (contentWindow) {
-      const document2 = contentWindow.document;
-      document2.adoptedStyleSheets = [];
-    }
-    if (app) {
-      if (dslType === DSLType.VUE3) {
-        app.unmount();
-        this.app = null;
-      }
-    }
-  }
-}
-export { Base, BindingSource, BindingType, DSLType, DataSource, DataSourceType, Directive, Engine, Event, EventModifier, Page, Property, PropertyDataType, Slot, Tag, TagOrigin, cleanJSON, compiler, craeteOutline, createModel, createModelTree, cssFormat, fetchCSS, fetchJSON, findModel, getQuery, hashId, htmlFormat, loadSystemJs, loadSystemJsBabel, modelTraverse, schemaTraverse, scriptFormat, toDSL, toModel, toOutline, urlParser, uuid };