@kp-ui/lowcode 1.0.30 → 1.0.32

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

@@ -1,5 +1,4 @@
-import VFormRender from "../../../../render.js";
-import CodeEditor from "../../code-editor/index.vue.js";
+import { defineAsyncComponent, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, withCtx, normalizeStyle, createTextVNode, toDisplayString, Fragment, renderList, renderSlot, normalizeClass } from "vue";
 import { traverseAllWidgets, generateId, copyToClipboard, getQueryParam, addWindowResizeHandler, getLocat } from "../../../utils/util.js";
 import i18n from "../../../utils/i18n.js";
 import { generateCode } from "../../../utils/code-generator.js";
@@ -8,15 +7,14 @@ import axios from "axios";
 import SvgIcon from "../../svg-icon/index.vue.js";
 import { fmtHttpParams } from "../../../utils/request/fmtHttpParams.js";
 import { cloneDeep } from "lodash-es";
-import { resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, withCtx, normalizeStyle, createTextVNode, toDisplayString, Fragment, renderList, renderSlot, normalizeClass } from "vue";
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "ToolbarPanel",
   mixins: [i18n],
   components: {
-    VFormRender,
-    CodeEditor,
+    VFormRender: defineAsyncComponent(() => import("../../../../render.js")),
+    CodeEditor: defineAsyncComponent(() => import("../../code-editor/index.vue.js")),
     // Clipboard,
     SvgIcon
   },
@@ -424,785 +422,10 @@ const _sfc_main = {
       }).catch((err) => {
       });
     },
