service-flow-designer 2.2.25 → 2.2.28

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

@@ -1,4 +1,4 @@
-import { ElDivider, ElCheckbox, ElInput, ElButton, ElFormItem, ElOption, ElSelect, ElTooltip, ElIcon, ElTableColumn, ElTable, ElTabPane, ElTabs, ElAlert, ElRadio, ElRadioGroup, ElForm } from "element-plus/es";
+import { ElForm as e, ElDivider as t, ElFormItem as l, ElTooltip as o, ElSelect as s, ElOption as a, ElIcon as n, ElTabs as r, ElTabPane as u, ElTable as p, ElTableColumn as i, ElAlert as m, ElRadioGroup as c, ElRadio as d } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/form/style/css";
 import "element-plus/es/components/radio-group/style/css";
@@ -13,493 +13,90 @@ import "element-plus/es/components/tooltip/style/css";
 import "element-plus/es/components/select/style/css";
 import "element-plus/es/components/option/style/css";
 import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/divider/style/css";
+import { defineComponent as f, ref as v, onMounted as b, createElementBlock as h, openBlock as y, createVNode as g, withCtx as x, createElementVNode as S, withDirectives as _, unref as k, Fragment as V, renderList as z, createBlock as w, vShow as D, createTextVNode as L } from "vue";
+import { useLocalStorage as C } from "@vueuse/core";
+import H from "../../../common/components/node-base-config.vue.js";
+import { Search as O, FullScreen as j, CaretRight as U } from "@element-plus/icons-vue";
+import { EditorView as T, basicSetup as q } from "codemirror";
+import { StandardSQL as E, keywordCompletionSource as G, sql as W } from "@codemirror/lang-sql";
+import { EditorState as X } from "@codemirror/state";
+import { openSearchPanel as B } from "@codemirror/search";
+import I from "../../../common/components/value-set-input/value-set-input.vue.js";
+import "element-plus/es/components/dialog/style/css";
+import "element-plus/es/components/container/style/css";
+import "element-plus/es/components/pagination/style/css";
+import "element-plus/es/components/header/style/css";
 import "element-plus/es/components/button/style/css";
 import "element-plus/es/components/input/style/css";
