service-flow-designer 0.0.1-beta

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

@@ -0,0 +1,559 @@
+/* empty css                                                                                                          */
+/* empty css                                                                                                             */
+/* empty css                                                                                                                    */
+/* empty css                                                                                                              */
+/* empty css                                                                                                              */
+/* empty css                                                                                                             */
+import "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/theme-chalk/el-tab-pane.css.js";
+/* empty css                                                                                                              */
+/* empty css                                                                                                                 */
+import "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/theme-chalk/el-tooltip.css.js";
+/* empty css                                                                                                               */
+/* empty css                                                                                                                  */
+/* empty css                                                                                                                     */
+/* empty css                                                                                                            */
+/* empty css                                                                                                             */
+/* empty css                                                                                                              */
+/* empty css                                                                                                               */
+/* empty css                                                                                                                     */
+/* empty css                                                                                                               */
+import "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/theme-chalk/el-form-item.css.js";
+/* empty css                                                                                                               */
+/* empty css                                                                                                                */
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, withCtx, unref, createElementVNode, withDirectives, Fragment, renderList, createBlock, vShow, createTextVNode, pushScopeId, popScopeId } from "vue";
+import { useLocalStorage } from "../../../../node_modules/.pnpm/@vueuse_core@10.9.0_vue@3.4.21/node_modules/@vueuse/core/index.js";
+import _sfc_main$1 from "../../../common/components/node-base-config.vue.js";
+import { Search as search_default, FullScreen as full_screen_default, CaretRight as caret_right_default } from "../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.4.21/node_modules/@element-plus/icons-vue/dist/index.js";
+import { basicSetup } from "../../../../node_modules/.pnpm/codemirror@6.0.1_@lezer_common@1.2.1/node_modules/codemirror/dist/index.js";
+import { StandardSQL, keywordCompletionSource, sql } from "../../../../node_modules/.pnpm/@codemirror_lang-sql@6.6.4_@codemirror_view@6.26.2/node_modules/@codemirror/lang-sql/dist/index.js";
+import { EditorState } from "../../../../node_modules/.pnpm/@codemirror_state@6.4.1/node_modules/@codemirror/state/dist/index.js";
+import { openSearchPanel } from "../../../../node_modules/.pnpm/@codemirror_search@6.5.6/node_modules/@codemirror/search/dist/index.js";
+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 "../../../../node_modules/.pnpm/@uiw_codemirror-theme-abcdef@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-abcdef/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-abyss@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-abyss/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-androidstudio@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-androidstudio/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-andromeda@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-andromeda/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-atomone@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-atomone/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-aura@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-aura/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-basic@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-basic/esm/dark.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-basic@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-basic/esm/light.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-bbedit@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-bbedit/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-bespin@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-bespin/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-console@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-console/esm/dark.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-console@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-console/esm/light.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-copilot@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-copilot/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-darcula@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-darcula/esm/index.js";
+import { dracula } from "../../../../node_modules/.pnpm/@uiw_codemirror-theme-dracula@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-dracula/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-duotone@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-duotone/esm/index.js";
+import { eclipse } from "../../../../node_modules/.pnpm/@uiw_codemirror-theme-eclipse@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-eclipse/esm/index.js";
+import { githubDark, githubLight } from "../../../../node_modules/.pnpm/@uiw_codemirror-theme-github@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-github/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-gruvbox-dark@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-gruvbox-dark/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-kimbie@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-kimbie/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-material@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-material/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-monokai@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-monokai/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-monokai-dimmed@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-monokai-dimmed/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-noctis-lilac@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-noctis-lilac/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-nord@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-nord/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-okaidia@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-okaidia/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-quietlight@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-quietlight/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-red@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-red/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-solarized@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-solarized/esm/dark.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-solarized@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-solarized/esm/light.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-sublime@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-sublime/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-tokyo-night@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-tokyo-night/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-tokyo-night-storm@4.22.0_@codemirror_language@6.10.1_@codemirror_state@_l4krio5vg4vipcrpby2w7mu4gm/node_modules/@uiw/codemirror-theme-tokyo-night-storm/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-tokyo-night-day@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-tokyo-night-day/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-tomorrow-night-blue@4.22.0_@codemirror_language@6.10.1_@codemirror_stat_3723imc43juge3khiueceiq7ka/node_modules/@uiw/codemirror-theme-tomorrow-night-blue/esm/index.js";
+import { vscodeDark } from "../../../../node_modules/.pnpm/@uiw_codemirror-theme-vscode@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-vscode/esm/index.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-white@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-white/esm/dark.js";
+import "../../../../node_modules/.pnpm/@uiw_codemirror-theme-white@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-white/esm/light.js";
+import { xcodeDark, xcodeLight } from "../../../../node_modules/.pnpm/@uiw_codemirror-theme-xcode@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-xcode/esm/index.js";
+import { EditorView } from "../../../../node_modules/.pnpm/@codemirror_view@6.26.2/node_modules/@codemirror/view/dist/index.js";
+import { ElDivider } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/divider/index.js";
+import { ElCheckbox } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/checkbox/index.js";
+import { ElInput } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/input/index.js";
+import { ElButton } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/button/index.js";
+import { ElFormItem, ElForm } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/form/index.js";
+import { ElOption, ElSelect } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/select/index.js";
+import { ElTooltip } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/tooltip/index.js";
+import { ElIcon } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/icon/index.js";
+import { ElTableColumn, ElTable } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/table/index.js";
+import { ElTabPane, ElTabs } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/tabs/index.js";
+import { ElAlert } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/alert/index.js";
+import { ElRadio, ElRadioGroup } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/radio/index.js";
+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();
+          })
+        ]
+      });
+    }
+    function getTheme() {
+      switch (editorStyle.value.theme) {
+        case "xcodeLight":
+          return xcodeLight;
+        case "xcodeDark":
+          return xcodeDark;
+        case "vscodeDark":
+          return vscodeDark;
+        case "dracula":
+          return dracula;
+        case "githubLight":
+          return githubLight;
+        case "githubDark":
+          return githubDark;
+        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();
+        openSearchPanel(editor.value);
+        {
+          editor.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_default),
+                  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_default))
+                    ]),
+                    _: 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(full_screen_default))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["content"]),
+              createVNode(_component_el_icon, {
+                style: { "cursor": "pointer" },
+                onClick: executeSql,
+                size: 25
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(caret_right_default))
+                ]),
+                _: 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
+        })
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,49 @@
+.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: 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-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;