@epxing/designer 0.0.0-stage → 5.3.0-beta.1

package/dist/src/page-designer/previews/tabs/tab-pane/Preview.js

@@ -0,0 +1,32 @@
+import previewMixin from "../../../widget-preview/Mixin.js";
+import { resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, mergeProps, createCommentVNode } from "vue";
+/* empty css            */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-tab-pane--preview",
+  mixins: [previewMixin]
+  // 所有拖拽方法已在 Mixin 中实现
+};
+const _hoisted_1 = { class: "epx-page-designer-widget-preview__drop-zone" };
+const _hoisted_2 = {
+  key: 0,
+  class: "epx-page-designer-widget-preview__no-widget"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_widget_preview = resolveComponent("widget-preview");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.childWidgetList, (childWidget) => {
+      return openBlock(), createBlock(_component_widget_preview, mergeProps({ ref_for: true }, _ctx.$forwardAttrs(_ctx.$attrs), {
+        key: childWidget.id,
+        widget: childWidget,
+        "parent-widget": _ctx.widget,
+        designer: _ctx.designer
+      }), null, 16, ["widget", "parent-widget", "designer"]);
+    }), 128)),
+    _ctx.childWidgetList.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2, "拖拽组件到这里")) : createCommentVNode("", true)
+  ]);
+}
+const TabsTabPanePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6a91f905"]]);
+export {
+  TabsTabPanePreview as default
+};

package/dist/src/page-designer/previews/text/Preview.js

@@ -0,0 +1,37 @@
+import previewMixin from "../../widget-preview/Mixin.js";
+import { openBlock, createElementBlock, normalizeStyle, createElementVNode, toDisplayString } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-text--preview",
+  mixins: [previewMixin],
+  computed: {
+    style() {
+      const { horizontal, vertical } = this.$configs;
+      const style = { ...this.widgetStyle };
+      if (horizontal) {
+        style["justify-content"] = horizontal;
+      }
+      if (vertical) {
+        style["align-items"] = vertical;
+      }
+      return style;
+    }
+  }
+};
+const _hoisted_1 = ["title"];
+const _hoisted_2 = ["textContent"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: "epx-text",
+    style: normalizeStyle($options.style),
+    title: _ctx.$configs.tooltip
+  }, [
+    createElementVNode("span", {
+      textContent: toDisplayString(_ctx.$configs.content || "请配置文本内容")
+    }, null, 8, _hoisted_2)
+  ], 12, _hoisted_1);
+}
+const TextPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  TextPreview as default
+};

package/dist/src/page-designer/previews/text-editor/Preview.js

@@ -0,0 +1,22 @@
+import previewMixin from "../../widget-preview/Mixin.js";
+import { openBlock, createElementBlock, normalizeStyle, createElementVNode } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-text-editor--preview",
+  mixins: [previewMixin]
+};
+const _hoisted_1 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: "epx-text-editor",
+    style: normalizeStyle(_ctx.widgetStyle)
+  }, [
+    createElementVNode("span", {
+      innerHTML: _ctx.xss.process(_ctx.$configs.html || "请配置内容")
+    }, null, 8, _hoisted_1)
+  ], 4);
+}
+const TextEditorPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  TextEditorPreview as default
+};

package/dist/src/page-designer/previews/video/Preview.js

@@ -0,0 +1,9 @@
+import Video from "@epxing/components/src/video/Video";
+import previewMixin from "../../widget-preview/Mixin.js";
+const _sfc_main = {
+  name: "epx-video--preview",
+  mixins: [Video, previewMixin]
+};
+export {
+  _sfc_main as default
+};

package/dist/src/page-designer/setting-panel/Advance.js