-import "element-plus/es/components/checkbox/style/css";
-import "element-plus/es/components/divider/style/css";
-import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, withCtx, unref, createElementVNode, withDirectives, Fragment, renderList, createBlock, vShow, createTextVNode, pushScopeId, popScopeId } from "vue";
-import { useLocalStorage } from "@vueuse/core";
-import _sfc_main$1 from "../../../common/components/node-base-config.vue.js";
-import { Search, FullScreen, CaretRight } from "@element-plus/icons-vue";
-import { EditorView, basicSetup } from "codemirror";
-import { StandardSQL, keywordCompletionSource, sql } from "@codemirror/lang-sql";
-import { EditorState } from "@codemirror/state";
-import { openSearchPanel } from "@codemirror/search";
-import ValueSetInput from "../../../common/components/value-set-input/value-set-input.vue.js";
-import DatabaseSelect from "../../../common/components/database-select.vue.js";
-import { useServiceFlowStore } from "../../../../stores/page-store.js";
-import { eclipse, githubDark, githubLight, dracula, vscodeDark, xcodeDark, xcodeLight } from "@uiw/codemirror-themes-all";
-const _withScopeId = (n) => (pushScopeId("data-v-684c1f08"), n = n(), popScopeId(), n);
-const _hoisted_1 = { style: {} };
-const _hoisted_2 = {
-  style: { "padding": "8px 16px", "margin": "10px 0px", "background-color": "#f4f4f5" },
-  class: "pppp"
-};
-const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "color": "#909399", "font-size": "14px" } }, "SQL窗口", -1));
-const _hoisted_4 = { class: "editorTool" };
-const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", {
-  style: {
-    minHeight: "400px",
-    maxHeight: "400px",
-    backgroundColor: "#fff",
-    color: "#333",
-    outline: "1px dotted #212121"
-  },
-  id: "cf-codemirror"
-}, null, -1));
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "config",
-  props: {
-    properties: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    }
-  },
-  emits: ["fullScreen"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    useServiceFlowStore();
-    const emits = __emit;
-    const props = __props;
-    const sqlResult = ref([]);
-    const activeName = ref("index0");
-    const showSelectDatabase = ref(false);
-    const fullScreenDrawer = ref(false);
-    const editorStyle = ref({ theme: "default", fontSize: 14, searchOpen: false });
-    if (!props.properties.result) {
-      props.properties.result = {};
-    }
-    const editor = ref({});
-    onMounted(() => {
-      let cacheEditorStyleStr = useLocalStorage("editorStyle", "").value;
-      if (cacheEditorStyleStr) {
-        const cacheEditorStyle = JSON.parse(cacheEditorStyleStr);
-        editorStyle.value.theme = cacheEditorStyle.theme || "default";
-        editorStyle.value.fontSize = cacheEditorStyle.fontSize || 14;
-      }
-      loadEditor();
-    });
-    function showFullScreen() {
-      if (fullScreenDrawer.value === true) {
-        fullScreenDrawer.value = false;
-        emits("fullScreen", { withHeader: true, drawerWidth: "50%" });
-      } else {
-        fullScreenDrawer.value = true;
-        emits("fullScreen", { withHeader: false, drawerWidth: "100%" });
-      }
-    }
-    const sqlDocCompletions = StandardSQL.language.data.of({
-      autocomplete: keywordCompletionSource
-    });
-    function changeEditorState() {
-      useLocalStorage("editorStyle", editorStyle.value).value = editorStyle.value;
-      if (editor.value) {
-        if (editor.value) {
-          editor.value.destroy();
-        }
-        loadEditor();
-      }
-    }
-    function getEditorState() {
-      const mytheme = getTheme();
-      const baseTheme = EditorView.theme({
-        ".cm-content, .cm-gutter": { minHeight: "200px" },
-        "&": {
-          height: "400px",
-          maxHeight: "400px",
-          fontSize: editorStyle.value.fontSize + "px"
-        }
-      });
-      return EditorState.create({
-        doc: props.properties.function,
-        extensions: [
-          EditorState.tabSize.of(16),
-          basicSetup,
-          sql(),
-          sqlDocCompletions,
-          mytheme,
-          baseTheme,
-          EditorView.updateListener.of(function(value) {
-            props.properties.function = value.state.doc.toString();
-          })
-        ]
-      });
+import "agilebuilder-ui/src/utils/request";
+import "element-plus";
+/* empty css                                             */
+import { useServiceFlowStore as J } from "../../../../stores/page-store.js";
+import { eclipse as N, githubDark as Q, githubLight as A, dracula as F, vscodeDark as K, xcodeDark as M, xcodeLight as P } from "@uiw/codemirror-themes-all";
+const R = { style: {} }, Y = { style: { padding: "8px 16px", margin: "10px 0px", "background-color": "#f4f4f5" }, class: "pppp" }, Z = { class: "editorTool" }, $ = f({ __name: "config", props: { properties: { type: Object, default: () => ({}) } }, emits: ["fullScreen"], setup(f2, { expose: $2, emit: ee }) {
+  J();
+  const te = ee, le = f2, oe = v([]), se = v("index0");
+  v(false);
+  const ae = v(false), ne = v({ theme: "default", fontSize: 14, searchOpen: false });
+  le.properties.result || (le.properties.result = {});
+  const re = v({});
+  function ue() {
+    true === ae.value ? (ae.value = false, te("fullScreen", { withHeader: true, drawerWidth: "50%" })) : (ae.value = true, te("fullScreen", { withHeader: false, drawerWidth: "100%" }));
+  }
+  b(() => {
+    let e2 = C("editorStyle", "").value;
+    if (e2) {
+      const t2 = JSON.parse(e2);
+      ne.value.theme = t2.theme || "default", ne.value.fontSize = t2.fontSize || 14;
     }
-    function getTheme() {
-      switch (editorStyle.value.theme) {
+    ce();
+  });
+  const pe = E.language.data.of({ autocomplete: G });
+  function ie() {
+    C("editorStyle", ne.value).value = ne.value, re.value && (re.value && re.value.destroy(), ce());
+  }
+  function me() {
+    const e2 = function() {
+      switch (ne.value.theme) {
         case "xcodeLight":
-          return xcodeLight;
+          return P;
         case "xcodeDark":
-          return xcodeDark;
+          return M;
         case "vscodeDark":
-          return vscodeDark;
+          return K;
         case "dracula":
-          return dracula;
+          return F;
         case "githubLight":
-          return githubLight;
+          return A;
         case "githubDark":
-          return githubDark;
+          return Q;
         case "eclipse":
-          return eclipse;
-      }
-      return EditorView.theme({});
-    }
-    function loadEditor() {
-      const state = getEditorState();
-      editor.value = new EditorView({
-        state,
-        parent: document.getElementById("cf-codemirror")
-      });
-    }
-    function openSearch() {
-      if (editor.value) {
-        editor.value.focus();
-        let newState = openSearchPanel(editor.value);
-        if (newState) {
-          editor.value.update([]);
-        }
+          return N;
       }
+      return T.theme({});
+    }(), t2 = T.theme({ ".cm-content, .cm-gutter": { minHeight: "200px" }, "&": { height: "400px", maxHeight: "400px", fontSize: ne.value.fontSize + "px" } });
+    return X.create({ doc: le.properties.function, extensions: [X.tabSize.of(16), q, W(), pe, e2, t2, T.updateListener.of(function(e3) {
+      le.properties.function = e3.state.doc.toString();
+    })] });
+  }
+  function ce() {
+    const e2 = me();
+    re.value = new T({ state: e2, parent: document.getElementById("cf-codemirror") });
+  }
+  function de() {
+    if (re.value) {
+      re.value.focus(), B(re.value) && re.value.update([]);
     }
-    const executeSql = () => {
-      editor.value.state.doc.toString();
-      sqlResult.value = [
-        [
-          { id: "1", name: "name1" },
-          { id: "2", name: "name2" }
-        ],
-        [
-          { id: "结果2-1", name: "name1" },
-          { id: "结果2-2", name: "name2" }
-        ],
-        [
-          { id: "结果3-1", name: "name1" },
-          { id: "结果3-2", name: "name2" }
-        ]
-      ];
-    };
-    const selectChange = (result) => {
-      props.properties.database = result.database.name;
-    };
-    __expose({});
-    return (_ctx, _cache) => {
-      const _component_el_divider = ElDivider;
-      const _component_el_checkbox = ElCheckbox;
-      const _component_el_input = ElInput;
-      const _component_el_button = ElButton;
-      const _component_el_form_item = ElFormItem;
-      const _component_el_option = ElOption;
-      const _component_el_select = ElSelect;
-      const _component_el_tooltip = ElTooltip;
-      const _component_el_icon = ElIcon;
-      const _component_el_table_column = ElTableColumn;
-      const _component_el_table = ElTable;
-      const _component_el_tab_pane = ElTabPane;
-      const _component_el_tabs = ElTabs;
-      const _component_el_alert = ElAlert;
-      const _component_el_radio = ElRadio;
-      const _component_el_radio_group = ElRadioGroup;
-      const _component_el_form = ElForm;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_el_form, {
-          "label-width": "auto",
-          "label-position": "left"
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$1, { properties: __props.properties }, null, 8, ["properties"]),
-            createVNode(_component_el_divider),
-            createVNode(_component_el_form_item, null, {
-              label: withCtx((scope) => [
-                createVNode(_component_el_checkbox, {
-                  modelValue: __props.properties.specifyDatabase,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.properties.specifyDatabase = $event),
-                  label: "指定数据库"
-                }, null, 8, ["modelValue"])
-              ]),
-              default: withCtx(() => [
-                createVNode(_component_el_input, {
-                  modelValue: __props.properties.database,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.properties.database = $event),
-                  readonly: "",
-                  style: { "width": "85%" }
-                }, null, 8, ["modelValue"]),
-                createVNode(_component_el_button, {
-                  type: "primary",
-                  icon: unref(Search),
-                  onClick: _cache[2] || (_cache[2] = ($event) => showSelectDatabase.value = !showSelectDatabase.value),
-                  circle: "",
-                  disabled: !__props.properties.specifyDatabase,
-                  style: { "position": "absolute", "right": "0" }
-                }, null, 8, ["icon", "disabled"]),
-                createVNode(DatabaseSelect, {
-                  visible: showSelectDatabase.value,
-                  "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => showSelectDatabase.value = $event),
-                  modelValue: __props.properties.dataTable,
-                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.properties.dataTable = $event),
-                  onSelect: selectChange
-                }, null, 8, ["visible", "modelValue"])
-              ]),
-              _: 1
-            }),
-            createElementVNode("div", _hoisted_2, [
-              _hoisted_3,
-              createElementVNode("span", _hoisted_4, [
-                createVNode(_component_el_tooltip, {
-                  effect: "dark",
-                  content: "切换主题",
-                  placement: "top"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_select, {
-                      class: "editorOption",
-                      onChange: changeEditorState,
-                      modelValue: editorStyle.value.theme,
-                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => editorStyle.value.theme = $event),
-                      placeholder: "",
-                      size: "small",
-                      style: { "width": "120px" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_option, {
-                          label: "默认",
-                          value: "default"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "VScodeDark",
-                          value: "vscodeDark"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "Dracula",
-                          value: "dracula"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "GithubLight",
-                          value: "githubLight"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "GithubDark",
-                          value: "githubDark"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "Eclipse",
-                          value: "eclipse"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "XcodeLight",
-                          value: "xcodeLight"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "XcodeDark",
-                          value: "xcodeDark"
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue"])
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_el_tooltip, {
-                  effect: "dark",
-                  content: "切换字体大小",
-                  placement: "top"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_select, {
-                      class: "editorOption",
-                      modelValue: editorStyle.value.fontSize,
-                      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => editorStyle.value.fontSize = $event),
-                      placeholder: "",
-                      onChange: changeEditorState,
-                      size: "small",
-                      style: { "width": "80px" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_option, {
-                          label: "12",
-                          value: 12
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "14",
-                          value: 14
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "16",
-                          value: 16
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "18",
-                          value: 18
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "20",
-                          value: 20
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "22",
-                          value: 22
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "24",
-                          value: 24
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "26",
-                          value: 26
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "28",
-                          value: 28
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              createVNode(_component_el_tooltip, {
-                effect: "dark",
-                content: "打开搜索",
-                placement: "top"
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_el_icon, {
-                    class: "editorOption",
-                    onClick: openSearch
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(Search))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_tooltip, {
-                effect: "dark",
-                content: fullScreenDrawer.value ? "退出全屏" : "全屏",
-                placement: "top"
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_el_icon, {
-                    style: { "cursor": "pointer" },
-                    onClick: showFullScreen
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(FullScreen))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["content"]),
-              createVNode(_component_el_icon, {
-                style: { "cursor": "pointer" },
-                onClick: executeSql,
-                size: 25
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(CaretRight))
-                ]),
-                _: 1
-              })
-            ]),
-            _hoisted_5,
-            withDirectives(createVNode(_component_el_tabs, {
-              modelValue: activeName.value,
-              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => activeName.value = $event),
-              type: "border-card",
-              style: { "margin-top": "10px" }
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(sqlResult.value, (item, index) => {
-                  return openBlock(), createBlock(_component_el_tab_pane, {
-                    label: "结果" + (index + 1),
-                    name: "index" + index
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_table, {
-                        data: item,
-                        style: { "width": "100%" }
-                      }, {
-                        default: withCtx(() => [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(item[0], (value, key) => {
-                            return openBlock(), createBlock(_component_el_table_column, {
-                              prop: key + "",
-                              label: key
-                            }, null, 8, ["prop", "label"]);
-                          }), 256))
-                        ]),
-                        _: 2
-                      }, 1032, ["data"])
-                    ]),
-                    _: 2
-                  }, 1032, ["label", "name"]);
-                }), 256))
-              ]),
-              _: 1
-            }, 8, ["modelValue"]), [
-              [vShow, sqlResult.value && sqlResult.value.lenght > 0]
-            ]),
-            createVNode(_component_el_alert, {
-              title: "结果设置",
-              type: "info",
-              size: "small",
-              closable: false,
-              style: { "margin": "20px 0" }
-            }),
-            createVNode(_component_el_form_item, {
-              label: "",
-              "label-width": "0",
-              style: { "width": "100%" }
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_radio_group, {
-                  modelValue: __props.properties.result.valueSetScope,
-                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.properties.result.valueSetScope = $event),
-                  class: "ml-4"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_radio, { value: "first" }, {
-                      default: withCtx(() => [
-                        createTextVNode("仅第一条")
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_radio, { value: "all" }, {
-                      default: withCtx(() => [
-                        createTextVNode(" 全部 ")
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"])
-              ]),
-              _: 1
-            }),
-            createVNode(_component_el_form_item, {
-              label: "设置到：",
-              style: { "width": "100%" }
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(ValueSetInput), {
-                  inputSize: "default",
-                  paramTypes: ["service"],
-                  size: "small",
-                  modelValue: __props.properties.result.setTo,
-                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.properties.result.setTo = $event)
-                }, null, 8, ["modelValue"])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
   }
-});
+  const fe = () => {
+    re.value.state.doc.toString(), oe.value = [[{ id: "1", name: "name1" }, { id: "2", name: "name2" }], [{ id: "结果2-1", name: "name1" }, { id: "结果2-2", name: "name2" }], [{ id: "结果3-1", name: "name1" }, { id: "结果3-2", name: "name2" }]];
+  };
+  return $2({}), (v2, b2) => {
+    const C2 = t, T2 = l, q2 = a, E2 = s, G2 = o, W2 = n, X2 = i, B2 = p, J2 = u, N2 = r, Q2 = m, A2 = d, F2 = c, K2 = e;
+    return y(), h("div", R, [g(K2, { "label-width": "auto", "label-position": "left" }, { default: x(() => [g(H, { properties: f2.properties }, null, 8, ["properties"]), g(C2), g(T2), S("div", Y, [b2[5] || (b2[5] = S("span", { style: { color: "#909399", "font-size": "14px" } }, "SQL窗口", -1)), S("span", Z, [g(G2, { effect: "dark", content: "切换主题", placement: "top" }, { default: x(() => [g(E2, { class: "editorOption", onChange: ie, modelValue: ne.value.theme, "onUpdate:modelValue": b2[0] || (b2[0] = (e2) => ne.value.theme = e2), placeholder: "", size: "small", style: { width: "120px" } }, { default: x(() => [g(q2, { label: "默认", value: "default" }), g(q2, { label: "VScodeDark", value: "vscodeDark" }), g(q2, { label: "Dracula", value: "dracula" }), g(q2, { label: "GithubLight", value: "githubLight" }), g(q2, { label: "GithubDark", value: "githubDark" }), g(q2, { label: "Eclipse", value: "eclipse" }), g(q2, { label: "XcodeLight", value: "xcodeLight" }), g(q2, { label: "XcodeDark", value: "xcodeDark" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), g(G2, { effect: "dark", content: "切换字体大小", placement: "top" }, { default: x(() => [g(E2, { class: "editorOption", modelValue: ne.value.fontSize, "onUpdate:modelValue": b2[1] || (b2[1] = (e2) => ne.value.fontSize = e2), placeholder: "", onChange: ie, size: "small", style: { width: "80px" } }, { default: x(() => [g(q2, { label: "12", value: 12 }), g(q2, { label: "14", value: 14 }), g(q2, { label: "16", value: 16 }), g(q2, { label: "18", value: 18 }), g(q2, { label: "20", value: 20 }), g(q2, { label: "22", value: 22 }), g(q2, { label: "24", value: 24 }), g(q2, { label: "26", value: 26 }), g(q2, { label: "28", value: 28 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), g(G2, { effect: "dark", content: "打开搜索", placement: "top" }, { default: x(() => [g(W2, { class: "editorOption", onClick: de }, { default: x(() => [g(k(O))]), _: 1 })]), _: 1 }), g(G2, { effect: "dark", content: ae.value ? "退出全屏" : "全屏", placement: "top" }, { default: x(() => [g(W2, { style: { cursor: "pointer" }, onClick: ue }, { default: x(() => [g(k(j))]), _: 1 })]), _: 1 }, 8, ["content"]), g(W2, { style: { cursor: "pointer" }, onClick: fe, size: 25 }, { default: x(() => [g(k(U))]), _: 1 })]), b2[8] || (b2[8] = S("div", { style: { minHeight: "400px", maxHeight: "400px", backgroundColor: "#fff", color: "#333", outline: "1px dotted #212121" }, id: "cf-codemirror" }, null, -1)), _(g(N2, { modelValue: se.value, "onUpdate:modelValue": b2[2] || (b2[2] = (e2) => se.value = e2), type: "border-card", style: { "margin-top": "10px" } }, { default: x(() => [(y(true), h(V, null, z(oe.value, (e2, t2) => (y(), w(J2, { label: "结果" + (t2 + 1), name: "index" + t2 }, { default: x(() => [g(B2, { data: e2, style: { width: "100%" } }, { default: x(() => [(y(true), h(V, null, z(e2[0], (e3, t3) => (y(), w(X2, { prop: t3 + "", label: t3 }, null, 8, ["prop", "label"]))), 256))]), _: 2 }, 1032, ["data"])]), _: 2 }, 1032, ["label", "name"]))), 256))]), _: 1 }, 8, ["modelValue"]), [[D, oe.value && oe.value.lenght > 0]]), g(Q2, { title: "结果设置", type: "info", size: "small", closable: false, style: { margin: "20px 0" } }), g(T2, { label: "", "label-width": "0", style: { width: "100%" } }, { default: x(() => [g(F2, { modelValue: f2.properties.result.valueSetScope, "onUpdate:modelValue": b2[3] || (b2[3] = (e2) => f2.properties.result.valueSetScope = e2), class: "ml-4" }, { default: x(() => [g(A2, { value: "first" }, { default: x(() => b2[6] || (b2[6] = [L("仅第一条")])), _: 1 }), g(A2, { value: "all" }, { default: x(() => b2[7] || (b2[7] = [L(" 全部 ")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), g(T2, { label: "设置到：", style: { width: "100%" } }, { default: x(() => [g(k(I), { inputSize: "default", paramTypes: ["service"], size: "small", modelValue: f2.properties.result.setTo, "onUpdate:modelValue": b2[4] || (b2[4] = (e2) => f2.properties.result.setTo = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })]);
+  };
+} });
 export {
-  _sfc_main as default
+  $ as default
 };

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

@@ -1,39 +1,17 @@
-import AbLogicNode from "../../../flow/base/AbLogicNode.js";
-import AbLogicNodeModel from "../../../flow/base/AbLogicNodeModel.js";
+import e from "../../../flow/base/AbLogicNode.js";
+import o from "../../../flow/base/AbLogicNodeModel.js";
 import "../../../flow/base/AbLogicResizeNodeModel.js";
 import "../../../flow/base/AbLogicResizeNode.js";
-import { h, createApp } from "vue";
-import DynamicSql from "./index.vue.js";
-class DynamicSqlNode extends AbLogicNode {
-  constructor(props) {
-    super(props);
-    this.isMounted = false;
-    this.r = h(DynamicSql, {
-      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 = createApp({
-      render: () => this.r
-    });
+import { h as s, createApp as i } from "vue";
+import d from "./index.vue.js";
+const t = { type: "dynamicSql", view: class extends e {
+  constructor(e2) {
+    super(e2), this.isMounted = false, this.r = s(d, { model: e2.model, graphModel: e2.graphModel, disabled: e2.graphModel.editConfigModel.isSilentMode, isSelected: e2.model.isSelected, isHovered: e2.model.isHovered, properties: e2.model.getProperties(), onBtnClick: (o2) => {
+      this.props.graphModel.eventCenter.emit("node:select-click", { props: e2 });
+    } }), this.app = i({ render: () => this.r });
   }
-}
-class DynamicSqlNodeModel extends AbLogicNodeModel {
-}
-const dynamicSql = {
-  type: "dynamicSql",
-  view: DynamicSqlNode,
-  model: DynamicSqlNodeModel,
-  options: {}
-};
+}, model: class extends o {
+}, options: {} };
 export {
-  dynamicSql as default
+  t as default
 };

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

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