@kp-ui/lowcode 1.0.35 → 1.0.36

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

@@ -374,7 +374,11 @@ const _sfc_main = {
     async showData(_id) {
       const formConfig = this.designer.formConfig;
       const dsResult = await fmtHttpParams(formConfig.serveList.vformDetail, { _id });
-      const leaveDates = [{ date: "2024-10-28" }, { date: "2024-10-29" }, { date: "2024-10-20" }];
+      const leaveDates = [
+        { date: "2024-10-28" },
+        { date: "2024-10-29" },
+        { date: "2024-10-20" }
+      ];
       this.$refs["preForm"].getWidgetRef("leaveDates").setValue(leaveDates);
       this.$refs.preForm.setFormData({
         ...dsResult
@@ -413,7 +417,9 @@ const _sfc_main = {
       this.$refs["preForm"].enableForm();
     },
     testLoadForm() {
-      axios.get("https://www.fastmock.site/mock/e9710039bb5f11262d1a0f2f0bbe08c8/vform3/getFS").then((res) => {
+      axios.get(
+        "https://www.fastmock.site/mock/e9710039bb5f11262d1a0f2f0bbe08c8/vform3/getFS"
+      ).then((res) => {
         const newFormJson = res.data;
         this.$refs.preForm.setFormJson(newFormJson);
         this.$nextTick(() => {
@@ -511,6 +517,8 @@ const _hoisted_10 = { class: "dialog-footer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_svg_icon = resolveComponent("svg-icon");
   const _component_a_button = resolveComponent("a-button");
+  const _component_a_radio_button = resolveComponent("a-radio-button");
+  const _component_a_radio_group = resolveComponent("a-radio-group");
   const _component_a_tree = resolveComponent("a-tree");
   const _component_a_drawer = resolveComponent("a-drawer");
   const _component_VFormRender = resolveComponent("VFormRender");
@@ -554,13 +562,51 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           createVNode(_component_svg_icon, { "icon-class": "redo" })
         ]),
         _: 1
-      }, 8, ["disabled", "title", "onClick"])
+      }, 8, ["disabled", "title", "onClick"]),
+      createVNode(_component_a_radio_group, {
+        value: $options.layoutType,
+        "onUpdate:value": _cache[4] || (_cache[4] = ($event) => $options.layoutType = $event)
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_a_radio_button, {
+            value: "PC",
+            type: $options.layoutType === "PC" ? "primary" : "",
+            onClick: _cache[1] || (_cache[1] = ($event) => $options.changeLayoutType("PC"))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.i18nt("designer.toolbar.pcLayout")), 1)
+            ]),
+            _: 1
+          }, 8, ["type"]),
+          createVNode(_component_a_radio_button, {
+            value: "Pad",
+            type: $options.layoutType === "Pad" ? "primary" : "",
+            onClick: _cache[2] || (_cache[2] = ($event) => $options.changeLayoutType("Pad"))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.i18nt("designer.toolbar.padLayout")), 1)
+            ]),
+            _: 1
+          }, 8, ["type"]),
+          createVNode(_component_a_radio_button, {
+            type: $options.layoutType === "H5" ? "primary" : "",
+            onClick: _cache[3] || (_cache[3] = ($event) => $options.changeLayoutType("H5")),
+            value: "H5"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.i18nt("designer.toolbar.mobileLayout")), 1)
+            ]),
+            _: 1
+          }, 8, ["type"])
+        ]),
+        _: 1
+      }, 8, ["value"])
     ]),
     createVNode(_component_a_drawer, {
       title: _ctx.i18nt("designer.toolbar.nodeTreeTitle"),
       direction: "ltr",
       visible: $data.showNodeTreeDrawerFlag,
-      "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => $data.showNodeTreeDrawerFlag = $event),
+      "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => $data.showNodeTreeDrawerFlag = $event),
       width: 280,
       "destroy-on-close": true,
       class: "node-tree-drawer"
@@ -634,7 +680,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8, ["onClick"])) : createCommentVNode("", true),
         createVNode(_component_a_button, {
           type: "link",
-          onClick: _cache[2] || (_cache[2] = ($event) => $props.changeRightWidth())
+          onClick: _cache[6] || (_cache[6] = ($event) => $props.changeRightWidth())
         }, {
           default: withCtx(() => [
             createVNode(_component_svg_icon, {
@@ -652,7 +698,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_a_modal, {
       title: _ctx.i18nt("designer.toolbar.preview"),
       visible: $data.showPreviewDialogFlag,
-      "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => $data.showPreviewDialogFlag = $event),
+      "onUpdate:visible": _cache[9] || (_cache[9] = ($event) => $data.showPreviewDialogFlag = $event),
       "show-close": true,
       "close-on-click-modal": false,
       "close-on-press-escape": false,
@@ -666,7 +712,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       footer: withCtx(() => [
         createElementVNode("div", _hoisted_5, [
           createVNode(_component_a_button, {
-            onClick: _cache[3] || (_cache[3] = ($event) => $options.showData(1))
+            onClick: _cache[7] || (_cache[7] = ($event) => $options.showData(1))
           }, {
             default: withCtx(() => [
               createTextVNode("数据回显 _id 1")
@@ -710,28 +756,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["onClick"]),
           createVNode(_component_a_button, {
-            onClick: _cache[4] || (_cache[4] = ($event) => $data.showPreviewDialogFlag = false)
+            onClick: _cache[8] || (_cache[8] = ($event) => $data.showPreviewDialogFlag = false)
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.closePreview")), 1)
             ]),
             _: 1
-          }),
-          (openBlock(), createBlock(_component_a_button, {
-            key: 0,
-            onClick: $options.setReadMode
-          }, {
-            default: withCtx(() => [
-              createTextVNode("测试变只读")
-            ]),
-            _: 1
-          }, 8, ["onClick"]))
+          })
         ])
       ]),
       default: withCtx(() => [
         createElementVNode("div", null, [
           createElementVNode("div", {
-            class: normalizeClass(["form-render-wrapper", [$options.layoutType === "H5" ? "h5-layout" : $options.layoutType === "Pad" ? "pad-layout" : ""]])
+            class: normalizeClass(["form-render-wrapper", [
+              $options.layoutType === "H5" ? "h5-layout" : $options.layoutType === "Pad" ? "pad-layout" : ""
+            ]])
           }, [
             createVNode(_component_VFormRender, {
               vfCtx: $data.vfCtx,
@@ -754,7 +793,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_a_modal, {
       title: _ctx.i18nt("designer.toolbar.importJson"),
       visible: $data.showImportJsonDialogFlag,
-      "onUpdate:visible": _cache[8] || (_cache[8] = ($event) => $data.showImportJsonDialogFlag = $event),
+      "onUpdate:visible": _cache[12] || (_cache[12] = ($event) => $data.showImportJsonDialogFlag = $event),
       "show-close": true,
       class: "drag-dialog",
       "append-to-body": true,
@@ -776,7 +815,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["onClick"]),
           createVNode(_component_a_button, {
-            onClick: _cache[7] || (_cache[7] = ($event) => $data.showImportJsonDialogFlag = false)
+            onClick: _cache[11] || (_cache[11] = ($event) => $data.showImportJsonDialogFlag = false)
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
@@ -796,7 +835,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           mode: "json",
           readonly: false,
           modelValue: $data.importTemplate,
-          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.importTemplate = $event)
+          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $data.importTemplate = $event)
         }, null, 8, ["modelValue"])
       ]),
       _: 1
@@ -804,7 +843,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_a_modal, {
       title: _ctx.i18nt("designer.toolbar.exportJson"),
       visible: $data.showExportJsonDialogFlag,
-      "onUpdate:visible": _cache[11] || (_cache[11] = ($event) => $data.showExportJsonDialogFlag = $event),
+      "onUpdate:visible": _cache[15] || (_cache[15] = ($event) => $data.showExportJsonDialogFlag = $event),
       "show-close": true,
       class: "drag-dialog",
       center: "",
@@ -834,7 +873,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["onClick"]),
           createVNode(_component_a_button, {
-            onClick: _cache[10] || (_cache[10] = ($event) => $data.showExportJsonDialogFlag = false)
+            onClick: _cache[14] || (_cache[14] = ($event) => $data.showExportJsonDialogFlag = false)
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.closePreview")), 1)
@@ -848,7 +887,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           mode: "json",
           readonly: true,
           modelValue: $data.jsonContent,
-          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $data.jsonContent = $event)
+          "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => $data.jsonContent = $event)
         }, null, 8, ["modelValue"])
       ]),
       _: 1
@@ -856,7 +895,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_a_modal, {
       title: _ctx.i18nt("designer.hint.exportFormData"),
       visible: $data.showFormDataDialogFlag,
-      "onUpdate:visible": _cache[14] || (_cache[14] = ($event) => $data.showFormDataDialogFlag = $event),
+      "onUpdate:visible": _cache[18] || (_cache[18] = ($event) => $data.showFormDataDialogFlag = $event),
       "show-close": true,
       class: "nested-drag-dialog dialog-title-light-bg",
       center: "",
@@ -885,7 +924,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["onClick"]),
           createVNode(_component_a_button, {
-            onClick: _cache[13] || (_cache[13] = ($event) => $data.showFormDataDialogFlag = false)
+            onClick: _cache[17] || (_cache[17] = ($event) => $data.showFormDataDialogFlag = false)
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.closePreview")), 1)
@@ -900,7 +939,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             mode: "json",
             readonly: true,
             modelValue: $data.formDataJson,
-            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => $data.formDataJson = $event)
+            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => $data.formDataJson = $event)
           }, null, 8, ["modelValue"])
         ])
       ]),
@@ -910,7 +949,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       title: _ctx.i18nt("designer.toolbar.generateSFC"),
       visible: $data.showExportSFCDialogFlag,
-      "onUpdate:visible": _cache[19] || (_cache[19] = ($event) => $data.showExportSFCDialogFlag = $event),
+      "onUpdate:visible": _cache[23] || (_cache[23] = ($event) => $data.showExportSFCDialogFlag = $event),
       "append-to-body": "",
       "show-close": true,
       class: "drag-dialog",
@@ -957,7 +996,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["onClick"]),
           createVNode(_component_a_button, {
-            onClick: _cache[18] || (_cache[18] = ($event) => $data.showExportSFCDialogFlag = false)
+            onClick: _cache[22] || (_cache[22] = ($event) => $data.showExportSFCDialogFlag = false)
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.closePreview")), 1)
@@ -971,7 +1010,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           type: "border-card",
           class: "no-box-shadow no-padding",
           activeKey: $data.activeSFCTab,
-          "onUpdate:activeKey": _cache[17] || (_cache[17] = ($event) => $data.activeSFCTab = $event)
+          "onUpdate:activeKey": _cache[21] || (_cache[21] = ($event) => $data.activeSFCTab = $event)
         }, {
           default: withCtx(() => [
             createVNode(_component_a_tab_pane, {
@@ -983,7 +1022,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   mode: "html",
                   readonly: true,
                   modelValue: $data.sfcCode,
-                  "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => $data.sfcCode = $event),
+                  "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => $data.sfcCode = $event),
                   "user-worker": false
                 }, null, 8, ["modelValue"])
               ]),
@@ -998,7 +1037,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   mode: "html",
                   readonly: true,
                   modelValue: $data.sfcCodeV3,
-                  "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => $data.sfcCodeV3 = $event),
+                  "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => $data.sfcCodeV3 = $event),
                   "user-worker": false
                 }, null, 8, ["modelValue"])
               ]),