@@ -0,0 +1,280 @@
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, normalizeClass, Fragment, renderList, createBlock, createTextVNode } from "vue";
+/* empty css            */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-page-designer-setting-advance",
+  props: {
+    designer: {
+      type: Object,
+      required: true
+    }
+  },
+  data() {
+    return {
+      foldMap: {},
+      iterator: {}
+    };
+  },
+  computed: {
+    selectedWidget() {
+      return this.designer.selectedWidget;
+    },
+    variableSets: {
+      get() {
+        var _a;
+        return ((_a = this.designer.pageConfig) == null ? void 0 : _a.variableSets) || [];
+      }
+    },
+    variableTree() {
+      const { iterator } = this.widgetConfig;
+      const variableList = this.variableSets.map((item) => ({ ...item, type: "variable", text: item.name || item.code, code: item.code }));
+      if (iterator == null ? void 0 : iterator.data) {
+        variableList.push({
+          type: "variable",
+          text: this.selectedWidget.title + "_迭代变量",
+          code: iterator.name || "item"
+        });
+      }
+      return [{
+        code: "PAGE_VARIABLE",
+        text: "页面变量",
+        children: variableList
+      }];
+    },
+    widgetConfig() {
+      const compId = this.selectedWidget.id;
+      const widgetConfig = this.designer.widgetConfig[compId] || {};
+      return widgetConfig;
+    },
+    functionList() {
+      const { JS = "" } = this.designer.pageConfig;
+      const result = JS.match(/export\sfunction\s(\w+)/g);
+      const functionList = [];
+      if (!result) return [];
+      result.forEach((item) => {
+        functionList.push(item.replace(/export\sfunction\s/, ""));
+      });
+      return functionList;
+    },
+    showIf: {
+      get() {
+        const { showIf } = this.widgetConfig;
+        if (typeof showIf === "object") {
+          return JSON.stringify(showIf);
+        }
+        return showIf || "";
+      },
+      set(v) {
+        const compId = this.selectedWidget.id;
+        if (v) {
+          this.designer.updateWidgetConfig(compId, { showIf: JSON.parse(v).el });
+        } else {
+          this.designer.updateWidgetConfig(compId, { showIf: null });
+        }
+      }
+    },
+    showTerminal: {
+      get() {
+        return this.widgetConfig.showTerminal || ["pc", "mobile"];
+      },
+      set(v) {
+        const compId = this.selectedWidget.id;
+        this.designer.updateWidgetConfig(compId, { showTerminal: v });
+      }
+    }
+  },
+  watch: {
+    iterator: {
+      handler(v) {
+        const compId = this.selectedWidget.id;
+        this.designer.updateWidgetConfig(compId, { iterator: v });
+      },
+      deep: true
+    },
+    selectedWidget() {
+      const compId = this.selectedWidget.id;
+      const widgetConfig = this.designer.widgetConfig[compId];
+      this.iterator = (widgetConfig == null ? void 0 : widgetConfig.iterator) || { name: "item", index: "index" };
+    }
+  },
+  methods: {
+    changeConfigItem(key, v) {
+      const compId = this.selectedWidget.id;
+      this.designer.updateWidgetConfig(compId, { [key]: v });
+    }
+  },
+  created() {
+    const compId = this.selectedWidget.id;
+    const widgetConfig = this.designer.widgetConfig[compId];
+    this.iterator = (widgetConfig == null ? void 0 : widgetConfig.iterator) || { name: "item", index: "index" };
+  }
+};
+const _hoisted_1 = { class: "container" };
+const _hoisted_2 = { class: "epx-visual-component__accordion-header" };
+const _hoisted_3 = { class: "epx-visual-component__accordion-body" };
+const _hoisted_4 = { class: "epx-visual-component__accordion-header" };
+const _hoisted_5 = { class: "epx-visual-component__accordion-body" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  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_input = resolveComponent("el-input");
+  const _component_el_checkbox_button = resolveComponent("el-checkbox-button");
+  const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
+  const _component_epx_rule = resolveComponent("epx-rule");
+  const _component_epx_visual_config_event = resolveComponent("epx-visual-config-event");
+  const _component_el_form = resolveComponent("el-form");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_el_form, {
+      inline: "",
+      "label-position": "left",
+      "label-width": "100px"
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", {
+          class: normalizeClass(["epx-visual-component__accordion", { "is-fold": $data.foldMap.iterator }])
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            _cache[9] || (_cache[9] = createElementVNode("span", null, "循环", -1)),
+            createElementVNode("i", {
+              class: "epx-visual-component__accordion-icon el-icon-arrow-up",
+              onClick: _cache[0] || (_cache[0] = ($event) => $data.foldMap["iterator"] = !$data.foldMap.iterator)
+            })
+          ]),
+          createElementVNode("div", _hoisted_3, [
+            createVNode(_component_el_form_item, { label: "循环数据" }, {
+              default: withCtx(() => [
+                createVNode(_component_el_select, {
+                  style: { width: "185px" },
+                  modelValue: $data.iterator.data,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.iterator.data = $event),
+                  size: "default",
+                  filterable: "",
+                  "allow-create": "",
+                  clearable: ""
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.variableSets, (item) => {
+                      return openBlock(), createBlock(_component_el_option, {
+                        key: item.code,
+                        label: item.code,
+                        value: `$[${item.code}]`
+                      }, null, 8, ["label", "value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, { label: "迭代变量名" }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input, {
+                  modelValue: $data.iterator.name,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.iterator.name = $event),
+                  size: "default"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, { label: "迭代索引" }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input, {
+                  modelValue: $data.iterator.index,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.iterator.index = $event),
+                  size: "default"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, { label: "迭代key" }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input, {
+                  modelValue: $data.iterator.key,
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.iterator.key = $event),
+                  size: "default"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ])
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(["epx-visual-component__accordion", { "is-fold": $data.foldMap.other }])
+        }, [
+          createElementVNode("div", _hoisted_4, [
+            _cache[10] || (_cache[10] = createElementVNode("span", null, "其他设置", -1)),
+            createElementVNode("i", {
+              class: "epx-visual-component__accordion-icon el-icon-arrow-up",
+              onClick: _cache[5] || (_cache[5] = ($event) => $data.foldMap["other"] = !$data.foldMap.other)
+            })
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            createVNode(_component_el_form_item, { label: "显示终端" }, {
+              default: withCtx(() => [
+                createVNode(_component_el_checkbox_group, {
+                  modelValue: $options.showTerminal,
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $options.showTerminal = $event),
+                  size: "small"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_checkbox_button, {
+                      label: "pc",
+                      value: "pc"
+                    }, {
+                      default: withCtx(() => [..._cache[11] || (_cache[11] = [
+                        createTextVNode("PC端", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_checkbox_button, {
+                      label: "mobile",
+                      value: "mobile"
+                    }, {
+                      default: withCtx(() => [..._cache[12] || (_cache[12] = [
+                        createTextVNode("移动端", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, { label: "显示条件" }, {
+              default: withCtx(() => [
+                createVNode(_component_epx_rule, {
+                  formulaType: "web",
+                  modelValue: $options.showIf,
+                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $options.showIf = $event),
+                  metaId: $options.widgetConfig.metaId,
+                  variableList: $options.variableTree,
+                  fieldConfigs: { state: "EDIT", functionType: "web" }
+                }, null, 8, ["modelValue", "metaId", "variableList"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, { label: "组件事件" }, {
+              default: withCtx(() => [
+                createVNode(_component_epx_visual_config_event, {
+                  value: $options.widgetConfig.componentEvents,
+                  functionList: $options.functionList,
+                  pageGlobalConfigs: $props.designer.pageConfig,
+                  changeItemConfigs: (type, v) => $props.designer.updatePageConfig(v),
+                  onChangeConfigs: _cache[8] || (_cache[8] = (v) => $options.changeConfigItem("componentEvents", v))
+                }, null, 8, ["value", "functionList", "pageGlobalConfigs", "changeItemConfigs"])
+              ]),
+              _: 1
+            })
+          ])
+        ], 2)
+      ]),
+      _: 1
+    })
+  ]);
+}
+const SettingAdvance = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e7245ee4"]]);
+export {
+  SettingAdvance as default
+};

package/dist/src/page-designer/setting-panel/CodeEditor.js

@@ -0,0 +1,93 @@
+import "codemirror/addon/hint/show-hint.js";
+import "codemirror/lib/codemirror.css";
+import "codemirror/addon/hint/show-hint.css";
+import "codemirror/addon/edit/matchbrackets.js";
+import "codemirror/addon/edit/closebrackets.js";
+import "codemirror/mode/javascript/javascript.js";
+/* empty css                                   */
+import CodeMirror from "codemirror";
+import { openBlock, createElementBlock, withDirectives, createElementVNode, vModelText } from "vue";
+/* empty css               */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const __compatRequireEnsure = (_deps, cb) => Promise.resolve().then(() => cb && cb());
+const _sfc_main = {
+  name: "epx-page-designer-setting-code-editor",
+  props: {
+    value: Object
+  },
+  data() {
+    return {
+      content: ""
+    };
+  },
+  watch: {
+    content(v) {
+      try {
+        const json = eval("(" + v + ")");
+        this.$emit("change", json);
+      } catch (error) {
+        this.$message.error("JSON格式错误");
+      }
+    }
+  },
+  methods: {
+    editorInit() {
+      __compatRequireEnsure([], () => {
+        const CodeMirror$1 = CodeMirror;
+        globalThis.codemirror = CodeMirror$1;
+        this.editor = CodeMirror$1.fromTextArea(this.$refs.textarea, {
+          theme: "idea",
+          mode: { name: "javascript", json: true },
+          matchBrackets: true,
+          autofocus: true,
+          showCursorWhenSelecting: true,
+          autoCloseBrackets: true,
+          extraKeys: { Ctrl: "autocomplete" },
+          inputStyle: "contenteditable",
+          hintOptions: { completeSingle: false, closeOnUnfocus: false }
+        });
+        this.editor.on("change", (editor, change) => {
+          if (change.origin === "+input") {
+            const text = change.text[0];
+            if (/\w+/.test(text)) {
+              setTimeout(function() {
+                editor.execCommand("autocomplete");
+              }, 200);
+            }
+          }
+        });
+        this.editor.on("blur", (editor) => {
+          this.content = editor.getValue();
+        });
+        this.editor.showHint();
+        if (this.value) {
+          this.editor.setValue(JSON.stringify(this.value, null, 2));
+          this.editor.focus();
+        }
+      });
+    }
+  },
+  mounted() {
+    this.editorInit();
+  }
+};
+const _hoisted_1 = { class: "epx-page-designer-setting-code-editor" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    withDirectives(createElementVNode("textarea", {
+      class: "editor",
+      ref: "textarea",
+      name: "",
+      id: "",
+      cols: "30",
+      rows: "3",
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.content = $event)
+    }, null, 512), [
+      [vModelText, $data.content]
+    ])
+  ]);
+}
+const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  CodeEditor as default
+};

package/dist/src/page-designer/setting-panel/Property.js

@@ -0,0 +1,164 @@
+import { resolveComponent, openBlock, createElementBlock, createBlock } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-page-designer-setting-property",
+  props: {
+    designer: {
+      type: Object
+    },
+    relationList: {
+      type: Array
+    }
+  },
+  data() {
+    return {
+      visualComponent: "visual-component"
+    };
+  },
+  provide() {
+    return {
+      pageId: this.designer.page.pageId,
+      getPageMetaId: () => this.designer.page.metaId,
+      pageMetaId: this.designer.page.metaId,
+      getItemConfigs: this.getItemConfigs,
+      changeItemConfigs: this.changeItemConfigs,
+      setContainerDefaultItems: this.setContainerDefaultItems,
+      updateWidget: this.designer.updateWidget
+    };
+  },
+  computed: {
+    type() {
+      if (this.selectedWidget) return "widget";
+      return "page";
+    },
+    widget() {
+      if (this.type === "page") return this.designer.page;
+      return this.designer.selectedWidget;
+    },
+    selectedWidget() {
+      return this.designer.selectedWidget;
+    },
+    widgetInfo() {
+      if (this.type === "page") return this.designer.page;
+      const { contentType, type } = this.selectedWidget;
+      return this.designer.getWidgetByType(contentType, type);
+    },
+    variableSets: {
+      get() {
+        var _a;
+        return ((_a = this.designer.pageConfig) == null ? void 0 : _a.variableSets) || [];
+      }
+    },
+    componentConfigs() {
+      if (this.type === "page") return this.designer.pageConfig;
+      const { configs = {}, id, contentType, items, css, ...otherConfigs } = this.selectedWidget;
+      const widgetConfig = this.designer.widgetConfig[this.selectedWidget.id] || {};
+      const _configs = {};
+      let hasTitle = false;
+      for (const key in otherConfigs) {
+        if (/^title(.i18n)?$/.test(key)) {
+          hasTitle = true;
+          _configs[key.replace(/^title(.i18n)?$/, "componentName$1")] = otherConfigs[key];
+        } else if (key !== "componentName") {
+          _configs[key] = otherConfigs[key];
+        }
+      }
+      const { componentName, ...restWidgetConfig } = widgetConfig;
+      return { ..._configs, ...configs, ...hasTitle ? restWidgetConfig : widgetConfig };
+    },
+    upWidgetMetaId() {
+      const upWidget = this.getUpWidget();
+      if (upWidget) {
+        const upWidgetConfig = this.designer.widgetConfig[upWidget.id];
+        if (upWidgetConfig && upWidgetConfig.metaId) {
+          return upWidgetConfig.metaId;
+        }
+      }
+      return null;
+    }
+  },
+  methods: {
+    getItemConfigs() {
+      return this.designer.widgetConfig;
+    },
+    getUpWidget() {
+      if (this.type !== "page") {
+        const findUpWidget = (arr = this.designer.widgetList, parent) => {
+          for (const item of arr) {
+            if (item.id === this.designer.selectedWidget.id) {
+              return parent;
+            } else if (item.items) {
+              const upItem = findUpWidget(item.items, item);
+              if (upItem) return upItem;
+            }
+          }
+        };
+        return findUpWidget();
+      }
+      return null;
+    },
+    changeItemConfigs(key, configs = {}, type) {
+      if (key && key !== "page") {
+        this.designer.updateWidgetConfig(key, configs, type);
+      } else {
+        this.designer.updatePageConfig(configs);
+      }
+    },
+    setContainerDefaultItems(key, items) {
+      if (!key && this.designer.widgetList.length === 0) {
+        this.designer.widgetList = [...items];
+      }
+    }
+  },
+  async created() {
+    let visualPath = "";
+    if (this.type === "page") {
+      visualPath = this.designer.page.visualConfigPath;
+    } else {
+      visualPath = this.widgetInfo.VISUAL_CONFIG_PATH;
+      if (!visualPath && this.widgetInfo.UP_PAGE) {
+        await this.$http.get({
+          entityId: "FM_PAGE",
+          id: this.widgetInfo.UP_PAGE
+        }).then((data) => {
+          if (data && data.data) visualPath = data.data.VISUAL_CONFIG_PATH;
+        });
+      }
+    }
+    if (visualPath) {
+      let pathName = "";
+      const rootMatch = visualPath.match(/^@\/(frame\/|product\/|project\/)?/);
+      if (rootMatch) {
+        pathName = visualPath.split(rootMatch[0])[1].replace(".vue", "");
+      }
+      const componentPath = pathName.replace("views/", "").replace("components/", "").replace("packages/", "").replace(/\//g, "-").replace(/(\w)([A-Z])/g, "$1-$2").toLowerCase();
+      this.visualComponent = componentPath;
+    }
+  },
+  mounted() {
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_component = resolveComponent("epx-component");
+  return openBlock(), createElementBlock("div", null, [
+    (openBlock(), createBlock(_component_epx_component, {
+      key: $options.widget.id,
+      id: $options.widget.id,
+      designer: $props.designer,
+      widget: $options.widget,
+      metaId: $props.designer.page.metaId,
+      ref: "component",
+      name: $data.visualComponent,
+      "comp-config": $options.componentConfigs,
+      globalConfigs: $props.designer.pageConfig,
+      "component-info": $options.widgetInfo,
+      pageParams: $options.variableSets,
+      pageRelationList: $props.relationList,
+      upMetaId: $options.upWidgetMetaId
+    }, null, 8, ["id", "designer", "widget", "metaId", "name", "comp-config", "globalConfigs", "component-info", "pageParams", "pageRelationList", "upMetaId"]))
+  ]);
+}
+const SettingProperty = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  SettingProperty as default
+};