@kp-ui/lowcode 2.15.0-beta.7 → 2.16.0-alpha.10

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

@@ -1,14 +1,14 @@
-import { defineComponent as te, mergeModels as oe, useModel as B, inject as E, ref as d, computed as C, resolveComponent as ne, createElementBlock as T, openBlock as p, createElementVNode as _, createVNode as n, withCtx as r, unref as e, normalizeStyle as j, createBlock as m, createCommentVNode as g, createTextVNode as u, toDisplayString as c, Fragment as ie, renderList as le, renderSlot as re } from "vue";
-import { copyToClipboard as se } from "../../../utils/util.js";
-import { useI18n as ae } from "../../../utils/i18n.js";
-import { saveAs as de } from "file-saver";
-import { SvgIcon as v, TpfCodeEditor as ue, TpfModal as ce, CodeEditor as pe } from "tmgc2-share";
-import { cloneDeep as H } from "lodash-es";
-import { message as J } from "ant-design-vue";
-import ve from "./PreviewDialog.vue.js";
-const fe = { class: "toolbar-container" }, me = { class: "left-toolbar" }, ge = { class: "right-toolbar" }, ye = { class: "right-toolbar-con" }, De = /* @__PURE__ */ te({
+import { defineComponent as ie, mergeModels as re, useModel as $, inject as L, ref as p, computed as _, resolveComponent as S, createElementBlock as j, openBlock as v, createElementVNode as T, createVNode as o, withCtx as l, unref as t, normalizeStyle as P, createTextVNode as d, toDisplayString as u, createBlock as y, createCommentVNode as b, Fragment as ae, renderList as se, renderSlot as de } from "vue";
+import { copyToClipboard as ue } from "../../../utils/util.js";
+import { useI18n as pe } from "../../../utils/i18n.js";
+import { saveAs as ve } from "file-saver";
+import { SvgIcon as f, TpfCodeEditor as ce, TpfModal as fe, CodeEditor as me } from "tmgc2-share";
+import { cloneDeep as N } from "lodash-es";
+import { message as w } from "ant-design-vue";
+import ge from "./PreviewDialog.vue.js";
+const ye = { class: "toolbar-container" }, be = { class: "left-toolbar" }, he = { class: "right-toolbar" }, ke = { class: "right-toolbar-con" }, Te = /* @__PURE__ */ ie({
   __name: "index",
-  props: /* @__PURE__ */ oe({
+  props: /* @__PURE__ */ re({
     saveJsonApi: {},
     globalDsv: { default: () => ({}) }
   }, {
@@ -18,216 +18,256 @@ const fe = { class: "toolbar-container" }, me = { class: "left-toolbar" }, ge =
     rightWidthModifiers: {}
   }),
   emits: ["update:leftWidth", "update:rightWidth"],
-  setup(w) {
-    const D = w, y = B(w, "leftWidth"), h = B(w, "rightWidth"), $ = E("getDesignerConfig"), x = d($()), F = d(!1), N = d(!1), b = d(!1), k = d(""), A = d(""), S = d(), s = E("designer", d({})), W = C(() => ({
-      widgetList: H(s.value.widgetList),
-      formConfig: H(s.value.formConfig)
-    })), I = C(() => !s.value.undoEnabled()), L = C(() => !s.value.redoEnabled()), M = C(() => s.value.getLayoutType()), { i18nt: t } = ae(), O = () => {
-      D.saveJsonApi && D.saveJsonApi(W.value);
-    }, f = (i) => x.value[i] === void 0 ? !0 : !!x.value[i], R = () => {
-      s.value.undoHistoryStep();
-    }, V = () => {
-      s.value.redoHistoryStep();
-    }, P = () => {
-      s.value.clearDesigner(), J.success("ok");
-    }, U = () => {
-      F.value = !0;
-    }, z = (i, o) => {
-      const l = "json.json", a = new Blob([i], { type: "text/plain;charset=utf-8" });
-      de(a, l);
+  setup(F) {
+    const W = F, h = $(F, "leftWidth"), k = $(F, "rightWidth"), A = L("getDesignerConfig"), B = p(A()), D = p(!1), I = p(!1), C = p(!1), J = p(""), M = p(""), E = p(), a = L("designer", p({})), H = _(() => ({
+      widgetList: N(a.value.widgetList),
+      formConfig: N(a.value.formConfig)
+    })), O = _(() => !a.value.undoEnabled()), R = _(() => !a.value.redoEnabled()), c = _(() => a.value.getLayoutType()), { i18nt: n } = pe(), V = () => {
+      W.saveJsonApi && W.saveJsonApi(H.value);
+    }, m = (i) => B.value[i] === void 0 ? !0 : !!B.value[i], U = () => {
+      a.value.undoHistoryStep();
+    }, z = () => {
+      a.value.redoHistoryStep();
+    }, x = (i) => {
+      a.value.changeLayoutType(i);
     }, q = () => {
+      a.value.clearDesigner(), w.success("ok");
+    }, G = () => {
+      D.value = !0;
+    }, K = (i, e) => {
+      const r = "json.json", g = new Blob([i], { type: "text/plain;charset=utf-8" });
+      ve(g, r);
+    }, Q = () => {
       var i;
-      (i = S.value) == null || i.open(
-        JSON.stringify(s.value.getImportTemplate(), null, "  ")
+      (i = E.value) == null || i.open(
+        JSON.stringify(a.value.getImportTemplate(), null, "  ")
       );
-    }, G = (i) => {
+    }, X = (i) => {
       try {
-        const o = JSON.parse(i);
-        if (!o || !o.formConfig)
-          throw new Error(t("designer.hint.invalidJsonFormat"));
-        s.value.loadFormJson(o), N.value = !1, J.success(t("designer.hint.importJsonSuccess")), s.value.emitHistoryChange(), s.value.emitEvent("form-json-imported", []);
-      } catch (o) {
-        J.error(o + "");
+        const e = JSON.parse(i);
+        if (!e || !e.formConfig)
+          throw new Error(n("designer.hint.invalidJsonFormat"));
+        a.value.loadFormJson(e), I.value = !1, w.success(n("designer.hint.importJsonSuccess")), a.value.emitHistoryChange(), a.value.emitEvent("form-json-imported", []);
+      } catch (e) {
+        w.error(e + "");
       }
-    }, K = () => {
-      k.value = JSON.stringify(W.value, null, "  "), b.value = !0;
-    }, Q = (i) => {
-      se(
-        k.value,
+    }, Y = () => {
+      J.value = JSON.stringify(H.value, null, "  "), C.value = !0;
+    }, Z = (i) => {
+      ue(
+        J.value,
         i,
-        J,
-        t("designer.hint.copyJsonSuccess"),
-        t("designer.hint.copyJsonFail")
+        w,
+        n("designer.hint.copyJsonSuccess"),
+        n("designer.hint.copyJsonFail")
       );
-    }, X = () => {
-      z(A.value);
-    }, Y = () => {
-      y.value === 270 ? y.value = 0 : y.value = 270;
-    }, Z = () => {
-      h.value === 300 ? h.value = 0 : h.value = 300;
+    }, ee = () => {
+      K(M.value);
+    }, te = () => {
+      h.value === 270 ? h.value = 0 : h.value = 270;
+    }, oe = () => {
+      k.value === 300 ? k.value = 0 : k.value = 300;
     };
-    return (i, o) => {
-      const l = ne("a-button");
-      return p(), T("div", fe, [
-        _("div", me, [
-          n(l, {
+    return (i, e) => {
+      const r = S("a-button"), g = S("a-radio-button"), ne = S("a-radio-group");
+      return v(), j("div", ye, [
+        T("div", be, [
+          o(r, {
             type: "link",
-            onClick: o[0] || (o[0] = (a) => Y())
+            onClick: e[0] || (e[0] = (s) => te())
           }, {
-            default: r(() => [
-              n(e(v), {
-                style: j(`transform:${y.value === 0 ? "rotate(180deg)" : "rotate(0deg)"}`),
+            default: l(() => [
+              o(t(f), {
+                style: P(`transform:${h.value === 0 ? "rotate(180deg)" : "rotate(0deg)"}`),
                 "icon-class": "icon-a-ipadarrow_back"
               }, null, 8, ["style"])
             ]),
             _: 1
           }),
-          n(l, {
+          o(r, {
             type: "link",
-            disabled: I.value,
-            title: e(t)("designer.toolbar.undoHint"),
-            onClick: R
+            disabled: O.value,
+            title: t(n)("designer.toolbar.undoHint"),
+            onClick: U
           }, {
-            default: r(() => [
-              n(e(v), { "icon-class": "icon-undo" })
+            default: l(() => [
+              o(t(f), { "icon-class": "icon-undo" })
             ]),
             _: 1
           }, 8, ["disabled", "title"]),
-          n(l, {
+          o(r, {
             type: "link",
-            disabled: L.value,
-            title: e(t)("designer.toolbar.redoHint"),
-            onClick: V
+            disabled: R.value,
+            title: t(n)("designer.toolbar.redoHint"),
+            onClick: z
+          }, {
+            default: l(() => [
+              o(t(f), { "icon-class": "icon-redo" })
+            ]),
+            _: 1
+          }, 8, ["disabled", "title"]),
+          o(ne, {
+            value: c.value,
+            "onUpdate:value": e[4] || (e[4] = (s) => c.value = s)
           }, {
-            default: r(() => [
-              n(e(v), { "icon-class": "icon-redo" })
+            default: l(() => [
+              o(g, {
+                value: "PC",
+                type: c.value === "PC" ? "primary" : "",
+                onClick: e[1] || (e[1] = (s) => x("PC"))
+              }, {
+                default: l(() => [
+                  d(u(t(n)("designer.toolbar.pcLayout")), 1)
+                ]),
+                _: 1
+              }, 8, ["type"]),
+              o(g, {
+                value: "Pad",
+                type: c.value === "Pad" ? "primary" : "",
+                onClick: e[2] || (e[2] = (s) => x("Pad"))
+              }, {
+                default: l(() => [
+                  d(u(t(n)("designer.toolbar.padLayout")), 1)
+                ]),
+                _: 1
+              }, 8, ["type"]),
+              o(g, {
+                type: c.value === "H5" ? "primary" : "",
+                onClick: e[3] || (e[3] = (s) => x("H5")),
+                value: "H5"
+              }, {
+                default: l(() => [
+                  d(u(t(n)("designer.toolbar.mobileLayout")), 1)
+                ]),
+                _: 1
+              }, 8, ["type"])
             ]),
             _: 1
-          }, 8, ["disabled", "title"])
+          }, 8, ["value"])
         ]),
-        _("div", ge, [
-          _("div", ye, [
-            f("clearDesignerButton") ? (p(), m(l, {
+        T("div", he, [
+          T("div", ke, [
+            m("clearDesignerButton") ? (v(), y(r, {
               key: 0,
               type: "link",
-              onClick: P
+              onClick: q
             }, {
-              default: r(() => [
-                n(e(v), { "icon-class": "icon-el-delete" }),
-                u(c(e(t)("designer.toolbar.clear")), 1)
+              default: l(() => [
+                o(t(f), { "icon-class": "icon-el-delete" }),
+                d(u(t(n)("designer.toolbar.clear")), 1)
               ]),
               _: 1
-            })) : g("", !0),
-            f("previewFormButton") ? (p(), m(l, {
+            })) : b("", !0),
+            m("previewFormButton") ? (v(), y(r, {
               key: 1,
               type: "link",
-              onClick: U
+              onClick: G
             }, {
-              default: r(() => [
-                n(e(v), { "icon-class": "icon-el-view" }),
-                u(c(e(t)("designer.toolbar.preview")), 1)
+              default: l(() => [
+                o(t(f), { "icon-class": "icon-el-view" }),
+                d(u(t(n)("designer.toolbar.preview")), 1)
               ]),
               _: 1
-            })) : g("", !0),
-            f("importJsonButton") ? (p(), m(l, {
+            })) : b("", !0),
+            m("importJsonButton") ? (v(), y(r, {
               key: 2,
               type: "link",
-              onClick: q
+              onClick: Q
             }, {
-              default: r(() => [
-                u(c(e(t)("designer.toolbar.importJson")), 1)
+              default: l(() => [
+                d(u(t(n)("designer.toolbar.importJson")), 1)
               ]),
               _: 1
-            })) : g("", !0),
-            f("exportJsonButton") ? (p(), m(l, {
+            })) : b("", !0),
+            m("exportJsonButton") ? (v(), y(r, {
               key: 3,
               type: "link",
-              onClick: K
+              onClick: Y
             }, {
-              default: r(() => [
-                u(c(e(t)("designer.toolbar.exportJson")), 1)
+              default: l(() => [
+                d(u(t(n)("designer.toolbar.exportJson")), 1)
               ]),
               _: 1
-            })) : g("", !0),
-            f("exportCodeButton") ? (p(), m(l, {
+            })) : b("", !0),
+            m("exportCodeButton") ? (v(), y(r, {
               key: 4,
               type: "link",
-              onClick: O
+              onClick: V
             }, {
-              default: r(() => [
-                u(c(e(t)("designer.toolbar.save")), 1)
+              default: l(() => [
+                d(u(t(n)("designer.toolbar.save")), 1)
               ]),
               _: 1
-            })) : g("", !0),
-            n(l, {
+            })) : b("", !0),
+            o(r, {
               type: "link",
-              onClick: o[1] || (o[1] = (a) => Z())
+              onClick: e[5] || (e[5] = (s) => oe())
             }, {
-              default: r(() => [
-                n(e(v), {
-                  style: j(`transform:${h.value === 0 ? "rotate(0deg)" : "rotate(180deg)"}`),
+              default: l(() => [
+                o(t(f), {
+                  style: P(`transform:${k.value === 0 ? "rotate(0deg)" : "rotate(180deg)"}`),
                   "icon-class": "icon-a-ipadarrow_back"
                 }, null, 8, ["style"])
               ]),
               _: 1
             }),
-            (p(!0), T(ie, null, le(i.$slots, (a, ee) => re(i.$slots, ee, {}, void 0, !0)), 256))
+            (v(!0), j(ae, null, se(i.$slots, (s, le) => de(i.$slots, le, {}, void 0, !0)), 256))
           ])
         ]),
-        n(ve, {
-          layoutType: M.value,
-          visible: F.value,
-          "onUpdate:visible": o[2] || (o[2] = (a) => F.value = a)
+        o(ge, {
+          layoutType: c.value,
+          visible: D.value,
+          "onUpdate:visible": e[6] || (e[6] = (s) => D.value = s)
         }, null, 8, ["layoutType", "visible"]),
-        n(e(ue), {
+        o(t(ce), {
           ref_key: "importJsonEditorRef",
-          ref: S,
+          ref: E,
           isShowEventFooter: !1,
-          "event-header": e(t)("designer.hint.importJsonHint"),
+          "event-header": t(n)("designer.hint.importJsonHint"),
           mode: "json",
           width: 1200,
           height: "70vh",
-          title: e(t)("designer.toolbar.importJson"),
-          onSetCode: G
+          title: t(n)("designer.toolbar.importJson"),
+          onSetCode: X
         }, null, 8, ["event-header", "title"]),
-        n(e(ce), {
-          title: e(t)("designer.hint.exportFormData"),
-          visible: b.value,
-          "onUpdate:visible": o[4] || (o[4] = (a) => b.value = a),
+        o(t(fe), {
+          title: t(n)("designer.hint.exportFormData"),
+          visible: C.value,
+          "onUpdate:visible": e[8] || (e[8] = (s) => C.value = s),
           width: "1200px"
         }, {
-          footerRight: r(() => [
-            n(l, {
+          footerRight: l(() => [
+            o(r, {
               type: "primary",
               class: "copy-form-data-json-btn",
-              "data-clipboard-text": k.value,
-              onClick: Q
+              "data-clipboard-text": J.value,
+              onClick: Z
             }, {
-              default: r(() => [
-                u(c(e(t)("designer.hint.copyFormData")), 1)
+              default: l(() => [
+                d(u(t(n)("designer.hint.copyFormData")), 1)
               ]),
               _: 1
             }, 8, ["data-clipboard-text"]),
-            n(l, { onClick: X }, {
-              default: r(() => [
-                u(c(e(t)("designer.hint.saveFormData")), 1)
+            o(r, { onClick: ee }, {
+              default: l(() => [
+                d(u(t(n)("designer.hint.saveFormData")), 1)
               ]),
               _: 1
             }),
-            n(l, {
-              onClick: o[3] || (o[3] = (a) => b.value = !1)
+            o(r, {
+              onClick: e[7] || (e[7] = (s) => C.value = !1)
             }, {
-              default: r(() => [
-                u(c(e(t)("designer.hint.closePreview")), 1)
+              default: l(() => [
+                d(u(t(n)("designer.hint.closePreview")), 1)
               ]),
               _: 1
             })
           ]),
-          default: r(() => [
-            n(e(pe), {
+          default: l(() => [
+            o(t(me), {
               mode: "json",
               readonly: !0,
-              value: k.value
+              value: J.value
             }, null, 8, ["value"])
           ]),
           _: 1
@@ -237,6 +277,6 @@ const fe = { class: "toolbar-container" }, me = { class: "left-toolbar" }, ge =
   }
 });
 export {
-  De as default
+  Te as default
 };
 //# sourceMappingURL=index.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../src/components/form-designer/toolbar-panel/index.vue"],"sourcesContent":["<template>\n    <div class=\"toolbar-container\">\n        <div class=\"left-toolbar\">\n            <a-button type=\"link\" @click=\"changeLeftWidth()\">\n                <svg-icon\n                    :style=\"`transform:${leftWidth === 0 ? 'rotate(180deg)' : 'rotate(0deg)'}`\"\n                    icon-class=\"icon-a-ipadarrow_back\"\n                />\n            </a-button>\n            <a-button\n                type=\"link\"\n                :disabled=\"undoDisabled\"\n                :title=\"i18nt('designer.toolbar.undoHint')\"\n                @click=\"undoHistory\"\n            >\n                <svg-icon icon-class=\"icon-undo\" />\n            </a-button>\n            <a-button\n                type=\"link\"\n                :disabled=\"redoDisabled\"\n                :title=\"i18nt('designer.toolbar.redoHint')\"\n                @click=\"redoHistory\"\n            >\n                <svg-icon icon-class=\"icon-redo\" />\n            </a-button>\n        </div>\n\n        <div class=\"right-toolbar\">\n            <div class=\"right-toolbar-con\">\n                <a-button\n                    v-if=\"showToolButton('clearDesignerButton')\"\n                    type=\"link\"\n                    @click=\"clearFormWidget\"\n                >\n                    <svg-icon icon-class=\"icon-el-delete\" />{{ i18nt('designer.toolbar.clear') }}\n                </a-button>\n                <a-button\n                    v-if=\"showToolButton('previewFormButton')\"\n                    type=\"link\"\n                    @click=\"previewForm\"\n                >\n                    <svg-icon icon-class=\"icon-el-view\" />{{ i18nt('designer.toolbar.preview') }}\n                </a-button>\n                <a-button v-if=\"showToolButton('importJsonButton')\" type=\"link\" @click=\"importJson\">\n                    {{ i18nt('designer.toolbar.importJson') }}\n                </a-button>\n                <a-button v-if=\"showToolButton('exportJsonButton')\" type=\"link\" @click=\"exportJson\">\n                    {{ i18nt('designer.toolbar.exportJson') }}\n                </a-button>\n                <a-button v-if=\"showToolButton('exportCodeButton')\" type=\"link\" @click=\"saveJson\">\n                    {{ i18nt('designer.toolbar.save') }}\n                </a-button>\n                <a-button type=\"link\" @click=\"changeRightWidth()\">\n                    <svg-icon\n                        :style=\"`transform:${rightWidth === 0 ? 'rotate(0deg)' : 'rotate(180deg)'}`\"\n                        icon-class=\"icon-a-ipadarrow_back\"\n                    />\n                </a-button>\n                <template v-for=\"(idx, slotName) in $slots\">\n                    <slot :name=\"slotName\"></slot>\n                </template>\n            </div>\n        </div>\n\n        <PreviewDialog :layoutType=\"layoutType\" v-model:visible=\"showPreviewDialogFlag\" />\n\n        <TpfCodeEditor\n            ref=\"importJsonEditorRef\"\n            :isShowEventFooter=\"false\"\n            :event-header=\"i18nt('designer.hint.importJsonHint')\"\n            mode=\"json\"\n            :width=\"1200\"\n            height=\"70vh\"\n            :title=\"i18nt('designer.toolbar.importJson')\"\n            @set-code=\"doJsonImport\"\n        />\n\n        <TpfModal\n            :title=\"i18nt('designer.hint.exportFormData')\"\n            v-model:visible=\"showFormDataDialogFlag\"\n            width=\"1200px\"\n        >\n            <CodeEditor :mode=\"'json'\" :readonly=\"true\" :value=\"exportTemplate\" />\n            <template #footerRight>\n                <a-button\n                    type=\"primary\"\n                    class=\"copy-form-data-json-btn\"\n                    :data-clipboard-text=\"exportTemplate\"\n                    @click=\"copyFormDataJson\"\n                >\n                    {{ i18nt('designer.hint.copyFormData') }}\n                </a-button>\n                <a-button @click=\"saveFormData\">{{ i18nt('designer.hint.saveFormData') }}</a-button>\n                <a-button @click=\"showFormDataDialogFlag = false\">\n                    {{ i18nt('designer.hint.closePreview') }}\n                </a-button>\n            </template>\n        </TpfModal>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, computed, inject, Ref } from 'vue';\n    import { copyToClipboard, generateId } from '@/utils/util';\n    import { useI18n } from '@/utils/i18n';\n    import { saveAs } from 'file-saver';\n    import { SvgIcon } from 'tmgc2-share';\n    import { cloneDeep } from 'lodash-es';\n    import { CodeEditor, TpfModal, TpfCodeEditor } from 'tmgc2-share';\n    import { message } from 'ant-design-vue';\n    import PreviewDialog from './PreviewDialog.vue';\n    import { FormDesigner } from '@/types/designer';\n\n    // Props 定义\n    interface Props {\n        saveJsonApi?: (formJson: any) => void;\n        globalDsv?: Record<string, any>;\n    }\n\n    const props = withDefaults(defineProps<Props>(), {\n        globalDsv: () => ({})\n    });\n\n    const leftWidth = defineModel<number>('leftWidth', { default: 0 });\n    const rightWidth = defineModel<number>('rightWidth', { default: 0 });\n\n    // Inject\n    const getDesignerConfig = inject('getDesignerConfig') as () => any;\n\n    // 响应式数据\n    const designerConfig = ref(getDesignerConfig());\n    const showPreviewDialogFlag = ref(false);\n    const showImportJsonDialogFlag = ref(false);\n    const showFormDataDialogFlag = ref(false);\n    const exportTemplate = ref('');\n    const htmlCode = ref('');\n    const importJsonEditorRef = ref();\n    const designer = inject<Ref<FormDesigner>>('designer', ref({} as FormDesigner));\n\n    // 计算属性\n    const formJson = computed(() => {\n        return {\n            widgetList: cloneDeep(designer.value.widgetList),\n            formConfig: cloneDeep(designer.value.formConfig)\n        };\n    });\n\n    const undoDisabled = computed(() => {\n        return !designer.value.undoEnabled();\n    });\n\n    const redoDisabled = computed(() => {\n        return !designer.value.redoEnabled();\n    });\n\n    const layoutType = computed(() => {\n        return designer.value.getLayoutType();\n    });\n\n    // 方法\n    const { i18nt } = useI18n();\n\n    const saveJson = () => {\n        if (props.saveJsonApi) {\n            props.saveJsonApi(formJson.value);\n        }\n    };\n\n    const showToolButton = (configName: string): boolean => {\n        if (designerConfig.value[configName] === undefined) {\n            return true;\n        }\n\n        return !!designerConfig.value[configName];\n    };\n\n    const undoHistory = () => {\n        designer.value.undoHistoryStep();\n    };\n\n    const redoHistory = () => {\n        designer.value.redoHistoryStep();\n    };\n\n    const changeLayoutType = (newType: string) => {\n        designer.value.changeLayoutType(newType);\n    };\n\n    const clearFormWidget = () => {\n        designer.value.clearDesigner();\n        message.success('ok');\n    };\n\n    const previewForm = () => {\n        showPreviewDialogFlag.value = true;\n    };\n\n    const saveAsFile = (fileContent: string, defaultFileName: string) => {\n        const value = 'json.json' || defaultFileName;\n\n        const fileBlob = new Blob([fileContent], { type: 'text/plain;charset=utf-8' });\n        saveAs(fileBlob, value);\n    };\n\n    const importJson = () => {\n        importJsonEditorRef.value?.open(\n            JSON.stringify(designer.value.getImportTemplate(), null, '  ')\n        );\n    };\n\n    const doJsonImport = (value: string) => {\n        try {\n            const importObj = JSON.parse(value);\n            if (!importObj || !importObj.formConfig) {\n                throw new Error(i18nt('designer.hint.invalidJsonFormat'));\n            }\n\n            designer.value.loadFormJson(importObj);\n\n            showImportJsonDialogFlag.value = false;\n            message.success(i18nt('designer.hint.importJsonSuccess'));\n\n            designer.value.emitHistoryChange();\n\n            designer.value.emitEvent('form-json-imported', []);\n        } catch (ex) {\n            message.error(ex + '');\n        }\n    };\n\n    const exportJson = () => {\n        exportTemplate.value = JSON.stringify(formJson.value, null, '  ');\n        showFormDataDialogFlag.value = true;\n    };\n\n    const copyFormDataJson = (e: Event) => {\n        copyToClipboard(\n            exportTemplate.value,\n            e,\n            message,\n            i18nt('designer.hint.copyJsonSuccess'),\n            i18nt('designer.hint.copyJsonFail')\n        );\n    };\n\n    const saveFormData = () => {\n        saveAsFile(htmlCode.value, `formData${generateId()}.json`);\n    };\n\n    const changeLeftWidth = () => {\n        if (leftWidth.value === 270) {\n            leftWidth.value = 0;\n        } else {\n            leftWidth.value = 270;\n        }\n    };\n    const changeRightWidth = () => {\n        if (rightWidth.value === 300) {\n            rightWidth.value = 0;\n        } else {\n            rightWidth.value = 300;\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .toolbar-container {\n        width: 100%;\n        display: flex;\n        height: 42px;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .left-toolbar {\n        display: flex;\n        margin-top: 4px;\n        font-size: 16px;\n    }\n\n    .right-toolbar {\n        display: flex;\n        line-height: 42px;\n        overflow: hidden;\n\n        .right-toolbar-con {\n            text-align: left;\n        }\n\n        :deep(.svg-icon) {\n            margin-left: 0;\n            margin-right: 0.05em;\n        }\n    }\n\n    .no-box-shadow {\n        box-shadow: none;\n    }\n\n    .form-render-wrapper.h5-layout {\n        margin: 0 auto;\n        width: 420px;\n        border-radius: 15px;\n        //border-width: 10px;\n        box-shadow: 0 0 1px 10px #495060;\n        height: calc(100vh - 175px);\n        overflow-y: auto;\n        overflow-x: hidden;\n    }\n\n    .form-render-wrapper.pad-layout {\n        margin: 0 auto;\n        width: 960px;\n        border-radius: 15px;\n        //border-width: 10px;\n        box-shadow: 0 0 1px 10px #495060;\n        height: calc(100vh - 175px);\n        overflow-y: auto;\n        overflow-x: hidden;\n    }\n\n    .node-tree-drawer {\n    }\n</style>\n"],"names":["props","__props","leftWidth","_useModel","rightWidth","getDesignerConfig","inject","designerConfig","ref","showPreviewDialogFlag","showImportJsonDialogFlag","showFormDataDialogFlag","exportTemplate","htmlCode","importJsonEditorRef","designer","formJson","computed","cloneDeep","undoDisabled","redoDisabled","layoutType","i18nt","useI18n","saveJson","showToolButton","configName","undoHistory","redoHistory","clearFormWidget","message","previewForm","saveAsFile","fileContent","defaultFileName","value","fileBlob","saveAs","importJson","_a","doJsonImport","importObj","ex","exportJson","copyFormDataJson","e","copyToClipboard","saveFormData","changeLeftWidth","changeRightWidth","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_component_a_button","_unref","SvgIcon","_hoisted_3","_hoisted_4","_createBlock","_Fragment","_renderList","$slots","idx","slotName","_renderSlot","_ctx","PreviewDialog","$event","TpfCodeEditor","TpfModal","CodeEditor"],"mappings":"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"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../src/components/form-designer/toolbar-panel/index.vue"],"sourcesContent":["<template>\n    <div class=\"toolbar-container\">\n        <div class=\"left-toolbar\">\n            <a-button type=\"link\" @click=\"changeLeftWidth()\">\n                <svg-icon\n                    :style=\"`transform:${leftWidth === 0 ? 'rotate(180deg)' : 'rotate(0deg)'}`\"\n                    icon-class=\"icon-a-ipadarrow_back\"\n                />\n            </a-button>\n            <a-button\n                type=\"link\"\n                :disabled=\"undoDisabled\"\n                :title=\"i18nt('designer.toolbar.undoHint')\"\n                @click=\"undoHistory\"\n            >\n                <svg-icon icon-class=\"icon-undo\" />\n            </a-button>\n            <a-button\n                type=\"link\"\n                :disabled=\"redoDisabled\"\n                :title=\"i18nt('designer.toolbar.redoHint')\"\n                @click=\"redoHistory\"\n            >\n                <svg-icon icon-class=\"icon-redo\" />\n            </a-button>\n            <a-radio-group v-model:value=\"layoutType\">\n                <a-radio-button\n                    value=\"PC\"\n                    :type=\"layoutType === 'PC' ? 'primary' : ''\"\n                    @click=\"changeLayoutType('PC')\"\n                >\n                    {{ i18nt('designer.toolbar.pcLayout') }}\n                </a-radio-button>\n                <a-radio-button\n                    value=\"Pad\"\n                    :type=\"layoutType === 'Pad' ? 'primary' : ''\"\n                    @click=\"changeLayoutType('Pad')\"\n                >\n                    {{ i18nt('designer.toolbar.padLayout') }}\n                </a-radio-button>\n                <a-radio-button\n                    :type=\"layoutType === 'H5' ? 'primary' : ''\"\n                    @click=\"changeLayoutType('H5')\"\n                    value=\"H5\"\n                >\n                    {{ i18nt('designer.toolbar.mobileLayout') }}\n                </a-radio-button>\n            </a-radio-group>\n        </div>\n\n        <div class=\"right-toolbar\">\n            <div class=\"right-toolbar-con\">\n                <a-button\n                    v-if=\"showToolButton('clearDesignerButton')\"\n                    type=\"link\"\n                    @click=\"clearFormWidget\"\n                >\n                    <svg-icon icon-class=\"icon-el-delete\" />{{ i18nt('designer.toolbar.clear') }}\n                </a-button>\n                <a-button\n                    v-if=\"showToolButton('previewFormButton')\"\n                    type=\"link\"\n                    @click=\"previewForm\"\n                >\n                    <svg-icon icon-class=\"icon-el-view\" />{{ i18nt('designer.toolbar.preview') }}\n                </a-button>\n                <a-button v-if=\"showToolButton('importJsonButton')\" type=\"link\" @click=\"importJson\">\n                    {{ i18nt('designer.toolbar.importJson') }}\n                </a-button>\n                <a-button v-if=\"showToolButton('exportJsonButton')\" type=\"link\" @click=\"exportJson\">\n                    {{ i18nt('designer.toolbar.exportJson') }}\n                </a-button>\n                <a-button v-if=\"showToolButton('exportCodeButton')\" type=\"link\" @click=\"saveJson\">\n                    {{ i18nt('designer.toolbar.save') }}\n                </a-button>\n                <a-button type=\"link\" @click=\"changeRightWidth()\">\n                    <svg-icon\n                        :style=\"`transform:${rightWidth === 0 ? 'rotate(0deg)' : 'rotate(180deg)'}`\"\n                        icon-class=\"icon-a-ipadarrow_back\"\n                    />\n                </a-button>\n                <template v-for=\"(idx, slotName) in $slots\">\n                    <slot :name=\"slotName\"></slot>\n                </template>\n            </div>\n        </div>\n\n        <PreviewDialog :layoutType=\"layoutType\" v-model:visible=\"showPreviewDialogFlag\" />\n\n        <TpfCodeEditor\n            ref=\"importJsonEditorRef\"\n            :isShowEventFooter=\"false\"\n            :event-header=\"i18nt('designer.hint.importJsonHint')\"\n            mode=\"json\"\n            :width=\"1200\"\n            height=\"70vh\"\n            :title=\"i18nt('designer.toolbar.importJson')\"\n            @set-code=\"doJsonImport\"\n        />\n\n        <TpfModal\n            :title=\"i18nt('designer.hint.exportFormData')\"\n            v-model:visible=\"showFormDataDialogFlag\"\n            width=\"1200px\"\n        >\n            <CodeEditor :mode=\"'json'\" :readonly=\"true\" :value=\"exportTemplate\" />\n            <template #footerRight>\n                <a-button\n                    type=\"primary\"\n                    class=\"copy-form-data-json-btn\"\n                    :data-clipboard-text=\"exportTemplate\"\n                    @click=\"copyFormDataJson\"\n                >\n                    {{ i18nt('designer.hint.copyFormData') }}\n                </a-button>\n                <a-button @click=\"saveFormData\">{{ i18nt('designer.hint.saveFormData') }}</a-button>\n                <a-button @click=\"showFormDataDialogFlag = false\">\n                    {{ i18nt('designer.hint.closePreview') }}\n                </a-button>\n            </template>\n        </TpfModal>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, computed, inject, Ref } from 'vue';\n    import { copyToClipboard, generateId } from '@/utils/util';\n    import { useI18n } from '@/utils/i18n';\n    import { saveAs } from 'file-saver';\n    import { SvgIcon } from 'tmgc2-share';\n    import { cloneDeep } from 'lodash-es';\n    import { CodeEditor, TpfModal, TpfCodeEditor } from 'tmgc2-share';\n    import { message } from 'ant-design-vue';\n    import PreviewDialog from './PreviewDialog.vue';\n    import { FormDesigner } from '@/types/designer';\n\n    // Props 定义\n    interface Props {\n        saveJsonApi?: (formJson: any) => void;\n        globalDsv?: Record<string, any>;\n    }\n\n    const props = withDefaults(defineProps<Props>(), {\n        globalDsv: () => ({})\n    });\n\n    const leftWidth = defineModel<number>('leftWidth', { default: 0 });\n    const rightWidth = defineModel<number>('rightWidth', { default: 0 });\n\n    // Inject\n    const getDesignerConfig = inject('getDesignerConfig') as () => any;\n\n    // 响应式数据\n    const designerConfig = ref(getDesignerConfig());\n    const showPreviewDialogFlag = ref(false);\n    const showImportJsonDialogFlag = ref(false);\n    const showFormDataDialogFlag = ref(false);\n    const exportTemplate = ref('');\n    const htmlCode = ref('');\n    const importJsonEditorRef = ref();\n    const designer = inject<Ref<FormDesigner>>('designer', ref({} as FormDesigner));\n\n    // 计算属性\n    const formJson = computed(() => {\n        return {\n            widgetList: cloneDeep(designer.value.widgetList),\n            formConfig: cloneDeep(designer.value.formConfig)\n        };\n    });\n\n    const undoDisabled = computed(() => {\n        return !designer.value.undoEnabled();\n    });\n\n    const redoDisabled = computed(() => {\n        return !designer.value.redoEnabled();\n    });\n\n    const layoutType = computed(() => {\n        return designer.value.getLayoutType();\n    });\n\n    // 方法\n    const { i18nt } = useI18n();\n\n    const saveJson = () => {\n        if (props.saveJsonApi) {\n            props.saveJsonApi(formJson.value);\n        }\n    };\n\n    const showToolButton = (configName: string): boolean => {\n        if (designerConfig.value[configName] === undefined) {\n            return true;\n        }\n\n        return !!designerConfig.value[configName];\n    };\n\n    const undoHistory = () => {\n        designer.value.undoHistoryStep();\n    };\n\n    const redoHistory = () => {\n        designer.value.redoHistoryStep();\n    };\n\n    const changeLayoutType = (newType: string) => {\n        designer.value.changeLayoutType(newType);\n    };\n\n    const clearFormWidget = () => {\n        designer.value.clearDesigner();\n        message.success('ok');\n    };\n\n    const previewForm = () => {\n        showPreviewDialogFlag.value = true;\n    };\n\n    const saveAsFile = (fileContent: string, defaultFileName: string) => {\n        const value = 'json.json' || defaultFileName;\n\n        const fileBlob = new Blob([fileContent], { type: 'text/plain;charset=utf-8' });\n        saveAs(fileBlob, value);\n    };\n\n    const importJson = () => {\n        importJsonEditorRef.value?.open(\n            JSON.stringify(designer.value.getImportTemplate(), null, '  ')\n        );\n    };\n\n    const doJsonImport = (value: string) => {\n        try {\n            const importObj = JSON.parse(value);\n            if (!importObj || !importObj.formConfig) {\n                throw new Error(i18nt('designer.hint.invalidJsonFormat'));\n            }\n\n            designer.value.loadFormJson(importObj);\n\n            showImportJsonDialogFlag.value = false;\n            message.success(i18nt('designer.hint.importJsonSuccess'));\n\n            designer.value.emitHistoryChange();\n\n            designer.value.emitEvent('form-json-imported', []);\n        } catch (ex) {\n            message.error(ex + '');\n        }\n    };\n\n    const exportJson = () => {\n        exportTemplate.value = JSON.stringify(formJson.value, null, '  ');\n        showFormDataDialogFlag.value = true;\n    };\n\n    const copyFormDataJson = (e: Event) => {\n        copyToClipboard(\n            exportTemplate.value,\n            e,\n            message,\n            i18nt('designer.hint.copyJsonSuccess'),\n            i18nt('designer.hint.copyJsonFail')\n        );\n    };\n\n    const saveFormData = () => {\n        saveAsFile(htmlCode.value, `formData${generateId()}.json`);\n    };\n\n    const changeLeftWidth = () => {\n        if (leftWidth.value === 270) {\n            leftWidth.value = 0;\n        } else {\n            leftWidth.value = 270;\n        }\n    };\n    const changeRightWidth = () => {\n        if (rightWidth.value === 300) {\n            rightWidth.value = 0;\n        } else {\n            rightWidth.value = 300;\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .toolbar-container {\n        width: 100%;\n        display: flex;\n        height: 42px;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .left-toolbar {\n        display: flex;\n        margin-top: 4px;\n        font-size: 16px;\n    }\n\n    .right-toolbar {\n        display: flex;\n        line-height: 42px;\n        overflow: hidden;\n\n        .right-toolbar-con {\n            text-align: left;\n        }\n\n        :deep(.svg-icon) {\n            margin-left: 0;\n            margin-right: 0.05em;\n        }\n    }\n\n    .no-box-shadow {\n        box-shadow: none;\n    }\n\n    .form-render-wrapper.h5-layout {\n        margin: 0 auto;\n        width: 420px;\n        border-radius: 15px;\n        //border-width: 10px;\n        box-shadow: 0 0 1px 10px #495060;\n        height: calc(100vh - 175px);\n        overflow-y: auto;\n        overflow-x: hidden;\n    }\n\n    .form-render-wrapper.pad-layout {\n        margin: 0 auto;\n        width: 960px;\n        border-radius: 15px;\n        //border-width: 10px;\n        box-shadow: 0 0 1px 10px #495060;\n        height: calc(100vh - 175px);\n        overflow-y: auto;\n        overflow-x: hidden;\n    }\n\n    .node-tree-drawer {\n    }\n</style>\n"],"names":["props","__props","leftWidth","_useModel","rightWidth","getDesignerConfig","inject","designerConfig","ref","showPreviewDialogFlag","showImportJsonDialogFlag","showFormDataDialogFlag","exportTemplate","htmlCode","importJsonEditorRef","designer","formJson","computed","cloneDeep","undoDisabled","redoDisabled","layoutType","i18nt","useI18n","saveJson","showToolButton","configName","undoHistory","redoHistory","changeLayoutType","newType","clearFormWidget","message","previewForm","saveAsFile","fileContent","defaultFileName","value","fileBlob","saveAs","importJson","_a","doJsonImport","importObj","ex","exportJson","copyFormDataJson","e","copyToClipboard","saveFormData","changeLeftWidth","changeRightWidth","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_component_a_button","_unref","SvgIcon","_component_a_radio_group","$event","_component_a_radio_button","_hoisted_3","_hoisted_4","_createBlock","_Fragment","_renderList","$slots","idx","slotName","_renderSlot","_ctx","PreviewDialog","TpfCodeEditor","TpfModal","CodeEditor"],"mappings":"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"}

package/src/components/form-designer/widget-panel/PanelItemDrag.vue.js

@@ -0,0 +1,50 @@
+import { defineComponent as c, inject as d, ref as m, createBlock as p, openBlock as g, unref as n, withCtx as u, createElementVNode as l, createVNode as f, createTextVNode as v, toDisplayString as _ } from "vue";
+import { SvgIcon as h } from "tmgc2-share";
+import { useI18n as y } from "../../../utils/i18n.js";
+import k from "../../../lib/vuedraggable/src/vuedraggable.js";
+const C = ["title", "onDblclick"], V = /* @__PURE__ */ c({
+  name: "PanelItemDrag",
+  __name: "PanelItemDrag",
+  props: {
+    items: {}
+  },
+  setup(w) {
+    const { i18n2t: i } = y(), o = d("designer", m({})), a = (e) => e.category === "container" ? o.value.copyNewContainerWidget(e) : o.value.copyNewFieldWidget(e), r = (e) => o.value.checkWidgetMove(e), s = (e) => {
+      o.value.addWidget(e);
+    };
+    return (e, N) => (g(), p(n(k), {
+      tag: "ul",
+      list: e.items,
+      "item-key": "key",
+      group: { name: "dragGroup", pull: "clone", put: !1 },
+      clone: a,
+      "ghost-class": "ghost",
+      sort: !1,
+      move: r
+    }, {
+      item: u(({ element: t }) => [
+        l("li", {
+          class: "container-widget-item",
+          title: t.displayName,
+          onDblclick: (W) => s(t)
+        }, [
+          l("span", null, [
+            f(n(h), {
+              "icon-class": "icon-" + t.icon,
+              class: "color-svg-icon"
+            }, null, 8, ["icon-class"]),
+            v(" " + _(n(i)(
+              `designer.widgetLabel.${t.type}`,
+              `extension.widgetLabel.${t.type}`
+            )), 1)
+          ])
+        ], 40, C)
+      ]),
+      _: 1
+    }, 8, ["list"]));
+  }
+});
+export {
+  V as default
+};
+//# sourceMappingURL=PanelItemDrag.vue.js.map

package/src/components/form-designer/widget-panel/PanelItemDrag.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelItemDrag.vue.js","sources":["../../../../../src/components/form-designer/widget-panel/PanelItemDrag.vue"],"sourcesContent":["<template>\n    <draggable\n        tag=\"ul\"\n        :list=\"items\"\n        item-key=\"key\"\n        :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n        :clone=\"handleContainerWidgetClone\"\n        ghost-class=\"ghost\"\n        :sort=\"false\"\n        :move=\"checkContainerMove\"\n    >\n        <template #item=\"{ element: ctn }\">\n            <li\n                class=\"container-widget-item\"\n                :title=\"ctn.displayName\"\n                @dblclick=\"handleAddWidget(ctn)\"\n            >\n                <span>\n                    <svg-icon :icon-class=\"'icon-' + ctn.icon\" class=\"color-svg-icon\" />\n                    {{\n                        i18n2t(\n                            `designer.widgetLabel.${ctn.type}`,\n                            `extension.widgetLabel.${ctn.type}`\n                        )\n                    }}\n                </span>\n            </li>\n        </template>\n    </draggable>\n</template>\n<script lang=\"ts\" setup>\n    import { SvgIcon } from 'tmgc2-share';\n    import { useI18n } from '@/utils/i18n';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import { Widget } from '@/types/schema';\n    import { inject, Ref, ref } from 'vue';\n    import { FormDesigner } from '@/types/designer';\n    defineOptions({\n        name: 'PanelItemDrag'\n    });\n\n    const { i18n2t } = useI18n();\n    const designer = inject<Ref<FormDesigner>>('designer', ref({} as FormDesigner));\n\n    const props = defineProps<{\n        items: any[];\n    }>();\n\n    const handleContainerWidgetClone = (origin: Widget) => {\n        if (origin.category === 'container') {\n            return designer.value.copyNewContainerWidget(origin);\n        } else {\n            return designer.value.copyNewFieldWidget(origin);\n        }\n    };\n\n    const checkContainerMove = evt => {\n        return designer.value.checkWidgetMove(evt);\n    };\n\n    const handleAddWidget = ctn => {\n        designer.value.addWidget(ctn);\n    };\n</script>\n"],"names":["i18n2t","useI18n","designer","inject","ref","handleContainerWidgetClone","origin","checkContainerMove","evt","handleAddWidget","ctn","_createBlock","_unref","Draggable","items","_withCtx","_createElementVNode","$event","_createVNode","SvgIcon","_createTextVNode"],"mappings":";;;;;;;;;;;AAyCI,UAAM,EAAE,QAAAA,EAAA,IAAWC,EAAA,GACbC,IAAWC,EAA0B,YAAYC,EAAI,CAAA,CAAkB,CAAC,GAMxEC,IAA6B,CAACC,MAC5BA,EAAO,aAAa,cACbJ,EAAS,MAAM,uBAAuBI,CAAM,IAE5CJ,EAAS,MAAM,mBAAmBI,CAAM,GAIjDC,IAAqB,CAAAC,MAChBN,EAAS,MAAM,gBAAgBM,CAAG,GAGvCC,IAAkB,CAAAC,MAAO;AAC3B,MAAAR,EAAS,MAAM,UAAUQ,CAAG;AAAA,IAChC;2BA7DAC,EA2BYC,EAAAC,CAAA,GAAA;AAAA,MA1BR,KAAI;AAAA,MACH,MAAMC,EAAAA;AAAAA,MACP,YAAS;AAAA,MACR,OAAO,EAAA,MAAA,aAAA,MAAA,SAAA,KAAA,GAAA;AAAA,MACP,OAAOT;AAAA,MACR,eAAY;AAAA,MACX,MAAM;AAAA,MACN,MAAME;AAAA,IAAA;MAEI,MAAIQ,EACX,CAcK,EAAA,SAfmBL,QAAG;AAAA,QAC3BM,EAcK,MAAA;AAAA,UAbD,OAAM;AAAA,UACL,OAAON,EAAI;AAAA,UACX,YAAQ,CAAAO,MAAER,EAAgBC,CAAG;AAAA,QAAA;UAE9BM,EAQO,QAAA,MAAA;AAAA,YAPHE,EAAoEN,EAAAO,CAAA,GAAA;AAAA,cAAzD,cAAU,UAAYT,EAAI;AAAA,cAAM,OAAM;AAAA,YAAA;YAAmBU,EAAA,QAEhER,EAAAZ,CAAA;AAAA,cAA4D,wBAAAU,EAAI,IAAI;AAAA,cAAyD,yBAAAA,EAAI,IAAI;AAAA,YAAA;;;;;;;;"}

package/src/components/form-designer/widget-panel/basicFields/input.js

@@ -31,8 +31,10 @@ const a = (e = {}) => ({
     //-------------------
     customClass: [],
     //自定义css类名
-    // labelIconClass: null,
-    // labelIconPosition: 'rear',
+    labelIconClass: null,
+    labelIconPosition: "rear",
+    customLabelIcon: "",
+    labelIconTooltip: "",
     maxLength: null,
     showCount: !1,
     //-------------------

package/src/components/form-designer/widget-panel/basicFields/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../../../../src/components/form-designer/widget-panel/basicFields/input.ts"],"sourcesContent":["import type { Widget, WidgetOptions } from '@/types/schema';\nimport { getUuidKey } from '@kp-ui/tool';\n\nexport interface InputWidgetOptionsType extends WidgetOptions {\n    type: string;\n    defaultValue: string;\n    placeholder: string;\n    columnWidth: string;\n    size: string;\n    labelWidth: string | number | null;\n    labelHidden: boolean;\n    readonly: boolean;\n    disabled: boolean;\n    hidden: boolean;\n    holdHidden: boolean;\n    allowClear: boolean;\n    required: boolean;\n    requiredHint: string;\n    validation: string;\n    validationHint: string;\n    useModal: boolean;\n    onClickIcon: string;\n    //-------------------\n    customClass: string[]; //自定义css类名\n    // labelIconClass: null,\n    // labelIconPosition: 'rear',\n    maxLength: string | number | null;\n    showCount: boolean;\n}\n\nexport interface InputWidget extends Widget<InputWidgetOptionsType> {}\n\nexport const input = (ops = {} as any): InputWidget => {\n    return {\n        key: getUuidKey(),\n        id: ops.name,\n        type: 'input',\n        icon: 'text-field',\n        category: 'field',\n        formItemFlag: true,\n        options: {\n            name: '',\n            label: '',\n            labelAlign: '',\n            type: 'text',\n            defaultValue: '',\n            placeholder: '',\n            columnWidth: '200px',\n            size: '',\n            labelWidth: null,\n            labelHidden: false,\n            readonly: false,\n            disabled: false,\n            hidden: false,\n            holdHidden: true,\n            allowClear: true,\n            required: false,\n            requiredHint: '',\n            validation: '',\n            validationHint: '',\n            useModal: false,\n            onClickIcon: '',\n            //-------------------\n            customClass: [], //自定义css类名\n            // labelIconClass: null,\n            // labelIconPosition: 'rear',\n            maxLength: null,\n            showCount: false,\n            //-------------------\n            onCreated: '',\n            onMounted: '',\n            onInput: '',\n            onChange: '',\n            onFocus: '',\n            onBlur: '',\n            onValidate: '',\n            ...ops\n        }\n    };\n};\n"],"names":["input","ops","getUuidKey"],"mappings":";AAgCO,MAAMA,IAAQ,CAACC,IAAM,QACjB;AAAA,EACH,KAAKC,EAAA;AAAA,EACL,IAAID,EAAI;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAAA,EACd,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,aAAa;AAAA;AAAA,IAEb,aAAa,CAAA;AAAA;AAAA;AAAA;AAAA,IAGb,WAAW;AAAA,IACX,WAAW;AAAA;AAAA,IAEX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,GAAGA;AAAA,EAAA;AACP;"}
+{"version":3,"file":"input.js","sources":["../../../../../../src/components/form-designer/widget-panel/basicFields/input.ts"],"sourcesContent":["import type { Widget, WidgetOptions } from '@/types/schema';\nimport { getUuidKey } from '@kp-ui/tool';\n\nexport interface InputWidgetOptionsType extends WidgetOptions {\n    type: string;\n    defaultValue: string;\n    placeholder: string;\n    columnWidth: string;\n    size: string;\n    labelWidth: string | number | null;\n    labelHidden: boolean;\n    readonly: boolean;\n    disabled: boolean;\n    hidden: boolean;\n    holdHidden: boolean;\n    allowClear: boolean;\n    required: boolean;\n    requiredHint: string;\n    validation: string;\n    validationHint: string;\n    useModal: boolean;\n    onClickIcon: string;\n    //-------------------\n    customClass: string[]; //自定义css类名\n    // labelIconClass: null,\n    // labelIconPosition: 'rear',\n    maxLength: string | number | null;\n    showCount: boolean;\n    customLabelIcon: string;\n    labelIconClass: string;\n    labelIconTooltip: string;\n    labelIconPosition: string;\n}\n\nexport interface InputWidget extends Widget<InputWidgetOptionsType> {}\n\nexport const input = (ops = {} as any): InputWidget => {\n    return {\n        key: getUuidKey(),\n        id: ops.name,\n        type: 'input',\n        icon: 'text-field',\n        category: 'field',\n        formItemFlag: true,\n        options: {\n            name: '',\n            label: '',\n            labelAlign: '',\n            type: 'text',\n            defaultValue: '',\n            placeholder: '',\n            columnWidth: '200px',\n            size: '',\n            labelWidth: null,\n            labelHidden: false,\n            readonly: false,\n            disabled: false,\n            hidden: false,\n            holdHidden: true,\n            allowClear: true,\n            required: false,\n            requiredHint: '',\n            validation: '',\n            validationHint: '',\n            useModal: false,\n            onClickIcon: '',\n            //-------------------\n            customClass: [], //自定义css类名\n            labelIconClass: null,\n            labelIconPosition: 'rear',\n            customLabelIcon: '',\n            labelIconTooltip: '',\n            maxLength: null,\n            showCount: false,\n            //-------------------\n            onCreated: '',\n            onMounted: '',\n            onInput: '',\n            onChange: '',\n            onFocus: '',\n            onBlur: '',\n            onValidate: '',\n            ...ops\n        }\n    };\n};\n"],"names":["input","ops","getUuidKey"],"mappings":";AAoCO,MAAMA,IAAQ,CAACC,IAAM,QACjB;AAAA,EACH,KAAKC,EAAA;AAAA,EACL,IAAID,EAAI;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAAA,EACd,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,aAAa;AAAA;AAAA,IAEb,aAAa,CAAA;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,WAAW;AAAA,IACX,WAAW;AAAA;AAAA,IAEX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,GAAGA;AAAA,EAAA;AACP;"}

package/src/components/form-designer/widget-panel/containers/vf-box.js

@@ -11,9 +11,6 @@ const e = (o = {}) => ({
     customClass: [],
     hidden: !1,
     holdHidden: !1,
-    width: "100%",
-    height: 120,
-    rotate: 0,
     boxModel: {
       paddingTop: 0,
       paddingRight: 0,
@@ -28,7 +25,7 @@ const e = (o = {}) => ({
       borderWidth: 1,
       borderColor: "#cccccc",
       borderRadius: 0,
-      backgroundColor: "transparent",
+      backgroundColor: "#ffffff",
       shadowShow: !1,
       shadowOffsetX: 0,
       shadowOffsetY: 2,