@kp-ui/lowcode 1.0.67 → 1.0.69

package/_virtual/virtual_svg-icons-register.js

@@ -1,13 +1,13 @@
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1749030594578__");
+    var svgDom = document.getElementById("__svg__icons__dom__1749546173066__");
     if (!svgDom) {
       svgDom = document.createElementNS("http://www.w3.org/2000/svg", "svg");
       svgDom.style.position = "absolute";
       svgDom.style.width = "0";
       svgDom.style.height = "0";
-      svgDom.id = "__svg__icons__dom__1749030594578__";
+      svgDom.id = "__svg__icons__dom__1749546173066__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "1.0.67",
+  "version": "1.0.69",
   "publishConfig": {
     "access": "public"
   },
@@ -9,7 +9,7 @@
   "types": "main.d.ts",
   "dependencies": {
     "@element-plus/icons-vue": "^0.2.4",
-    "@kp-ui/tool": "1.0.24",
+    "@kp-ui/tool": "1.0.27",
     "@surely-vue/table": "^5.0.3",
     "animate.css": "^4.1.1",
     "ant-design-vue": "3.2.20",

package/packages/tmgc2-share/src/components/TpfCodeEditor/code-editor.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./code-editor.vue2.js";
+/* empty css                 */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const codeEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6fc4d8d1"]]);
+export {
+  codeEditor as default
+};

package/packages/tmgc2-share/src/components/TpfCodeEditor/code-editor.vue2.js

@@ -0,0 +1,164 @@
+import { defineComponent, ref, computed, watch, watchEffect, onMounted, createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = { class: "ace-container" };
+const themePath = "ace/theme/sqlserver";
+const modePath = "ace/mode/javascript";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "code-editor",
+  props: {
+    value: {},
+    modelValue: {},
+    readonly: { type: Boolean },
+    mode: {},
+    userWorker: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:value"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const aceRef = ref(null);
+    const aceEditor = ref(null);
+    const stop = ref(false);
+    const codeValue = computed(() => props.value || props.modelValue);
+    const isLoading = ref(false);
+    const setValue = (newValue) => {
+      if (aceEditor.value) {
+        aceEditor.value.getSession().setValue(newValue);
+      }
+    };
+    const getEditorAnnotations = () => {
+      var _a;
+      return (_a = aceEditor.value) == null ? void 0 : _a.getSession().getAnnotations();
+    };
+    const setJsonMode = () => {
+      var _a;
+      (_a = aceEditor.value) == null ? void 0 : _a.getSession().setMode("ace/mode/json");
+    };
+    const setCssMode = () => {
+      var _a;
+      (_a = aceEditor.value) == null ? void 0 : _a.getSession().setMode("ace/mode/css");
+    };
+    const setGroovyMode = () => {
+      var _a;
+      (_a = aceEditor.value) == null ? void 0 : _a.getSession().setMode("ace/mode/groovy");
+    };
+    const addAutoCompletion = (ace) => {
+      const acData = [
+        {
+          meta: "VForm API",
+          caption: "getWidgetRef",
+          value: "getWidgetRef()",
+          score: 1
+        },
+        { meta: "VForm API", caption: "getFormRef", value: "getFormRef()", score: 1 },
+        {
+          meta: "VForm API",
+          caption: "getParentFormRef",
+          value: "getParentFormRef()",
+          score: 1
+        }
+        //TODO: 待补充！！
+      ];
+      const langTools = ace.require("ace/ext/language_tools");
+      langTools.addCompleter({
+        getCompletions: function(editor, session, pos, prefix, callback) {
+          if (prefix.length === 0) {
+            return callback(null, []);
+          } else {
+            return callback(null, acData);
+          }
+        }
+      });
+    };
+    watch(
+      () => props.value,
+      (val) => {
+        if (stop.value) return;
+        if (val) {
+          setValue(val);
+          stop.value = true;
+        }
+      }
+    );
+    const initEditor = async () => {
+      isLoading.value = true;
+      const ace = await import("ace-builds");
+      const ACE_BASE_PATH = "https://ks3-cn-beijing.ksyun.com/vform2021/ace-mini";
+      ace.config.set("basePath", ACE_BASE_PATH);
+      await Promise.all([
+        import("ace-builds/src-min-noconflict/theme-sqlserver"),
+        import("ace-builds/src-min-noconflict/mode-javascript"),
+        import("ace-builds/src-min-noconflict/ext-language_tools")
+      ]);
+      if (props.mode === "json") {
+        await import("ace-builds/src-min-noconflict/mode-json");
+      } else if (props.mode === "css") {
+        await import("ace-builds/src-min-noconflict/mode-css");
+      } else if (props.mode === "groovy") {
+        await import("ace-builds/src-min-noconflict/mode-groovy");
+      }
+      addAutoCompletion(ace);
+      aceEditor.value = ace.edit(aceRef.value, {
+        minLines: 10,
+        // 最小行数，还未到最大行数时，编辑器会自动伸缩大小
+        fontSize: 12,
+        // 编辑器内字体大小
+        theme: themePath,
+        // 默认设置的主题
+        mode: modePath,
+        // 默认设置的语言模式
+        tabSize: 4,
+        // 制表符设置为2个空格大小
+        readOnly: props.readonly,
+        highlightActiveLine: true,
+        value: codeValue.value
+      });
+      aceEditor.value.setOptions({
+        enableBasicAutocompletion: true,
+        enableSnippets: true,
+        // 设置代码片段提示
+        enableLiveAutocompletion: true
+        // 设置自动提示
+      });
+      if (props.mode === "json") {
+        setJsonMode();
+      } else if (props.mode === "css") {
+        setCssMode();
+      } else if (props.mode === "groovy") {
+        setGroovyMode();
+      }
+      aceEditor.value.getSession().on("change", (ev) => {
+        var _a, _b;
+        emit("update:modelValue", (_a = aceEditor.value) == null ? void 0 : _a.getValue());
+        emit("update:value", (_b = aceEditor.value) == null ? void 0 : _b.getValue());
+      });
+      isLoading.value = false;
+    };
+    watchEffect(() => {
+      var _a;
+      (_a = aceEditor.value) == null ? void 0 : _a.setOptions({
+        readOnly: props.readonly,
+        mode: props.mode,
+        useWorker: props.userWorker
+      });
+    });
+    onMounted(() => {
+      initEditor();
+    });
+    __expose({
+      initEditor,
+      getEditorAnnotations
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "ace-editor",
+          ref_key: "aceRef",
+          ref: aceRef
+        }, null, 512)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/packages/tmgc2-share/src/components/TpfModal/index.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./index.vue2.js";
+import "./index.vue3.js";
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e452bc7b"]]);
+export {
+  index as default
+};

package/packages/tmgc2-share/src/components/TpfModal/index.vue2.js

@@ -0,0 +1,173 @@
+import { defineComponent, useAttrs, useSlots, ref, createBlock, openBlock, createVNode, Teleport, withDirectives, mergeProps, Fragment, resolveComponent, resolveDirective, isVNode } from "vue";
+import { Modal } from "ant-design-vue";
+import { FullscreenExitOutlined, FullscreenOutlined, CloseOutlined } from "@ant-design/icons-vue";
+import { useVModel } from "../../../../../node_modules/.pnpm/@vueuse_core@11.3.0_vue@3.5.16_typescript@5.8.2_/node_modules/@vueuse/core/index.js";
+import { getUuidKey } from "@kp-ui/tool";
+import { useI18n } from "@kp-ui/i18n";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    useFull: {
+      type: Boolean,
+      default: true
+    },
+    visible: {
+      type: Boolean
+    },
+    width: {
+      default: "600px"
+    },
+    height: {
+      default: "440px"
+    },
+    getContainer: {
+      type: Function,
+      default: () => document.body
+    },
+    draggable: {
+      type: Boolean
+    },
+    bodyStyle: {
+      default: () => ({})
+    },
+    title: {},
+    type: {
+      default: ""
+    },
+    saveButtonProps: {
+      default: () => ({})
+    },
+    saveText: {},
+    leftNum: {}
+  },
+  emits: ["update:visible", "save"],
+  setup(__props, {
+    emit: __emit
+  }) {
+    const {
+      t
+    } = useI18n();
+    const props = __props;
+    const emit = __emit;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const innerVisible = useVModel(props, "visible", emit);
+    const fullscreen = ref(false);
+    const ModalClass = getUuidKey();
+    const onClose = () => {
+      fullscreen.value = false;
+      emit("update:visible", false);
+    };
+    const DefaultRightBtn = () => {
+      if (props.type === "") return null;
+      if (props.type === "view") {
+        let _slot;
+        return createVNode(resolveComponent("a-button"), {
+          "class": "tpf-button",
+          "onClick": () => onClose()
+        }, _isSlot(_slot = t("lang.关闭")) ? _slot : {
+          default: () => [_slot]
+        });
+      }
+      if (props.type === "edit") {
+        let _slot2;
+        return createVNode(Fragment, null, [createVNode(resolveComponent("a-button"), {
+          "class": "tpf-button",
+          "onClick": () => onClose()
+        }, _isSlot(_slot2 = t("lang.取消")) ? _slot2 : {
+          default: () => [_slot2]
+        }), createVNode(resolveComponent("a-button"), mergeProps({
+          "class": "tpf-button"
+        }, {
+          type: "primary",
+          onClick: () => emit("save"),
+          ...props.saveButtonProps
+        }), {
+          default: () => [props.saveText || t("lang.保存")]
+        })]);
+      }
+      return null;
+    };
+    const DefaultLeftText = () => {
+      if (typeof props.leftNum === "number") {
+        return createVNode("div", null, [`${t("lang.已选择")}${props.leftNum}${t("lang.条数据")}`]);
+      }
+      return null;
+    };
+    const vNode = () => {
+      const {
+        draggable,
+        getContainer,
+        height,
+        width,
+        useFull,
+        bodyStyle
+      } = props;
+      return createVNode(Teleport, {
+        "to": getContainer()
+      }, {
+        default: () => [withDirectives(createVNode("div", {
+          "class": ModalClass
+        }, [createVNode(Modal, mergeProps({
+          "transitionName": !innerVisible.value ? "" : "zoom",
+          "maskTransitionName": !innerVisible.value ? "" : "fade",
+          "title": props.title,
+          "destroyOnClose": true,
+          "bodyStyle": {
+            height,
+            overflow: "auto",
+            ...bodyStyle
+          },
+          "class": `tpf-model ${fullscreen.value ? "fullscreen" : ""}`,
+          "centered": true,
+          "getContainer": () => document.querySelector(`.${ModalClass}`),
+          "keyboard": false,
+          "maskClosable": false,
+          "width": width,
+          "visible": innerVisible.value,
+          "onUpdate:visible": ($event) => innerVisible.value = $event
+        }, attrs), {
+          ...slots,
+          closeIcon: () => {
+            const Com = fullscreen.value ? FullscreenExitOutlined : FullscreenOutlined;
+            return createVNode(resolveComponent("a-space"), {
+              "style": {
+                padding: "0 20px 0 0"
+              }
+            }, {
+              default: () => [useFull && createVNode("div", {
+                "style": {
+                  padding: "0 6px"
+                },
+                "onClick": (e) => {
+                  e.stopPropagation();
+                  e.preventDefault();
+                  fullscreen.value = !fullscreen.value;
+                }
+              }, [createVNode(Com, null, null)]), createVNode(CloseOutlined, {
+                "onClick": onClose
+              }, null)]
+            });
+          },
+          footer: () => createVNode(Fragment, null, [createVNode("div", {
+            "class": "footer-left",
+            "style": {
+              paddingTop: "5px"
+            }
+          }, [slots.footerLeft ? slots.footerLeft() : createVNode(DefaultLeftText, null, null)]), createVNode("div", {
+            "class": "footer-right"
+          }, [slots.footerRight ? slots.footerRight() : createVNode(DefaultRightBtn, null, null)])])
+        })]), [[resolveDirective("dragModal"), draggable]])]
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(vNode);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/packages/tmgc2-share/src/components/TpfModal/index.vue3.js

@@ -0,0 +1 @@
+

package/render.js

@@ -1,6 +1,7 @@
 import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, normalizeStyle, withModifiers, normalizeClass, createElementBlock, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, mergeProps, render, h } from "vue";
 import emitter from "./src/utils/emitter.js";
 import comps from "./src/components/form-designer/form-widget/field-widget/index.js";
+import { TpfConfigProvider } from "tmgc2-share";
 import { buildDefaultFormJson, getContainerWidgetByName, cloneFormConfigWithoutEventHandler, deepClone, getDSByName, overwriteObj, runDataSourceRequest, getAllContainerWidgets, getAllFieldWidgets, getDefaultFormConfig, traverseFieldWidgets, getFieldWidgetByName, traverseFieldWidgetsOfContainer, insertCustomCssToHead, insertGlobalFunctionsToHtml, generateId } from "./src/utils/util.js";
 import i18n, { changeLocale } from "./src/utils/i18n.js";
 import DynamicDialog from "./src/components/form-render/dynamic-dialog.vue.js";
@@ -13,6 +14,7 @@ const _sfc_main = {
   componentName: "VFormRender",
   mixins: [emitter, i18n],
   components: {
+    TpfConfigProvider,
     ...comps
   },
   props: {
@@ -1008,11 +1010,8 @@ const _sfc_main = {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_form = resolveComponent("a-form");
   const _component_a_spin = resolveComponent("a-spin");
-  const _component_a_config_provider = resolveComponent("a-config-provider");
-  return openBlock(), createBlock(_component_a_config_provider, {
-    "component-size": $options.size,
-    input: { autocomplete: "off" }
-  }, {
+  const _component_TpfConfigProvider = resolveComponent("TpfConfigProvider");
+  return openBlock(), createBlock(_component_TpfConfigProvider, null, {
     default: withCtx(() => [
       createVNode(_component_a_spin, { spinning: $data.isLoading }, {
         default: withCtx(() => [
@@ -1078,9 +1077,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, 8, ["spinning"])
     ]),
     _: 3
-  }, 8, ["component-size"]);
+  });
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4e50e948"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-40b57ee1"]]);
 export {
   index as default
 };

package/src/components/code-editor/code-modal-editor.vue.js

@@ -1,70 +1,57 @@
-import _sfc_main from "./code-modal-editor.vue2.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createCommentVNode, createVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
-import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "dialog-footer" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_a_alert = resolveComponent("a-alert");
-  const _component_CodeEditor = resolveComponent("CodeEditor");
-  const _component_a_button = resolveComponent("a-button");
-  const _component_a_modal = resolveComponent("a-modal");
-  return openBlock(), createBlock(_component_a_modal, {
-    title: $props.title,
-    visible: $data.showWidgetEventDialogFlag,
-    "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => $data.showWidgetEventDialogFlag = $event),
-    "show-close": true,
-    centered: true,
-    "append-to-body": "",
-    "close-on-click-modal": false,
-    "close-on-press-escape": false,
-    "destroy-on-close": true,
-    width: 800
+import { defineComponent, mergeModels, ref, useModel, createBlock, openBlock, unref } from "vue";
+import { useOpenAntdModal, TpfCodeEditor } from "tmgc2-share";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "code-modal-editor"
+  },
+  __name: "code-modal-editor",
+  props: /* @__PURE__ */ mergeModels({
+    isShowEventHeader: { type: Boolean, default: true },
+    fnParams: {},
+    eventHeader: {},
+    title: { default: "事件处理函数" },
+    readonly: { type: Boolean, default: false },
+    mode: { default: "javascript" }
   }, {
-    footer: withCtx(() => [
-      createElementVNode("div", _hoisted_1, [
-        createVNode(_component_a_button, {
-          onClick: _cache[1] || (_cache[1] = ($event) => $data.showWidgetEventDialogFlag = false)
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
-          ]),
-          _: 1
-        }),
-        createVNode(_component_a_button, {
-          type: "primary",
-          onClick: $options.saveEventHandler
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"])
-      ])
-    ]),
-    default: withCtx(() => [
-      $props.eventHeader ? (openBlock(), createBlock(_component_a_alert, {
-        key: 0,
-        type: "info",
-        closable: false,
-        message: $props.eventHeader
-      }, null, 8, ["message"])) : createCommentVNode("", true),
-      createVNode(_component_CodeEditor, {
-        mode: $props.mode,
-        readonly: $props.readonly,
-        modelValue: $data.eventHandlerCode,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.eventHandlerCode = $event),
-        ref: "ecEditor"
-      }, null, 8, ["mode", "readonly", "modelValue"]),
-      $props.eventHeader ? (openBlock(), createBlock(_component_a_alert, {
-        key: 1,
-        type: "info",
-        closable: false,
-        message: "}"
-      })) : createCommentVNode("", true)
-    ]),
-    _: 1
-  }, 8, ["title", "visible"]);
-}
-const CodeModalEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+    "modelValue": { type: String, default: "" },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["save"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const currentCode = ref("");
+    const code = useModel(__props, "modelValue");
+    const emit = __emit;
+    const [codeEditorRef, openCodeEditor] = useOpenAntdModal();
+    const open = (value) => {
+      currentCode.value = value;
+      code.value = value;
+      openCodeEditor();
+    };
+    const hanldeSave = (value) => {
+      emit("save", value);
+      code.value = value;
+    };
+    __expose({
+      codeEditorRef,
+      open
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TpfCodeEditor), {
+        isShowEventHeader: _ctx.isShowEventHeader,
+        ref_key: "codeEditorRef",
+        ref: codeEditorRef,
+        "fn-params": _ctx.fnParams,
+        eventHeader: _ctx.eventHeader,
+        modelValue: currentCode.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentCode.value = $event),
+        mode: _ctx.mode,
+        readonly: _ctx.readonly,
+        title: _ctx.title,
+        onSetCode: hanldeSave
+      }, null, 8, ["isShowEventHeader", "fn-params", "eventHeader", "modelValue", "mode", "readonly", "title"]);
+    };
+  }
+});
 export {
-  CodeModalEditor as default
+  _sfc_main as default
 };

package/src/components/code-editor/code-modal-editor.vue2.js

@@ -1,45 +1,4 @@
-import CodeEditor from "./index.vue.js";
-import i18n from "../../utils/i18n.js";
-const _sfc_main = {
-  name: "code-modal-editor",
-  mixins: [i18n],
-  components: {
-    CodeEditor
-  },
-  props: {
-    eventHeader: String,
-    title: {
-      type: String,
-      default: "事件处理函数"
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    mode: {
-      type: String,
-      default: "javascript"
-    }
-  },
-  data() {
-    return {
-      showWidgetEventDialogFlag: false,
-      eventHandlerCode: ""
-    };
-  },
-  methods: {
-    open(val) {
-      const value = val;
-      this.showWidgetEventDialogFlag = true;
-      this.eventHandlerCode = value.trim();
-    },
-    saveEventHandler() {
-      const val = this.eventHandlerCode.trim();
-      this.showWidgetEventDialogFlag = false;
-      this.$emit("save", val);
-    }
-  }
-};
+import _sfc_main from "./code-modal-editor.vue.js";
 export {
   _sfc_main as default
 };