@kp-ui/lowcode 1.0.67 → 1.0.69

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js

@@ -1,7 +1,8 @@
 import _sfc_main from "./data-table-widget.vue2.js";
-import { resolveComponent, createBlock, openBlock, normalizeStyle, withCtx, createElementBlock, withModifiers, normalizeClass, createVNode, createCommentVNode } from "vue";
+import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createElementVNode, createVNode, normalizeStyle, createCommentVNode } from "vue";
 /* empty css                       */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "talbe-wrapper" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_empty = resolveComponent("a-empty");
   const _component_RenderBodyCell = resolveComponent("RenderBodyCell");
@@ -12,8 +13,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     widget: $props.widget,
     "parent-widget": $props.parentWidget,
     "parent-list": $props.parentList,
-    "index-of-parent-list": $props.indexOfParentList,
-    style: normalizeStyle({ display: "flex", minWidth: 0, height: parseFloat(_ctx.tableHeight || 0) + "px" })
+    "index-of-parent-list": $props.indexOfParentList
   }, {
     default: withCtx(() => [
       (openBlock(), createElementBlock("div", {
@@ -21,44 +21,47 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(["collapse-container data-table-container", { selected: $options.selected }]),
         onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
       }, [
-        createVNode(_component_s_table, {
-          class: normalizeClass(["tpf-surely-table", [_ctx.customClass]]),
-          ref: "dataTable2",
-          columns: _ctx.columns.columns,
-          size: _ctx.widgetSize,
-          dataSource: $options.data,
-          rowKey: (record) => record[$props.widget.options.rowKey],
-          scroll: { y: parseFloat(_ctx.tableHeight || 0), x: 300 },
-          bordered: $props.widget.options.border,
-          style: normalizeStyle({ width: $props.widget.options.tableWidth }),
-          "row-class-name": _ctx.rowClassName,
-          rowSelection: _ctx.handleRowSelection(),
-          pagination: _ctx.fmtPagination,
-          customRow: _ctx.handleCustomRow,
-          rowClassName: _ctx.rowClassName,
-          onChange: _ctx.handleTablePageChange,
-          onResizeColumn: _ctx.handleResizeColumn,
-          loading: _ctx.loading,
-          "row-height": _ctx.lineHeight
-        }, {
-          emptyText: withCtx(() => [
-            createVNode(_component_a_empty)
-          ]),
-          bodyCell: withCtx((scope) => [
-            _ctx.isShowBodyCell(scope.column.dataIndex) ? (openBlock(), createBlock(_component_RenderBodyCell, {
-              key: 0,
-              bodyCell: _ctx.columns.bodyCell,
-              scope
-            }, null, 8, ["bodyCell", "scope"])) : createCommentVNode("", true)
-          ]),
-          _: 1
-        }, 8, ["columns", "class", "size", "dataSource", "rowKey", "scroll", "bordered", "style", "row-class-name", "rowSelection", "pagination", "customRow", "rowClassName", "onChange", "onResizeColumn", "loading", "row-height"])
+        createElementVNode("div", _hoisted_1, [
+          createVNode(_component_s_table, {
+            ref: "dataTable2",
+            columns: _ctx.columns.columns,
+            scroll: { y: _ctx.tableHeight },
+            height: _ctx.tableHeight,
+            dataSource: $options.data,
+            class: normalizeClass([_ctx.customClass]),
+            size: _ctx.widgetSize,
+            rowKey: (record) => record[$props.widget.options.rowKey],
+            bordered: $props.widget.options.border,
+            style: normalizeStyle({ width: $props.widget.options.tableWidth }),
+            "row-class-name": _ctx.rowClassName,
+            rowSelection: _ctx.handleRowSelection(),
+            pagination: _ctx.fmtPagination,
+            customRow: _ctx.handleCustomRow,
+            rowClassName: _ctx.rowClassName,
+            onChange: _ctx.handleTablePageChange,
+            onResizeColumn: _ctx.handleResizeColumn,
+            loading: _ctx.loading,
+            "row-height": _ctx.lineHeight
+          }, {
+            emptyText: withCtx(() => [
+              createVNode(_component_a_empty)
+            ]),
+            bodyCell: withCtx((scope) => [
+              _ctx.isShowBodyCell(scope.column.dataIndex) ? (openBlock(), createBlock(_component_RenderBodyCell, {
+                key: 0,
+                bodyCell: _ctx.columns.bodyCell,
+                scope
+              }, null, 8, ["bodyCell", "scope"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["columns", "scroll", "height", "dataSource", "class", "size", "rowKey", "bordered", "style", "row-class-name", "rowSelection", "pagination", "customRow", "rowClassName", "onChange", "onResizeColumn", "loading", "row-height"])
+        ])
       ], 2))
     ]),
     _: 1
-  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list", "style"]);
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1658ff3b"]]);
+const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4700fd96"]]);
 export {
   dataTableWidget as default
 };

package/src/components/form-designer/form-widget/index.vue.js

@@ -2,6 +2,7 @@ import comps from "./field-widget/index.js";
 import i18n from "../../../utils/i18n.js";
 import draggableComponent from "../../../lib/vuedraggable/src/vuedraggable.js";
 import _sfc_main$1 from "../../form-render/SubmitButtonRender.vue.js";
+import { TpfConfigProvider } from "tmgc2-share";
 import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createVNode, normalizeClass, createElementBlock, createCommentVNode, toDisplayString, normalizeStyle, mergeProps, resolveDynamicComponent } from "vue";
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
@@ -11,6 +12,7 @@ const _sfc_main = {
   mixins: [i18n],
   components: {
     Draggable: draggableComponent,
+    TpfConfigProvider,
     SubmitButtonRender: _sfc_main$1,
     ...comps
   },
@@ -154,8 +156,8 @@ const _hoisted_3 = { class: "transition-group-el" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_draggable = resolveComponent("draggable");
   const _component_a_form = resolveComponent("a-form");
-  const _component_a_config_provider = resolveComponent("a-config-provider");
-  return openBlock(), createBlock(_component_a_config_provider, {
+  const _component_TpfConfigProvider = resolveComponent("TpfConfigProvider");
+  return openBlock(), createBlock(_component_TpfConfigProvider, {
     "component-size": $options.size,
     input: { autocomplete: "off" }
   }, {
@@ -217,7 +219,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["component-size"]);
 }
-const VFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4d375ffc"]]);
+const VFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4011cefc"]]);
 export {
   VFormWidget as default
 };

package/src/components/form-designer/setting-panel/form-setting.vue.js

@@ -523,7 +523,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ]);
 }
-const FormSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const FormSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-becbd35b"]]);
 export {
   FormSetting as default
 };

package/src/components/form-designer/setting-panel/index.vue.js

@@ -6,7 +6,9 @@ import WidgetProperties, { propertyRegistered } from "./propertyRegister.js";
 import { addWindowResizeHandler } from "../../../utils/util.js";
 import i18n from "../../../utils/i18n.js";
 import emitter from "../../../utils/emitter.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, createElementBlock, Fragment, renderList, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
+import _sfc_main$1 from "../../code-editor/code-modal-editor.vue.js";
+import { TpfConfigProvider } from "tmgc2-share";
+import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, createElementBlock, Fragment, renderList, resolveDynamicComponent } from "vue";
 /* empty css           */
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
@@ -17,7 +19,9 @@ const _sfc_main = {
   mixins: [i18n, emitter],
   components: {
     CodeEditor,
+    TpfConfigProvider,
     FormSetting,
+    CodeModalEditor: _sfc_main$1,
     // DataSourceSetting,
     FormCrudSetting,
     ...comps
@@ -167,10 +171,11 @@ const _sfc_main = {
       if (eventName === "onValidate" && !this.optionModel["onValidate"]) {
         this.eventHandlerCode = "  /* sample code */\n  /*\n  if ((value > 100) || (value < 0)) {\n    return Promise.reject('error message')  //fail\n  } else {\n    return Promise.resolve();  //pass\n  }\n  */";
       }
-      this.showWidgetEventDialogFlag = true;
+      console.log(this.eventHandlerCode);
+      this.$refs.CodeModalEditorRef.open(this.eventHandlerCode);
     },
-    saveEventHandler() {
-      const codeHints = this.$refs.ecEditor.getEditorAnnotations();
+    saveEventHandler(value) {
+      const codeHints = this.$refs.CodeModalEditorRef.codeEditorRef.ecEditor.getEditorAnnotations();
       let syntaxErrorFlag = false;
       if (!!codeHints && codeHints.length > 0) {
         codeHints.forEach((chItem) => {
@@ -185,15 +190,13 @@ const _sfc_main = {
       }
       if (this.curEventName.includes(".")) {
         const [a, b] = this.curEventName.split(".");
-        this.selectedWidget.options[a][b] = this.eventHandlerCode;
+        this.selectedWidget.options[a][b] = value;
       } else {
-        this.selectedWidget.options[this.curEventName] = this.eventHandlerCode;
+        this.selectedWidget.options[this.curEventName] = value;
       }
-      this.showWidgetEventDialogFlag = false;
     }
   }
 };
-const _hoisted_1 = { class: "dialog-footer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_collapse_panel = resolveComponent("a-collapse-panel");
   const _component_a_collapse = resolveComponent("a-collapse");
@@ -203,22 +206,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_form_setting = resolveComponent("form-setting");
   const _component_FormCrudSetting = resolveComponent("FormCrudSetting");
   const _component_a_tabs = resolveComponent("a-tabs");
-  const _component_a_alert = resolveComponent("a-alert");
-  const _component_code_editor = resolveComponent("code-editor");
-  const _component_a_button = resolveComponent("a-button");
-  const _component_a_modal = resolveComponent("a-modal");
+  const _component_CodeModalEditor = resolveComponent("CodeModalEditor");
   const _component_a_layout = resolveComponent("a-layout");
-  const _component_a_config_provider = resolveComponent("a-config-provider");
-  return openBlock(), createBlock(_component_a_config_provider, {
-    "component-size": "small",
-    input: { autocomplete: "off" }
-  }, {
+  const _component_TpfConfigProvider = resolveComponent("TpfConfigProvider");
+  return openBlock(), createBlock(_component_TpfConfigProvider, null, {
     default: withCtx(() => [
       createVNode(_component_a_layout, { class: "panel-container" }, {
         default: withCtx(() => [
           createVNode(_component_a_tabs, {
             activeKey: $data.activeTab,
-            "onUpdate:activeKey": _cache[4] || (_cache[4] = ($event) => $data.activeTab = $event),
+            "onUpdate:activeKey": _cache[6] || (_cache[6] = ($event) => $data.activeTab = $event),
             style: { "height": "100%", "width": "100%", "overflow": "hidden" }
           }, {
             default: withCtx(() => [
@@ -237,13 +234,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       labelAlign: "left",
                       "label-width": "120px",
                       class: "setting-form tpf-form",
-                      onSubmit: _cache[1] || (_cache[1] = withModifiers(() => {
+                      onSubmit: _cache[2] || (_cache[2] = withModifiers(() => {
                       }, ["prevent"]))
                     }, {
                       default: withCtx(() => [
                         createVNode(_component_a_collapse, {
                           activeKey: $data.widgetActiveCollapseNames,
-                          "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => $data.widgetActiveCollapseNames = $event),
+                          "onUpdate:activeKey": _cache[1] || (_cache[1] = ($event) => $data.widgetActiveCollapseNames = $event),
                           class: "setting-collapse"
                         }, {
                           default: withCtx(() => [
@@ -258,8 +255,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                                       key: propName,
                                       designer: $props.designer,
                                       "selected-widget": $props.selectedWidget,
-                                      "option-model": $options.optionModel
-                                    }, null, 8, ["designer", "selected-widget", "option-model"])) : createCommentVNode("", true)
+                                      "option-model": $options.optionModel,
+                                      "onUpdate:optionModel": _cache[0] || (_cache[0] = ($event) => $options.optionModel = $event)
+                                    }, null, 40, ["designer", "selected-widget", "option-model"])) : createCommentVNode("", true)
                                   ], 64);
                                 }), 256))
                               ]),
@@ -285,6 +283,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                             }, 8, ["header"])) : createCommentVNode("", true),
                             $options.showEventCollapse() && $options.showCollapse($data.eventProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
                               key: "3",
+                              class: "eventPanel",
                               header: _ctx.i18nt("designer.setting.事件属性")
                             }, {
                               default: withCtx(() => [
@@ -314,13 +313,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       labelAlign: "left",
                       "label-width": "120px",
                       class: "setting-form tpf-form",
-                      onSubmit: _cache[3] || (_cache[3] = withModifiers(() => {
+                      onSubmit: _cache[5] || (_cache[5] = withModifiers(() => {
                       }, ["prevent"]))
                     }, {
                       default: withCtx(() => [
                         createVNode(_component_a_collapse, {
                           activeKey: $data.widgetActiveCollapseNames,
-                          "onUpdate:activeKey": _cache[2] || (_cache[2] = ($event) => $data.widgetActiveCollapseNames = $event),
+                          "onUpdate:activeKey": _cache[4] || (_cache[4] = ($event) => $data.widgetActiveCollapseNames = $event),
                           class: "setting-collapse"
                         }, {
                           default: withCtx(() => [
@@ -335,8 +334,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                                       key: propName,
                                       designer: $props.designer,
                                       "selected-widget": $props.selectedWidget,
-                                      "option-model": $options.optionModel
-                                    }, null, 8, ["designer", "selected-widget", "option-model"])) : createCommentVNode("", true)
+                                      "option-model": $options.optionModel,
+                                      "onUpdate:optionModel": _cache[3] || (_cache[3] = ($event) => $options.optionModel = $event)
+                                    }, null, 40, ["designer", "selected-widget", "option-model"])) : createCommentVNode("", true)
                                   ], 64);
                                 }), 256))
                               ]),
@@ -362,6 +362,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                             }, 8, ["header"])) : createCommentVNode("", true),
                             $options.showEventCollapse() && $options.showCollapse($data.eventProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
                               key: "3",
+                              class: "eventPanel",
                               header: _ctx.i18nt("designer.setting.事件属性")
                             }, {
                               default: withCtx(() => [
@@ -430,60 +431,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["activeKey"]),
-          createVNode(_component_a_modal, {
+          createVNode(_component_CodeModalEditor, {
+            eventHeader: $data.eventHeader,
+            ref: "CodeModalEditorRef",
             title: _ctx.i18nt("designer.setting.editWidgetEventHandler"),
-            visible: $data.showWidgetEventDialogFlag,
-            "onUpdate:visible": _cache[7] || (_cache[7] = ($event) => $data.showWidgetEventDialogFlag = $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[6] || (_cache[6] = ($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(() => [
-              createVNode(_component_a_alert, {
-                type: "info",
-                closable: false,
-                message: $data.eventHeader
-              }, null, 8, ["message"]),
-              createVNode(_component_code_editor, {
-                mode: "javascript",
-                readonly: false,
-                modelValue: $data.eventHandlerCode,
-                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.eventHandlerCode = $event),
-                ref: "ecEditor"
-              }, null, 8, ["modelValue"]),
-              createVNode(_component_a_alert, {
-                type: "info",
-                closable: false,
-                message: "}"
-              })
-            ]),
-            _: 1
-          }, 8, ["title", "visible"])
+            mode: "json",
+            readonly: false,
+            onSave: $options.saveEventHandler
+          }, null, 8, ["eventHeader", "title", "onSave"])
         ]),
         _: 1
       })
@@ -491,7 +446,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-const SettingPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e4963b6e"]]);
+const SettingPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-63b257d3"]]);
 export {
   SettingPanel as default
 };

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue.js

@@ -1,5 +1,5 @@
 import i18n from "../../../../utils/i18n.js";
-import CodeModalEditor from "../../../code-editor/code-modal-editor.vue.js";
+import _sfc_main$1 from "../../../code-editor/code-modal-editor.vue.js";
 import { generateId } from "../../../../utils/util.js";
 import { cloneDeep } from "lodash-es";
 import ActionButtonListDialog from "../../../public/ActionButtonListDialog.vue.js";
@@ -16,7 +16,7 @@ const _sfc_main = {
   },
   components: {
     ActionButtonListDialog,
-    CodeModalEditor
+    CodeModalEditor: _sfc_main$1
   },
   data() {
     return {

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue.js

@@ -1,12 +1,12 @@
 import i18n from "../../../../../utils/i18n.js";
 import HttpEditor from "../../../../http-editor/index.vue.js";
-import CodeModalEditor from "../../../../code-editor/code-modal-editor.vue.js";
+import _sfc_main$1 from "../../../../code-editor/code-modal-editor.vue.js";
 import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, createBlock, createCommentVNode, withCtx, createTextVNode, toDisplayString } from "vue";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "data-table-dsEnabled-editor",
   mixins: [i18n],
-  components: { HttpEditor, CodeModalEditor },
+  components: { HttpEditor, CodeModalEditor: _sfc_main$1 },
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -18,10 +18,9 @@ const _sfc_main = {
     };
   },
   methods: {
-    saveTableData(data) {
+    handleUpdate(value) {
       try {
-        console.log("saveTableData", data);
-        this.optionModel.dataSource = JSON.parse(data);
+        this.optionModel.dataSource = JSON.parse(value);
       } catch (ex) {
         this.$message.error(
           this.i18nt("designer.hint.invalidOptionsData") + ex.message
@@ -30,6 +29,7 @@ const _sfc_main = {
     },
     openTableDataEdit() {
       this.tableDataOptions = JSON.stringify(this.optionModel.dataSource, null, "  ");
+      console.log(this.tableDataOptions);
       this.$refs.CodeModalEditorRef.open(this.tableDataOptions);
     }
   }
@@ -74,8 +74,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "CodeModalEditorRef",
       mode: "json",
       readonly: false,
+      isShowEventHeader: false,
       title: _ctx.i18nt("designer.setting.tableDataEdit"),
-      onSave: $options.saveTableData
+      onSave: $options.handleUpdate
     }, null, 8, ["title", "onSave"]),
     !!$props.optionModel.dsEnabled ? (openBlock(), createBlock(_component_HttpEditor, {
       key: 1,

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-selections-editor.vue.js

@@ -1,12 +1,12 @@
 import i18n from "../../../../../utils/i18n.js";
-import CodeModalEditor from "../../../../code-editor/code-modal-editor.vue.js";
+import _sfc_main$1 from "../../../../code-editor/code-modal-editor.vue.js";
 import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode, normalizeClass, toDisplayString } from "vue";
 /* empty css                                  */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "rowSelection-editor",
   mixins: [i18n],
-  components: { CodeModalEditor },
+  components: { CodeModalEditor: _sfc_main$1 },
   props: {
     designer: Object,
     selectedWidget: Object,