-    testSetFormJson() {
+    async testSetFormJson() {
+      const { widgetList } = await import("./widgetList.js");
       const newFormJson = {
-        widgetList: [
-          {
-            type: "static-text",
-            icon: "static-text",
-            formItemFlag: false,
-            options: {
-              name: "statictext111193",
-              columnWidth: "200px",
-              hidden: false,
-              textContent: "多列表单",
-              customClass: [],
-              onCreated: "",
-              onMounted: "",
-              label: "static-text"
-            },
-            id: "statictext111193"
-          },
-          {
-            type: "divider",
-            icon: "divider",
-            formItemFlag: false,
-            options: {
-              name: "divider102346",
-              label: "",
-              columnWidth: "200px",
-              direction: "horizontal",
-              contentPosition: "center",
-              hidden: false,
-              customClass: [],
-              onCreated: "",
-              onMounted: ""
-            },
-            id: "divider102346"
-          },
-          {
-            type: "grid",
-            category: "container",
-            icon: "grid",
-            cols: [
-              {
-                type: "grid-col",
-                category: "container",
-                icon: "grid-col",
-                internal: true,
-                widgetList: [
-                  {
-                    type: "input",
-                    icon: "text-field",
-                    formItemFlag: true,
-                    options: {
-                      name: "input12931",
-                      label: "发件人姓名",
-                      labelAlign: "",
-                      type: "text",
-                      defaultValue: "",
-                      placeholder: "",
-                      columnWidth: "200px",
-                      size: "",
-                      labelWidth: null,
-                      labelHidden: false,
-                      readonly: false,
-                      disabled: false,
-                      hidden: false,
-                      allowClear: true,
-                      showPassword: false,
-                      required: true,
-                      validation: "",
-                      validationHint: "",
-                      customClass: [],
-                      labelIconClass: null,
-                      labelIconPosition: "rear",
-                      labelTooltip: null,
-                      minLength: null,
-                      maxLength: null,
-                      showCount: false,
-                      addonBefore: "",
-                      addonAfter: "",
-                      appendButton: false,
-                      appendButtonDisabled: false,
-                      buttonIcon: "el-icon-search",
-                      onCreated: "",
-                      onMounted: "",
-                      onInput: "",
-                      onChange: "",
-                      onFocus: "",
-                      onBlur: "",
-                      onValidate: ""
-                    },
-                    id: "input12931"
-                  }
-                ],
-                options: {
-                  name: "gridCol25469",
-                  hidden: false,
-                  span: 12,
-                  offset: 0,
-                  push: 0,
-                  pull: 0,
-                  responsive: false,
-                  md: 12,
-                  sm: 12,
-                  xs: 12,
-                  customClass: []
-                },
-                id: "grid-col-25469"
-              },
-              {
-                type: "grid-col",
-                category: "container",
-                icon: "grid-col",
-                internal: true,
-                widgetList: [
-                  {
-                    type: "input",
-                    icon: "text-field",
-                    formItemFlag: true,
-                    options: {
-                      name: "input23031",
-                      label: "发件人号码",
-                      labelAlign: "",
-                      type: "text",
-                      defaultValue: "",
-                      placeholder: "",
-                      columnWidth: "200px",
-                      size: "",
-                      labelWidth: null,
-                      labelHidden: false,
-                      readonly: false,
-                      disabled: false,
-                      hidden: false,
-                      allowClear: true,
-                      showPassword: false,
-                      required: true,
-                      validation: "",
-                      validationHint: "",
-                      customClass: [],
-                      labelIconClass: null,
-                      labelIconPosition: "rear",
-                      labelTooltip: null,
-                      minLength: null,
-                      maxLength: null,
-                      showCount: false,
-                      addonBefore: "",
-                      addonAfter: "",
-                      appendButton: false,
-                      appendButtonDisabled: false,
-                      buttonIcon: "el-icon-search",
-                      onCreated: "",
-                      onMounted: "",
-                      onInput: "",
-                      onChange: "",
-                      onFocus: "",
-                      onBlur: "",
-                      onValidate: ""
-                    },
-                    id: "input23031"
-                  }
-                ],
-                options: {
-                  name: "gridCol25125",
-                  hidden: false,
-                  span: 12,
-                  offset: 0,
-                  push: 0,
-                  pull: 0,
-                  responsive: false,
-                  md: 12,
-                  sm: 12,
-                  xs: 12,
-                  customClass: []
-                },
-                id: "grid-col-25125"
-              },
-              {
-                type: "grid-col",
-                category: "container",
-                icon: "grid-col",
-                internal: true,
-                widgetList: [
-                  {
-                    type: "switch",
-                    icon: "switch-field",
-                    formItemFlag: true,
-                    options: {
-                      name: "switch96070",
-                      label: "是否保密",
-                      labelAlign: "",
-                      defaultValue: true,
-                      columnWidth: "200px",
-                      labelWidth: null,
-                      labelHidden: false,
-                      disabled: false,
-                      hidden: false,
-                      customClass: [],
-                      labelIconClass: null,
-                      labelIconPosition: "rear",
-                      labelTooltip: null,
-                      switchWidth: 40,
-                      checkedValue: "",
-                      unCheckedValue: "",
-                      activeColor: null,
-                      inactiveColor: null,
-                      onCreated: "",
-                      onMounted: "",
-                      onChange: "",
-                      onValidate: ""
-                    },
-                    id: "switch96070"
-                  }
-                ],
-                options: {
-                  name: "gridCol44470",
-                  hidden: false,
-                  span: 24,
-                  offset: 0,
-                  push: 0,
-                  pull: 0,
-                  responsive: false,
-                  md: 12,
-                  sm: 12,
-                  xs: 12,
-                  customClass: []
-                },
-                id: "grid-col-44470"
-              },
-              {
-                type: "grid-col",
-                category: "container",
-                icon: "grid-col",
-                internal: true,
-                widgetList: [
-                  {
-                    type: "textarea",
-                    icon: "textarea-field",
-                    formItemFlag: true,
-                    options: {
-                      name: "textarea21654",
-                      label: "发件人地址",
-                      labelAlign: "",
-                      rows: 3,
-                      defaultValue: "",
-                      placeholder: "",
-                      columnWidth: "200px",
-                      size: "",
-                      labelWidth: null,
-                      labelHidden: false,
-                      readonly: false,
-                      disabled: false,
-                      hidden: false,
-                      required: true,
-                      validation: "",
-                      validationHint: "",
-                      customClass: [],
-                      labelIconClass: null,
-                      labelIconPosition: "rear",
-                      labelTooltip: null,
-                      minLength: null,
-                      maxLength: null,
-                      showCount: false,
-                      onCreated: "",
-                      onMounted: "",
-                      onInput: "",
-                      onChange: "",
-                      onFocus: "",
-                      onBlur: "",
-                      onValidate: ""
-                    },
-                    id: "textarea21654"
-                  }
-                ],
-                options: {
-                  name: "gridCol98223",
-                  hidden: false,
-                  span: 24,
-                  offset: 0,
-                  push: 0,
-                  pull: 0,
-                  responsive: false,
-                  md: 12,
-                  sm: 12,
-                  xs: 12,
-                  customClass: []
-                },
-                id: "grid-col-98223"
-              }
-            ],
-            options: { name: "grid35834", hidden: false, gutter: 12, customClass: [] },
-            id: "grid35834"
-          },
-          {
-            type: "divider",
-            icon: "divider",
-            formItemFlag: false,
-            options: {
-              name: "divider69240",
-              label: "",
-              columnWidth: "200px",
-              direction: "horizontal",
-              contentPosition: "center",
-              hidden: false,
-              customClass: [],
-              onCreated: "",
-              onMounted: ""
-            },
-            id: "divider69240"
-          },
-          {
-            type: "grid",
-            category: "container",
-            icon: "grid",
-            cols: [
-              {
-                type: "grid-col",
-                category: "container",
-                icon: "grid-col",
-                internal: true,
-                widgetList: [
-                  {
-                    type: "input",
-                    icon: "text-field",
-                    formItemFlag: true,
-                    options: {
-                      name: "input113152",
-                      label: "收件人姓名111",
-                      labelAlign: "",
-                      type: "text",
-                      defaultValue: "",
-                      placeholder: "",
-                      columnWidth: "200px",
-                      size: "",
-                      labelWidth: null,
-                      labelHidden: false,
-                      readonly: false,
-                      disabled: false,
-                      hidden: false,
-                      allowClear: true,
-                      showPassword: false,
-                      required: true,
-                      validation: "",
-                      validationHint: "",
-                      customClass: [],
-                      labelIconClass: null,
-                      labelIconPosition: "rear",
-                      labelTooltip: null,
-                      minLength: null,
-                      maxLength: null,
-                      showCount: false,
-                      addonBefore: "",
-                      addonAfter: "",
-                      appendButton: false,
-                      appendButtonDisabled: false,
-                      buttonIcon: "el-icon-search",
-                      onCreated: "",
-                      onMounted: "",
-                      onInput: "",
-                      onChange: "",
-                      onFocus: "",
-                      onBlur: "",
-                      onValidate: ""
-                    },
-                    id: "input113152"
-                  }
-                ],
-                options: {
-                  name: "gridCol47242",
-                  hidden: false,
-                  span: 12,
-                  offset: 0,
-                  push: 0,
-                  pull: 0,
-                  responsive: false,
-                  md: 12,
-                  sm: 12,
-                  xs: 12,
-                  customClass: []
-                },
-                id: "grid-col-47242"
-              },
-              {
-                type: "grid-col",
-                category: "container",
-                icon: "grid-col",
-                internal: true,
-                widgetList: [
-                  {
-                    type: "input",
-                    icon: "text-field",
-                    formItemFlag: true,
-                    options: {
-                      name: "input40240",
-                      label: "收件人号码",
-                      labelAlign: "",
-                      type: "text",
-                      defaultValue: "",
-                      placeholder: "",
-                      columnWidth: "200px",
-                      size: "",
-                      labelWidth: null,
-                      labelHidden: false,
-                      readonly: false,
-                      disabled: false,
-                      hidden: false,
-                      allowClear: true,
-                      showPassword: false,
-                      required: true,
-                      validation: "",
-                      validationHint: "",
-                      customClass: [],
-                      labelIconClass: null,
-                      labelIconPosition: "rear",
-                      labelTooltip: null,
-                      minLength: null,
-                      maxLength: null,
-                      showCount: false,
-                      addonBefore: "",
-                      addonAfter: "",
-                      appendButton: false,
-                      appendButtonDisabled: false,
-                      buttonIcon: "el-icon-search",
-                      onCreated: "",
-                      onMounted: "",
-                      onInput: "",
-                      onChange: "",
-                      onFocus: "",
-                      onBlur: "",
-                      onValidate: ""
-                    },
-                    id: "input40240"
-                  }
-                ],
-                options: {
-                  name: "gridCol27970",
-                  hidden: false,
-                  span: 12,
-                  offset: 0,
-                  push: 0,
-                  pull: 0,
-                  responsive: false,
-                  md: 12,
-                  sm: 12,
-                  xs: 12,
-                  customClass: []
-                },
-                id: "grid-col-27970"
-              },
-              {
-                type: "grid-col",
-                category: "container",
-                icon: "grid-col",
-                internal: true,
-                widgetList: [
-                  {
-                    type: "checkbox",
-                    icon: "checkbox-field",
-                    formItemFlag: true,
-                    options: {
-                      name: "checkbox63174",
-                      label: "接收时间段",
-                      labelAlign: "",
-                      defaultValue: [],
-                      columnWidth: "200px",
-                      size: "",
-                      displayStyle: "inline",
-                      buttonStyle: false,
-                      border: false,
-                      labelWidth: null,
-                      labelHidden: false,
-                      disabled: false,
-                      hidden: false,
-                      optionItems: [
-                        { label: "上午9:00 - 11:30", value: 1 },
-                        { label: "下午12:30 - 18:00", value: 2 },
-                        { label: "晚上18:00 - 21:00", value: 3 }
-                      ],
-                      required: true,
-                      validation: "",
-                      validationHint: "",
-                      customClass: [],
-                      labelIconClass: null,
-                      labelIconPosition: "rear",
-                      labelTooltip: null,
-                      onCreated: "",
-                      onMounted: "",
-                      onChange: "",
-                      onValidate: ""
-                    },
-                    id: "checkbox63174"
-                  }
-                ],
-                options: {
-                  name: "gridCol74653",
-                  hidden: false,
-                  span: 24,
-                  offset: 0,
-                  push: 0,
-                  pull: 0,
-                  responsive: false,
-                  md: 12,
-                  sm: 12,
-                  xs: 12,
-                  customClass: []
-                },
-                id: "grid-col-74653"
-              },
-              {
-                type: "grid-col",
-                category: "container",
-                icon: "grid-col",
-                internal: true,
-                widgetList: [
-                  {
-                    type: "input",
-                    icon: "text-field",
-                    formItemFlag: true,
-                    options: {
-                      name: "input78584",
-                      label: "收件人地址",
-                      labelAlign: "",
-                      type: "text",
-                      defaultValue: "",
-                      placeholder: "",
-                      columnWidth: "200px",
-                      size: "",
-                      labelWidth: null,
-                      labelHidden: false,
-                      readonly: false,
-                      disabled: false,
-                      hidden: false,
-                      allowClear: true,
-                      showPassword: false,
-                      required: true,
-                      validation: "",
-                      validationHint: "",
-                      customClass: [],
-                      labelIconClass: null,
-                      labelIconPosition: "rear",
-                      labelTooltip: null,
-                      minLength: null,
-                      maxLength: null,
-                      showCount: false,
-                      addonBefore: "",
-                      addonAfter: "",
-                      appendButton: false,
-                      appendButtonDisabled: false,
-                      buttonIcon: "el-icon-search",
-                      onCreated: "",
-                      onMounted: "",
-                      onInput: "",
-                      onChange: "",
-                      onFocus: "",
-                      onBlur: "",
-                      onValidate: ""
-                    },
-                    id: "input78584"
-                  }
-                ],
-                options: {
-                  name: "gridCol63781",
-                  hidden: false,
-                  span: 24,
-                  offset: 0,
-                  push: 0,
-                  pull: 0,
-                  responsive: false,
-                  md: 12,
-                  sm: 12,
-                  xs: 12,
-                  customClass: []
-                },
-                id: "grid-col-63781"
-              }
-            ],
-            options: { name: "grid114672", hidden: false, gutter: 12, customClass: [] },
-            id: "grid114672"
-          },
-          {
-            type: "divider",
-            icon: "divider",
-            formItemFlag: false,
-            options: {
-              name: "divider75887",
-              label: "",
-              columnWidth: "200px",
-              direction: "horizontal",
-              contentPosition: "center",
-              hidden: false,
-              customClass: [],
-              onCreated: "",
-              onMounted: ""
-            },
-            id: "divider75887"
-          },
-          {
-            type: "grid",
-            category: "container",
-            icon: "grid",
-            cols: [
-              {
-                type: "grid-col",
-                category: "container",
-                icon: "grid-col",
-                internal: true,
-                widgetList: [
-                  {
-                    type: "time-range",
-                    icon: "time-range-field",
-                    formItemFlag: true,
-                    options: {
-                      name: "timerange47503",
-                      label: "送货时间",
-                      labelAlign: "",
-                      defaultValue: null,
-                      startPlaceholder: "",
-                      endPlaceholder: "",
-                      columnWidth: "200px",
-                      size: "",
-                      labelWidth: null,
-                      labelHidden: false,
-                      readonly: false,
-                      disabled: false,
-                      hidden: false,
-                      allowClear: true,
-                      editable: false,
-                      format: "HH:mm:ss",
-                      required: true,
-                      validation: "",
-                      validationHint: "",
-                      customClass: [],
-                      labelIconClass: null,
-                      labelIconPosition: "rear",
-                      labelTooltip: null,
-                      onCreated: "",
-                      onMounted: "",
-                      onChange: "",
-                      onFocus: "",
-                      onBlur: "",
-                      onValidate: ""
-                    },
-                    id: "timerange47503"
-                  }
-                ],
-                options: {
-                  name: "gridCol109912",
-                  hidden: false,
-                  span: 24,
-                  offset: 0,
-                  push: 0,
-                  pull: 0,
-                  responsive: false,
-                  md: 12,
-                  sm: 12,
-                  xs: 12,
-                  customClass: []
-                },
-                id: "grid-col-109912"
-              },
-              {
-                type: "grid-col",
-                category: "container",
-                icon: "grid-col",
-                internal: true,
-                widgetList: [
-                  {
-                    type: "slider",
-                    icon: "slider-field",
-                    formItemFlag: true,
-                    options: {
-                      name: "slider54714",
-                      label: "价格保护",
-                      labelAlign: "",
-                      columnWidth: "200px",
-                      size: "",
-                      labelWidth: null,
-                      labelHidden: false,
-                      disabled: false,
-                      hidden: false,
-                      required: false,
-                      validation: "",
-                      validationHint: "",
-                      customClass: [],
-                      labelIconClass: null,
-                      labelIconPosition: "rear",
-                      labelTooltip: null,
-                      min: 0,
-                      max: 100,
-                      step: 10,
-                      range: false,
-                      height: null,
-                      onCreated: "",
-                      onMounted: "",
-                      onChange: "",
-                      onValidate: ""
-                      // showStops: true
-                    },
-                    id: "slider54714"
-                  }
-                ],
-                options: {
-                  name: "gridCol114653",
-                  hidden: false,
-                  span: 24,
-                  offset: 0,
-                  push: 0,
-                  pull: 0,
-                  responsive: false,
-                  md: 12,
-                  sm: 12,
-                  xs: 12,
-                  customClass: []
-                },
-                id: "grid-col-114653"
-              },
-              {
-                type: "grid-col",
-                category: "container",
-                icon: "grid-col",
-                internal: true,
-                widgetList: [
-                  {
-                    type: "textarea",
-                    icon: "textarea-field",
-                    formItemFlag: true,
-                    options: {
-                      name: "textarea64794",
-                      label: "其他信息",
-                      labelAlign: "",
-                      rows: 3,
-                      defaultValue: "",
-                      placeholder: "",
-                      columnWidth: "200px",
-                      size: "",
-                      labelWidth: null,
-                      labelHidden: false,
-                      readonly: false,
-                      disabled: false,
-                      hidden: false,
-                      required: false,
-                      validation: "",
-                      validationHint: "",
-                      customClass: [],
-                      labelIconClass: null,
-                      labelIconPosition: "rear",
-                      labelTooltip: null,
-                      minLength: null,
-                      maxLength: null,
-                      showCount: false,
-                      onCreated: "",
-                      onMounted: "",
-                      onInput: "",
-                      onChange: "",
-                      onFocus: "",
-                      onBlur: "",
-                      onValidate: ""
-                    },
-                    id: "textarea64794"
-                  }
-                ],
-                options: {
-                  name: "gridCol80867",
-                  hidden: false,
-                  span: 24,
-                  offset: 0,
-                  push: 0,
-                  pull: 0,
-                  responsive: false,
-                  md: 12,
-                  sm: 12,
-                  xs: 12,
-                  customClass: []
-                },
-                id: "grid-col-80867"
-              }
-            ],
-            options: { name: "grid28709", hidden: false, gutter: 12, customClass: [] },
-            id: "grid28709"
-          }
-        ],
+        widgetList,
         formConfig: {
           labelWidth: 150,
           labelPosition: "horizontal",
@@ -1788,7 +1011,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-5efa2dd6"]]);
+const ToolbarPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-066a3314"]]);
 export {
   ToolbarPanel as default
 };