service-flow-designer 0.0.2-tmp7 → 1.0.1

package/dist/lib/designer/service-components/base/notification/config.vue2.js

@@ -0,0 +1,333 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/form/style/css");
+require("element-plus/es/components/input/style/css");
+require("element-plus/es/components/radio-button/style/css");
+require("element-plus/es/components/alert/style/css");
+require("element-plus/es/components/radio-group/style/css");
+require("element-plus/es/components/radio/style/css");
+require("element-plus/es/components/form-item/style/css");
+require("element-plus/es/components/checkbox-group/style/css");
+require("element-plus/es/components/checkbox/style/css");
+require("element-plus/es/components/divider/style/css");
+const vue = require("vue");
+const nodeBaseConfig_vue_vue_type_script_setup_true_lang = require("../../../common/components/node-base-config.vue.js");
+const selectMailTemplate_vue_vue_type_script_setup_true_lang = require("./select-mail-template.vue.js");
+const recipientsSelect = require("./recipients-select.vue.js");
+const codemirror = require("codemirror");
+const langMarkdown = require("@codemirror/lang-markdown");
+const state = require("@codemirror/state");
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", {
+  style: {
+    minHeight: "400px",
+    maxHeight: "700px",
+    backgroundColor: "#fff",
+    color: "#333",
+    width: "100%",
+    outline: "1px dotted #212121"
+  },
+  id: "cf-codemirror"
+}, null, -1);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "config",
+  props: {
+    properties: {
+      type: Object,
+      default: () => {
+        return { messageTemplate: {} };
+      }
+    }
+  },
+  setup(__props) {
+    const notificationModes = [
+      {
+        label: "钉钉",
+        value: "DINGDING"
+      },
+      {
+        label: "企微",
+        value: "QIWEI"
+      },
+      {
+        label: "飞书",
+        value: "FEISHU"
+      },
+      {
+        label: "邮箱",
+        value: "MAIL"
+      },
+      {
+        label: "自定义",
+        value: "CUSTOM"
+      }
+    ];
+    const props = __props;
+    const editorStyle = vue.ref({ theme: "default", fontSize: 14, searchOpen: false });
+    const editor = vue.ref(null);
+    if (props.properties.enableTemplate === void 0) {
+      props.properties.enableTemplate = false;
+    }
+    vue.onMounted(() => {
+      if (!props.properties.enableTemplate) {
+        loadEditor();
+      }
+    });
+    if (!props.properties.messageTemplate) {
+      props.properties.messageTemplate = {};
+    }
+    const recipientsTypeChange = () => {
+      if (props.properties.recipients) {
+        props.properties.recipients = "";
+        props.properties.recipientsName = "";
+      }
+      if (!props.properties.recipientDataFrom) {
+        props.properties.recipientDataFrom = "data";
+      }
+    };
+    function getEditorState() {
+      const mytheme = getTheme();
+      const baseTheme = codemirror.EditorView.theme({
+        ".cm-content, .cm-gutter": { minHeight: "200px" },
+        "&": {
+          height: "400px",
+          maxHeight: "400px",
+          width: "100%",
+          fontSize: editorStyle.value.fontSize + "px"
+        }
+      });
+      return state.EditorState.create({
+        doc: props.properties.content,
+        extensions: [
+          state.EditorState.tabSize.of(16),
+          codemirror.basicSetup,
+          langMarkdown.markdown(),
+          mytheme,
+          baseTheme,
+          codemirror.EditorView.updateListener.of(function(value) {
+            props.properties.content = value.state.doc.toString();
+          })
+        ]
+      });
+    }
+    function getTheme() {
+      return codemirror.EditorView.theme({});
+    }
+    function loadEditor() {
+      const state2 = getEditorState();
+      editor.value = new codemirror.EditorView({
+        state: state2,
+        parent: document.getElementById("cf-codemirror")
+      });
+    }
+    new state.Compartment();
+    const changeContent = (val) => {
+      if (!val) {
+        loadEditor();
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_el_divider = es.ElDivider;
+      const _component_el_checkbox = es.ElCheckbox;
+      const _component_el_checkbox_group = es.ElCheckboxGroup;
+      const _component_el_form_item = es.ElFormItem;
+      const _component_el_radio = es.ElRadio;
+      const _component_el_radio_group = es.ElRadioGroup;
+      const _component_el_alert = es.ElAlert;
+      const _component_el_radio_button = es.ElRadioButton;
+      const _component_el_input = es.ElInput;
+      const _component_el_form = es.ElForm;
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "auto",
+        "label-position": "left"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(nodeBaseConfig_vue_vue_type_script_setup_true_lang, { properties: __props.properties }, null, 8, ["properties"]),
+          vue.createVNode(_component_el_divider),
+          vue.createVNode(_component_el_form_item, { label: "通知方式：" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_checkbox_group, {
+                modelValue: __props.properties.mode,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.properties.mode = $event)
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(notificationModes, (item) => {
+                    return vue.createVNode(_component_el_checkbox, {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 64))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_form_item, { label: "通知对象类型：" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_radio_group, {
+                modelValue: __props.properties.recipientType,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.properties.recipientType = $event),
+                onClick: recipientsTypeChange
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_radio, {
+                    value: "USER",
+                    size: "small",
+                    label: "用户"
+                  }),
+                  vue.createVNode(_component_el_radio, {
+                    value: "DEPARTMENT",
+                    size: "small",
+                    label: "部门"
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_form_item, { label: "通知对象：" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(recipientsSelect, {
+                disabled: !__props.properties.recipientType,
+                properties: __props.properties,
+                orgType: __props.properties.recipientType,
+                selectProps: { dataFrom: "recipientsFrom", label: "recipientsName", value: "recipients" }
+              }, null, 8, ["disabled", "properties", "orgType"])
+            ]),
+            _: 1
+          }),
+          __props.properties.mode && (__props.properties.mode.indexOf("MAIL") >= 0 || __props.properties.mode.indexOf("CUSTOM") >= 0) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createVNode(_component_el_form_item, { label: "抄送对象类型：" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_radio_group, {
+                  modelValue: __props.properties.copyRecipientType,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.properties.copyRecipientType = $event),
+                  onClick: recipientsTypeChange
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_radio, {
+                      value: "USER",
+                      size: "small",
+                      label: "用户"
+                    }),
+                    vue.createVNode(_component_el_radio, {
+                      value: "DEPARTMENT",
+                      size: "small",
+                      label: "部门"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, { label: "抄送对象：" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(recipientsSelect, {
+                  disabled: !__props.properties.copyRecipientType,
+                  properties: __props.properties,
+                  orgType: __props.properties.copyRecipientType,
+                  selectProps: { dataFrom: "copyRecipientsFrom", label: "copyRecipientsName", value: "copyRecipients" }
+                }, null, 8, ["disabled", "properties", "orgType"])
+              ]),
+              _: 1
+            })
+          ])) : vue.createCommentVNode("", true),
+          vue.createVNode(_component_el_form_item, { label: "异步发送：" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_radio_group, {
+                modelValue: __props.properties.async,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.properties.async = $event)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_radio, { value: true }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("是")
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(_component_el_radio, { value: false }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("否")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_alert, {
+            title: "内容设置",
+            style: { "margin-bottom": "10px" },
+            type: "info",
+            size: "small",
+            closable: false
+          }),
+          vue.createVNode(_component_el_form_item, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_radio_group, {
+                modelValue: __props.properties.enableTemplate,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.properties.enableTemplate = $event),
+                onChange: changeContent,
+                size: "small",
+                style: { "margin-right": "10px" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_radio_button, {
+                    label: "自定义",
+                    value: false
+                  }),
+                  vue.createVNode(_component_el_radio_button, {
+                    label: "选择模板",
+                    value: true
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          !__props.properties.enableTemplate ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+            key: 1,
+            label: "主题："
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_input, {
+                modelValue: __props.properties.title,
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.properties.title = $event),
+                placeholder: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          !__props.properties.enableTemplate ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+            key: 2,
+            label: "内容："
+          }, {
+            default: vue.withCtx(() => [
+              _hoisted_2
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          __props.properties.enableTemplate ? (vue.openBlock(), vue.createBlock(_component_el_form_item, { key: 3 }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(selectMailTemplate_vue_vue_type_script_setup_true_lang, {
+                modelValue: __props.properties.templateCode,
+                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.properties.templateCode = $event)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-components/base/notification/index.css

@@ -0,0 +1,49 @@
+.nodeView[data-v-7702fcdb] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-7702fcdb] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-7702fcdb] {
+  width: 112px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.el-divider--horizontal[data-v-7702fcdb] {
+  margin: 12px 0;
+}
+.nodeView[data-v-7702fcdb] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-7702fcdb] {
+  width: 80px;
+}

package/dist/lib/designer/service-components/base/notification/index.js

@@ -0,0 +1,38 @@
+"use strict";
+const AbLogicNode = require("../../../flow/base/AbLogicNode.js");
+const AbLogicNodeModel = require("../../../flow/base/AbLogicNodeModel.js");
+require("../../../flow/base/AbLogicResizeNodeModel.js");
+require("../../../flow/base/AbLogicResizeNode.js");
+const vue = require("vue");
+const index = ;/* empty css           */
+class NotificationNode extends AbLogicNode {
+  constructor(props) {
+    super(props);
+    this.isMounted = false;
+    this.r = vue.h(index, {
+      model: props.model,
+      graphModel: props.graphModel,
+      disabled: props.graphModel.editConfigModel.isSilentMode,
+      isSelected: props.model.isSelected,
+      isHovered: props.model.isHovered,
+      properties: props.model.getProperties(),
+      onBtnClick: (i) => {
+        this.props.graphModel.eventCenter.emit(`node:select-click`, {
+          props
+        });
+      }
+    });
+    this.app = vue.createApp({
+      render: () => this.r
+    });
+  }
+}
+class NotificationNodeModel extends AbLogicNodeModel {
+}
+const notification = {
+  type: "notification",
+  view: NotificationNode,
+  model: NotificationNodeModel,
+  options: {}
+};
+module.exports = notification;

package/dist/lib/designer/service-components/base/notification/index.vue.js

@@ -0,0 +1,6 @@
+"use strict";
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const Notification = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-7702fcdb"]]);
+module.exports = Notification;

package/dist/lib/designer/service-components/base/notification/index.vue2.js

@@ -0,0 +1,43 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/divider/style/css");
+const vue = require("vue");
+const vardefV = require("../../../../assets/icon/vardef-v.png.js");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-7702fcdb"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
+  src: vardefV,
+  style: { "height": "32px", "position": "fixed", "left": "0px", "top": "0px" }
+}, null, -1));
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "nodeTitle" }, "通知", -1));
+const _hoisted_3 = { class: "nodeContent" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    graphModel: Object,
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["btnClick"],
+  setup(__props, { emit: __emit }) {
+    return (_ctx, _cache) => {
+      const _component_el_divider = es.ElDivider;
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        _hoisted_1,
+        vue.createElementVNode("div", {
+          class: "nodeView",
+          style: vue.normalizeStyle({ backgroundColor: __props.properties.backgroundColor })
+        }, [
+          _hoisted_2,
+          vue.createVNode(_component_el_divider),
+          vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(__props.properties.name), 1)
+        ], 4)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-components/base/notification/recipients-select.css

@@ -0,0 +1,4 @@
+
+.el-radio[data-v-1bbd6187] {
+  margin-right: 10px;
+}

package/dist/lib/designer/service-components/base/notification/recipients-select.vue.js

@@ -0,0 +1,6 @@
+"use strict";
+const recipientsSelect_vue_vue_type_script_setup_true_lang = require("./recipients-select.vue2.js");
+;/* empty css                        */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const RecipientsSelect = /* @__PURE__ */ _pluginVue_exportHelper(recipientsSelect_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-1bbd6187"]]);
+module.exports = RecipientsSelect;

package/dist/lib/designer/service-components/base/notification/recipients-select.vue2.js

@@ -0,0 +1,152 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/tooltip/style/css");
+require("element-plus/es/components/input/style/css");
+require("element-plus/es/components/radio-group/style/css");
+require("element-plus/es/components/radio-button/style/css");
+const vue = require("vue");
+const iconsVue = require("@element-plus/icons-vue");
+const valueSetInput = require("../../../common/components/value-set-input/value-set-input.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "recipients-select",
+  props: {
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    orgType: {
+      type: String,
+      default: "USER"
+    },
+    selectProps: {
+      type: Object,
+      default: () => {
+        return { label: "label", value: "value" };
+      }
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const showUserTree = vue.ref(false);
+    const showDeptTree = vue.ref(false);
+    const selectUserInfo = vue.ref(null);
+    vue.onMounted(() => {
+    });
+    const changeDataFrom = (val) => {
+      val === "orgTree" && (props.orgType === "USER" ? showUserTree.value = true : showDeptTree.value = true);
+      if (val === "data") {
+        showUserTree.value = false;
+        showDeptTree.value = false;
+      }
+      if (props.properties[props.selectProps.value]) {
+        props.properties[props.selectProps.label] = "";
+        props.properties[props.selectProps.value] = "";
+      }
+    };
+    const selectRecipientClick = () => {
+      if (props.properties[props.selectProps.value]) {
+        selectUserInfo.value = props.properties[props.selectProps.value].split(",");
+      }
+      if (props.orgType === "USER") {
+        showUserTree.value = true;
+      } else {
+        showDeptTree.value = true;
+      }
+    };
+    const addUser = (selectNodeInfo) => {
+      if (selectNodeInfo && selectNodeInfo.loginNames) {
+        props.properties[props.selectProps.value] = selectNodeInfo.loginNames.join(",");
+        props.properties[props.selectProps.label] = selectNodeInfo.userNames.join(",");
+      }
+      showUserTree.value = false;
+    };
+    const addDepartment = (selectNodeInfo) => {
+      if (selectNodeInfo && selectNodeInfo.codes) {
+        props.properties[props.selectProps.value] = selectNodeInfo.codes.join(",");
+        props.properties[props.selectProps.label] = selectNodeInfo.names.join(",");
+      }
+      showDeptTree.value = false;
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_radio_button = es.ElRadioButton;
+      const _component_el_radio_group = es.ElRadioGroup;
+      const _component_el_input = es.ElInput;
+      const _component_el_tooltip = es.ElTooltip;
+      const _component_department_user_tree = vue.resolveComponent("department-user-tree");
+      const _component_department_tree = vue.resolveComponent("department-tree");
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(_component_el_radio_group, {
+          modelValue: __props.properties[props.selectProps.dataFrom],
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.properties[props.selectProps.dataFrom] = $event),
+          size: "small",
+          disabled: __props.disabled,
+          style: { "margin-right": "10px" },
+          onChange: changeDataFrom
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_radio_button, {
+              label: "动态选取",
+              value: "data"
+            }),
+            vue.createVNode(_component_el_radio_button, {
+              label: "指定",
+              value: "orgTree"
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "disabled"]),
+        __props.properties[props.selectProps.dataFrom] === "data" ? (vue.openBlock(), vue.createBlock(vue.unref(valueSetInput), {
+          key: 0,
+          paramTypes: ["page", "data"],
+          disabled: __props.disabled,
+          size: "small",
+          width: "250px",
+          modelValue: __props.properties[props.selectProps.value],
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.properties[props.selectProps.value] = $event)
+        }, null, 8, ["disabled", "modelValue"])) : __props.properties[props.selectProps.dataFrom] === "orgTree" ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
+          key: 1,
+          content: __props.properties[props.selectProps.label] || "请选择",
+          effect: "light",
+          placement: "top"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_input, {
+              disabled: __props.disabled,
+              readonly: "",
+              size: "small",
+              modelValue: __props.properties[props.selectProps.label],
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.properties[props.selectProps.label] = $event),
+              onClick: selectRecipientClick,
+              "suffix-icon": vue.unref(iconsVue.Search),
+              style: { width: "250px" },
+              placeholder: "请选择"
+            }, null, 8, ["disabled", "modelValue", "suffix-icon"])
+          ]),
+          _: 1
+        }, 8, ["content"])) : vue.createCommentVNode("", true),
+        showUserTree.value ? (vue.openBlock(), vue.createBlock(_component_department_user_tree, {
+          key: 2,
+          "select-user-info": selectUserInfo.value,
+          "is-need-virtual-user": true,
+          multiple: true,
+          width: "60%",
+          onClose: addUser
+        }, null, 8, ["select-user-info"])) : vue.createCommentVNode("", true),
+        showDeptTree.value ? (vue.openBlock(), vue.createBlock(_component_department_tree, {
+          key: 3,
+          multiple: true,
+          onClose: addDepartment
+        })) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;