service-flow-designer 2.0.5 → 2.0.11

package/dist/es/designer/service-components/database/dynamic-sql/config.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./config.vue2.js";
-import "./config.vue3.js";
+/* empty css            */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-684c1f08"]]);
 export {

package/dist/es/designer/service-components/database/dynamic-sql/index.css

@@ -0,0 +1,51 @@
+.nodeView[data-v-5911272d] {
+  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-5911272d] {
+  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-5911272d] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-5911272d]{
+}
+.el-divider--horizontal[data-v-5911272d] {
+  margin: 12px 0;
+}
+.nodeView[data-v-5911272d] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-5911272d] {
+  width: 80px;
+}

package/dist/es/designer/service-components/database/dynamic-sql/index.d.ts

@@ -0,0 +1,14 @@
+import { AbLogicNode, AbLogicNodeModel } from '../../../flow/base/index';
+
+declare class DynamicSqlNode extends AbLogicNode {
+    constructor(props: any);
+}
+declare class DynamicSqlNodeModel extends AbLogicNodeModel {
+}
+declare const _default: {
+    type: string;
+    view: typeof DynamicSqlNode;
+    model: typeof DynamicSqlNodeModel;
+    options: {};
+};
+export default _default;

package/dist/es/designer/service-components/database/dynamic-sql/index.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<{
+    graphModel: ObjectConstructor;
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    btnClick: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    graphModel: ObjectConstructor;
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    onBtnClick?: (...args: any[]) => any;
+}, {
+    properties: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/database/dynamic-sql/index.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./index.vue2.js";
-import "./index.vue3.js";
+/* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const DynamicSql = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5911272d"]]);
 export {

package/dist/es/designer/service-components/database/regular-query/config.css

@@ -0,0 +1,7 @@
+
+[data-v-65e38bfb] .el-radio {
+  margin: 0;
+}
+.el-radio + .el-radio[data-v-65e38bfb] {
+  margin-left: 10px;
+}

package/dist/es/designer/service-components/database/regular-query/config.vue.d.ts

@@ -0,0 +1,42 @@
+declare const _default: import('vue').DefineComponent<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {
+            search: {};
+            noData: {};
+            result: {};
+        };
+    };
+    logicFlowInstance: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    currentNode: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {
+    onClose: () => Record<string, any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {
+            search: {};
+            noData: {};
+            result: {};
+        };
+    };
+    logicFlowInstance: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    currentNode: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>>, {
+    properties: Record<string, any>;
+    logicFlowInstance: Record<string, any>;
+    currentNode: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/database/regular-query/config.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./config.vue2.js";
-import "./config.vue3.js";
+/* empty css            */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-65e38bfb"]]);
 export {

package/dist/es/designer/service-components/database/regular-query/index.css

@@ -0,0 +1,52 @@
+.nodeView[data-v-4c6dfa4a] {
+  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-4c6dfa4a] {
+  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-4c6dfa4a] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-4c6dfa4a]{
+}
+.el-divider--horizontal[data-v-4c6dfa4a] {
+  margin: 12px 0;
+}
+.nodeView[data-v-4c6dfa4a] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
+}
+.nodeContent[data-v-4c6dfa4a] {
+}

package/dist/es/designer/service-components/database/regular-query/index.d.ts

@@ -0,0 +1,16 @@
+import { AbLogicNode, AbLogicNodeModel } from '../../../flow/base/index';
+
+declare class RegularQueryNode extends AbLogicNode {
+    customP1: any;
+    constructor(props: any);
+    getResizeShape(): void;
+}
+declare class RegularQueryNodeModel extends AbLogicNodeModel {
+}
+declare const _default: {
+    type: string;
+    view: typeof RegularQueryNode;
+    model: typeof RegularQueryNodeModel;
+    options: {};
+};
+export default _default;

package/dist/es/designer/service-components/database/regular-query/index.vue.d.ts

