service-flow-designer 1.1.12 → 1.1.13

package/dist/lib/designer/flow/base/AbLogicNodeModel.js

@@ -0,0 +1,70 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+const LogicFlow = require("@logicflow/core");
+require("vue");
+class AbLogicNodeModel extends LogicFlow.HtmlNodeModel {
+  constructor(data, graphModel) {
+    super(data, graphModel);
+    __publicField(this, "nodeWidth", 200);
+    __publicField(this, "nodeHeight", 115);
+    console.log("----constructor---AbLogicNodeModel---");
+    this.setAttributes();
+  }
+  setAttributes() {
+    this.width = this.nodeWidth;
+    this.height = this.nodeHeight;
+    this.text.editable = false;
+    this.inputData = this.text.value;
+    this.stroke = "#1E90FF";
+    this.fill = "#F0F8FF";
+    this.radius = 100;
+    this.menu = [
+      {
+        className: "lf-menu-delete",
+        icon: true,
+        text: "删除",
+        callback: (node) => {
+          this.graphModel.deleteNode(node.id);
+          this.graphModel.eventCenter.emit("custom:deleteNode", node);
+        }
+      }
+    ];
+  }
+  getOutlineStyle() {
+    const style = super.getOutlineStyle();
+    style.width = this.nodeWidth;
+    style.height = this.nodeHeight;
+    return style;
+  }
+  initNodeData(data) {
+    super.initNodeData(data);
+  }
+  getConnectedSourceRules() {
+    const rules = super.getConnectedSourceRules();
+    const excludes = ["judgeCondition", "end"];
+    const geteWayOnlyAsTarget = {
+      message: "条件判断才能作为source有多条边连线！",
+      validate: (source, target, sourceAnchor, targetAnchor) => {
+        if (!source) {
+          return false;
+        }
+        let isValid = true;
+        if (excludes.indexOf(source.type) === -1) {
+          const n = source.graphModel.getNodeOutgoingEdge(source.id);
+          if (n.length > 0) {
+            isValid = false;
+          }
+        }
+        return isValid;
+      }
+    };
+    rules.push(geteWayOnlyAsTarget);
+    return rules;
+  }
+}
+module.exports = AbLogicNodeModel;

package/dist/lib/designer/flow/base/AbLogicResizeNode.d.ts

@@ -0,0 +1,11 @@
+import { HtmlResize } from '@logicflow/extension';
+
+/**
+ * 节点放大缩小， 暂时没研究， 需要自己控制自定义节点放大缩小比例
+ */
+export default class AbLogicResizeNode extends HtmlResize.view {
+    isMounted: boolean;
+    r: any;
+    app: any;
+    setHtml(rootEl: any): void;
+}

package/dist/lib/designer/flow/base/AbLogicResizeNode.js

@@ -0,0 +1,28 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+require("@logicflow/core");
+const extension = require("@logicflow/extension");
+class AbLogicResizeNode extends extension.HtmlResize.view {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "isMounted", false);
+    __publicField(this, "r");
+    __publicField(this, "app");
+  }
+  setHtml(rootEl) {
+    if (!this.isMounted) {
+      this.isMounted = true;
+      const node = document.createElement("div");
+      rootEl.appendChild(node);
+      this.app.mount(node);
+    } else {
+      this.r.component.props.properties = this.props.model.getProperties();
+    }
+  }
+}
+module.exports = AbLogicResizeNode;

package/dist/lib/designer/flow/base/AbLogicResizeNodeModel.d.ts

@@ -0,0 +1,9 @@
+import { HtmlResize } from '@logicflow/extension';
+
+export default class AbLogicResizeNodeModel extends HtmlResize.model {
+    nodeWidth: number;
+    nodeHeight: number;
+    constructor(data: any, graphModel: any);
+    setAttributes(): void;
+    getOutlineStyle(): import('@logicflow/core/types/constant/DefaultTheme').OutlineTheme;
+}