@@ -1012,7 +1051,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["title", "visible"])) : createCommentVNode("", true)
   ]);
 }
-const ToolbarPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a50ea2c8"]]);
+const ToolbarPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-44ac64d1"]]);
 export {
   ToolbarPanel as default
 };

package/src/components/form-designer/widget-panel/advanced/diy-compontent.js

@@ -8,7 +8,6 @@ const diyCompontent = (ops = {}) => {
     formItemFlag: true,
     options: {
       name: "",
-      label: "",
       diyCompontent: "",
       hidden: false,
       holdHidden: true,

package/src/components/form-designer/widget-panel/advancedFieldsEnums.js

@@ -5,10 +5,9 @@ import { richEditor } from "./advanced/rich-editor.js";
 import { fileUpload } from "./advanced/file-upload.js";
 import { bpmnEditor } from "./advanced/bpmn-editor.js";
 import { toolbar } from "./advanced/attachment-render.js";
-import { slot } from "./advanced/slot.js";
 import { diyCompontent } from "./advanced/diy-compontent.js";
 const advancedFieldsEnums = {
-  slot,
+  //   slot,
   diyCompontent,
   toolbar,
   cascader,

package/src/components/form-render/container-item/data-table-item.vue.js

@@ -1,20 +1,26 @@
 import ContainerItemWrapper from "./container-item-wrapper.vue.js";
 import emitter from "../../../utils/emitter.js";
+import STable, { setLicenseKey } from "@surely-vue/table";
+/* empty css                                                                                                                                 */
 import i18n from "../../../utils/i18n.js";
 import comps from "../../form-designer/form-widget/field-widget/index.js";
 import refMixin from "../refMixin.js";
 import containerItemMixin from "./containerItemMixin.js";
 import useDataTableMixin from "../../../mixins/useDataTableMixin.js";
-import { resolveComponent, withDirectives, createBlock, openBlock, normalizeStyle, withCtx, createVNode, normalizeClass, createCommentVNode, createElementBlock, Fragment, renderList, mergeProps, createTextVNode, toDisplayString, vShow } from "vue";
+import { resolveComponent, withDirectives, createBlock, openBlock, normalizeStyle, withCtx, createVNode, normalizeClass, vShow } from "vue";
 /* empty css                     */
 /* empty css                     */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+setLicenseKey(
+  "45beeffb8943e862ec9cbaa94614552cT1JERVI6MTAwMDc5LEVYUElSWT0xNzQ4MzA0MDAwMDAwLERPTUFJTj1zdXJlbHkuY29vbCxVTFRJTUFURT0xLEtFWVZFUlNJT049MQ=="
+);
 const _sfc_main = {
   name: "DataTableItem",
   componentName: "ContainerItem",
   // 必须固定为ContainerItem，用于接收父级组件的broadcast事件
   mixins: [emitter, i18n, refMixin, containerItemMixin, useDataTableMixin],
   components: {
+    STable,
     ContainerItemWrapper,
     ...comps
   },
@@ -114,22 +120,21 @@ const _sfc_main = {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_empty = resolveComponent("a-empty");
-  const _component_a_table_column = resolveComponent("a-table-column");
-  const _component_a_button = resolveComponent("a-button");
-  const _component_a_table = resolveComponent("a-table");
+  const _component_s_table = resolveComponent("s-table");
   const _component_container_item_wrapper = resolveComponent("container-item-wrapper");
   return withDirectives((openBlock(), createBlock(_component_container_item_wrapper, {
     style: normalizeStyle({ display: "flex", height: parseFloat(_ctx.tableHeight || 0) + "px" }),
     widget: $props.widget
   }, {
     default: withCtx(() => [
-      createVNode(_component_a_table, {
-        class: normalizeClass(["tpf-table", [_ctx.customClass]]),
+      createVNode(_component_s_table, {
+        class: normalizeClass(["tpf-surely-table", [_ctx.customClass]]),
         ref: "dataTable2",
+        columns: _ctx.columns,
+        size: _ctx.widgetSize,
         dataSource: $props.widget.options.dataSource,
         rowKey: (record) => record[$props.widget.options.rowKey],
         scroll: { y: parseFloat(_ctx.tableHeight || 0), x: 300 },
-        size: _ctx.widgetSize,
         bordered: $props.widget.options.border,
         style: normalizeStyle({ width: $props.widget.options.tableWidth }),
         "row-class-name": _ctx.rowClassName,
@@ -144,62 +149,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         emptyText: withCtx(() => [
           createVNode(_component_a_empty)
         ]),
-        default: withCtx(() => [
-          $props.widget.options.showIndex ? (openBlock(), createBlock(_component_a_table_column, {
-            key: 0,
-            title: "序号",
-            align: "left",
-            width: 80,
-            fixed: "left",
-            resizable: true,
-            customRender: _ctx.customRenderIndex
-          }, null, 8, ["customRender"])) : createCommentVNode("", true),
-          (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.options.tableColumns, (item, index) => {
-            return openBlock(), createElementBlock(Fragment, null, [
-              item.show !== false ? (openBlock(), createBlock(_component_a_table_column, mergeProps({ key: index }, _ctx.handleColumnItem(item), { showSorterTooltip: false }), null, 16)) : createCommentVNode("", true)
-            ], 64);
-          }), 256)),
-          !!$props.widget.options.showButtonsColumn ? (openBlock(), createBlock(_component_a_table_column, {
-            key: 1,
-            fixed: "right",
-            "class-name": "data-table-buttons-column",
-            align: "center",
-            title: $props.widget.options.buttonsColumnTitle,
-            width: $props.widget.options.buttonsColumnWidth,
-            resizable: true
-          }, {
-            default: withCtx((scope) => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.options.operationButtons, (ob, inx) => {
-                return withDirectives((openBlock(), createBlock(_component_a_button, {
-                  key: inx,
-                  type: ob.type,
-                  size: ob.size,
-                  shape: ob.shape,
-                  disabled: _ctx.disableOperationButton(ob, scope.index, scope.record),
-                  onClick: ($event) => _ctx.handleOperationButtonClick(ob.name, scope.index, scope.record, scope, ob),
-                  class: normalizeClass(["data-table-" + ob.name + "-button"])
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.getOperationButtonLabel(ob, scope.index, scope.record)), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["type", "size", "shape", "disabled", "onClick", "class"])), [
-                  [vShow, _ctx.showOperationButton(ob, scope.index, scope.record)]
-                ]);
-              }), 128))
-            ]),
-            _: 1
-          }, 8, ["title", "width"])) : createCommentVNode("", true)
-        ]),
         _: 1
-      }, 8, ["dataSource", "rowKey", "scroll", "class", "size", "bordered", "style", "row-class-name", "rowSelection", "pagination", "customRow", "rowClassName", "onChange", "onResizeColumn", "loading"])
+      }, 8, ["columns", "class", "size", "dataSource", "rowKey", "scroll", "bordered", "style", "row-class-name", "rowSelection", "pagination", "customRow", "rowClassName", "onChange", "onResizeColumn", "loading"])
     ]),
     _: 1
   }, 8, ["style", "widget"])), [
     [vShow, !_ctx.handleHidden()]
   ]);
 }
-const dataTableItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9fbd63af"]]);
+const dataTableItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5eaec0db"]]);
 export {
   dataTableItem as default
 };

package/src/components/http-editor/index.vue2.js

@@ -1,8 +1,9 @@
 import i18n from "../../utils/i18n.js";
 import CodeEditor from "../code-editor/index.vue.js";
 import { isArray } from "lodash-es";
-import { getHttp, getLocat, replaceVars } from "@kp-ui/tool";
+import "../../utils/request/http.js";
 import CodeModalEditor from "../code-editor/code-modal-editor.vue.js";
+import { getHttp, getLocat, replaceVars } from "@kp-ui/tool";
 const _sfc_main = {
   name: "http-editor",
   inheritAttrs: false,

package/src/lang/zh-CN.js

@@ -355,6 +355,7 @@ const zhLocale = {
       visibleColumn: "是否显示",
       sortableColumn: "是否排序",
       fixedColumn: "固定方式",
+      autoHeight: "自动高度",
       alignTypeOfColumn: "对齐方式",
       formatOfColumn: "格式化",
       customRenderGroup: "动态渲染",