@kp-ui/lowcode 1.0.82 → 1.0.84

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__");
+    var svgDom = document.getElementById("lowcodeDomId");
     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__";
+      svgDom.id = "lowcodeDomId";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }

package/package.json

@@ -1,38 +1,38 @@
 {
-    "name": "@kp-ui/lowcode",
-    "version": "1.0.82",
-    "publishConfig": {
-        "access": "public"
+  "name": "@kp-ui/lowcode",
+  "version": "1.0.84",
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "index.js",
+  "dependencies": {
+    "@kp-ui/tool": "1.0.27",
+    "@surely-vue/table": "^5.0.3",
+    "animate.css": "^4.1.1",
+    "ant-design-vue": "3.2.20",
+    "axios": "^1.3.5",
+    "bpmn-js": "13.2.0",
+    "clipboard": "^2.0.8",
+    "core-js": "^3.6.5",
+    "dayjs": "^1.11.10",
+    "file-saver": "^2.0.5",
+    "json-bigint": "^1.0.0",
+    "lodash-es": "^4.17.21",
+    "mitt": "^3.0.0",
+    "query-string": "^9.1.1",
+    "quill": "^2.0.3",
+    "sortablejs": "1.14.0",
+    "vue": "^3.5.13"
+  },
+  "main": "index.js",
+  "types": "types/install.d.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "types": "./types/index.d.ts"
     },
-    "module": "index.js",
-    "dependencies": {
-        "@kp-ui/tool": "1.0.27",
-        "@surely-vue/table": "^5.0.3",
-        "animate.css": "^4.1.1",
-        "ant-design-vue": "3.2.20",
-        "axios": "^1.3.5",
-        "bpmn-js": "13.2.0",
-        "clipboard": "^2.0.8",
-        "core-js": "^3.6.5",
-        "dayjs": "^1.11.10",
-        "file-saver": "^2.0.5",
-        "json-bigint": "^1.0.0",
-        "lodash-es": "^4.17.21",
-        "mitt": "^3.0.0",
-        "query-string": "^9.1.1",
-        "quill": "^2.0.3",
-        "sortablejs": "1.14.0",
-        "vue": "^3.5.13"
-    },
-    "main": "index.js",
-    "types": "types/install.d.d.ts",
-    "exports": {
-        ".": {
-            "import": "./index.js",
-            "types": "./types/index.d.ts"
-        },
-        "./style": "./styles/style.css",
-        "./styles/*": "./styles/*",
-        "./src/*": "./src/*"
-    }
+    "./style": "./styles/style.css",
+    "./styles/*": "./styles/*",
+    "./src/*": "./src/*"
+  }
 }

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

@@ -23,12 +23,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const [codeEditorRef, openCodeEditor] = useOpenAntdModal();
     const open = (value) => {
+      console.log({ value });
       currentCode.value = value;
       code.value = value;
       openCodeEditor();
     };
     const hanldeSave = (value) => {
-      console.log({ value });
       emit("save", value);
       code.value = value;
     };

package/src/components/public/methoad-item.vue.js

@@ -1,8 +1,7 @@
-import { defineComponent, ref, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, normalizeClass, createTextVNode, toDisplayString, unref, createElementVNode } from "vue";
+import { defineComponent, ref, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, normalizeClass, createTextVNode, toDisplayString, unref } from "vue";
 import { useI18n } from "../../utils/i18n.js";
-import CodeEditor from "../code-editor/index.vue.js";
 import { message } from "ant-design-vue";
-const _hoisted_1 = { class: "dialog-footer" };
+import { useOpenAntdModal, TpfCodeEditor } from "tmgc2-share";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "methoad-item",
   props: {
@@ -17,15 +16,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { i18nt } = useI18n();
     const props = __props;
     const emit = __emit;
-    const ecEditor = ref();
+    const [codeEditorRef, openTpfCodeEditor] = useOpenAntdModal();
     const formEventHandlerCode = ref("");
     const showFormEventDialogFlag = ref(false);
     const editFormEventHandler = (eventName) => {
       formEventHandlerCode.value = props.formConfig[eventName];
-      showFormEventDialogFlag.value = true;
+      openTpfCodeEditor();
     };
     const saveFormEventHandler = () => {
-      const codeHints = ecEditor.value.getEditorAnnotations();
+      const codeHints = codeEditorRef.value.ecEditor.getEditorAnnotations();
       let syntaxErrorFlag = false;
       if (!!codeHints && codeHints.length > 0) {
         codeHints.forEach((chItem) => {
@@ -44,8 +43,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_a_button = resolveComponent("a-button");
       const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_alert = resolveComponent("a-alert");
-      const _component_a_modal = resolveComponent("a-modal");
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(_component_a_form_item, {
           label: _ctx.eventName,
@@ -67,61 +64,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["label"]),
-        createVNode(_component_a_modal, {
-          title: unref(i18nt)("designer.setting.editFormEventHandler"),
-          visible: showFormEventDialogFlag.value,
-          "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => showFormEventDialogFlag.value = $event),
-          "show-close": true,
-          "custom-class": "drag-dialog small-padding-dialog",
-          "append-to-body": "",
-          "close-on-click-modal": false,
-          "close-on-press-escape": false,
-          "destroy-on-close": true,
-          width: 800
-        }, {
-          footer: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
-              createVNode(_component_a_button, {
-                onClick: _cache[2] || (_cache[2] = ($event) => showFormEventDialogFlag.value = false)
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(i18nt)("designer.hint.cancel")), 1)
-                ]),
-                _: 1
-              }),
-              createVNode(_component_a_button, {
-                type: "primary",
-                onClick: saveFormEventHandler
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(i18nt)("designer.hint.confirm")), 1)
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          default: withCtx(() => [
-            createVNode(_component_a_alert, {
-              type: "info",
-              closable: false,
-              message: "form." + _ctx.eventParamsMap[_ctx.eventName]
-            }, null, 8, ["message"]),
-            createVNode(CodeEditor, {
-              mode: "javascript",
-              readonly: false,
-              modelValue: formEventHandlerCode.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formEventHandlerCode.value = $event),
-              ref_key: "ecEditor",
-              ref: ecEditor
-            }, null, 8, ["modelValue"]),
-            createVNode(_component_a_alert, {
-              type: "info",
-              closable: false,
-              message: "}"
-            })
-          ]),
-          _: 1
-        }, 8, ["title", "visible"])
+        createVNode(unref(TpfCodeEditor), {
+          modelValue: formEventHandlerCode.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formEventHandlerCode.value = $event),
+          mode: "javascript",
+          ref_key: "codeEditorRef",
+          ref: codeEditorRef,
+          eventHeader: "form." + _ctx.eventParamsMap[_ctx.eventName],
+          onSetCode: saveFormEventHandler
+        }, null, 8, ["modelValue", "eventHeader"])
       ], 64);
     };
   }