@@ -0,0 +1,36 @@
+declare const _default: import('vue').DefineComponent<{
+    graphModel: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    model: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    btnClick: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    graphModel: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    model: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    onBtnClick?: (...args: any[]) => any;
+}, {
+    properties: Record<string, any>;
+    graphModel: Record<string, any>;
+    model: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/database/regular-query/index.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./index.vue2.js";
-import "./index.vue3.js";
+/* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const RegularQuery = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4c6dfa4a"]]);
 export {

package/dist/es/designer/service-components/index.d.ts

@@ -0,0 +1,19 @@
+export interface NodeType<T extends any> {
+    type: string;
+    label: string;
+    nodeAndView: T | undefined;
+    configComponent: T | undefined;
+    icon: string | undefined;
+    [otherProp: string]: any;
+}
+type NodeGroup = {
+    name: string;
+    label: string;
+    items: NodeType<any>[];
+    icon: string;
+};
+export declare const initNodes: NodeType<any>[];
+export declare const serviceComponentGroups: NodeGroup[];
+export declare function getServiceNodeByType(type: string): NodeType<any>;
+export declare function getConfigByType(type: string): NodeType<any>;
+export {};

package/dist/es/designer/service-components/index.js

@@ -8,21 +8,14 @@ import aggregateQuery from "./database/aggregate-query/index.js";
 import dynamicSql from "./database/dynamic-sql/index.js";
 import notification from "./base/notification/index.js";
 import connect from "./computation/connect/index.js";
-import "@logicflow/core";
-import "@logicflow/extension";
-import { defineAsyncComponent } from "vue";
-import "../flow/base/AbLogicResizeNodeModel.js";
-import "../flow/base/AbLogicResizeNode.js";
-import "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/divider/style/css";
-import "./computation/split-joint/index.vue.js";
+import splitJoint from "./computation/split-joint/index.js";
 import computationClean from "./computation/clean/index.js";
 import statistics from "./computation/statistics/index.js";
 import computationSort from "./computation/sort/index.js";
 import httpService from "./service/http-service/index.js";
 import customBean from "./service/custom-bean/index.js";
 import componentsIcons from "./components-icons.js";
+import { defineAsyncComponent } from "vue";
 const initNodes = [
   {
     type: "start",
@@ -129,8 +122,8 @@ const serviceComponentGroups = [
       {
         type: "splitJoint",
         label: "拼接",
-        icon: "../../assets/icon/split-joint.svg",
-        nodeAndView: componentsIcons.splitJointIcon,
+        icon: componentsIcons.splitJointIcon,
+        nodeAndView: splitJoint,
         drawerWidth: "50%",
         configComponent: defineAsyncComponent(() => {
           return import("./computation/split-joint/config.vue.js");

package/dist/es/designer/service-components/service/common/cookie-data.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => any;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => any;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    modelValue: unknown[];
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/service/common/form-data.vue.d.ts

@@ -0,0 +1,22 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => {
+            content: any[];
+        };
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => {
+            content: any[];
+        };
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    modelValue: unknown[];
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/service/common/header-data.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => any;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => any;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    modelValue: unknown[];
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/service/common/json-data.css

@@ -0,0 +1,4 @@
+
+[data-v-9a3ee19e] .el-dropdown {
+  vertical-align: middle;
+}

package/dist/es/designer/service-components/service/common/json-data.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => any;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => any;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    modelValue: unknown[];
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/service/common/json-data.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./json-data.vue2.js";
-import "./json-data.vue3.js";
+/* empty css               */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const jsonData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9a3ee19e"]]);
 export {

package/dist/es/designer/service-components/service/common/param-config.css

@@ -0,0 +1,7 @@
+
+.el-radio[data-v-1ee0eb33] {
+  margin-right: 10px;
+}
+[data-v-1ee0eb33] .el-empty__description {
+  margin-top: 0px;
+}

package/dist/es/designer/service-components/service/common/param-config.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {
+            bodyType: string;
+        };
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {
+            bodyType: string;
+        };
+    };
+}>>, {
+    modelValue: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/service/common/param-config.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./param-config.vue2.js";
-import "./param-config.vue3.js";
+/* empty css                  */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const paramConfig = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1ee0eb33"]]);
 export {

package/dist/es/designer/service-components/service/common/query-params.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => any;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => any;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    modelValue: unknown[];
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/service/common/raw-data.vue.d.ts

@@ -0,0 +1,22 @@
+declare function loadEditor(): void;
+declare const _default: import('vue').DefineComponent<{
+    httpSerivceBody: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {
+    updateEditor: () => void;
+    loadEditor: typeof loadEditor;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    httpSerivceBody: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    httpSerivceBody: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/service/common/xml-data.vue.d.ts

@@ -0,0 +1,21 @@
+declare function loadEditor(): void;
+declare const _default: import('vue').DefineComponent<{
+    httpSerivceBody: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {
+    loadEditor: typeof loadEditor;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    httpSerivceBody: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    httpSerivceBody: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/service/custom-bean/config.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import('vue').DefineComponent<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>>, {
+    properties: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/service/custom-bean/index.css

@@ -0,0 +1,51 @@
+.nodeView[data-v-b01d3a50] {
+  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-b01d3a50] {
+  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-b01d3a50] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-b01d3a50]{
+}
+.el-divider--horizontal[data-v-b01d3a50] {
+  margin: 12px 0;
+}
+.nodeView[data-v-b01d3a50] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-b01d3a50] {
+  width: 80px;
+}

package/dist/es/designer/service-components/service/custom-bean/index.d.ts

@@ -0,0 +1,14 @@
+import { AbLogicNode, AbLogicNodeModel } from '../../../flow/base/index';
+
+declare class CustomBeanNode extends AbLogicNode {
+    constructor(props: any);
+}
+declare class CustomBeanNodeModel extends AbLogicNodeModel {
+}
+declare const _default: {
+    type: string;
+    view: typeof CustomBeanNode;
+    model: typeof CustomBeanNodeModel;
+    options: {};
+};
+export default _default;

package/dist/es/designer/service-components/service/custom-bean/index.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<{
+    graphModel: ObjectConstructor;
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    btnClick: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    graphModel: ObjectConstructor;
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    onBtnClick?: (...args: any[]) => any;
+}, {
+    properties: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/service/custom-bean/index.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./index.vue2.js";
-import "./index.vue3.js";
+/* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const CustomBean = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b01d3a50"]]);
 export {

package/dist/es/designer/service-components/service/http-service/config.css

@@ -0,0 +1,7 @@
+
+.el-tabs + .el-alert[data-v-08737620] {
+  margin-top: 10px;
+}
+.el-alert + .el-form-item[data-v-08737620] {
+  margin-top: 10px;
+}