package/dist/lib/designer/flow/base/AbLogicResizeNodeModel.js

@@ -0,0 +1,44 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+require("@logicflow/core");
+require("vue");
+const extension = require("@logicflow/extension");
+class AbLogicResizeNodeModel extends extension.HtmlResize.model {
+  constructor(data, graphModel) {
+    super(data, graphModel);
+    __publicField(this, "nodeWidth", 200);
+    __publicField(this, "nodeHeight", 115);
+    console.log("----constructor---AbLogicNodeModel---");
+    this.setAttributes();
+  }
+  setAttributes() {
+    this.text.editable = false;
+    this.inputData = this.text.value;
+    this.stroke = "#1E90FF";
+    this.fill = "#F0F8FF";
+    this.radius = 100;
+    this.menu = [
+      {
+        className: "lf-menu-delete",
+        icon: true,
+        text: "删除",
+        callback: (node) => {
+          this.graphModel.deleteNode(node.id);
+          this.graphModel.eventCenter.emit("custom:deleteNode", node);
+        }
+      }
+    ];
+  }
+  getOutlineStyle() {
+    const style = super.getOutlineStyle();
+    style.width = this.nodeWidth;
+    style.height = this.nodeHeight;
+    return style;
+  }
+}
+module.exports = AbLogicResizeNodeModel;

package/dist/lib/designer/flow/base/index.d.ts

@@ -0,0 +1,6 @@
+import { default as AbLogicNode } from './AbLogicNode';
+import { default as AbLogicNodeModel } from './AbLogicNodeModel';
+import { default as AbLogicResizeNodeModel } from './AbLogicResizeNodeModel';
+import { default as AbLogicResizeNode } from './AbLogicResizeNode';
+
+export { AbLogicNode, AbLogicNodeModel, AbLogicResizeNode, AbLogicResizeNodeModel };

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

@@ -0,0 +1,49 @@
+.nodeView[data-v-faa5a940] {
+  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-faa5a940] {
+  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-faa5a940] {
+  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-faa5a940] {
+  margin: 12px 0;
+}
+.nodeView[data-v-faa5a940] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-faa5a940] {
+  width: 80px;
+}

package/dist/lib/designer/service-components/base/custom-function/index.d.ts

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

package/dist/lib/designer/service-components/base/custom-function/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 = require("./index.vue.js");
+class CustomFunctionNode 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 CustomFunctionNodeModel extends AbLogicNodeModel {
+}
+const customFunction = {
+  type: "customFunction",
+  view: CustomFunctionNode,
+  model: CustomFunctionNodeModel,
+  options: {}
+};
+module.exports = customFunction;

package/dist/lib/designer/service-components/base/custom-function/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/lib/designer/service-components/base/custom-function/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 CustomFunction = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-faa5a940"]]);
+module.exports = CustomFunction;

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

@@ -0,0 +1,40 @@
+"use strict";
+const vue = require("vue");
+const vardefV = require("../../../../assets/icon/vardef-v.png.js");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-faa5a940"), 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 = vue.resolveComponent("el-divider");
+      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/end-node/index.css

