npm - @kp-ui/lowcode - Versions diffs - 1.0.103 → 1.0.104 - Mend

@kp-ui/lowcode 1.0.103 → 1.0.104

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (51) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "1.0.103",
+  "version": "1.0.104",
   "publishConfig": {
     "access": "public"
   },

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue.js CHANGED Viewed

@@ -1,71 +1,96 @@
-import y from "./vf-collapse-widget.vue2.js";
-import { resolveComponent as l, createBlock as s, openBlock as i, withCtx as r, createElementBlock as p, withModifiers as k, normalizeClass as w, createElementVNode as g, createVNode as d, createCommentVNode as S, mergeProps as _, resolveDynamicComponent as m, Transition as x, withDirectives as L, normalizeStyle as D, vShow as U } from "vue";
+import v from "./vf-collapse-widget.vue2.js";
+import { resolveComponent as g, createBlock as o, openBlock as d, withCtx as l, createElementBlock as C, withModifiers as k, normalizeClass as c, createVNode as s, withDirectives as _, createElementVNode as w, normalizeStyle as S, mergeProps as p, resolveDynamicComponent as r, vShow as u } from "vue";
 /* empty css                        */
-/* empty css                        */
-import T from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const z = { class: "tpf-collapse" }, A = { class: "tpf-collapse-header" }, I = { class: "form-widget-list" }, N = { class: "form-widget-list" };
-function R(n, a, e, B, M, c) {
-  const h = l("TpfCollapseTitle"), v = l("SvgIcon"), C = l("a-space"), f = l("draggable"), u = l("container-wrapper");
-  return i(), s(u, {
+import "./vf-collapse-widget.vue4.js";
+import L from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const x = { class: "form-widget-list" }, D = { class: "form-widget-list" };
+function U(i, n, e, A, R, f) {
+  const m = g("draggable"), h = g("TpfCollapse"), y = g("container-wrapper");
+  return d(), o(y, {
     designer: e.designer,
     widget: e.widget,
     "parent-widget": e.parentWidget,
     "parent-list": e.parentList,
     "index-of-parent-list": e.indexOfParentList
   }, {
-    default: r(() => [
-      (i(), p("div", {
+    default: l(() => [
+      (d(), C("div", {
         key: e.widget.id,
-        class: w(["collapse-container data-table-container", { selected: c.selected }]),
-        onClick: a[2] || (a[2] = k((t) => c.selectWidget(e.widget), ["stop"]))
+        class: c(["collapse-container data-table-container", { selected: f.selected }]),
+        onClick: n[2] || (n[2] = k((t) => f.selectWidget(e.widget), ["stop"]))
       }, [
-        g("div", z, [
-          g("div", A, [
-            d(C, { size: 5 }, {
-              default: r(() => [
-                d(h, {
-                  title: e.widget.options.title
-                }, null, 8, ["title"]),
-                d(v, {
-                  "icon-class": e.widget.options.isCollapse ? e.widget.options.collapseIcon : e.widget.options.unCollapseIcon,
-                  size: "24px",
-                  shadow: "",
-                  cursor: "",
-                  onClick: c.toggleCollapse
-                }, null, 8, ["icon-class", "onClick"])
+        s(h, {
+          title: e.widget.options.title
+        }, {
+          right: l(() => [
+            s(m, p({
+              list: e.widget.headerRightSlotList,
+              "item-key": "id"
+            }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+              handle: ".drag-handler",
+              tag: "transition-group",
+              "component-data": { name: "fade" },
+              onAdd: n[0] || (n[0] = (t) => i.onContainerDragAdd(t, e.widget.headerRightSlotList)),
+              onUpdate: i.onContainerDragUpdate,
+              move: i.checkContainerMove
+            }), {
+              item: l(({ element: t, index: a }) => [
+                w("div", x, [
+                  t.category === "container" ? (d(), o(r(t.type + "-widget"), {
+                    widget: t,
+                    designer: e.designer,
+                    key: t.id,
+                    "parent-list": e.widget.headerRightSlotList,
+                    "index-of-parent-list": a,
+                    "parent-widget": e.widget
+                  }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (d(), o(r(t.type + "-widget"), {
+                    field: t,
+                    designer: e.designer,
+                    key: t.id,
+                    "parent-list": e.widget.headerRightSlotList,
+                    "index-of-parent-list": a,
+                    "parent-widget": e.widget,
+                    "design-state": !0
+                  }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+                ])
               ]),
               _: 1
-            }),
-            e.widget.options.isCollapse ? S("", !0) : (i(), p("div", {
-              key: 0,
-              class: w(["header-right", c.rightSlotCss])
+            }, 16, ["list", "onUpdate", "move"])
+          ]),
+          default: l(() => [
+            _(w("div", {
+              class: c(["tpf-collapse-content"]),
+              style: S({
+                height: e.widget.options.height || "unset",
+                ...JSON.parse(e.widget.options.bodyStyle || "{}")
+              })
             }, [
-              d(f, _({
-                list: e.widget.headerRightSlotList,
+              s(m, p({
+                list: e.widget.defaultSlotsList,
                 "item-key": "id"
               }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
                 handle: ".drag-handler",
                 tag: "transition-group",
                 "component-data": { name: "fade" },
-                onAdd: a[0] || (a[0] = (t) => n.onContainerDragAdd(t, e.widget.headerRightSlotList)),
-                onUpdate: n.onContainerDragUpdate,
-                move: n.checkContainerMove
+                onAdd: n[1] || (n[1] = (t) => i.onContainerDragAdd(t, e.widget.defaultSlotsList)),
+                onUpdate: i.onContainerDragUpdate,
+                move: i.checkContainerMove
               }), {
-                item: r(({ element: t, index: o }) => [
-                  g("div", I, [
-                    t.category === "container" ? (i(), s(m(t.type + "-widget"), {
+                item: l(({ element: t, index: a }) => [
+                  w("div", D, [
+                    t.category === "container" ? (d(), o(r(t.type + "-widget"), {
                       widget: t,
                       designer: e.designer,
                       key: t.id,
-                      "parent-list": e.widget.headerRightSlotList,
-                      "index-of-parent-list": o,
+                      "parent-list": e.widget.defaultSlotsList,
+                      "index-of-parent-list": a,
                       "parent-widget": e.widget
-                    }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (i(), s(m(t.type + "-widget"), {
+                    }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (d(), o(r(t.type + "-widget"), {
                       field: t,
                       designer: e.designer,
                       key: t.id,
-                      "parent-list": e.widget.headerRightSlotList,
-                      "index-of-parent-list": o,
+                      "parent-list": e.widget.defaultSlotsList,
+                      "index-of-parent-list": a,
                       "parent-widget": e.widget,
                       "design-state": !0
                     }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
@@ -73,69 +98,19 @@ function R(n, a, e, B, M, c) {
                 ]),
                 _: 1
               }, 16, ["list", "onUpdate", "move"])
-            ], 2))
+            ], 4), [
+              [u, !e.widget.options.isCollapse]
+            ])
           ]),
-          d(x, {
-            mode: "out-in",
-            appear: "",
-            "enter-active-class": "animate__animated animate__fadeIn animate__faster",
-            "leave-active-class": "animate__animated animate__fadeOut animate__faster"
-          }, {
-            default: r(() => [
-              L(g("div", {
-                class: w(["tpf-collapse-content"]),
-                style: D({
-                  height: e.widget.options.height || "unset",
-                  ...JSON.parse(e.widget.options.bodyStyle || "{}")
-                })
-              }, [
-                d(f, _({
-                  list: e.widget.defaultSlotsList,
-                  "item-key": "id"
-                }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
-                  handle: ".drag-handler",
-                  tag: "transition-group",
-                  "component-data": { name: "fade" },
-                  onAdd: a[1] || (a[1] = (t) => n.onContainerDragAdd(t, e.widget.defaultSlotsList)),
-                  onUpdate: n.onContainerDragUpdate,
-                  move: n.checkContainerMove
-                }), {
-                  item: r(({ element: t, index: o }) => [
-                    g("div", N, [
-                      t.category === "container" ? (i(), s(m(t.type + "-widget"), {
-                        widget: t,
-                        designer: e.designer,
-                        key: t.id,
-                        "parent-list": e.widget.defaultSlotsList,
-                        "index-of-parent-list": o,
-                        "parent-widget": e.widget
-                      }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (i(), s(m(t.type + "-widget"), {
-                        field: t,
-                        designer: e.designer,
-                        key: t.id,
-                        "parent-list": e.widget.defaultSlotsList,
-                        "index-of-parent-list": o,
-                        "parent-widget": e.widget,
-                        "design-state": !0
-                      }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
-                    ])
-                  ]),
-                  _: 1
-                }, 16, ["list", "onUpdate", "move"])
-              ], 4), [
-                [U, !e.widget.options.isCollapse]
-              ])
-            ]),
-            _: 1
-          })
-        ])
+          _: 1
+        }, 8, ["title"])
       ], 2))
     ]),
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const J = /* @__PURE__ */ T(y, [["render", R], ["__scopeId", "data-v-91b64900"]]);
+const G = /* @__PURE__ */ L(v, [["render", U], ["__scopeId", "data-v-b32c5715"]]);
 export {
-  J as default
+  G as default
 };
 //# sourceMappingURL=vf-collapse-widget.vue.js.map

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"vf-collapse-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue"],"sourcesContent":["<template>\n <container-wrapper\n :designer=\"designer\"\n :widget=\"widget\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n >\n <div\n :key=\"widget.id\"\n class=\"collapse-container data-table-container\"\n :class=\"{ selected: selected }\"\n @click.stop=\"selectWidget(widget)\"\n >\n <div class=\"tpf-collapse\">\n <div class=\"tpf-collapse-header\">\n <a-space :size=\"5\">\n <TpfCollapseTitle :title=\"widget.options.title\" />\n <SvgIcon\n :icon-class=\"\n widget.options.isCollapse\n ? widget.options.collapseIcon\n : widget.options.unCollapseIcon\n \"\n size=\"24px\"\n shadow\n cursor\n @click=\"toggleCollapse\"\n />\n </a-space>\n <div :class=\"['header-right', rightSlotCss]\" v-if=\"!widget.options.isCollapse\">\n <draggable\n :list=\"widget.headerRightSlotList\"\n item-key=\"id\"\n v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n handle=\".drag-handler\"\n tag=\"transition-group\"\n :component-data=\"{ name: 'fade' }\"\n @add=\"evt => onContainerDragAdd(evt, widget.headerRightSlotList)\"\n @update=\"onContainerDragUpdate\"\n :move=\"checkContainerMove\"\n >\n <template #item=\"{ element: subWidget, index: swIdx }\">\n <div class=\"form-widget-list\">\n <template v-if=\"'container' === subWidget.category\">\n <component\n :is=\"subWidget.type + '-widget'\"\n :widget=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.headerRightSlotList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n />\n </template>\n <template v-else>\n <component\n :is=\"subWidget.type + '-widget'\"\n :field=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.headerRightSlotList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </div>\n <Transition\n mode=\"out-in\"\n appear\n enter-active-class=\"animate__animated animate__fadeIn animate__faster\"\n leave-active-class=\"animate__animated animate__fadeOut animate__faster\"\n >\n <div\n :class=\"['tpf-collapse-content']\"\n :style=\"{\n height: widget.options.height \|\| 'unset',\n ...JSON.parse(widget.options.bodyStyle \|\| '{}')\n }\"\n v-show=\"!widget.options.isCollapse\"\n >\n <draggable\n :list=\"widget.defaultSlotsList\"\n item-key=\"id\"\n v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n handle=\".drag-handler\"\n tag=\"transition-group\"\n :component-data=\"{ name: 'fade' }\"\n @add=\"evt => onContainerDragAdd(evt, widget.defaultSlotsList)\"\n @update=\"onContainerDragUpdate\"\n :move=\"checkContainerMove\"\n >\n <template #item=\"{ element: subWidget, index: swIdx }\">\n <div class=\"form-widget-list\">\n <template v-if=\"'container' === subWidget.category\">\n <component\n :is=\"subWidget.type + '-widget'\"\n :widget=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.defaultSlotsList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n />\n </template>\n <template v-else>\n <component\n :is=\"subWidget.type + '-widget'\"\n :field=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.defaultSlotsList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </Transition>\n </div>\n </div>\n </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n import { defineAsyncComponent } from 'vue';\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n import emitter from '@/utils/emitter';\n import i18n from '@/utils/i18n';\n import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n import refMixinDesign from '@/components/form-designer/refMixinDesign';\n import TpfCollapseTitle from '@/components/TpfCollapse/TpfCollapseTitle.vue';\n import SvgIcon from '@/components/svg-icon/index.vue';\n import gridWidget from './grid-widget.vue';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n export default {\n name: 'VfCollapseWidget',\n mixins: [i18n, containerMixin, refMixinDesign, emitter],\n inject: ['refList'],\n components: {\n Draggable,\n ContainerWrapper,\n TpfCollapseTitle,\n SvgIcon,\n gridWidget,\n VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue')),\n ...FieldComponents\n },\n data() {\n return {};\n },\n props: {\n widget: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n subFormRowIndex: {\n /* 子表单组件行索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormColIndex: {\n / 子表单组件列索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormRowId: {\n / 子表单组件行Id，唯一id且不可变 */ type: String,\n default: ''\n },\n options: {\n type: Object,\n default: () => ({})\n },\n formJson: {\n type: Object\n },\n formData: {\n type: Object,\n default: () => ({})\n },\n optionData: {\n //prop传入的选项数据\n type: Object,\n default: () => ({})\n },\n globalDsv: {\n // 全局数据源变量\n type: Object,\n default: () => ({})\n },\n parentFormRef: {\n type: Object,\n default: null\n },\n extraData: {\n type: Object,\n default: () => ({})\n },\n wrapperId: {\n type: String,\n default: null\n }\n },\n created() {\n this.initRefList();\n },\n mounted() {\n //\n this.loadFormCode(this.widget.options.formCode);\n },\n beforeUnmount() {\n //\n },\n computed: {\n rightSlotCss() {\n return this.widget.options.rightSlotCss \|\| '';\n },\n selected() {\n return this.widget.id === this.designer.selectedId;\n }\n },\n watch: {\n 'widget.options.formCode'(val) {\n this.loadFormCode(val);\n }\n },\n methods: {\n selectWidget(widget) {\n this.designer.setSelected(widget);\n },\n toggleCollapse() {\n this.widget.options.isCollapse = !this.widget.options.isCollapse;\n },\n async loadFormCode(formCode) {\n if (formCode) {\n const res = await this.$http\n .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n params: { code: formCode }\n })\n .then(res => res.data.object.frontendDefinition \|\| '{}');\n this.$refs.dFormRef.setFormJson(JSON.parse(res));\n }\n },\n getFormRef() {\n return this.$refs.dFormRef;\n }\n }\n };\n</script>\n\n<style lang=\"less\" scoped>\n .collapse-container {\n display: flex;\n margin: 2px;\n height: 100%;\n width: 100%;\n flex: 1 0 0;\n\n .form-widget-list {\n min-height: 28px;\n }\n }\n\n .collapse-container.selected {\n outline: 2px solid var(--ant-primary-color) !important;\n }\n\n :deep(.ant-table) .table-striped td {\n background-color: #fafafa;\n }\n</style>\n\n<style lang=\"less\" scoped>\n .tpf-collapse {\n width: 100%;\n background-color: transparent;\n box-sizing: border-box;\n\n .tpf-collapse-header {\n padding: 10px 0;\n box-sizing: border-box;\n display: flex;\n height: 50px;\n justify-content: space-between;\n background-color: #f7f8fa;\n .header-right {\n background-color: #fff;\n margin-right: 10px;\n min-height: 30px;\n min-width: 200px;\n width: fit-content;\n border: 1px dashed #666;\n }\n }\n\n .tpf-collapse-content {\n overflow: hidden;\n background-color: #fff;\n min-height: 200px;\n\n :deep(.ant-card-bordered) {\n border-color: transparent;\n }\n }\n }\n</style>\n"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_createElementVNode","_createVNode","_component_a_space","_component_TpfCollapseTitle","_component_SvgIcon","_component_draggable","_mergeProps","evt","_ctx","_withCtx","subWidget","swIdx","_resolveDynamicComponent","_Transition","_normalizeStyle"],"mappings":"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"}
1	+ {"version":3,"file":"vf-collapse-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue"],"sourcesContent":["<template>\n <container-wrapper\n :designer=\"designer\"\n :widget=\"widget\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n >\n <div\n :key=\"widget.id\"\n class=\"collapse-container data-table-container\"\n :class=\"{ selected: selected }\"\n @click.stop=\"selectWidget(widget)\"\n >\n <TpfCollapse :title=\"widget.options.title\">\n <template #right>\n <draggable\n :list=\"widget.headerRightSlotList\"\n item-key=\"id\"\n v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n handle=\".drag-handler\"\n tag=\"transition-group\"\n :component-data=\"{ name: 'fade' }\"\n @add=\"evt => onContainerDragAdd(evt, widget.headerRightSlotList)\"\n @update=\"onContainerDragUpdate\"\n :move=\"checkContainerMove\"\n >\n <template #item=\"{ element: subWidget, index: swIdx }\">\n <div class=\"form-widget-list\">\n <template v-if=\"'container' === subWidget.category\">\n <component\n :is=\"subWidget.type + '-widget'\"\n :widget=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.headerRightSlotList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n />\n </template>\n <template v-else>\n <component\n :is=\"subWidget.type + '-widget'\"\n :field=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.headerRightSlotList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </template>\n <div\n :class=\"['tpf-collapse-content']\"\n :style=\"{\n height: widget.options.height \|\| 'unset',\n ...JSON.parse(widget.options.bodyStyle \|\| '{}')\n }\"\n v-show=\"!widget.options.isCollapse\"\n >\n <draggable\n :list=\"widget.defaultSlotsList\"\n item-key=\"id\"\n v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n handle=\".drag-handler\"\n tag=\"transition-group\"\n :component-data=\"{ name: 'fade' }\"\n @add=\"evt => onContainerDragAdd(evt, widget.defaultSlotsList)\"\n @update=\"onContainerDragUpdate\"\n :move=\"checkContainerMove\"\n >\n <template #item=\"{ element: subWidget, index: swIdx }\">\n <div class=\"form-widget-list\">\n <template v-if=\"'container' === subWidget.category\">\n <component\n :is=\"subWidget.type + '-widget'\"\n :widget=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.defaultSlotsList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n />\n </template>\n <template v-else>\n <component\n :is=\"subWidget.type + '-widget'\"\n :field=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.defaultSlotsList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </TpfCollapse>\n </div>\n </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n import { defineAsyncComponent } from 'vue';\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n import emitter from '@/utils/emitter';\n import i18n from '@/utils/i18n';\n import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n import refMixinDesign from '@/components/form-designer/refMixinDesign';\n import SvgIcon from '@/components/svg-icon/index.vue';\n import { TpfCollapse } from 'tmgc2-share';\n import gridWidget from './grid-widget.vue';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n export default {\n name: 'VfCollapseWidget',\n mixins: [i18n, containerMixin, refMixinDesign, emitter],\n inject: ['refList'],\n components: {\n Draggable,\n ContainerWrapper,\n TpfCollapse,\n SvgIcon,\n gridWidget,\n VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue')),\n ...FieldComponents\n },\n data() {\n return {};\n },\n props: {\n widget: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n subFormRowIndex: {\n /* 子表单组件行索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormColIndex: {\n / 子表单组件列索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormRowId: {\n / 子表单组件行Id，唯一id且不可变 */ type: String,\n default: ''\n },\n options: {\n type: Object,\n default: () => ({})\n },\n formJson: {\n type: Object\n },\n formData: {\n type: Object,\n default: () => ({})\n },\n optionData: {\n //prop传入的选项数据\n type: Object,\n default: () => ({})\n },\n globalDsv: {\n // 全局数据源变量\n type: Object,\n default: () => ({})\n },\n parentFormRef: {\n type: Object,\n default: null\n },\n extraData: {\n type: Object,\n default: () => ({})\n },\n wrapperId: {\n type: String,\n default: null\n }\n },\n created() {\n this.initRefList();\n },\n mounted() {\n //\n this.loadFormCode(this.widget.options.formCode);\n },\n beforeUnmount() {\n //\n },\n computed: {\n rightSlotCss() {\n return this.widget.options.rightSlotCss \|\| '';\n },\n selected() {\n return this.widget.id === this.designer.selectedId;\n }\n },\n watch: {\n 'widget.options.formCode'(val) {\n this.loadFormCode(val);\n }\n },\n methods: {\n selectWidget(widget) {\n this.designer.setSelected(widget);\n },\n toggleCollapse() {\n this.widget.options.isCollapse = !this.widget.options.isCollapse;\n },\n async loadFormCode(formCode) {\n if (formCode) {\n const res = await this.$http\n .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n params: { code: formCode }\n })\n .then(res => res.data.object.frontendDefinition \|\| '{}');\n this.$refs.dFormRef.setFormJson(JSON.parse(res));\n }\n },\n getFormRef() {\n return this.$refs.dFormRef;\n }\n }\n };\n</script>\n\n<style lang=\"less\" scoped>\n .collapse-container {\n display: flex;\n margin: 2px;\n height: 100%;\n width: 100%;\n flex: 1 0 0;\n\n .form-widget-list {\n min-height: 28px;\n }\n :deep(.header-right) {\n background-color: #fff;\n margin-right: 10px;\n min-height: 30px;\n min-width: 200px;\n width: fit-content;\n border: 1px dashed #666;\n .form-widget-list {\n min-width: 200px;\n }\n }\n }\n\n .collapse-container.selected {\n outline: 2px solid var(--ant-primary-color) !important;\n }\n\n :deep(.ant-table) .table-striped td {\n background-color: #fafafa;\n }\n</style>\n\n<style lang=\"less\" scoped>\n .tpf-collapse {\n // width: 100%;\n // background-color: transparent;\n // box-sizing: border-box;\n\n // .tpf-collapse-header {\n // padding: 10px 0;\n // box-sizing: border-box;\n // display: flex;\n // height: 50px;\n // justify-content: space-between;\n // background-color: #f7f8fa;\n // .header-right {\n // background-color: #fff;\n // margin-right: 10px;\n // min-height: 30px;\n // min-width: 200px;\n // width: fit-content;\n // border: 1px dashed #666;\n // }\n // }\n\n // .tpf-collapse-content {\n // overflow: hidden;\n // background-color: #fff;\n // min-height: 200px;\n\n // :deep(.ant-card-bordered) {\n // border-color: transparent;\n // }\n // }\n }\n</style>\n"],"names":["_hoisted_1","_hoisted_2","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_createVNode","_component_TpfCollapse","_component_draggable","_mergeProps","evt","_ctx","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent","_normalizeStyle"],"mappings":";;;;;AA4BiC,MAAAA,IAAA,EAAA,OAAM,mBAAkB,GAgDxBC,IAAA,EAAA,OAAM,mBAAkB;;;cA3ErDC,EAyGoBC,GAAA;AAAA,IAxGf,UAAUC,EAAA;AAAA,IACV,QAAQA,EAAA;AAAA,IACR,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA;eAEvB,MAiGM;AAAA,YAjGNC,EAiGM,OAAA;AAAA,QAhGD,KAAKD,EAAA,OAAO;AAAA,QACb,OAAKE,EAAA,CAAC,2CAAyC,EAAA,UAC3BC,EAAA,SAAQ,CAAA,CAAA;AAAA,QAC3B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAC,MAAOH,EAAA,aAAaH,EAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA;QAEhCO,EA0FcC,GAAA;AAAA,UA1FA,OAAOR,EAAA,OAAO,QAAQ;AAAA;UACrB,SACP,MAsCY;AAAA,YAtCZO,EAsCYE,GAtCZC,EAsCY;AAAA,cArCP,MAAMV,EAAA,OAAO;AAAA,cACd,YAAS;AAAA,eACD,EAAA,OAAA,aAAA,YAAA,SAAA,WAAA,OAA2D;AAAA,cACnE,QAAO;AAAA,cACP,KAAI;AAAA,cACH,kBAAgB,EAAA,MAAA,OAAA;AAAA,cAChB,OAAGI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAE,CAAAO,MAAOC,EAAA,mBAAmBD,GAAKX,EAAA,OAAO,mBAAmB;AAAA,cAC9D,UAAQY,EAAA;AAAA,cACR,MAAMA,EAAA;AAAA;cAEI,MAAIC,EACX,CAwBM,EAAA,SAzBkBC,UAAkBC,QAAK;AAAA,gBAC/CC,EAwBM,OAxBNpB,GAwBM;AAAA,kBAvB8BkB,EAAU,aAAV,oBAC5BhB,EAQEmB,EAPOH,EAAU,OAAI,SAAA,GAAA;AAAA,oBAClB,QAAQA;AAAA,oBACR,UAAUd,EAAA;AAAA,oBACV,KAAKc,EAAU;AAAA,oBACf,eAAad,EAAA,OAAO;AAAA,oBACpB,wBAAsBe;AAAA,oBACtB,iBAAef,EAAA;AAAA,uHAIpBF,EASEmB,EAROH,EAAU,OAAI,SAAA,GAAA;AAAA,oBAClB,OAAOA;AAAA,oBACP,UAAUd,EAAA;AAAA,oBACV,KAAKc,EAAU;AAAA,oBACf,eAAad,EAAA,OAAO;AAAA,oBACpB,wBAAsBe;AAAA,oBACtB,iBAAef,EAAA;AAAA,oBACf,gBAAc;AAAA;;;;;;qBAOvC,MA+CM;AAAA,cA/CNgB,EA+CM,OAAA;AAAA,cA9CD,SAAO,CAAA,sBAAA,CAAwB;AAAA,cAC/B,OAAKE,EAAA;AAAA,wBAAoClB,EAAA,OAAO,QAAQ,UAAM;AAAA,gBAAwC,GAAA,KAAK,MAAMA,SAAO,QAAQ,aAAS,IAAA;AAAA;;cAM1IO,EAsCYE,GAtCZC,EAsCY;AAAA,gBArCP,MAAMV,EAAA,OAAO;AAAA,gBACd,YAAS;AAAA,iBACD,EAAA,OAAA,aAAA,YAAA,SAAA,WAAA,OAA2D;AAAA,gBACnE,QAAO;AAAA,gBACP,KAAI;AAAA,gBACH,kBAAgB,EAAA,MAAA,OAAA;AAAA,gBAChB,OAAGI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAE,CAAAO,MAAOC,EAAA,mBAAmBD,GAAKX,EAAA,OAAO,gBAAgB;AAAA,gBAC3D,UAAQY,EAAA;AAAA,gBACR,MAAMA,EAAA;AAAA;gBAEI,MAAIC,EACX,CAwBM,EAAA,SAzBkBC,UAAkBC,QAAK;AAAA,kBAC/CC,EAwBM,OAxBNnB,GAwBM;AAAA,oBAvB8BiB,EAAU,aAAV,oBAC5BhB,EAQEmB,EAPOH,EAAU,OAAI,SAAA,GAAA;AAAA,sBAClB,QAAQA;AAAA,sBACR,UAAUd,EAAA;AAAA,sBACV,KAAKc,EAAU;AAAA,sBACf,eAAad,EAAA,OAAO;AAAA,sBACpB,wBAAsBe;AAAA,sBACtB,iBAAef,EAAA;AAAA,yHAIpBF,EASEmB,EAROH,EAAU,OAAI,SAAA,GAAA;AAAA,sBAClB,OAAOA;AAAA,sBACP,UAAUd,EAAA;AAAA,sBACV,KAAKc,EAAU;AAAA,sBACf,eAAad,EAAA,OAAO;AAAA,sBACpB,wBAAsBe;AAAA,sBACtB,iBAAef,EAAA;AAAA,sBACf,gBAAc;AAAA;;;;;;mBAnC1BA,EAAA,OAAO,QAAQ,UAAU;AAAA;;;;;;;;;;"}

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue2.js CHANGED Viewed

@@ -5,8 +5,8 @@ import s from "../../../../utils/i18n.js";
 import a from "../field-widget/index.js";
 import d from "./containerMixin.js";
 import m from "../../refMixinDesign.js";
-import p from "../../../TpfCollapse/TpfCollapseTitle.vue.js";
-import f from "../../../svg-icon/index.vue.js";
+import p from "../../../svg-icon/index.vue.js";
+import { TpfCollapse as f } from "tmgc2-share";
 import l from "./grid-widget.vue.js";
 import g from "../../../../lib/vuedraggable/src/vuedraggable.js";
 const D = {
@@ -16,8 +16,8 @@ const D = {
   components: {
     Draggable: g,
     ContainerWrapper: i,
-    TpfCollapseTitle: p,
-    SvgIcon: f,
+    TpfCollapse: f,
+    SvgIcon: p,
     gridWidget: l,
     VFormRender: r(() => import("../../../form-render/index.vue.js")),
     ...a

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"vf-collapse-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue"],"sourcesContent":["<template>\n <container-wrapper\n :designer=\"designer\"\n :widget=\"widget\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n >\n <div\n :key=\"widget.id\"\n class=\"collapse-container data-table-container\"\n :class=\"{ selected: selected }\"\n @click.stop=\"selectWidget(widget)\"\n >\n <div class=\"tpf-collapse\">\n <div class=\"tpf-collapse-header\">\n <a-space :size=\"5\">\n <TpfCollapseTitle :title=\"widget.options.title\" />\n <SvgIcon\n :icon-class=\"\n widget.options.isCollapse\n ? widget.options.collapseIcon\n : widget.options.unCollapseIcon\n \"\n size=\"24px\"\n shadow\n cursor\n @click=\"toggleCollapse\"\n />\n </a-space>\n <div :class=\"['header-right', rightSlotCss]\" v-if=\"!widget.options.isCollapse\">\n <draggable\n :list=\"widget.headerRightSlotList\"\n item-key=\"id\"\n v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n handle=\".drag-handler\"\n tag=\"transition-group\"\n :component-data=\"{ name: 'fade' }\"\n @add=\"evt => onContainerDragAdd(evt, widget.headerRightSlotList)\"\n @update=\"onContainerDragUpdate\"\n :move=\"checkContainerMove\"\n >\n <template #item=\"{ element: subWidget, index: swIdx }\">\n <div class=\"form-widget-list\">\n <template v-if=\"'container' === subWidget.category\">\n <component\n :is=\"subWidget.type + '-widget'\"\n :widget=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.headerRightSlotList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n />\n </template>\n <template v-else>\n <component\n :is=\"subWidget.type + '-widget'\"\n :field=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.headerRightSlotList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </div>\n <Transition\n mode=\"out-in\"\n appear\n enter-active-class=\"animate__animated animate__fadeIn animate__faster\"\n leave-active-class=\"animate__animated animate__fadeOut animate__faster\"\n >\n <div\n :class=\"['tpf-collapse-content']\"\n :style=\"{\n height: widget.options.height \|\| 'unset',\n ...JSON.parse(widget.options.bodyStyle \|\| '{}')\n }\"\n v-show=\"!widget.options.isCollapse\"\n >\n <draggable\n :list=\"widget.defaultSlotsList\"\n item-key=\"id\"\n v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n handle=\".drag-handler\"\n tag=\"transition-group\"\n :component-data=\"{ name: 'fade' }\"\n @add=\"evt => onContainerDragAdd(evt, widget.defaultSlotsList)\"\n @update=\"onContainerDragUpdate\"\n :move=\"checkContainerMove\"\n >\n <template #item=\"{ element: subWidget, index: swIdx }\">\n <div class=\"form-widget-list\">\n <template v-if=\"'container' === subWidget.category\">\n <component\n :is=\"subWidget.type + '-widget'\"\n :widget=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.defaultSlotsList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n />\n </template>\n <template v-else>\n <component\n :is=\"subWidget.type + '-widget'\"\n :field=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.defaultSlotsList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </Transition>\n </div>\n </div>\n </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n import { defineAsyncComponent } from 'vue';\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n import emitter from '@/utils/emitter';\n import i18n from '@/utils/i18n';\n import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n import refMixinDesign from '@/components/form-designer/refMixinDesign';\n import TpfCollapseTitle from '@/components/TpfCollapse/TpfCollapseTitle.vue';\n import SvgIcon from '@/components/svg-icon/index.vue';\n import gridWidget from './grid-widget.vue';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n export default {\n name: 'VfCollapseWidget',\n mixins: [i18n, containerMixin, refMixinDesign, emitter],\n inject: ['refList'],\n components: {\n Draggable,\n ContainerWrapper,\n TpfCollapseTitle,\n SvgIcon,\n gridWidget,\n VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue')),\n ...FieldComponents\n },\n data() {\n return {};\n },\n props: {\n widget: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n subFormRowIndex: {\n /* 子表单组件行索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormColIndex: {\n / 子表单组件列索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormRowId: {\n / 子表单组件行Id，唯一id且不可变 */ type: String,\n default: ''\n },\n options: {\n type: Object,\n default: () => ({})\n },\n formJson: {\n type: Object\n },\n formData: {\n type: Object,\n default: () => ({})\n },\n optionData: {\n //prop传入的选项数据\n type: Object,\n default: () => ({})\n },\n globalDsv: {\n // 全局数据源变量\n type: Object,\n default: () => ({})\n },\n parentFormRef: {\n type: Object,\n default: null\n },\n extraData: {\n type: Object,\n default: () => ({})\n },\n wrapperId: {\n type: String,\n default: null\n }\n },\n created() {\n this.initRefList();\n },\n mounted() {\n //\n this.loadFormCode(this.widget.options.formCode);\n },\n beforeUnmount() {\n //\n },\n computed: {\n rightSlotCss() {\n return this.widget.options.rightSlotCss \|\| '';\n },\n selected() {\n return this.widget.id === this.designer.selectedId;\n }\n },\n watch: {\n 'widget.options.formCode'(val) {\n this.loadFormCode(val);\n }\n },\n methods: {\n selectWidget(widget) {\n this.designer.setSelected(widget);\n },\n toggleCollapse() {\n this.widget.options.isCollapse = !this.widget.options.isCollapse;\n },\n async loadFormCode(formCode) {\n if (formCode) {\n const res = await this.$http\n .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n params: { code: formCode }\n })\n .then(res => res.data.object.frontendDefinition \|\| '{}');\n this.$refs.dFormRef.setFormJson(JSON.parse(res));\n }\n },\n getFormRef() {\n return this.$refs.dFormRef;\n }\n }\n };\n</script>\n\n<style lang=\"less\" scoped>\n .collapse-container {\n display: flex;\n margin: 2px;\n height: 100%;\n width: 100%;\n flex: 1 0 0;\n\n .form-widget-list {\n min-height: 28px;\n }\n }\n\n .collapse-container.selected {\n outline: 2px solid var(--ant-primary-color) !important;\n }\n\n :deep(.ant-table) .table-striped td {\n background-color: #fafafa;\n }\n</style>\n\n<style lang=\"less\" scoped>\n .tpf-collapse {\n width: 100%;\n background-color: transparent;\n box-sizing: border-box;\n\n .tpf-collapse-header {\n padding: 10px 0;\n box-sizing: border-box;\n display: flex;\n height: 50px;\n justify-content: space-between;\n background-color: #f7f8fa;\n .header-right {\n background-color: #fff;\n margin-right: 10px;\n min-height: 30px;\n min-width: 200px;\n width: fit-content;\n border: 1px dashed #666;\n }\n }\n\n .tpf-collapse-content {\n overflow: hidden;\n background-color: #fff;\n min-height: 200px;\n\n :deep(.ant-card-bordered) {\n border-color: transparent;\n }\n }\n }\n</style>\n"],"names":["_sfc_main","name","mixins","i18n","containerMixin","refMixinDesign","emitter","inject","components","Draggable","ContainerWrapper","TpfCollapseTitle","SvgIcon","gridWidget","VFormRender","defineAsyncComponent","FieldComponents","data","props","widget","Object","parentWidget","parentList","Array","indexOfParentList","Number","designer","subFormRowIndex","type","default","subFormColIndex","subFormRowId","String","options","formJson","formData","optionData","globalDsv","parentFormRef","extraData","wrapperId","created","initRefList","mounted","loadFormCode","formCode","beforeUnmount","computed","rightSlotCss","selected","id","selectedId","watch","val","methods","selectWidget","setSelected","toggleCollapse","isCollapse","res","$http","get","params","code","then","object","frontendDefinition","$refs","dFormRef","setFormJson","JSON","parse","getFormRef"],"mappings":";;;;;;;;;;;AAgJI,MAAAA,IAAe;AAAA,EACXC,MAAM;AAAA,EACNC,QAAQ,CAACC,GAAMC,GAAgBC,GAAgBC,CAAO;AAAA,EACtDC,QAAQ,CAAC,SAAS;AAAA,EAClBC,YAAY;AAAA,eACRC;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,aAAaC,EAAqB,MAAM,OAAO,mCAAoC,CAAC;AAAA,IACpF,GAAGC;AAAAA;EAEPC,OAAO;AACH,WAAO,CAAA;AAAA,EACX;AAAA,EACAC,OAAO;AAAA,IACHC,QAAQC;AAAAA,IACRC,cAAcD;AAAAA,IACdE,YAAYC;AAAAA,IACZC,mBAAmBC;AAAAA,IACnBC,UAAUN;AAAAA,IAEVO,iBAAiB;AAAA;AAAA,MACSC,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbC,iBAAiB;AAAA;AAAA,MACSF,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbE,cAAc;AAAA;AAAA,MACcH,MAAMI;AAAAA,MAC9BH,SAAS;AAAA;IAEbI,SAAS;AAAA,MACLL,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBK,UAAU;AAAA,MACNN,MAAMR;AAAAA;IAEVe,UAAU;AAAA,MACNP,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBO,YAAY;AAAA;AAAA,MAERR,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBQ,WAAW;AAAA;AAAA,MAEPT,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBS,eAAe;AAAA,MACXV,MAAMR;AAAAA,MACNS,SAAS;AAAA;IAEbU,WAAW;AAAA,MACPX,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBW,WAAW;AAAA,MACPZ,MAAMI;AAAAA,MACNH,SAAS;AAAA,IACb;AAAA;EAEJY,UAAU;AACN,SAAKC,YAAW;AAAA,EACpB;AAAA,EACAC,UAAU;AAEN,SAAKC,aAAa,KAAKzB,OAAOc,QAAQY,QAAQ;AAAA,EAClD;AAAA,EACAC,gBAAgB;AAAA,EACZ;AAAA,EAEJC,UAAU;AAAA,IACNC,eAAe;AACX,aAAO,KAAK7B,OAAOc,QAAQe,gBAAgB;AAAA,IAC/C;AAAA,IACAC,WAAW;AACP,aAAO,KAAK9B,OAAO+B,OAAO,KAAKxB,SAASyB;AAAAA,IAC5C;AAAA;EAEJC,OAAO;AAAA,IACH,0BAA0BC,GAAK;AAC3B,WAAKT,aAAaS,CAAG;AAAA,IACzB;AAAA;EAEJC,SAAS;AAAA,IACLC,aAAapC,GAAQ;AACjB,WAAKO,SAAS8B,YAAYrC,CAAM;AAAA,IACpC;AAAA,IACAsC,iBAAiB;AACb,WAAKtC,OAAOc,QAAQyB,aAAa,CAAC,KAAKvC,OAAOc,QAAQyB;AAAAA,IAC1D;AAAA,IACA,MAAMd,aAAaC,GAAU;AACzB,UAAIA,GAAU;AACV,cAAMc,IAAM,MAAM,KAAKC,MAClBC,IAAI,8DAA8D;AAAA,UAC/DC,QAAQ;AAAA,YAAEC,MAAMlB;AAAAA,UAAS;AAAA,QAC7B,CAAC,EACAmB,KAAKL,CAAAA,MAAOA,EAAI1C,KAAKgD,OAAOC,sBAAsB,IAAI;AAC3D,aAAKC,MAAMC,SAASC,YAAYC,KAAKC,MAAMZ,CAAG,CAAC;AAAA,MACnD;AAAA,IACJ;AAAA,IACAa,aAAa;AACT,aAAO,KAAKL,MAAMC;AAAAA,IACtB;AAAA,EACJ;AACJ;"}
1	+ {"version":3,"file":"vf-collapse-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue"],"sourcesContent":["<template>\n <container-wrapper\n :designer=\"designer\"\n :widget=\"widget\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n >\n <div\n :key=\"widget.id\"\n class=\"collapse-container data-table-container\"\n :class=\"{ selected: selected }\"\n @click.stop=\"selectWidget(widget)\"\n >\n <TpfCollapse :title=\"widget.options.title\">\n <template #right>\n <draggable\n :list=\"widget.headerRightSlotList\"\n item-key=\"id\"\n v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n handle=\".drag-handler\"\n tag=\"transition-group\"\n :component-data=\"{ name: 'fade' }\"\n @add=\"evt => onContainerDragAdd(evt, widget.headerRightSlotList)\"\n @update=\"onContainerDragUpdate\"\n :move=\"checkContainerMove\"\n >\n <template #item=\"{ element: subWidget, index: swIdx }\">\n <div class=\"form-widget-list\">\n <template v-if=\"'container' === subWidget.category\">\n <component\n :is=\"subWidget.type + '-widget'\"\n :widget=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.headerRightSlotList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n />\n </template>\n <template v-else>\n <component\n :is=\"subWidget.type + '-widget'\"\n :field=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.headerRightSlotList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </template>\n <div\n :class=\"['tpf-collapse-content']\"\n :style=\"{\n height: widget.options.height \|\| 'unset',\n ...JSON.parse(widget.options.bodyStyle \|\| '{}')\n }\"\n v-show=\"!widget.options.isCollapse\"\n >\n <draggable\n :list=\"widget.defaultSlotsList\"\n item-key=\"id\"\n v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n handle=\".drag-handler\"\n tag=\"transition-group\"\n :component-data=\"{ name: 'fade' }\"\n @add=\"evt => onContainerDragAdd(evt, widget.defaultSlotsList)\"\n @update=\"onContainerDragUpdate\"\n :move=\"checkContainerMove\"\n >\n <template #item=\"{ element: subWidget, index: swIdx }\">\n <div class=\"form-widget-list\">\n <template v-if=\"'container' === subWidget.category\">\n <component\n :is=\"subWidget.type + '-widget'\"\n :widget=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.defaultSlotsList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n />\n </template>\n <template v-else>\n <component\n :is=\"subWidget.type + '-widget'\"\n :field=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.defaultSlotsList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </TpfCollapse>\n </div>\n </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n import { defineAsyncComponent } from 'vue';\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n import emitter from '@/utils/emitter';\n import i18n from '@/utils/i18n';\n import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n import refMixinDesign from '@/components/form-designer/refMixinDesign';\n import SvgIcon from '@/components/svg-icon/index.vue';\n import { TpfCollapse } from 'tmgc2-share';\n import gridWidget from './grid-widget.vue';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n export default {\n name: 'VfCollapseWidget',\n mixins: [i18n, containerMixin, refMixinDesign, emitter],\n inject: ['refList'],\n components: {\n Draggable,\n ContainerWrapper,\n TpfCollapse,\n SvgIcon,\n gridWidget,\n VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue')),\n ...FieldComponents\n },\n data() {\n return {};\n },\n props: {\n widget: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n subFormRowIndex: {\n /* 子表单组件行索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormColIndex: {\n / 子表单组件列索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormRowId: {\n / 子表单组件行Id，唯一id且不可变 */ type: String,\n default: ''\n },\n options: {\n type: Object,\n default: () => ({})\n },\n formJson: {\n type: Object\n },\n formData: {\n type: Object,\n default: () => ({})\n },\n optionData: {\n //prop传入的选项数据\n type: Object,\n default: () => ({})\n },\n globalDsv: {\n // 全局数据源变量\n type: Object,\n default: () => ({})\n },\n parentFormRef: {\n type: Object,\n default: null\n },\n extraData: {\n type: Object,\n default: () => ({})\n },\n wrapperId: {\n type: String,\n default: null\n }\n },\n created() {\n this.initRefList();\n },\n mounted() {\n //\n this.loadFormCode(this.widget.options.formCode);\n },\n beforeUnmount() {\n //\n },\n computed: {\n rightSlotCss() {\n return this.widget.options.rightSlotCss \|\| '';\n },\n selected() {\n return this.widget.id === this.designer.selectedId;\n }\n },\n watch: {\n 'widget.options.formCode'(val) {\n this.loadFormCode(val);\n }\n },\n methods: {\n selectWidget(widget) {\n this.designer.setSelected(widget);\n },\n toggleCollapse() {\n this.widget.options.isCollapse = !this.widget.options.isCollapse;\n },\n async loadFormCode(formCode) {\n if (formCode) {\n const res = await this.$http\n .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n params: { code: formCode }\n })\n .then(res => res.data.object.frontendDefinition \|\| '{}');\n this.$refs.dFormRef.setFormJson(JSON.parse(res));\n }\n },\n getFormRef() {\n return this.$refs.dFormRef;\n }\n }\n };\n</script>\n\n<style lang=\"less\" scoped>\n .collapse-container {\n display: flex;\n margin: 2px;\n height: 100%;\n width: 100%;\n flex: 1 0 0;\n\n .form-widget-list {\n min-height: 28px;\n }\n :deep(.header-right) {\n background-color: #fff;\n margin-right: 10px;\n min-height: 30px;\n min-width: 200px;\n width: fit-content;\n border: 1px dashed #666;\n .form-widget-list {\n min-width: 200px;\n }\n }\n }\n\n .collapse-container.selected {\n outline: 2px solid var(--ant-primary-color) !important;\n }\n\n :deep(.ant-table) .table-striped td {\n background-color: #fafafa;\n }\n</style>\n\n<style lang=\"less\" scoped>\n .tpf-collapse {\n // width: 100%;\n // background-color: transparent;\n // box-sizing: border-box;\n\n // .tpf-collapse-header {\n // padding: 10px 0;\n // box-sizing: border-box;\n // display: flex;\n // height: 50px;\n // justify-content: space-between;\n // background-color: #f7f8fa;\n // .header-right {\n // background-color: #fff;\n // margin-right: 10px;\n // min-height: 30px;\n // min-width: 200px;\n // width: fit-content;\n // border: 1px dashed #666;\n // }\n // }\n\n // .tpf-collapse-content {\n // overflow: hidden;\n // background-color: #fff;\n // min-height: 200px;\n\n // :deep(.ant-card-bordered) {\n // border-color: transparent;\n // }\n // }\n }\n</style>\n"],"names":["_sfc_main","name","mixins","i18n","containerMixin","refMixinDesign","emitter","inject","components","Draggable","ContainerWrapper","TpfCollapse","SvgIcon","gridWidget","VFormRender","defineAsyncComponent","FieldComponents","data","props","widget","Object","parentWidget","parentList","Array","indexOfParentList","Number","designer","subFormRowIndex","type","default","subFormColIndex","subFormRowId","String","options","formJson","formData","optionData","globalDsv","parentFormRef","extraData","wrapperId","created","initRefList","mounted","loadFormCode","formCode","beforeUnmount","computed","rightSlotCss","selected","id","selectedId","watch","val","methods","selectWidget","setSelected","toggleCollapse","isCollapse","res","$http","get","params","code","then","object","frontendDefinition","$refs","dFormRef","setFormJson","JSON","parse","getFormRef"],"mappings":";;;;;;;;;;;AAyHI,MAAAA,IAAe;AAAA,EACXC,MAAM;AAAA,EACNC,QAAQ,CAACC,GAAMC,GAAgBC,GAAgBC,CAAO;AAAA,EACtDC,QAAQ,CAAC,SAAS;AAAA,EAClBC,YAAY;AAAA,eACRC;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,aAAaC,EAAqB,MAAM,OAAO,mCAAoC,CAAC;AAAA,IACpF,GAAGC;AAAAA;EAEPC,OAAO;AACH,WAAO,CAAA;AAAA,EACX;AAAA,EACAC,OAAO;AAAA,IACHC,QAAQC;AAAAA,IACRC,cAAcD;AAAAA,IACdE,YAAYC;AAAAA,IACZC,mBAAmBC;AAAAA,IACnBC,UAAUN;AAAAA,IAEVO,iBAAiB;AAAA;AAAA,MACSC,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbC,iBAAiB;AAAA;AAAA,MACSF,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbE,cAAc;AAAA;AAAA,MACcH,MAAMI;AAAAA,MAC9BH,SAAS;AAAA;IAEbI,SAAS;AAAA,MACLL,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBK,UAAU;AAAA,MACNN,MAAMR;AAAAA;IAEVe,UAAU;AAAA,MACNP,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBO,YAAY;AAAA;AAAA,MAERR,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBQ,WAAW;AAAA;AAAA,MAEPT,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBS,eAAe;AAAA,MACXV,MAAMR;AAAAA,MACNS,SAAS;AAAA;IAEbU,WAAW;AAAA,MACPX,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBW,WAAW;AAAA,MACPZ,MAAMI;AAAAA,MACNH,SAAS;AAAA,IACb;AAAA;EAEJY,UAAU;AACN,SAAKC,YAAW;AAAA,EACpB;AAAA,EACAC,UAAU;AAEN,SAAKC,aAAa,KAAKzB,OAAOc,QAAQY,QAAQ;AAAA,EAClD;AAAA,EACAC,gBAAgB;AAAA,EACZ;AAAA,EAEJC,UAAU;AAAA,IACNC,eAAe;AACX,aAAO,KAAK7B,OAAOc,QAAQe,gBAAgB;AAAA,IAC/C;AAAA,IACAC,WAAW;AACP,aAAO,KAAK9B,OAAO+B,OAAO,KAAKxB,SAASyB;AAAAA,IAC5C;AAAA;EAEJC,OAAO;AAAA,IACH,0BAA0BC,GAAK;AAC3B,WAAKT,aAAaS,CAAG;AAAA,IACzB;AAAA;EAEJC,SAAS;AAAA,IACLC,aAAapC,GAAQ;AACjB,WAAKO,SAAS8B,YAAYrC,CAAM;AAAA,IACpC;AAAA,IACAsC,iBAAiB;AACb,WAAKtC,OAAOc,QAAQyB,aAAa,CAAC,KAAKvC,OAAOc,QAAQyB;AAAAA,IAC1D;AAAA,IACA,MAAMd,aAAaC,GAAU;AACzB,UAAIA,GAAU;AACV,cAAMc,IAAM,MAAM,KAAKC,MAClBC,IAAI,8DAA8D;AAAA,UAC/DC,QAAQ;AAAA,YAAEC,MAAMlB;AAAAA,UAAS;AAAA,QAC7B,CAAC,EACAmB,KAAKL,CAAAA,MAAOA,EAAI1C,KAAKgD,OAAOC,sBAAsB,IAAI;AAC3D,aAAKC,MAAMC,SAASC,YAAYC,KAAKC,MAAMZ,CAAG,CAAC;AAAA,MACnD;AAAA,IACJ;AAAA,IACAa,aAAa;AACT,aAAO,KAAKL,MAAMC;AAAAA,IACtB;AAAA,EACJ;AACJ;"}

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue4.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+
2	+ //# sourceMappingURL=vf-collapse-widget.vue4.js.map

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue4.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"vf-collapse-widget.vue4.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/src/components/form-designer/form-widget/field-widget/code-editor-widget.vue.js CHANGED Viewed

@@ -92,7 +92,7 @@ function C(t, d, e, F, o, _) {
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
 }
-const N = /* @__PURE__ */ w(x, [["render", C], ["__scopeId", "data-v-0c845dd6"]]);
+const N = /* @__PURE__ */ w(x, [["render", C], ["__scopeId", "data-v-de201121"]]);
 export {
   N as default
 };

package/src/components/form-designer/form-widget/field-widget/code-editor-widget.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"code-editor-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/code-editor-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :rules=\"rules\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n v-if=\"!handleHidden()\"\n >\n <CodeEditor\n :mode=\"field.options.mode\"\n :readonly=\"field.options.readonly \|\| isReadMode\"\n v-model=\"fieldModel\"\n ref=\"fieldEditor\"\n @blur=\"handleBlurCustomEvent\"\n @change=\"handleChangeEvent\"\n />\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n // import ~~CodeEditor from '@/components/code-editor/index.vue';\n import~~ { CodeEditor } from 'tmgc2-share';\n\n export default {\n name: 'code-editor-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormColIndex: {\n / 子表单组件列索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormRowId: {\n / 子表单组件行Id，唯一id且不可变 / type: String,\n default: ''\n }\n },\n components: {\n FormItemWrapper,\n CodeEditor\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: []\n };\n },\n computed: {},\n beforeCreate() {\n / 这里不能访问方法和属性！！ /\n },\n\n created() {\n / 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n 需要在父组件created中初始化！！ /\n this.registerToRefList();\n this.initFieldModel();\n this.initEventHandler();\n this.buildFieldRules();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {}\n };\n</script>\n\n<style lang=\"scss\" scoped>\n / form-item-wrapper已引入，还需要重复引入吗？ */\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","CodeEditor","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_CodeEditor","$event"],"mappings":";;;;;;;;~~AAiCI~~,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA,IACA,YAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA;EAEf;AAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGN,SAAK,kBAAiB,GACtB,KAAK,eAAc,GACnB,KAAK,iBAAgB,GACrB,KAAK,gBAAe,GAEpB,KAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,UAAU;AACN,SAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,gBAAgB;AACZ,SAAK,sBAAqB;AAAA,EAC9B;AAAA,EAEA,SAAS,CAAA;;;;~~SArFFC~~,EAAA,aAAY,sBAXvBC,EAqBoBC,GAAA;AAAA;IApBf,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,OAAOC,EAAA;AAAA,IACP,gBAAcD,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAGlB,MAOE;AAAA,MAPFE,EAOEC,GAAA;AAAA,QANG,MAAMH,EAAA,MAAM,QAAQ;AAAA,QACpB,UAAUA,EAAA,MAAM,QAAQ,YAAYH,EAAA;AAAA,oBAC5BI,EAAA;AAAA,sDAAAA,EAAA,aAAUG;AAAA,QACnB,KAAI;AAAA,QACH,QAAMP,EAAA;AAAA,QACN,UAAQA,EAAA;AAAA;;;;;;"}
1	+ {"version":3,"file":"code-editor-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/code-editor-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :rules=\"rules\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n v-if=\"!handleHidden()\"\n >\n <CodeEditor\n :mode=\"field.options.mode\"\n :readonly=\"field.options.readonly \|\| isReadMode\"\n v-model=\"fieldModel\"\n ref=\"fieldEditor\"\n @blur=\"handleBlurCustomEvent\"\n @change=\"handleChangeEvent\"\n />\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n import { CodeEditor } from 'tmgc2-share';\n\n export default {\n name: 'code-editor-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormColIndex: {\n / 子表单组件列索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormRowId: {\n / 子表单组件行Id，唯一id且不可变 / type: String,\n default: ''\n }\n },\n components: {\n FormItemWrapper,\n CodeEditor\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: []\n };\n },\n computed: {},\n beforeCreate() {\n / 这里不能访问方法和属性！！ /\n },\n\n created() {\n / 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n 需要在父组件created中初始化！！ /\n this.registerToRefList();\n this.initFieldModel();\n this.initEventHandler();\n this.buildFieldRules();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {}\n };\n</script>\n\n<style lang=\"scss\" scoped>\n / form-item-wrapper已引入，还需要重复引入吗？ */\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","CodeEditor","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_CodeEditor","$event"],"mappings":";;;;;;;;AAgCI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA,IACA,YAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA;EAEf;AAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGN,SAAK,kBAAiB,GACtB,KAAK,eAAc,GACnB,KAAK,iBAAgB,GACrB,KAAK,gBAAe,GAEpB,KAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,UAAU;AACN,SAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,gBAAgB;AACZ,SAAK,sBAAqB;AAAA,EAC9B;AAAA,EAEA,SAAS,CAAA;;;;SApFFC,EAAA,aAAY,sBAXvBC,EAqBoBC,GAAA;AAAA;IApBf,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,OAAOC,EAAA;AAAA,IACP,gBAAcD,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAGlB,MAOE;AAAA,MAPFE,EAOEC,GAAA;AAAA,QANG,MAAMH,EAAA,MAAM,QAAQ;AAAA,QACpB,UAAUA,EAAA,MAAM,QAAQ,YAAYH,EAAA;AAAA,oBAC5BI,EAAA;AAAA,sDAAAA,EAAA,aAAUG;AAAA,QACnB,KAAI;AAAA,QACH,QAAMP,EAAA;AAAA,QACN,UAAQA,EAAA;AAAA;;;;;;"}