@kp-ui/lowcode 2.15.0-beta.6 → 2.15.0-beta.7

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

@@ -1,14 +1,14 @@
-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({
+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({
   __name: "index",
-  props: /* @__PURE__ */ re({
+  props: /* @__PURE__ */ oe({
     saveJsonApi: {},
     globalDsv: { default: () => ({}) }
   }, {
@@ -18,256 +18,216 @@ const ye = { class: "toolbar-container" }, be = { class: "left-toolbar" }, he =
     rightWidthModifiers: {}
   }),
   emits: ["update:leftWidth", "update:rightWidth"],
-  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);
+  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);
     }, 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 = E.value) == null || i.open(
-        JSON.stringify(a.value.getImportTemplate(), null, "  ")
+      (i = S.value) == null || i.open(
+        JSON.stringify(s.value.getImportTemplate(), null, "  ")
       );
-    }, X = (i) => {
+    }, G = (i) => {
       try {
-        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 + "");
+        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 + "");
       }
-    }, Y = () => {
-      J.value = JSON.stringify(H.value, null, "  "), C.value = !0;
-    }, Z = (i) => {
-      ue(
-        J.value,
+    }, K = () => {
+      k.value = JSON.stringify(W.value, null, "  "), b.value = !0;
+    }, Q = (i) => {
+      se(
+        k.value,
         i,
-        w,
-        n("designer.hint.copyJsonSuccess"),
-        n("designer.hint.copyJsonFail")
+        J,
+        t("designer.hint.copyJsonSuccess"),
+        t("designer.hint.copyJsonFail")
       );
-    }, ee = () => {
-      K(M.value);
-    }, te = () => {
-      h.value === 270 ? h.value = 0 : h.value = 270;
-    }, oe = () => {
-      k.value === 300 ? k.value = 0 : k.value = 300;
+    }, X = () => {
+      z(A.value);
+    }, Y = () => {
+      y.value === 270 ? y.value = 0 : y.value = 270;
+    }, Z = () => {
+      h.value === 300 ? h.value = 0 : h.value = 300;
     };
-    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, {
+    return (i, o) => {
+      const l = ne("a-button");
+      return p(), T("div", fe, [
+        _("div", me, [
+          n(l, {
             type: "link",
-            onClick: e[0] || (e[0] = (s) => te())
+            onClick: o[0] || (o[0] = (a) => Y())
           }, {
-            default: l(() => [
-              o(t(f), {
-                style: P(`transform:${h.value === 0 ? "rotate(180deg)" : "rotate(0deg)"}`),
+            default: r(() => [
+              n(e(v), {
+                style: j(`transform:${y.value === 0 ? "rotate(180deg)" : "rotate(0deg)"}`),
                 "icon-class": "icon-a-ipadarrow_back"
               }, null, 8, ["style"])
             ]),
             _: 1
           }),
-          o(r, {
+          n(l, {
             type: "link",
-            disabled: O.value,
-            title: t(n)("designer.toolbar.undoHint"),
-            onClick: U
+            disabled: I.value,
+            title: e(t)("designer.toolbar.undoHint"),
+            onClick: R
           }, {
-            default: l(() => [
-              o(t(f), { "icon-class": "icon-undo" })
+            default: r(() => [
+              n(e(v), { "icon-class": "icon-undo" })
             ]),
             _: 1
           }, 8, ["disabled", "title"]),
-          o(r, {
+          n(l, {
             type: "link",
-            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)
+            disabled: L.value,
+            title: e(t)("designer.toolbar.redoHint"),
+            onClick: V
           }, {
-            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"])
+            default: r(() => [
+              n(e(v), { "icon-class": "icon-redo" })
             ]),
             _: 1
-          }, 8, ["value"])
+          }, 8, ["disabled", "title"])
         ]),
-        T("div", he, [
-          T("div", ke, [
-            m("clearDesignerButton") ? (v(), y(r, {
+        _("div", ge, [
+          _("div", ye, [
+            f("clearDesignerButton") ? (p(), m(l, {
               key: 0,
               type: "link",
-              onClick: q
+              onClick: P
             }, {
-              default: l(() => [
-                o(t(f), { "icon-class": "icon-el-delete" }),
-                d(u(t(n)("designer.toolbar.clear")), 1)
+              default: r(() => [
+                n(e(v), { "icon-class": "icon-el-delete" }),
+                u(c(e(t)("designer.toolbar.clear")), 1)
               ]),
               _: 1
-            })) : b("", !0),
-            m("previewFormButton") ? (v(), y(r, {
+            })) : g("", !0),
+            f("previewFormButton") ? (p(), m(l, {
               key: 1,
               type: "link",
-              onClick: G
+              onClick: U
             }, {
-              default: l(() => [
-                o(t(f), { "icon-class": "icon-el-view" }),
-                d(u(t(n)("designer.toolbar.preview")), 1)
+              default: r(() => [
+                n(e(v), { "icon-class": "icon-el-view" }),
+                u(c(e(t)("designer.toolbar.preview")), 1)
               ]),
               _: 1
-            })) : b("", !0),
-            m("importJsonButton") ? (v(), y(r, {
+            })) : g("", !0),
+            f("importJsonButton") ? (p(), m(l, {
               key: 2,
               type: "link",
-              onClick: Q
+              onClick: q
             }, {
-              default: l(() => [
-                d(u(t(n)("designer.toolbar.importJson")), 1)
+              default: r(() => [
+                u(c(e(t)("designer.toolbar.importJson")), 1)
               ]),
               _: 1
-            })) : b("", !0),
-            m("exportJsonButton") ? (v(), y(r, {
+            })) : g("", !0),
+            f("exportJsonButton") ? (p(), m(l, {
               key: 3,
               type: "link",
-              onClick: Y
+              onClick: K
             }, {
-              default: l(() => [
-                d(u(t(n)("designer.toolbar.exportJson")), 1)
+              default: r(() => [
+                u(c(e(t)("designer.toolbar.exportJson")), 1)
               ]),
               _: 1
-            })) : b("", !0),
-            m("exportCodeButton") ? (v(), y(r, {
+            })) : g("", !0),
+            f("exportCodeButton") ? (p(), m(l, {
               key: 4,
               type: "link",
-              onClick: V
+              onClick: O
             }, {
-              default: l(() => [
-                d(u(t(n)("designer.toolbar.save")), 1)
+              default: r(() => [
+                u(c(e(t)("designer.toolbar.save")), 1)
               ]),
               _: 1
-            })) : b("", !0),
-            o(r, {
+            })) : g("", !0),
+            n(l, {
               type: "link",
-              onClick: e[5] || (e[5] = (s) => oe())
+              onClick: o[1] || (o[1] = (a) => Z())
             }, {
-              default: l(() => [
-                o(t(f), {
-                  style: P(`transform:${k.value === 0 ? "rotate(0deg)" : "rotate(180deg)"}`),
+              default: r(() => [
+                n(e(v), {
+                  style: j(`transform:${h.value === 0 ? "rotate(0deg)" : "rotate(180deg)"}`),
                   "icon-class": "icon-a-ipadarrow_back"
                 }, null, 8, ["style"])
               ]),
               _: 1
             }),
-            (v(!0), j(ae, null, se(i.$slots, (s, le) => de(i.$slots, le, {}, void 0, !0)), 256))
+            (p(!0), T(ie, null, le(i.$slots, (a, ee) => re(i.$slots, ee, {}, void 0, !0)), 256))
           ])
         ]),
-        o(ge, {
-          layoutType: c.value,
-          visible: D.value,
-          "onUpdate:visible": e[6] || (e[6] = (s) => D.value = s)
+        n(ve, {
+          layoutType: M.value,
+          visible: F.value,
+          "onUpdate:visible": o[2] || (o[2] = (a) => F.value = a)
         }, null, 8, ["layoutType", "visible"]),
-        o(t(ce), {
+        n(e(ue), {
           ref_key: "importJsonEditorRef",
-          ref: E,
+          ref: S,
           isShowEventFooter: !1,
-          "event-header": t(n)("designer.hint.importJsonHint"),
+          "event-header": e(t)("designer.hint.importJsonHint"),
           mode: "json",
           width: 1200,
           height: "70vh",
-          title: t(n)("designer.toolbar.importJson"),
-          onSetCode: X
+          title: e(t)("designer.toolbar.importJson"),
+          onSetCode: G
         }, null, 8, ["event-header", "title"]),
-        o(t(fe), {
-          title: t(n)("designer.hint.exportFormData"),
-          visible: C.value,
-          "onUpdate:visible": e[8] || (e[8] = (s) => C.value = s),
+        n(e(ce), {
+          title: e(t)("designer.hint.exportFormData"),
+          visible: b.value,
+          "onUpdate:visible": o[4] || (o[4] = (a) => b.value = a),
           width: "1200px"
         }, {
-          footerRight: l(() => [
-            o(r, {
+          footerRight: r(() => [
+            n(l, {
               type: "primary",
               class: "copy-form-data-json-btn",
-              "data-clipboard-text": J.value,
-              onClick: Z
+              "data-clipboard-text": k.value,
+              onClick: Q
             }, {
-              default: l(() => [
-                d(u(t(n)("designer.hint.copyFormData")), 1)
+              default: r(() => [
+                u(c(e(t)("designer.hint.copyFormData")), 1)
               ]),
               _: 1
             }, 8, ["data-clipboard-text"]),
-            o(r, { onClick: ee }, {
-              default: l(() => [
-                d(u(t(n)("designer.hint.saveFormData")), 1)
+            n(l, { onClick: X }, {
+              default: r(() => [
+                u(c(e(t)("designer.hint.saveFormData")), 1)
               ]),
               _: 1
             }),
-            o(r, {
-              onClick: e[7] || (e[7] = (s) => C.value = !1)
+            n(l, {
+              onClick: o[3] || (o[3] = (a) => b.value = !1)
             }, {
-              default: l(() => [
-                d(u(t(n)("designer.hint.closePreview")), 1)
+              default: r(() => [
+                u(c(e(t)("designer.hint.closePreview")), 1)
               ]),
               _: 1
             })
           ]),
-          default: l(() => [
-            o(t(me), {
+          default: r(() => [
+            n(e(pe), {
               mode: "json",
               readonly: !0,
-              value: J.value
+              value: k.value
             }, null, 8, ["value"])
           ]),
           _: 1
@@ -277,6 +237,6 @@ const ye = { class: "toolbar-container" }, be = { class: "left-toolbar" }, he =
   }
 });
 export {
-  Te as default
+  De 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            <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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"}
+{"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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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"vf-box.js","sources":["../../../../../../src/components/form-designer/widget-panel/containers/vf-box.ts"],"sourcesContent":["import { getUuidKey } from '@kp-ui/tool';\n\nexport const vfBox = (ops = {} as any) => {\n    return {\n        key: getUuidKey(),\n        type: 'vf-box',\n        category: 'container',\n        icon: 'ccgl-zhouzhuanxiang-4',\n        widgetList: [],\n        options: {\n            name: '',\n            // formCode: '',\n            customClass: [],\n            hidden: false,\n            holdHidden: false,\n            boxModel: {\n                paddingTop: 0,\n                paddingRight: 0,\n                paddingBottom: 0,\n                paddingLeft: 0,\n                marginTop: 0,\n                marginRight: 0,\n                marginBottom: 0,\n                marginLeft: 0,\n                borderShow: false,\n                borderStyle: 'solid',\n                borderWidth: 1,\n                borderColor: '#cccccc',\n                borderRadius: 0,\n                backgroundColor: '#ffffff',\n                shadowShow: false,\n                shadowOffsetX: 0,\n                shadowOffsetY: 2,\n                shadowBlur: 4,\n                shadowSpread: 0,\n                shadowColor: 'rgba(0,0,0,0.2)'\n            },\n            ...ops\n        }\n    };\n};\n"],"names":["vfBox","ops","getUuidKey"],"mappings":";AAEO,MAAMA,IAAQ,CAACC,IAAM,QACjB;AAAA,EACH,KAAKC,EAAA;AAAA,EACL,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY,CAAA;AAAA,EACZ,SAAS;AAAA,IACL,MAAM;AAAA;AAAA,IAEN,aAAa,CAAA;AAAA,IACb,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,UAAU;AAAA,MACN,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEjB,GAAGD;AAAA,EAAA;AACP;"}
+{"version":3,"file":"vf-box.js","sources":["../../../../../../src/components/form-designer/widget-panel/containers/vf-box.ts"],"sourcesContent":["import { getUuidKey } from '@kp-ui/tool';\n\nexport const vfBox = (ops = {} as any) => {\n    return {\n        key: getUuidKey(),\n        type: 'vf-box',\n        category: 'container',\n        icon: 'ccgl-zhouzhuanxiang-4',\n        widgetList: [],\n        options: {\n            name: '',\n            // formCode: '',\n            customClass: [],\n            hidden: false,\n            holdHidden: false,\n            width: '100%',\n            height: 120,\n            rotate: 0,\n            boxModel: {\n                paddingTop: 0,\n                paddingRight: 0,\n                paddingBottom: 0,\n                paddingLeft: 0,\n                marginTop: 0,\n                marginRight: 0,\n                marginBottom: 0,\n                marginLeft: 0,\n                borderShow: false,\n                borderStyle: 'solid',\n                borderWidth: 1,\n                borderColor: '#cccccc',\n                borderRadius: 0,\n                backgroundColor: 'transparent',\n                shadowShow: false,\n                shadowOffsetX: 0,\n                shadowOffsetY: 2,\n                shadowBlur: 4,\n                shadowSpread: 0,\n                shadowColor: 'rgba(0,0,0,0.2)'\n            },\n            ...ops\n        }\n    };\n};\n"],"names":["vfBox","ops","getUuidKey"],"mappings":";AAEO,MAAMA,IAAQ,CAACC,IAAM,QACjB;AAAA,EACH,KAAKC,EAAA;AAAA,EACL,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY,CAAA;AAAA,EACZ,SAAS;AAAA,IACL,MAAM;AAAA;AAAA,IAEN,aAAa,CAAA;AAAA,IACb,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,MACN,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEjB,GAAGD;AAAA,EAAA;AACP;"}

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

@@ -1,6 +1,6 @@
-import { getUuidKey as t } from "@kp-ui/tool";
-const a = (e = {}) => ({
-  key: t(),
+import { getUuidKey as e } from "@kp-ui/tool";
+const o = () => ({
+  key: e(),
   type: "vf-collapse",
   category: "container",
   icon: "zhediemianban",
@@ -13,11 +13,11 @@ const a = (e = {}) => ({
     collapseIcon: "xiangshang",
     unCollapseIcon: "xiangxia",
     isCollapse: !1,
-    rightSlotCss: [],
-    ...e
+    hidden: !1,
+    rightSlotCss: []
   }
 });
 export {
-  a as vfCollapse
+  o as vfCollapse
 };
 //# sourceMappingURL=vf-collapse.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"vf-collapse.js","sources":["../../../../../../src/components/form-designer/widget-panel/containers/vf-collapse.ts"],"sourcesContent":["import type { Widget, WidgetOptions } from '@/types/schema';\nimport { getUuidKey } from '@kp-ui/tool';\n\nexport interface CollapseWidgetOptionsType extends WidgetOptions {\n    rightSlotCss: string[];\n    unCollapseIcon: string;\n    isCollapse: boolean;\n    height: string | number;\n    collapseIcon: string;\n}\n\nexport interface CollapseWidget extends Widget<CollapseWidgetOptionsType> {\n    headerRightSlotList: Widget[];\n    defaultSlotsList: Widget[];\n}\n\nexport const vfCollapse = (ops = {} as any): CollapseWidget => {\n    return {\n        key: getUuidKey(),\n        type: 'vf-collapse',\n        category: 'container',\n        icon: 'zhediemianban',\n        headerRightSlotList: [],\n        defaultSlotsList: [],\n        options: {\n            name: '',\n            title: '标题',\n            height: '',\n            collapseIcon: 'xiangshang',\n            unCollapseIcon: 'xiangxia',\n            isCollapse: false,\n            rightSlotCss: [],\n            ...ops\n        }\n    };\n};\n"],"names":["vfCollapse","ops","getUuidKey"],"mappings":";AAgBO,MAAMA,IAAa,CAACC,IAAM,QACtB;AAAA,EACH,KAAKC,EAAA;AAAA,EACL,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,qBAAqB,CAAA;AAAA,EACrB,kBAAkB,CAAA;AAAA,EAClB,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,cAAc,CAAA;AAAA,IACd,GAAGD;AAAA,EAAA;AACP;"}
+{"version":3,"file":"vf-collapse.js","sources":["../../../../../../src/components/form-designer/widget-panel/containers/vf-collapse.ts"],"sourcesContent":["import type { Widget, WidgetOptions } from '@/types/schema';\nimport { getUuidKey } from '@kp-ui/tool';\n\nexport interface CollapseWidgetOptionsType extends WidgetOptions {\n    rightSlotCss: string[];\n    unCollapseIcon: string;\n    isCollapse: boolean;\n    height: string | number;\n    collapseIcon: string;\n}\n\nexport interface CollapseWidget extends Widget<CollapseWidgetOptionsType> {\n    headerRightSlotList: Widget[];\n    defaultSlotsList: Widget[];\n}\n\nexport const vfCollapse = (): CollapseWidget => {\n    return {\n        key: getUuidKey(),\n        type: 'vf-collapse',\n        category: 'container',\n        icon: 'zhediemianban',\n        headerRightSlotList: [],\n        defaultSlotsList: [],\n        options: {\n            name: '',\n            title: '标题',\n            height: '',\n            collapseIcon: 'xiangshang',\n            unCollapseIcon: 'xiangxia',\n            isCollapse: false,\n            hidden: false,\n            rightSlotCss: []\n        }\n    };\n};\n"],"names":["vfCollapse","getUuidKey"],"mappings":";AAgBO,MAAMA,IAAa,OACf;AAAA,EACH,KAAKC,EAAA;AAAA,EACL,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,qBAAqB,CAAA;AAAA,EACrB,kBAAkB,CAAA;AAAA,EAClB,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,cAAc,CAAA;AAAA,EAAC;AACnB;"}

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

@@ -1,8 +1,8 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-29dd250d"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cf57c1f3"]]);
 export {
-  e as default
+  c as default
 };
 //# sourceMappingURL=index.vue.js.map