@@ -0,0 +1,20 @@
+
+.node-content[data-v-b28923f3] {
+  width: 120px;
+  height: 44px;
+  background: #ffffff;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+}
+.content[data-v-b28923f3] {
+  width: 28px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 5px 0px 4px 10px;
+}

package/dist/lib/designer/service-components/base/end-node/index.d.ts

@@ -0,0 +1,19 @@
+import { AbLogicNode, AbLogicNodeModel } from '../../../flow/base/index';
+
+declare class EndNode extends AbLogicNode {
+    customP1: any;
+    constructor(props: any);
+    setHtml(rootEl: any): void;
+}
+declare class EndNodeModel extends AbLogicNodeModel {
+    setAttributes(): void;
+    getOutlineStyle(): import('@logicflow/core/types/constant/DefaultTheme').OutlineTheme;
+    initNodeData(data: any): void;
+}
+declare const _default: {
+    type: string;
+    view: typeof EndNode;
+    model: typeof EndNodeModel;
+    options: {};
+};
+export default _default;

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

@@ -0,0 +1,83 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+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 = require("./index.vue.js");
+class EndNode extends AbLogicNode {
+  constructor(props) {
+    super(props);
+    __publicField(this, "customP1");
+    this.isMounted = false;
+    this.r = vue.h(index, {
+      properties: {},
+      text: props.model.inputData,
+      props: {
+        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
+    });
+  }
+  setHtml(rootEl) {
+    if (!this.isMounted) {
+      this.isMounted = true;
+      const node = document.createElement("div");
+      rootEl.appendChild(node);
+      this.app.mount(node);
+    } else {
+      this.r.component.props.properties = this.props.model.getProperties();
+    }
+  }
+}
+class EndNodeModel extends AbLogicNodeModel {
+  setAttributes() {
+    super.setAttributes();
+    this.width = 140;
+    this.height = 64;
+    this.text.editable = false;
+    this.inputData = this.text.value;
+  }
+  getOutlineStyle() {
+    const style = super.getOutlineStyle();
+    style.width = 140;
+    style.height = 64;
+    return style;
+  }
+  initNodeData(data) {
+    super.initNodeData(data);
+    const EndNodeAsSource = {
+      message: "结束节点不能主动链接别的节点",
+      validate: () => {
+        return false;
+      }
+    };
+    this.targetRules = [];
+    this.sourceRules.push(EndNodeAsSource);
+  }
+}
+const endNode = {
+  type: "end",
+  view: EndNode,
+  model: EndNodeModel,
+  options: {}
+};
+module.exports = endNode;

package/dist/lib/designer/service-components/base/end-node/index.vue.d.ts

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

package/dist/lib/designer/service-components/base/end-node/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 Start = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-b28923f3"]]);
+module.exports = Start;

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

@@ -0,0 +1,30 @@
+"use strict";
+const vue = require("vue");
+const end = require("../../../../assets/icon/end.svg.js");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-b28923f3"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = { style: { "padding": "10px" } };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "node-content" }, [
+  /* @__PURE__ */ vue.createElementVNode("div", { style: { "padding": "8px 27px", "display": "flex", "align-items": "center" } }, [
+    /* @__PURE__ */ vue.createElementVNode("img", {
+      src: end,
+      style: { "height": "28px" }
+    }),
+    /* @__PURE__ */ vue.createElementVNode("span", { class: "content" }, "结束")
+  ])
+], -1));
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    graphModel: Object,
+    properties: Object
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, _hoisted_3);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,50 @@
+.nodeView[data-v-c176feb6] {
+  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-c176feb6] {
+  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-c176feb6] {
+  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-c176feb6] {
+  margin: 12px 0;
+}
+.nodeView[data-v-c176feb6] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
+}
+.nodeContent[data-v-c176feb6] {
+}

package/dist/lib/designer/service-components/base/judge-condition/index.d.ts

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

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

@@ -0,0 +1,48 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+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 = require("./index.vue.js");
+class JudgeConditionNode extends AbLogicNode {
+  constructor(props) {
+    super(props);
+    __publicField(this, "customP1");
+    this.isMounted = false;
+    this.r = vue.h(index, {
+      text: props.model.inputData,
+      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
+    });
+  }
+  getResizeShape() {
+  }
+}
+class JudgeConditionNodeModel extends AbLogicNodeModel {
+}
+const judgeCondition = {
+  type: "judgeCondition",
+  view: JudgeConditionNode,
+  model: JudgeConditionNodeModel,
+  options: {}
+};
+module.exports = judgeCondition;

package/dist/lib/designer/service-components/base/judge-condition/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;