service-flow-designer 1.1.11 → 1.1.13

package/dist/es/designer/service-panel/service-list.vue2.js

@@ -1,28 +1,30 @@
-import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, unref, createBlock, createCommentVNode, createElementVNode, createTextVNode, withDirectives, vShow, pushScopeId, popScopeId } from "vue";
-import { Search, Plus } from "@element-plus/icons-vue";
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, unref, createElementVNode, createBlock, toDisplayString, createTextVNode, withDirectives, createCommentVNode, vShow, pushScopeId, popScopeId } from "vue";
+import { Search, Plus, Menu, Promotion } from "@element-plus/icons-vue";
 import { v4 } from "uuid";
 import http from "agilebuilder-ui/src/utils/request";
 import { findServcieByCode } from "../common/util/node-util.js";
 import { useServiceFlowStore } from "../../stores/page-store.js";
 import { ElMessage } from "element-plus";
-const _withScopeId = (n) => (pushScopeId("data-v-4fa29bac"), n = n(), popScopeId(), n);
-const _hoisted_1 = { class: "dialog-footer" };
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "添加菜单", -1));
-const _hoisted_3 = [
-  _hoisted_2
-];
-const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "添加服务", -1));
+const _withScopeId = (n) => (pushScopeId("data-v-a5cc897b"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "custom-tree-node" };
+const _hoisted_2 = { style: { "margin-left": "5px", "line-height": "14px", "font-size": "14px" } };
+const _hoisted_3 = { class: "dialog-footer" };
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "添加菜单", -1));
 const _hoisted_5 = [
   _hoisted_4
 ];
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "修改", -1));
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "添加服务", -1));
 const _hoisted_7 = [
   _hoisted_6
 ];
-const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "删除", -1));
+const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "修改", -1));
 const _hoisted_9 = [
   _hoisted_8
 ];
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "删除", -1));
+const _hoisted_11 = [
+  _hoisted_10
+];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "service-list",
   props: {
@@ -33,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["service-click", "clear-flow-canvas", "load-tree-data"],
   setup(__props, { emit: __emit }) {
-    const serviceFlowStoreUtil = useServiceFlowStore(window["$pinia"]);
+    const serviceFlowStoreUtil = useServiceFlowStore();
     const emits = __emit;
     const treeProps = {
       id: "id",
@@ -218,8 +220,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        __props.serviceTreeData ? (openBlock(), createBlock(_component_el_tree, {
-          key: 0,
+        createVNode(_component_el_tree, {
           style: { "margin-top": "10px" },
           ref_key: "serviceTreeRef",
           ref: serviceTreeRef,
@@ -230,7 +231,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "highlight-current": "",
           onNodeClick: nodeClick,
           onNodeContextmenu: nodeContextmenu
-        }, null, 8, ["data"])) : createCommentVNode("", true),
+        }, {
+          default: withCtx(({ node, data }) => [
+            createElementVNode("span", _hoisted_1, [
+              data.type === "MENU" ? (openBlock(), createBlock(_component_el_icon, {
+                key: 0,
+                size: 16
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Menu))
+                ]),
+                _: 1
+              })) : (openBlock(), createBlock(_component_el_icon, {
+                key: 1,
+                size: 16
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Promotion))
+                ]),
+                _: 1
+              })),
+              createElementVNode("span", _hoisted_2, toDisplayString(node.label), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["data"]),
         createVNode(_component_el_dialog, {
           modelValue: dialogVisible.value,
           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
@@ -239,7 +264,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           width: "500"
         }, {
           footer: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_3, [
               createVNode(_component_el_button, {
                 size: "mini",
                 onClick: _cache[2] || (_cache[2] = ($event) => dialogVisible.value = false)
@@ -285,24 +310,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               tabindex: "-1",
               class: "menu__item",
               onClick: _cache[4] || (_cache[4] = ($event) => addServce("MENU"))
-            }, _hoisted_3)) : createCommentVNode("", true),
+            }, _hoisted_5)) : createCommentVNode("", true),
             contextMenuData.value.type === "MENU" ? (openBlock(), createElementBlock("li", {
               key: 1,
               tabindex: "-1",
               class: "menu__item",
               onClick: _cache[5] || (_cache[5] = ($event) => addServce("SERVICE"))
-            }, _hoisted_5)) : createCommentVNode("", true),
+            }, _hoisted_7)) : createCommentVNode("", true),
             currentServiceflowService.value.code !== contextMenuData.value.code ? (openBlock(), createElementBlock("li", {
               key: 2,
               tabindex: "-1",
               class: "menu__item",
               onClick: editServiceBaseInfo
-            }, _hoisted_7)) : createCommentVNode("", true),
+            }, _hoisted_9)) : createCommentVNode("", true),
             createElementVNode("li", {
               tabindex: "-1",
               class: "menu__item",
               onClick: deleteService
-            }, _hoisted_9)
+            }, _hoisted_11)
           ], 512)
         ], 512), [
           [vShow, showContextMenu.value]

package/dist/es/designer/service-panel/service-panel.css

@@ -1,5 +1,5 @@
 
-.amb-design-assembly-content[data-v-697839eb] {
+.amb-design-assembly-content[data-v-841ca28e] {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
   height: 100%;
@@ -8,10 +8,10 @@
   overflow: auto;
 }
 /*控制滚动条宽度*/
-.amb-design-assembly-content[data-v-697839eb]::-webkit-scrollbar {
+.amb-design-assembly-content[data-v-841ca28e]::-webkit-scrollbar {
   width: 1px;
 }
-.amb-assembly-header[data-v-697839eb] {
+.amb-assembly-header[data-v-841ca28e] {
   position: absolute;
   width: 220px;
   text-align: center;
@@ -19,23 +19,23 @@
   padding-bottom: 14px;
   background-color: #ffffff;
 }
-.amb-assembly-header-type[data-v-697839eb] {
+.amb-assembly-header-type[data-v-841ca28e] {
   border-radius: 100px 100px 100px 100px;
   background: #ffffff;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
   padding: 10px;
   padding-bottom: 12px;
 }
-.amb-assembly-header-type > label[data-v-697839eb] {
+.amb-assembly-header-type > label[data-v-841ca28e] {
   padding: 4px 14px;
   cursor: pointer;
   font-size: 14px;
 }
-.amb-assembly-header-type > label.selected[data-v-697839eb] {
+.amb-assembly-header-type > label.selected[data-v-841ca28e] {
   border-radius: 100px 100px 100px 100px;
   background: #5893ef;
   color: #ffffff;
 }
-.amb-design-assembly-list[data-v-697839eb] {
+.amb-design-assembly-list[data-v-841ca28e] {
   padding-top: 80px;
 }

package/dist/es/designer/service-panel/service-panel.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./service-panel.vue2.js";
 /* empty css                   */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const ServicePanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-697839eb"]]);
+const ServicePanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-841ca28e"]]);
 export {
   ServicePanel as default
 };

package/dist/es/designer/service-panel/service-panel.vue2.js

@@ -2,6 +2,7 @@ import { defineComponent, ref, computed, openBlock, createElementBlock, normaliz
 import LogicFlow from "@logicflow/core";
 import ServiceList from "./service-list.vue.js";
 import ComponentPanel from "./component-panel.vue.js";
+import "../service-components/import-index.js";
 const _hoisted_1 = { class: "amb-assembly-header" };
 const _hoisted_2 = { class: "amb-assembly-header-type" };
 const _hoisted_3 = { class: "amb-design-assembly-list" };

package/dist/lib/assets/icon/end.svg.js

@@ -0,0 +1,3 @@
+"use strict";
+const _imports_0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20class='icon'%20viewBox='0%200%201024%201024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='16'%20height='16'%3e%3cpath%20d='M643.072%20368.64%20380.928%20368.64C368.64%20368.64%20360.448%20376.832%20360.448%20385.024l0%20262.144c0%2012.288%208.192%2020.48%2020.48%2020.48l262.144%200c12.288%200%2020.48-8.192%2020.48-20.48L663.552%20385.024C663.552%20376.832%20655.36%20368.64%20643.072%20368.64zM626.688%20630.784%20397.312%20630.784%20397.312%20405.504l225.28%200L622.592%20630.784z'%20%3e%3c/path%3e%3cpath%20d='M512%20102.4C282.624%20102.4%2098.304%20290.816%2098.304%20520.192s184.32%20413.696%20413.696%20413.696%20413.696-184.32%20413.696-413.696S741.376%20102.4%20512%20102.4zM512%20897.024c-208.896%200-376.832-167.936-376.832-376.832%200-208.896%20167.936-376.832%20376.832-376.832s376.832%20167.936%20376.832%20376.832C888.832%20724.992%20720.896%20897.024%20512%20897.024z'%3e%3c/path%3e%3c/svg%3e";
+module.exports = _imports_0;

package/dist/lib/assets/icon/start.png.js

@@ -0,0 +1,3 @@
+"use strict";
+const _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAAAqBJREFUaEPtWzFv00AU/l5Y4glMWJoFMFs6gEi3RAKJdGsQQ1om6ARiop0QTHUnBFP6D+AfdKcSVCpjgf4Cyh77zEQX8tBZSRQSQW3Hdz5bvi3xvXff975392znhTAzhBDXfg/hEuEWQDdnrxv4OQD4Jxj7lQr6tm2fTmOk6Q+eJ1wQ7RhIIjok5r1azd4eG0wIDnzxiUB3onsydyaDD69ctu9KhCFBzxN9EG2ZCzkBMubdWs12Se65IdP3BC6MN6kQX6dCqjcKPTO/J88XpwBdNV6ORAD5hDw/EAAuJbLPgZEkyDnAmRhiSTBx6AwxLBU0RIjEMEoFE4fOEMNSQUOESAyjVDBu6D4fHeHg4APq9Tp66xuwbTuui1Tnp67grruDs7NfIchq1UKns4pWu50q6DjOUif46uWLufUd50ZmamohKBlbloVebwON5eU4Aiw8VxvBMdJWqx2mbdWyFgYfxYF2ghKUPHh66w/hOE4UjAvNyYTgtJpr3fsLETjPOFOCEtzSUh2PHm8qKyeZE1RdTowgOE4zefjc66yel3WxrhtFUKbr863JW/dYRP412SiC8sCRZSTNYQRBWTYkuUYj/ZuAzAk2myvhvlN1U54ZQXkj3u12cbu5kmZGzvnKhKDq2jfNUjtBFaXgfymgjaDcY0+ePlO21zItE7pVU5qib9+8hhDyByu9Tw3aFPxyfBy+k5GPQiqP/6hHb+p7MOrCuuaVBHVFWtU6pYKqIqvLb6mgrkirWqdUUFVkdfktuoIB+X7wlSGbX4s4+AcNPPGOiDaLSA/Me8Vvp5TKFaKVeTYFR63Nk5ZmXwQfmRG2Aed9zLU0jwkNPNGnvLc2j1qZx5z+6rqXX4YtzkNsg/AAoIv56CXlE2Z8u1CBO/u3gj+mLVc7l1EArgAAAABJRU5ErkJggg==";
+module.exports = _imports_0;

package/dist/lib/assets/icon/vardef-v.png.js

@@ -0,0 +1,3 @@
+"use strict";
+const _imports_0 = "data:image/png;base64,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";
+module.exports = _imports_0;

package/dist/lib/designer/common/components/database-select.css

@@ -0,0 +1,10 @@
+
+.el-select + .el-input[data-v-92a1d6cc] {
+  margin-left: 10px;
+}
+.el-input + .el-input[data-v-92a1d6cc] {
+  margin-left: 10px;
+}
+.el-input + .el-button[data-v-92a1d6cc] {
+  margin-left: 10px;
+}

package/dist/lib/designer/common/components/database-select.vue.d.ts

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

package/dist/lib/designer/common/components/database-select.vue.js

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

package/dist/lib/designer/common/components/database-select.vue2.js

@@ -0,0 +1,207 @@
+"use strict";
+const vue = require("vue");
+const iconsVue = require("@element-plus/icons-vue");
+const http = require("agilebuilder-ui/src/utils/request");
+const elementPlus = require("element-plus");
+const _hoisted_1 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "DatatableSelect",
+    inheritAttrs: false
+  },
+  __name: "database-select",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:visible", "select"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    const dialogVisible = vue.ref(false);
+    const tableListData = vue.ref([]);
+    const searchForm = vue.ref({ searchName: "" });
+    const selectRow = vue.ref({ name: "" });
+    const pagination = vue.ref({
+      currentPage: 1,
+      pageSize: 20,
+      showTotal: true,
+      total: 0
+    });
+    const tableRef = vue.ref();
+    vue.watch(
+      () => props.visible,
+      (val) => {
+        dialogVisible.value = val;
+        if (val) {
+          initData();
+        }
+      }
+    );
+    function initData() {
+      loadPageList();
+    }
+    function loadPageList() {
+      selectRow.value = { name: "" };
+      const param = {
+        code: "MMS_MODULE_PAGE",
+        pagination: { currentPage: pagination.value.currentPage, pageSize: pagination.value.pageSize, showTotal: true },
+        searchForm: [],
+        dynamicColumnInfo: []
+      };
+      if (searchForm.value.searchName) {
+        param.searchForm.push({
+          leftBracket: "",
+          rightBracket: "",
+          joinSign: "and",
+          propName: "code",
+          operator: "CONTAIN",
+          dataType: "TEXT",
+          propValue: searchForm.value.searchName
+        });
+      }
+      http.post("/mms/data-tables/list/", param).then((res) => {
+        tableListData.value = res.data;
+        pagination.value.pageSize = res.size;
+        pagination.value.total = res.total;
+      });
+    }
+    function rowClick(row) {
+      selectRow.value = row;
+    }
+    function confirmSelect() {
+      if (selectRow.value.name) {
+        emits("select", { dataTable: selectRow.value });
+        emits("update:visible", false);
+      } else {
+        elementPlus.ElMessage.warning("请选择一条记录！");
+      }
+    }
+    function handleClose() {
+      emits("update:visible", false);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_header = vue.resolveComponent("el-header");
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_el_table = vue.resolveComponent("el-table");
+      const _component_el_pagination = vue.resolveComponent("el-pagination");
+      const _component_el_container = vue.resolveComponent("el-container");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createBlock(_component_el_dialog, {
+        "destroy-on-close": "",
+        modelValue: dialogVisible.value,
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dialogVisible.value = $event),
+        title: "选择数据库",
+        width: "60%",
+        "before-close": handleClose
+      }, {
+        footer: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_button, {
+              size: "small",
+              onClick: _cache[3] || (_cache[3] = ($event) => dialogVisible.value = false)
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("返回")
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_button, {
+              size: "small",
+              type: "primary",
+              onClick: confirmSelect
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(" 确定 ")
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_container, { style: { "height": "400px" } }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_header, { style: { "padding": "0", "height": "50px" } }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_input, {
+                    size: "small",
+                    modelValue: searchForm.value.searchName,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchForm.value.searchName = $event),
+                    placeholder: "数据库名称",
+                    style: { "width": "100px" }
+                  }, null, 8, ["modelValue"]),
+                  vue.createVNode(_component_el_button, {
+                    size: "small",
+                    icon: vue.unref(iconsVue.Search),
+                    onClick: loadPageList
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("查询")
+                    ]),
+                    _: 1
+                  }, 8, ["icon"])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_table, {
+                ref_key: "tableRef",
+                ref: tableRef,
+                "current-row-key": "code",
+                "row-key": "code",
+                onRowClick: rowClick,
+                data: tableListData.value,
+                "highlight-current-row": "",
+                style: { "width": "100%" },
+                height: "350"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_table_column, {
+                    type: "index",
+                    width: "50"
+                  }),
+                  vue.createVNode(_component_el_table_column, {
+                    prop: "name",
+                    label: "编码"
+                  }),
+                  vue.createVNode(_component_el_table_column, {
+                    prop: "alias",
+                    label: "名称"
+                  }),
+                  vue.createVNode(_component_el_table_column, {
+                    prop: "modifierName",
+                    label: "修改人"
+                  }),
+                  vue.createVNode(_component_el_table_column, {
+                    prop: "modifiedTime",
+                    label: "修改时间"
+                  })
+                ]),
+                _: 1
+              }, 8, ["data"]),
+              vue.createVNode(_component_el_pagination, {
+                "current-page": pagination.value.currentPage,
+                "onUpdate:currentPage": _cache[1] || (_cache[1] = ($event) => pagination.value.currentPage = $event),
+                "page-size": pagination.value.pageSize,
+                "onUpdate:pageSize": _cache[2] || (_cache[2] = ($event) => pagination.value.pageSize = $event),
+                "page-sizes": [20, 30, 50, 100],
+                small: "",
+                background: "",
+                layout: "total, sizes, prev, pager, next, jumper",
+                total: pagination.value.total,
+                onSizeChange: loadPageList,
+                onCurrentChange: loadPageList
+              }, null, 8, ["current-page", "page-size", "total"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/common/components/datatable-select.css

@@ -0,0 +1,10 @@
+
+.el-select + .el-input[data-v-dbffbd8f] {
+  margin-left: 10px;
+}
+.el-input + .el-input[data-v-dbffbd8f] {
+  margin-left: 10px;
+}
+.el-input + .el-button[data-v-dbffbd8f] {
+  margin-left: 10px;
+}

package/dist/lib/designer/common/components/datatable-select.vue.d.ts

@@ -0,0 +1,38 @@
+declare const _default: import('vue').DefineComponent<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    systemCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    systemVersion: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (...args: any[]) => void;
+    "update:visible": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    systemCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    systemVersion: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onSelect?: (...args: any[]) => any;
+    "onUpdate:visible"?: (...args: any[]) => any;
+}, {
+    visible: boolean;
+    systemCode: string;
+    systemVersion: number;
+}, {}>;
+export default _default;

package/dist/lib/designer/common/components/datatable-select.vue.js

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