@kp-ui/lowcode 1.0.95 → 1.0.97

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "1.0.95",
+  "version": "1.0.97",
   "publishConfig": {
     "access": "public"
   },
@@ -9,7 +9,7 @@
     "@kp-ui/i18n": "0.0.8",
     "ace-builds": "1.42.0",
     "@kp-ui/tool": "1.0.33",
-    "@surely-vue/table": "^5.0.3",
+    "@surely-vue/table": "5.0.3",
     "animate.css": "^4.1.1",
     "ant-design-vue": "4.2.6",
     "axios": "^1.3.5",

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js

@@ -1,11 +1,11 @@
-import h from "./data-table-widget.vue2.js";
-import { resolveComponent as n, createBlock as s, openBlock as l, withCtx as i, createElementBlock as u, withModifiers as b, normalizeClass as r, createElementVNode as p, createVNode as m, normalizeStyle as y, createCommentVNode as f } from "vue";
+import u from "./data-table-widget.vue2.js";
+import { resolveComponent as a, createBlock as s, openBlock as l, withCtx as i, createElementBlock as C, withModifiers as p, normalizeClass as r, createElementVNode as y, createVNode as m, normalizeStyle as b, createCommentVNode as f } from "vue";
 /* empty css                       */
 import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const z = { class: "talbe-wrapper" };
-function S(e, d, t, N, _, a) {
-  const c = n("a-empty"), w = n("RenderBodyCell"), g = n("s-table"), C = n("container-wrapper");
-  return l(), s(C, {
+function S(e, d, t, N, _, n) {
+  const c = a("a-empty"), w = a("RenderBodyCell"), g = a("s-table"), h = a("container-wrapper");
+  return l(), s(h, {
     designer: t.designer,
     widget: t.widget,
     "parent-widget": t.parentWidget,
@@ -13,23 +13,23 @@ function S(e, d, t, N, _, a) {
     "index-of-parent-list": t.indexOfParentList
   }, {
     default: i(() => [
-      (l(), u("div", {
+      (l(), C("div", {
         key: t.widget.id,
-        class: r(["collapse-container data-table-container", { selected: a.selected }]),
-        onClick: d[0] || (d[0] = b((o) => a.selectWidget(t.widget), ["stop"]))
+        class: r(["collapse-container data-table-container", { selected: n.selected }]),
+        onClick: d[0] || (d[0] = p((o) => n.selectWidget(t.widget), ["stop"]))
       }, [
-        p("div", z, [
+        y("div", z, [
           m(g, {
             ref: "dataTable2",
             columns: e.columns.columns,
             scroll: { y: e.tableHeight },
             height: e.tableHeight,
-            dataSource: a.data,
+            dataSource: n.data,
             class: r([e.customClass]),
             size: e.widgetSize,
             rowKey: (o) => o[t.widget.options.rowKey],
             bordered: t.widget.options.border,
-            style: y({ width: t.widget.options.tableWidth }),
+            style: b({ width: t.widget.options.tableWidth }),
             "row-class-name": e.rowClassName,
             rowSelection: e.handleRowSelection(),
             pagination: e.fmtPagination,
@@ -37,6 +37,7 @@ function S(e, d, t, N, _, a) {
             rowClassName: e.rowClassName,
             onChange: e.handleTablePageChange,
             onResizeColumn: e.handleResizeColumn,
+            "deep-watch-data-source": !0,
             loading: e.loading,
             "row-height": e.lineHeight
           }, {
@@ -58,7 +59,7 @@ function S(e, d, t, N, _, a) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const W = /* @__PURE__ */ R(h, [["render", S], ["__scopeId", "data-v-b8e5b467"]]);
+const W = /* @__PURE__ */ R(u, [["render", S], ["__scopeId", "data-v-83fedb64"]]);
 export {
   W as default
 };

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/data-table-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=\"talbe-wrapper\">\n                <s-table\n                    ref=\"dataTable2\"\n                    :columns=\"columns.columns\"\n                    :scroll=\"{ y: tableHeight }\"\n                    :height=\"tableHeight\"\n                    :dataSource=\"data\"\n                    :class=\"[customClass]\"\n                    :size=\"widgetSize\"\n                    :rowKey=\"record => record[widget.options.rowKey]\"\n                    :bordered=\"widget.options.border\"\n                    :style=\"{ width: widget.options.tableWidth }\"\n                    :row-class-name=\"rowClassName\"\n                    :rowSelection=\"handleRowSelection()\"\n                    :pagination=\"fmtPagination\"\n                    :customRow=\"handleCustomRow\"\n                    :rowClassName=\"rowClassName\"\n                    @change=\"handleTablePageChange\"\n                    @resizeColumn=\"handleResizeColumn\"\n                    :loading=\"loading\"\n                    :row-height=\"lineHeight\"\n                >\n                    <template #emptyText>\n                        <a-empty />\n                    </template>\n                    <template #bodyCell=\"scope\">\n                        <template v-if=\"isShowBodyCell(scope.column.dataIndex)\">\n                            <RenderBodyCell :bodyCell=\"columns.bodyCell\" :scope=\"scope\" />\n                        </template>\n                    </template>\n                </s-table>\n            </div>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\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 useDataTableMixin from '@/mixins/useDataTableMixin';\n\n    export default {\n        name: 'DataTableWidget',\n        componentName: 'DataTableWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],\n        inject: ['refList'],\n        components: {\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        data() {\n            return {\n                // selectAllFlag: false\n            };\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        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            this.loadDataTableDataSource();\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            data() {\n                return this.widget.options.dataSource;\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .collapse-container {\n        display: flex;\n        // height: 100%;\n        // width: 100%;\n        // flex: 1 0 0;\n\n        .form-widget-list {\n            min-height: 28px;\n            :deep(.tpf-surely-table) {\n                min-height: 280px;\n            }\n        }\n    }\n    .talbe-wrapper {\n        width: 100%;\n    }\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n    .data-table-container {\n        border: 2px dashed #cccccc;\n    }\n\n    :deep(.ant-table) .table-striped td {\n        background-color: #fafafa;\n    }\n</style>\n"],"names":["_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_createElementVNode","_createVNode","_component_s_table","_ctx","record","_normalizeStyle","_component_a_empty","_withCtx","scope","_component_RenderBodyCell"],"mappings":";;;;AAciB,MAAAA,IAAA,EAAA,OAAM,gBAAe;;;cAblCC,EA8CoBC,GAAA;AAAA,IA7Cf,UAAUC,EAAA;AAAA,IACV,QAAQA,EAAA;AAAA,IACR,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA;eAEvB,MAsCM;AAAA,YAtCNC,EAsCM,OAAA;AAAA,QArCD,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,EA+BM,OA/BNV,GA+BM;AAAA,UA9BFW,EA6BUC,GAAA;AAAA,YA5BN,KAAI;AAAA,YACH,SAASC,EAAA,QAAQ;AAAA,YACjB,aAAaA,EAAA,YAAW;AAAA,YACxB,QAAQA,EAAA;AAAA,YACR,YAAYP,EAAA;AAAA,YACZ,UAAQO,EAAA,WAAW,CAAA;AAAA,YACnB,MAAMA,EAAA;AAAA,YACN,QAAQ,CAAAC,MAAUA,EAAOX,EAAA,OAAO,QAAQ,MAAM;AAAA,YAC9C,UAAUA,EAAA,OAAO,QAAQ;AAAA,YACzB,OAAKY,EAAA,EAAA,OAAWZ,EAAA,OAAO,QAAQ,YAAU;AAAA,YACzC,kBAAgBU,EAAA;AAAA,YAChB,cAAcA,EAAA,mBAAkB;AAAA,YAChC,YAAYA,EAAA;AAAA,YACZ,WAAWA,EAAA;AAAA,YACX,cAAcA,EAAA;AAAA,YACd,UAAQA,EAAA;AAAA,YACR,gBAAcA,EAAA;AAAA,YACd,SAASA,EAAA;AAAA,YACT,cAAYA,EAAA;AAAA;YAEF,aACP,MAAW;AAAA,cAAXF,EAAWK,CAAA;AAAA;YAEJ,UAAQC,EACf,CADiBC,MAAK;AAAA,cACNL,EAAA,eAAeK,EAAM,OAAO,SAAS,UACjDjB,EAA8DkB,GAAA;AAAA;gBAA7C,UAAUN,EAAA,QAAQ;AAAA,gBAAW,OAAOK;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"data-table-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/data-table-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=\"talbe-wrapper\">\n                <s-table\n                    ref=\"dataTable2\"\n                    :columns=\"columns.columns\"\n                    :scroll=\"{ y: tableHeight }\"\n                    :height=\"tableHeight\"\n                    :dataSource=\"data\"\n                    :class=\"[customClass]\"\n                    :size=\"widgetSize\"\n                    :rowKey=\"record => record[widget.options.rowKey]\"\n                    :bordered=\"widget.options.border\"\n                    :style=\"{ width: widget.options.tableWidth }\"\n                    :row-class-name=\"rowClassName\"\n                    :rowSelection=\"handleRowSelection()\"\n                    :pagination=\"fmtPagination\"\n                    :customRow=\"handleCustomRow\"\n                    :rowClassName=\"rowClassName\"\n                    @change=\"handleTablePageChange\"\n                    @resizeColumn=\"handleResizeColumn\"\n                    :deep-watch-data-source=\"true\"\n                    :loading=\"loading\"\n                    :row-height=\"lineHeight\"\n                >\n                    <template #emptyText>\n                        <a-empty />\n                    </template>\n                    <template #bodyCell=\"scope\">\n                        <template v-if=\"isShowBodyCell(scope.column.dataIndex)\">\n                            <RenderBodyCell :bodyCell=\"columns.bodyCell\" :scope=\"scope\" />\n                        </template>\n                    </template>\n                </s-table>\n            </div>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\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 useDataTableMixin from '@/mixins/useDataTableMixin';\n\n    export default {\n        name: 'DataTableWidget',\n        componentName: 'DataTableWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],\n        inject: ['refList'],\n        components: {\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        data() {\n            return {\n                // selectAllFlag: false\n            };\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        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            this.loadDataTableDataSource();\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            data() {\n                return this.widget.options.dataSource;\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .collapse-container {\n        display: flex;\n        // height: 100%;\n        // width: 100%;\n        // flex: 1 0 0;\n\n        .form-widget-list {\n            min-height: 28px;\n            :deep(.tpf-surely-table) {\n                min-height: 280px;\n            }\n        }\n    }\n    .talbe-wrapper {\n        width: 100%;\n    }\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n    .data-table-container {\n        border: 2px dashed #cccccc;\n    }\n\n    :deep(.ant-table) .table-striped td {\n        background-color: #fafafa;\n    }\n</style>\n"],"names":["_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_createElementVNode","_createVNode","_component_s_table","_ctx","record","_normalizeStyle","_component_a_empty","_withCtx","scope","_component_RenderBodyCell"],"mappings":";;;;AAciB,MAAAA,IAAA,EAAA,OAAM,gBAAe;;;cAblCC,EA+CoBC,GAAA;AAAA,IA9Cf,UAAUC,EAAA;AAAA,IACV,QAAQA,EAAA;AAAA,IACR,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA;eAEvB,MAuCM;AAAA,YAvCNC,EAuCM,OAAA;AAAA,QAtCD,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,EAgCM,OAhCNV,GAgCM;AAAA,UA/BFW,EA8BUC,GAAA;AAAA,YA7BN,KAAI;AAAA,YACH,SAASC,EAAA,QAAQ;AAAA,YACjB,aAAaA,EAAA,YAAW;AAAA,YACxB,QAAQA,EAAA;AAAA,YACR,YAAYP,EAAA;AAAA,YACZ,UAAQO,EAAA,WAAW,CAAA;AAAA,YACnB,MAAMA,EAAA;AAAA,YACN,QAAQ,CAAAC,MAAUA,EAAOX,EAAA,OAAO,QAAQ,MAAM;AAAA,YAC9C,UAAUA,EAAA,OAAO,QAAQ;AAAA,YACzB,OAAKY,EAAA,EAAA,OAAWZ,EAAA,OAAO,QAAQ,YAAU;AAAA,YACzC,kBAAgBU,EAAA;AAAA,YAChB,cAAcA,EAAA,mBAAkB;AAAA,YAChC,YAAYA,EAAA;AAAA,YACZ,WAAWA,EAAA;AAAA,YACX,cAAcA,EAAA;AAAA,YACd,UAAQA,EAAA;AAAA,YACR,gBAAcA,EAAA;AAAA,YACd,0BAAwB;AAAA,YACxB,SAASA,EAAA;AAAA,YACT,cAAYA,EAAA;AAAA;YAEF,aACP,MAAW;AAAA,cAAXF,EAAWK,CAAA;AAAA;YAEJ,UAAQC,EACf,CADiBC,MAAK;AAAA,cACNL,EAAA,eAAeK,EAAM,OAAO,SAAS,UACjDjB,EAA8DkB,GAAA;AAAA;gBAA7C,UAAUN,EAAA,QAAQ;AAAA,gBAAW,OAAOK;AAAA;;;;;;;;;;;"}

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/data-table-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=\"talbe-wrapper\">\n                <s-table\n                    ref=\"dataTable2\"\n                    :columns=\"columns.columns\"\n                    :scroll=\"{ y: tableHeight }\"\n                    :height=\"tableHeight\"\n                    :dataSource=\"data\"\n                    :class=\"[customClass]\"\n                    :size=\"widgetSize\"\n                    :rowKey=\"record => record[widget.options.rowKey]\"\n                    :bordered=\"widget.options.border\"\n                    :style=\"{ width: widget.options.tableWidth }\"\n                    :row-class-name=\"rowClassName\"\n                    :rowSelection=\"handleRowSelection()\"\n                    :pagination=\"fmtPagination\"\n                    :customRow=\"handleCustomRow\"\n                    :rowClassName=\"rowClassName\"\n                    @change=\"handleTablePageChange\"\n                    @resizeColumn=\"handleResizeColumn\"\n                    :loading=\"loading\"\n                    :row-height=\"lineHeight\"\n                >\n                    <template #emptyText>\n                        <a-empty />\n                    </template>\n                    <template #bodyCell=\"scope\">\n                        <template v-if=\"isShowBodyCell(scope.column.dataIndex)\">\n                            <RenderBodyCell :bodyCell=\"columns.bodyCell\" :scope=\"scope\" />\n                        </template>\n                    </template>\n                </s-table>\n            </div>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\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 useDataTableMixin from '@/mixins/useDataTableMixin';\n\n    export default {\n        name: 'DataTableWidget',\n        componentName: 'DataTableWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],\n        inject: ['refList'],\n        components: {\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        data() {\n            return {\n                // selectAllFlag: false\n            };\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        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            this.loadDataTableDataSource();\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            data() {\n                return this.widget.options.dataSource;\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .collapse-container {\n        display: flex;\n        // height: 100%;\n        // width: 100%;\n        // flex: 1 0 0;\n\n        .form-widget-list {\n            min-height: 28px;\n            :deep(.tpf-surely-table) {\n                min-height: 280px;\n            }\n        }\n    }\n    .talbe-wrapper {\n        width: 100%;\n    }\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n    .data-table-container {\n        border: 2px dashed #cccccc;\n    }\n\n    :deep(.ant-table) .table-striped td {\n        background-color: #fafafa;\n    }\n</style>\n"],"names":["_sfc_main","name","componentName","mixins","i18n","containerMixin","refMixinDesign","emitter","useDataTableMixin","inject","components","ContainerWrapper","FieldComponents","data","props","widget","Object","parentWidget","parentList","Array","indexOfParentList","Number","designer","subFormRowIndex","type","default","subFormColIndex","subFormRowId","String","created","initRefList","mounted","loadDataTableDataSource","beforeUnmount","computed","options","dataSource","selected","id","selectedId","methods","selectWidget","setSelected"],"mappings":";;;;;;;AA2DI,MAAAA,IAAe;AAAA,EACXC,MAAM;AAAA,EACNC,eAAe;AAAA,EACfC,QAAQ,CAACC,GAAMC,GAAgBC,GAAgBC,GAASC,CAAiB;AAAA,EACzEC,QAAQ,CAAC,SAAS;AAAA,EAClBC,YAAY;AAAA,IACRC,kBAAAA;AAAAA,IACA,GAAGC;AAAAA;EAEPC,OAAO;AACH,WAAO;AAAA;AAAA;EAGX;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,IACb;AAAA;EAEJI,UAAU;AACN,SAAKC,YAAW;AAAA,EACpB;AAAA,EACAC,UAAU;AACN,SAAKC,wBAAuB;AAAA,EAChC;AAAA,EACAC,gBAAgB;AAAA,EACZ;AAAA,EAEJC,UAAU;AAAA,IACNrB,OAAO;AACH,aAAO,KAAKE,OAAOoB,QAAQC;AAAAA,IAC/B;AAAA,IACAC,WAAW;AACP,aAAO,KAAKtB,OAAOuB,OAAO,KAAKhB,SAASiB;AAAAA,IAC5C;AAAA;EAEJC,SAAS;AAAA,IACLC,aAAa1B,GAAQ;AACjB,WAAKO,SAASoB,YAAY3B,CAAM;AAAA,IACpC;AAAA,EACJ;AACJ;"}
+{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/data-table-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=\"talbe-wrapper\">\n                <s-table\n                    ref=\"dataTable2\"\n                    :columns=\"columns.columns\"\n                    :scroll=\"{ y: tableHeight }\"\n                    :height=\"tableHeight\"\n                    :dataSource=\"data\"\n                    :class=\"[customClass]\"\n                    :size=\"widgetSize\"\n                    :rowKey=\"record => record[widget.options.rowKey]\"\n                    :bordered=\"widget.options.border\"\n                    :style=\"{ width: widget.options.tableWidth }\"\n                    :row-class-name=\"rowClassName\"\n                    :rowSelection=\"handleRowSelection()\"\n                    :pagination=\"fmtPagination\"\n                    :customRow=\"handleCustomRow\"\n                    :rowClassName=\"rowClassName\"\n                    @change=\"handleTablePageChange\"\n                    @resizeColumn=\"handleResizeColumn\"\n                    :deep-watch-data-source=\"true\"\n                    :loading=\"loading\"\n                    :row-height=\"lineHeight\"\n                >\n                    <template #emptyText>\n                        <a-empty />\n                    </template>\n                    <template #bodyCell=\"scope\">\n                        <template v-if=\"isShowBodyCell(scope.column.dataIndex)\">\n                            <RenderBodyCell :bodyCell=\"columns.bodyCell\" :scope=\"scope\" />\n                        </template>\n                    </template>\n                </s-table>\n            </div>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\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 useDataTableMixin from '@/mixins/useDataTableMixin';\n\n    export default {\n        name: 'DataTableWidget',\n        componentName: 'DataTableWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],\n        inject: ['refList'],\n        components: {\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        data() {\n            return {\n                // selectAllFlag: false\n            };\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        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            this.loadDataTableDataSource();\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            data() {\n                return this.widget.options.dataSource;\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .collapse-container {\n        display: flex;\n        // height: 100%;\n        // width: 100%;\n        // flex: 1 0 0;\n\n        .form-widget-list {\n            min-height: 28px;\n            :deep(.tpf-surely-table) {\n                min-height: 280px;\n            }\n        }\n    }\n    .talbe-wrapper {\n        width: 100%;\n    }\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n    .data-table-container {\n        border: 2px dashed #cccccc;\n    }\n\n    :deep(.ant-table) .table-striped td {\n        background-color: #fafafa;\n    }\n</style>\n"],"names":["_sfc_main","name","componentName","mixins","i18n","containerMixin","refMixinDesign","emitter","useDataTableMixin","inject","components","ContainerWrapper","FieldComponents","data","props","widget","Object","parentWidget","parentList","Array","indexOfParentList","Number","designer","subFormRowIndex","type","default","subFormColIndex","subFormRowId","String","created","initRefList","mounted","loadDataTableDataSource","beforeUnmount","computed","options","dataSource","selected","id","selectedId","methods","selectWidget","setSelected"],"mappings":";;;;;;;AA4DI,MAAAA,IAAe;AAAA,EACXC,MAAM;AAAA,EACNC,eAAe;AAAA,EACfC,QAAQ,CAACC,GAAMC,GAAgBC,GAAgBC,GAASC,CAAiB;AAAA,EACzEC,QAAQ,CAAC,SAAS;AAAA,EAClBC,YAAY;AAAA,IACRC,kBAAAA;AAAAA,IACA,GAAGC;AAAAA;EAEPC,OAAO;AACH,WAAO;AAAA;AAAA;EAGX;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,IACb;AAAA;EAEJI,UAAU;AACN,SAAKC,YAAW;AAAA,EACpB;AAAA,EACAC,UAAU;AACN,SAAKC,wBAAuB;AAAA,EAChC;AAAA,EACAC,gBAAgB;AAAA,EACZ;AAAA,EAEJC,UAAU;AAAA,IACNrB,OAAO;AACH,aAAO,KAAKE,OAAOoB,QAAQC;AAAAA,IAC/B;AAAA,IACAC,WAAW;AACP,aAAO,KAAKtB,OAAOuB,OAAO,KAAKhB,SAASiB;AAAAA,IAC5C;AAAA;EAEJC,SAAS;AAAA,IACLC,aAAa1B,GAAQ;AACjB,WAAKO,SAASoB,YAAY3B,CAAM;AAAA,IACpC;AAAA,EACJ;AACJ;"}

package/src/components/form-designer/form-widget/field-widget/cascader-widget.vue.js

@@ -140,7 +140,7 @@ function I(t, n, e, K, l, i) {
     _: 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 S = /* @__PURE__ */ _(M, [["render", I], ["__scopeId", "data-v-34f24483"]]);
+const S = /* @__PURE__ */ _(M, [["render", I], ["__scopeId", "data-v-d6774be2"]]);
 export {
   S as default
 };

package/src/components/form-designer/form-widget/field-widget/cascader-widget.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascader-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/cascader-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        <!--\n        :filterable=\"field.options.filterable\"\n        :show-all-levels=\"showFullPath\"\n  :props=\"{\n          checkStrictly: field.options.checkStrictly\n        }\"\n         @visible-change=\"hideDropDownOnClick\"\n        @expand-change=\"hideDropDownOnClick\"\n   -->\n        <div class=\"full-width-input\" :class=\"{ 'readonly-mode-cascader': isReadMode }\">\n            <a-cascader\n                ref=\"fieldEditor\"\n                :size=\"size\"\n                :options=\"field.options.optionItems\"\n                v-model:value=\"fieldModel\"\n                :disabled=\"handleDisabled()\"\n                :allowClear=\"field.options.allowClear\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n                :fieldNames=\"{ value: valueKey, label: labelKey, children: childrenKey }\"\n                :expandTrigger=\"'hover'\"\n                :multiple=\"field.options.multiple\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n                @change=\"handleChangeEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <a-tooltip\n                    placement=\"topLeft\"\n                    :title=\"contentForReadMode\"\n                    :overlayStyle=\"{ zIndex: 1000 }\"\n                >\n                    <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n                </a-tooltip>\n            </template>\n        </div>\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 { formateCascaderCode } from '@/utils/format';\n    import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n    export default {\n        name: 'cascader-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        },\n        data() {\n            return {\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: null,\n                rules: []\n            };\n        },\n        computed: {\n            size() {\n                if (!!this.field.options && !!this.field.options.size) {\n                    return this.field.options.size;\n                }\n                if (!!this.designer) {\n                    return this.designer.formConfig.size || 'middle';\n                } else {\n                    return this.formConfig.size || 'middle';\n                }\n            },\n            labelKey() {\n                return this.field.options.labelKey || 'label';\n            },\n\n            valueKey() {\n                return this.field.options.valueKey || 'value';\n            },\n\n            childrenKey() {\n                return this.field.options.childrenKey || 'children';\n            },\n\n            // showFullPath() {\n            //   return this.field.options.showAllLevels === undefined || !!this.field.options.showAllLevels;\n            // },\n\n            contentForReadMode() {\n                if (!this.fieldModel) return '';\n                return formateCascaderCode(this.field.options.optionItems, this.fieldModel, {\n                    label: this.labelKey,\n                    value: this.valueKey,\n                    children: this.childrenKey\n                });\n            }\n        },\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.initOptionItems();\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            /* 开启任意级节点可选后，点击radio隐藏下拉框 */\n            hideDropDownOnClick() {\n                // setTimeout(() => {\n                //   document.querySelectorAll('.el-cascader-panel .el-radio').forEach(el => {\n                //     el.onclick = () => {\n                //       console.log('test====', 1111);\n                //       this.$refs.fieldEditor.popperVisible = false; // 单选框部分点击隐藏下拉框\n                //     };\n                //   });\n                // }, 100);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .full-width-input {\n        width: 100% !important;\n    }\n\n    .readonly-mode-cascader :deep(.ant-cascader) {\n        display: none;\n    }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","formateCascaderCode","_hoisted_1","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_cascader","$options","$event","_component_a_tooltip","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"cascader-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/cascader-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        <!--\n        :filterable=\"field.options.filterable\"\n        :show-all-levels=\"showFullPath\"\n  :props=\"{\n          checkStrictly: field.options.checkStrictly\n        }\"\n         @visible-change=\"hideDropDownOnClick\"\n        @expand-change=\"hideDropDownOnClick\"\n   -->\n        <div class=\"full-width-input\" :class=\"{ 'readonly-mode-cascader': isReadMode }\">\n            <a-cascader\n                ref=\"fieldEditor\"\n                :size=\"size\"\n                :options=\"field.options.optionItems\"\n                v-model:value=\"fieldModel\"\n                :disabled=\"handleDisabled()\"\n                :allowClear=\"field.options.allowClear\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n                :fieldNames=\"{ value: valueKey, label: labelKey, children: childrenKey }\"\n                :expandTrigger=\"'hover'\"\n                :multiple=\"field.options.multiple\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n                @change=\"handleChangeEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <a-tooltip\n                    placement=\"topLeft\"\n                    :title=\"contentForReadMode\"\n                    :overlayStyle=\"{ zIndex: 1000 }\"\n                >\n                    <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n                </a-tooltip>\n            </template>\n        </div>\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 { formateCascaderCode } from '@/utils/format';\n    import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n    export default {\n        name: 'cascader-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        },\n        data() {\n            return {\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: null,\n                rules: []\n            };\n        },\n        computed: {\n            size() {\n                if (!!this.field.options && !!this.field.options.size) {\n                    return this.field.options.size;\n                }\n                if (!!this.designer) {\n                    return this.designer.formConfig.size || 'middle';\n                } else {\n                    return this.formConfig.size || 'middle';\n                }\n            },\n            labelKey() {\n                return this.field.options.labelKey || 'label';\n            },\n\n            valueKey() {\n                return this.field.options.valueKey || 'value';\n            },\n\n            childrenKey() {\n                return this.field.options.childrenKey || 'children';\n            },\n\n            // showFullPath() {\n            //   return this.field.options.showAllLevels === undefined || !!this.field.options.showAllLevels;\n            // },\n\n            contentForReadMode() {\n                if (!this.fieldModel) return '';\n                return formateCascaderCode(this.field.options.optionItems, this.fieldModel, {\n                    label: this.labelKey,\n                    value: this.valueKey,\n                    children: this.childrenKey\n                });\n            }\n        },\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.initOptionItems();\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            /* 开启任意级节点可选后，点击radio隐藏下拉框 */\n            hideDropDownOnClick() {}\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .full-width-input {\n        width: 100% !important;\n    }\n\n    .readonly-mode-cascader :deep(.ant-cascader) {\n        display: none;\n    }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","formateCascaderCode","_hoisted_1","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_cascader","$options","$event","_component_a_tooltip","_toDisplayString"],"mappings":"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"}

package/src/components/form-designer/form-widget/field-widget/date-range-widget.vue.js

@@ -2,7 +2,7 @@ import g from "./form-item-wrapper.vue.js";
 import b from "../../../../utils/emitter.js";
 import w from "../../../../utils/i18n.js";
 import F from "./fieldMixin.js";
-import { resolveComponent as l, createBlock as n, createCommentVNode as i, openBlock as r, withCtx as a, createElementVNode as s, normalizeClass as m, createVNode as C, toDisplayString as y } from "vue";
+import { resolveComponent as d, createBlock as n, createCommentVNode as i, openBlock as r, withCtx as a, createElementVNode as s, normalizeClass as f, createVNode as C, toDisplayString as y } from "vue";
 /* empty css                       */
 import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const M = {
@@ -65,8 +65,8 @@ const M = {
   },
   methods: {}
 }, _ = { class: "readonly-mode-field" };
-function R(t, d, e, x, o, f) {
-  const u = l("a-range-picker"), c = l("a-tooltip"), h = l("form-item-wrapper");
+function R(t, l, e, x, o, m) {
+  const u = d("a-range-picker"), c = d("a-tooltip"), h = d("form-item-wrapper");
   return t.handleHidden() ? i("", !0) : (r(), n(h, {
     key: 0,
     designer: e.designer,
@@ -82,7 +82,7 @@ function R(t, d, e, x, o, f) {
   }, {
     default: a(() => [
       s("div", {
-        class: m([
+        class: f([
           e.field.options.autoFullWidth ? "auto-full-width" : "",
           t.isReadMode ? "readonly-mode-date-range" : ""
         ])
@@ -90,8 +90,8 @@ function R(t, d, e, x, o, f) {
         C(u, {
           ref: "fieldEditor",
           value: o.fieldModel,
-          "onUpdate:value": d[0] || (d[0] = (p) => o.fieldModel = p),
-          class: m([e.field.options.autoFullWidth ? "auto-full-width" : ""]),
+          "onUpdate:value": l[0] || (l[0] = (p) => o.fieldModel = p),
+          class: f([e.field.options.autoFullWidth ? "auto-full-width" : ""]),
           disabled: t.handleDisabled(),
           readonly: e.field.options.readonly,
           allowClear: e.field.options.allowClear,
@@ -111,7 +111,7 @@ function R(t, d, e, x, o, f) {
           overlayStyle: { zIndex: 1e3 }
         }, {
           default: a(() => [
-            s("span", _, y(f.contentForReadMode), 1)
+            s("span", _, y(m.contentForReadMode), 1)
           ]),
           _: 1
         }, 8, ["title"])) : i("", !0)
@@ -120,7 +120,7 @@ function R(t, d, e, x, o, f) {
     _: 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 E = /* @__PURE__ */ v(M, [["render", R], ["__scopeId", "data-v-b1648754"]]);
+const E = /* @__PURE__ */ v(M, [["render", R], ["__scopeId", "data-v-232d060f"]]);
 export {
   E as default
 };

package/src/components/form-designer/form-widget/field-widget/date-range-widget.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/date-range-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        <div\n            :class=\"[\n                !!field.options.autoFullWidth ? 'auto-full-width' : '',\n                isReadMode ? 'readonly-mode-date-range' : ''\n            ]\"\n        >\n            <a-range-picker\n                ref=\"fieldEditor\"\n                v-model:value=\"fieldModel\"\n                :class=\"[!!field.options.autoFullWidth ? 'auto-full-width' : '']\"\n                :disabled=\"handleDisabled()\"\n                :readonly=\"field.options.readonly\"\n                :allowClear=\"field.options.allowClear\"\n                :show-time=\"field.options.showTime\"\n                :format=\"field.options.format\"\n                :value-format=\"field.options.valueFormat\"\n                :start-placeholder=\"\n                    field.options.startPlaceholder || i18nt('render.hint.startDatePlaceholder')\n                \"\n                :end-placeholder=\"\n                    field.options.endPlaceholder || i18nt('render.hint.endDatePlaceholder')\n                \"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n                @change=\"handleChangeEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <a-tooltip placement=\"topLeft\" :title=\"fieldModel\" :overlayStyle=\"{ zIndex: 1000 }\">\n                    <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n                </a-tooltip>\n            </template>\n        </div>\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\n    export default {\n        name: 'date-range-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        },\n        data() {\n            return {\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: null,\n                rules: []\n            };\n        },\n        computed: {\n            contentForReadMode() {\n                if (!this.fieldModel) {\n                    return '--';\n                } else {\n                    return this.fieldModel[0] + ' - ' + this.fieldModel[1];\n                }\n            }\n        },\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\n    .full-width-input {\n        width: 100% !important;\n    }\n\n    .auto-full-width {\n        width: 100%;\n\n        :deep(.el-date-editor) {\n            width: 100% !important;\n            padding-left: 0;\n            padding-right: 0;\n        }\n\n        :deep(.el-range__icon) {\n            margin-left: 10px;\n        }\n    }\n\n    .readonly-mode-date-range {\n        :deep(.el-range-editor) {\n            display: none;\n        }\n    }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_hoisted_1","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_range_picker","$event","_component_a_tooltip","_toDisplayString","$options"],"mappings":"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"}
+{"version":3,"file":"date-range-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/date-range-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        <div\n            :class=\"[\n                !!field.options.autoFullWidth ? 'auto-full-width' : '',\n                isReadMode ? 'readonly-mode-date-range' : ''\n            ]\"\n        >\n            <a-range-picker\n                ref=\"fieldEditor\"\n                v-model:value=\"fieldModel\"\n                :class=\"[!!field.options.autoFullWidth ? 'auto-full-width' : '']\"\n                :disabled=\"handleDisabled()\"\n                :readonly=\"field.options.readonly\"\n                :allowClear=\"field.options.allowClear\"\n                :show-time=\"field.options.showTime\"\n                :format=\"field.options.format\"\n                :value-format=\"field.options.valueFormat\"\n                :start-placeholder=\"\n                    field.options.startPlaceholder || i18nt('render.hint.startDatePlaceholder')\n                \"\n                :end-placeholder=\"\n                    field.options.endPlaceholder || i18nt('render.hint.endDatePlaceholder')\n                \"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n                @change=\"handleChangeEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <a-tooltip placement=\"topLeft\" :title=\"fieldModel\" :overlayStyle=\"{ zIndex: 1000 }\">\n                    <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n                </a-tooltip>\n            </template>\n        </div>\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\n    export default {\n        name: 'date-range-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        },\n        data() {\n            return {\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: null,\n                rules: []\n            };\n        },\n        computed: {\n            contentForReadMode() {\n                if (!this.fieldModel) {\n                    return '--';\n                } else {\n                    return this.fieldModel[0] + ' - ' + this.fieldModel[1];\n                }\n            }\n        },\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\n    .full-width-input {\n        width: 100% !important;\n    }\n\n    .auto-full-width {\n        width: 100%;\n    }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_hoisted_1","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_range_picker","$event","_component_a_tooltip","_toDisplayString","$options"],"mappings":"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"}

package/src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue.js

@@ -136,7 +136,7 @@ function F(t, i, e, I, N, s) {
     ], 64)) : l("", !0)
   ], 6);
 }
-const E = /* @__PURE__ */ W(k, [["render", F], ["__scopeId", "data-v-ddcf9e62"]]);
+const E = /* @__PURE__ */ W(k, [["render", F], ["__scopeId", "data-v-c90d9666"]]);
 export {
   E as default
 };

package/src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"static-content-wrapper.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue"],"sourcesContent":["<template>\n    <div\n        class=\"field-wrapper\"\n        :class=\"{ 'design-time-bottom-margin': !!this.designer }\"\n        :style=\"{ display: displayStyle }\"\n    >\n        <div\n            class=\"static-content-item\"\n            v-if=\"!field.options.hidden || designState === true\"\n            :style=\"{ display: displayStyle }\"\n            :class=\"[selected ? 'selected' : '', customClass]\"\n            @click.stop=\"selectField(field)\"\n        >\n            <slot></slot>\n        </div>\n\n        <template v-if=\"!!this.designer\">\n            <div class=\"field-action\" v-if=\"designer.selectedId === field.id\">\n                <i\n                    :title=\"i18nt('designer.hint.selectParentWidget')\"\n                    @click.stop=\"selectParentWidget(field)\"\n                >\n                    <svg-icon icon-class=\"el-back\" />\n                </i>\n                <i\n                    v-if=\"!!parentList && parentList.length > 1\"\n                    :title=\"i18nt('designer.hint.moveUpWidget')\"\n                    @click.stop=\"moveUpWidget(field)\"\n                    ><svg-icon icon-class=\"el-move-up\"\n                /></i>\n                <i\n                    v-if=\"!!parentList && parentList.length > 1\"\n                    :title=\"i18nt('designer.hint.moveDownWidget')\"\n                    @click.stop=\"moveDownWidget(field)\"\n                    ><svg-icon icon-class=\"el-move-down\"\n                /></i>\n                <i :title=\"i18nt('designer.hint.remove')\" @click.stop=\"removeFieldWidget\">\n                    <svg-icon icon-class=\"el-delete\" />\n                </i>\n            </div>\n\n            <div class=\"drag-handler background-opacity\" v-if=\"designer.selectedId === field.id\">\n                <i :title=\"i18nt('designer.hint.dragHandler')\"\n                    ><svg-icon icon-class=\"el-drag-move\"\n                /></i>\n                <i>{{\n                    i18n2t(\n                        `designer.widgetLabel.${field.type}`,\n                        `extension.widgetLabel.${field.type}`\n                    )\n                }}</i>\n                <i v-if=\"field.options.hidden === true\"><svg-icon icon-class=\"el-hide\" /></i>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\n    import SvgIcon from '@/components/svg-icon';\n    import i18n from '@/utils/i18n';\n\n    export default {\n        name: 'static-content-wrapper',\n        mixins: [i18n],\n        components: {\n            SvgIcon\n        },\n        props: {\n            field: Object,\n            designer: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            displayStyle: {\n                type: String,\n                default: 'block'\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        computed: {\n            selected() {\n                return !!this.designer && this.field.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return !!this.field.options.customClass\n                    ? this.field.options.customClass.join(' ')\n                    : '';\n            }\n        },\n        methods: {\n            selectField(field) {\n                if (!!this.designer) {\n                    this.designer.setSelected(field);\n                    this.designer.emitEvent('field-selected', this.parentWidget); //发送选中组件的父组件对象\n                }\n            },\n\n            selectParentWidget() {\n                if (this.parentWidget) {\n                    this.designer.setSelected(this.parentWidget);\n                } else {\n                    this.designer.clearSelected();\n                }\n            },\n\n            moveUpWidget() {\n                this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n                this.designer.emitHistoryChange();\n            },\n\n            moveDownWidget() {\n                this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n                this.designer.emitHistoryChange();\n            },\n\n            removeFieldWidget() {\n                if (!!this.parentList) {\n                    let nextSelected = null;\n                    if (this.parentList.length === 1) {\n                        if (!!this.parentWidget) {\n                            nextSelected = this.parentWidget;\n                        }\n                    } else if (this.parentList.length === 1 + this.indexOfParentList) {\n                        nextSelected = this.parentList[this.indexOfParentList - 1];\n                    } else {\n                        nextSelected = this.parentList[this.indexOfParentList + 1];\n                    }\n\n                    this.$nextTick(() => {\n                        this.parentList.splice(this.indexOfParentList, 1);\n                        //if (!!nextSelected) {\n                        this.designer.setSelected(nextSelected);\n                        //}\n\n                        this.designer.emitHistoryChange();\n                    });\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .design-time-bottom-margin {\n        margin-bottom: 5px;\n    }\n\n    .field-wrapper {\n        position: relative;\n\n        .field-action {\n            position: absolute;\n            //bottom: -24px;\n            bottom: 0;\n            right: -2px;\n            height: 22px;\n            line-height: 22px;\n            background: var(--ant-primary-4);\n\n            z-index: 9;\n\n            i {\n                font-size: 14px;\n                color: #fff;\n                margin: 0 5px;\n                cursor: pointer;\n            }\n        }\n\n        .drag-handler {\n            position: absolute;\n            top: 0;\n            //bottom: -22px;  /* 拖拽手柄位于组件下方，有时无法正常拖动，原因未明？？ */\n            left: -1px;\n            height: 20px;\n            line-height: 20px;\n            z-index: 9;\n\n            i {\n                font-size: 12px;\n                font-style: normal;\n                color: #fff;\n                margin: 4px;\n                cursor: move;\n            }\n\n            &:hover {\n                //opacity: 1;\n                background: var(--ant-primary-color);\n            }\n        }\n    }\n\n    .field-action,\n    .drag-handler {\n        :deep(.svg-icon) {\n            margin-left: 0.1em;\n            margin-right: 0.1em;\n        }\n    }\n\n    .static-content-item {\n        min-height: 20px;\n        display: flex; /* 垂直居中 */\n        align-items: center; /* 垂直居中 */\n        margin-bottom: 5px;\n    }\n\n    .el-form-item.selected,\n    .static-content-item.selected {\n        outline: 2px solid var(--ant-primary-color);\n    }\n</style>\n"],"names":["_sfc_main","i18n","SvgIcon","field","nextSelected","_createElementBlock","_normalizeClass","$props","$options","_cache","_withModifiers","$event","_renderSlot","_ctx","_Fragment","_openBlock","_hoisted_1","_createElementVNode","_createVNode","_component_svg_icon","args","_hoisted_6","_hoisted_8"],"mappings":"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"}
+{"version":3,"file":"static-content-wrapper.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue"],"sourcesContent":["<template>\n    <div\n        class=\"field-wrapper\"\n        :class=\"{ 'design-time-bottom-margin': !!this.designer }\"\n        :style=\"{ display: displayStyle }\"\n    >\n        <div\n            class=\"static-content-item\"\n            v-if=\"!field.options.hidden || designState === true\"\n            :style=\"{ display: displayStyle }\"\n            :class=\"[selected ? 'selected' : '', customClass]\"\n            @click.stop=\"selectField(field)\"\n        >\n            <slot></slot>\n        </div>\n\n        <template v-if=\"!!this.designer\">\n            <div class=\"field-action\" v-if=\"designer.selectedId === field.id\">\n                <i\n                    :title=\"i18nt('designer.hint.selectParentWidget')\"\n                    @click.stop=\"selectParentWidget(field)\"\n                >\n                    <svg-icon icon-class=\"el-back\" />\n                </i>\n                <i\n                    v-if=\"!!parentList && parentList.length > 1\"\n                    :title=\"i18nt('designer.hint.moveUpWidget')\"\n                    @click.stop=\"moveUpWidget(field)\"\n                    ><svg-icon icon-class=\"el-move-up\"\n                /></i>\n                <i\n                    v-if=\"!!parentList && parentList.length > 1\"\n                    :title=\"i18nt('designer.hint.moveDownWidget')\"\n                    @click.stop=\"moveDownWidget(field)\"\n                    ><svg-icon icon-class=\"el-move-down\"\n                /></i>\n                <i :title=\"i18nt('designer.hint.remove')\" @click.stop=\"removeFieldWidget\">\n                    <svg-icon icon-class=\"el-delete\" />\n                </i>\n            </div>\n\n            <div class=\"drag-handler background-opacity\" v-if=\"designer.selectedId === field.id\">\n                <i :title=\"i18nt('designer.hint.dragHandler')\"\n                    ><svg-icon icon-class=\"el-drag-move\"\n                /></i>\n                <i>{{\n                    i18n2t(\n                        `designer.widgetLabel.${field.type}`,\n                        `extension.widgetLabel.${field.type}`\n                    )\n                }}</i>\n                <i v-if=\"field.options.hidden === true\"><svg-icon icon-class=\"el-hide\" /></i>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\n    import SvgIcon from '@/components/svg-icon';\n    import i18n from '@/utils/i18n';\n\n    export default {\n        name: 'static-content-wrapper',\n        mixins: [i18n],\n        components: {\n            SvgIcon\n        },\n        props: {\n            field: Object,\n            designer: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            displayStyle: {\n                type: String,\n                default: 'block'\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        computed: {\n            selected() {\n                return !!this.designer && this.field.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return !!this.field.options.customClass\n                    ? this.field.options.customClass.join(' ')\n                    : '';\n            }\n        },\n        methods: {\n            selectField(field) {\n                if (!!this.designer) {\n                    this.designer.setSelected(field);\n                    this.designer.emitEvent('field-selected', this.parentWidget); //发送选中组件的父组件对象\n                }\n            },\n\n            selectParentWidget() {\n                if (this.parentWidget) {\n                    this.designer.setSelected(this.parentWidget);\n                } else {\n                    this.designer.clearSelected();\n                }\n            },\n\n            moveUpWidget() {\n                this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n                this.designer.emitHistoryChange();\n            },\n\n            moveDownWidget() {\n                this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n                this.designer.emitHistoryChange();\n            },\n\n            removeFieldWidget() {\n                if (!!this.parentList) {\n                    let nextSelected = null;\n                    if (this.parentList.length === 1) {\n                        if (!!this.parentWidget) {\n                            nextSelected = this.parentWidget;\n                        }\n                    } else if (this.parentList.length === 1 + this.indexOfParentList) {\n                        nextSelected = this.parentList[this.indexOfParentList - 1];\n                    } else {\n                        nextSelected = this.parentList[this.indexOfParentList + 1];\n                    }\n\n                    this.$nextTick(() => {\n                        this.parentList.splice(this.indexOfParentList, 1);\n                        //if (!!nextSelected) {\n                        this.designer.setSelected(nextSelected);\n                        //}\n\n                        this.designer.emitHistoryChange();\n                    });\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .design-time-bottom-margin {\n        margin-bottom: 5px;\n    }\n\n    .field-wrapper {\n        position: relative;\n\n        .field-action {\n            position: absolute;\n            //bottom: -24px;\n            bottom: 0;\n            right: -2px;\n            height: 22px;\n            line-height: 22px;\n            background: var(--ant-primary-4);\n\n            z-index: 9;\n\n            i {\n                font-size: 14px;\n                color: #fff;\n                margin: 0 5px;\n                cursor: pointer;\n            }\n        }\n\n        .drag-handler {\n            position: absolute;\n            top: 0;\n            //bottom: -22px;  /* 拖拽手柄位于组件下方，有时无法正常拖动，原因未明？？ */\n            left: -1px;\n            height: 20px;\n            line-height: 20px;\n            z-index: 9;\n\n            i {\n                font-size: 12px;\n                font-style: normal;\n                color: #fff;\n                margin: 4px;\n                cursor: move;\n            }\n\n            &:hover {\n                //opacity: 1;\n                background: var(--ant-primary-color);\n            }\n        }\n    }\n\n    .field-action,\n    .drag-handler {\n        :deep(.svg-icon) {\n            margin-left: 0.1em;\n            margin-right: 0.1em;\n        }\n    }\n\n    .static-content-item {\n        min-height: 20px;\n        display: flex; /* 垂直居中 */\n        align-items: center; /* 垂直居中 */\n        margin-bottom: 5px;\n    }\n\n    .static-content-item.selected {\n        outline: 2px solid var(--ant-primary-color);\n    }\n</style>\n"],"names":["_sfc_main","i18n","SvgIcon","field","nextSelected","_createElementBlock","_normalizeClass","$props","$options","_cache","_withModifiers","$event","_renderSlot","_ctx","_Fragment","_openBlock","_hoisted_1","_createElementVNode","_createVNode","_component_svg_icon","args","_hoisted_6","_hoisted_8"],"mappings":";;;;;AA6DI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,QAAQ,CAACC,CAAI;AAAA,EACb,YAAY;AAAA,IACR,SAAAC;AAAA;EAEJ,OAAO;AAAA,IACH,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IAEnB,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,cAAc;AAAA,MACV,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,UAAU;AAAA,IACN,WAAW;AACP,aAAO,CAAC,CAAC,KAAK,YAAY,KAAK,MAAM,OAAO,KAAK,SAAS;AAAA,IAC9D;AAAA,IAEA,cAAc;AACV,aAAS,KAAK,MAAM,QAAQ,cACtB,KAAK,MAAM,QAAQ,YAAY,KAAK,GAAG,IACvC;AAAA,IACV;AAAA;EAEJ,SAAS;AAAA,IACL,YAAYC,GAAO;AACf,MAAM,KAAK,aACP,KAAK,SAAS,YAAYA,CAAK,GAC/B,KAAK,SAAS,UAAU,kBAAkB,KAAK,YAAY;AAAA,IAEnE;AAAA,IAEA,qBAAqB;AACjB,MAAI,KAAK,eACL,KAAK,SAAS,YAAY,KAAK,YAAY,IAE3C,KAAK,SAAS,cAAa;AAAA,IAEnC;AAAA,IAEA,eAAe;AACX,WAAK,SAAS,aAAa,KAAK,YAAY,KAAK,iBAAiB,GAClE,KAAK,SAAS,kBAAiB;AAAA,IACnC;AAAA,IAEA,iBAAiB;AACb,WAAK,SAAS,eAAe,KAAK,YAAY,KAAK,iBAAiB,GACpE,KAAK,SAAS,kBAAiB;AAAA,IACnC;AAAA,IAEA,oBAAoB;AAChB,UAAM,KAAK,YAAY;AACnB,YAAIC,IAAe;AACnB,QAAI,KAAK,WAAW,WAAW,IACrB,KAAK,iBACPA,IAAe,KAAK,gBAEjB,KAAK,WAAW,WAAW,IAAI,KAAK,oBAC3CA,IAAe,KAAK,WAAW,KAAK,oBAAoB,CAAC,IAEzDA,IAAe,KAAK,WAAW,KAAK,oBAAoB,CAAC,GAG7D,KAAK,UAAU,MAAM;AACjB,eAAK,WAAW,OAAO,KAAK,mBAAmB,CAAC,GAEhD,KAAK,SAAS,YAAYA,CAAY,GAGtC,KAAK,SAAS,kBAAiB;AAAA,QACnC,CAAC;AAAA,MACL;AAAA,IACJ;AAAA,EACJ;;;EA5IS,OAAM;;;EAwBN,OAAM;;;;cAxCnBC,EAqDM,OAAA;AAAA,IApDF,OAAKC,EAAA,CAAC,iBAAe,EAAA,6BAAA,CAAA,CAAA,KACyB,SAAQ,CAAA,CAAA;AAAA,IACrD,oBAAkBC,EAAA,aAAY,CAAA;AAAA;IAIpB,CAAAA,EAAA,MAAM,QAAQ,UAAUA,EAAA,gBAAW,WAF9CF,EAQM,OAAA;AAAA;MAPF,OAAKC,EAAA,CAAC,uBAAqB,CAGlBE,EAAA,4BAA4BA,EAAA,WAAW,CAAA,CAAA;AAAA,MAD/C,oBAAkBD,EAAA,aAAY,CAAA;AAAA,MAE9B,SAAKE,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAC,MAAOH,EAAA,YAAYD,EAAA,KAAK,GAAA,CAAA,MAAA,CAAA;AAAA;MAE9BK,EAAaC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA;SAGM,iBAAvBR,EAqCWS,GAAA,EAAA,KAAA,EAAA,GAAA;AAAA,MApCyBP,EAAA,SAAS,eAAeA,EAAA,MAAM,MAA9DQ,KAAAV,EAsBM,OAtBNW,GAsBM;AAAA,QArBFC,EAKI,KAAA;AAAA,UAJC,OAAOJ,EAAA,MAAK,kCAAA;AAAA,UACZ,SAAKJ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAC,MAAOH,EAAA,mBAAmBD,EAAA,KAAK,GAAA,CAAA,MAAA,CAAA;AAAA;UAErCW,EAAiCC,GAAA,EAAvB,cAAW,UAAS,CAAA;AAAA;QAGtBZ,EAAA,cAAcA,EAAA,WAAW,SAAM,UAD3CF,EAKM,KAAA;AAAA;UAHD,OAAOQ,EAAA,MAAK,4BAAA;AAAA,UACZ,SAAKJ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAC,MAAOH,EAAA,aAAaD,EAAA,KAAK,GAAA,CAAA,MAAA,CAAA;AAAA;UAC9BW,EACHC,GAAA,EADa,cAAW,aAAY,CAAA;AAAA;QAG1BZ,EAAA,cAAcA,EAAA,WAAW,SAAM,UAD3CF,EAKM,KAAA;AAAA;UAHD,OAAOQ,EAAA,MAAK,8BAAA;AAAA,UACZ,SAAKJ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAC,MAAOH,EAAA,eAAeD,EAAA,KAAK,GAAA,CAAA,MAAA,CAAA;AAAA;UAChCW,EACHC,GAAA,EADa,cAAW,eAAc,CAAA;AAAA;QAExCF,EAEI,KAAA;AAAA,UAFA,OAAOJ,EAAA,MAAK,sBAAA;AAAA,UAA2B,qCAAYL,EAAA,qBAAAA,EAAA,kBAAA,GAAAY,CAAA,GAAiB,CAAA,MAAA,CAAA;AAAA;UACpEF,EAAmCC,GAAA,EAAzB,cAAW,YAAW,CAAA;AAAA;;MAIWZ,EAAA,SAAS,eAAeA,EAAA,MAAM,MAAjFQ,KAAAV,EAWM,OAXNgB,GAWM;AAAA,QAVFJ,EAEM,KAAA;AAAA,UAFF,OAAOJ,EAAA,MAAK,2BAAA;AAAA;UACXK,EACHC,GAAA,EADa,cAAW,eAAc,CAAA;AAAA;QAExCF,EAKM,aAJFJ,EAAA;AAAA,UAAwD,wBAAAN,EAAA,MAAM,IAAI;AAAA,UAAqD,yBAAAA,EAAA,MAAM,IAAI;AAAA;QAK5HA,EAAA,MAAM,QAAQ,WAAM,WAA7BF,EAA6E,KAAAiB,GAAA;AAAA,UAArCJ,EAAiCC,GAAA,EAAvB,cAAW,UAAS,CAAA;AAAA;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue.js

@@ -145,7 +145,7 @@ function z(t, d, e, N, l, i) {
     _: 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 j = /* @__PURE__ */ R(I, [["render", z], ["__scopeId", "data-v-39c34dca"]]);
+const j = /* @__PURE__ */ R(I, [["render", z], ["__scopeId", "data-v-a818197c"]]);
 export {
   j as default
 };

package/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeSelect-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/treeSelect-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        <div class=\"full-width-input\" :class=\"{ 'readonly-mode-cascader': isReadMode }\">\n            <a-tree-select\n                v-show=\"!isReadMode\"\n                :tree-default-expand-all=\"field.options.treeDefaultExpandAll\"\n                ref=\"fieldEditor\"\n                :size=\"size\"\n                :treeData=\"field.options.optionItems\"\n                v-model:value=\"fieldModel\"\n                :disabled=\"handleDisabled()\"\n                :allowClear=\"field.options.allowClear\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n                :fieldNames=\"{ value: valueKey, label: labelKey, children: childrenKey }\"\n                :multiple=\"field.options.multiple\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n                @change=\"handleChangeEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <a-tooltip\n                    placement=\"topLeft\"\n                    :title=\"contentForReadMode\"\n                    :overlayStyle=\"{ zIndex: 1000 }\"\n                >\n                    <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n                </a-tooltip>\n            </template>\n        </div>\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 { formateTreeToName } from '@/utils/format';\n    import { isArray } from 'lodash-es';\n\n    export default {\n        name: 'treeSelect-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        },\n        data() {\n            return {\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: null,\n                rules: []\n            };\n        },\n        computed: {\n            size() {\n                if (!!this.field.options && !!this.field.options.size) {\n                    return this.field.options.size;\n                }\n                if (!!this.designer) {\n                    return this.designer.formConfig.size || 'middle';\n                } else {\n                    return this.formConfig.size || 'middle';\n                }\n            },\n            labelKey() {\n                return this.field.options.labelKey || 'label';\n            },\n\n            valueKey() {\n                return this.field.options.valueKey || 'value';\n            },\n\n            childrenKey() {\n                return this.field.options.childrenKey || 'children';\n            },\n\n            // showFullPath() {\n            //   return this.field.options.showAllLevels === undefined || !!this.field.options.showAllLevels;\n            // },\n\n            contentForReadMode() {\n                if (!this.fieldModel) return '';\n\n                const val = isArray(this.fieldModel) ? this.fieldModel : [this.fieldModel];\n\n                return formateTreeToName(val, this.field.options.optionItems, {\n                    label: this.labelKey,\n                    value: this.valueKey,\n                    children: this.childrenKey\n                });\n            }\n        },\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.initOptionItems();\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            /* 开启任意级节点可选后，点击radio隐藏下拉框 */\n            hideDropDownOnClick() {\n                // setTimeout(() => {\n                //   document.querySelectorAll('.el-cascader-panel .el-radio').forEach(el => {\n                //     el.onclick = () => {\n                //       console.log('test====', 1111);\n                //       this.$refs.fieldEditor.popperVisible = false; // 单选框部分点击隐藏下拉框\n                //     };\n                //   });\n                // }, 100);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .full-width-input {\n        width: 100% !important;\n\n        :deep(.el-cascader) {\n            width: 100% !important;\n        }\n    }\n\n    .readonly-mode-cascader :deep(.el-cascader) {\n        display: none;\n    }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","val","isArray","formateTreeToName","_hoisted_1","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_tree_select","$options","$event","_component_a_tooltip","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"treeSelect-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/treeSelect-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        <div class=\"full-width-input\" :class=\"{ 'readonly-mode-cascader': isReadMode }\">\n            <a-tree-select\n                v-show=\"!isReadMode\"\n                :tree-default-expand-all=\"field.options.treeDefaultExpandAll\"\n                ref=\"fieldEditor\"\n                :size=\"size\"\n                :treeData=\"field.options.optionItems\"\n                v-model:value=\"fieldModel\"\n                :disabled=\"handleDisabled()\"\n                :allowClear=\"field.options.allowClear\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n                :fieldNames=\"{ value: valueKey, label: labelKey, children: childrenKey }\"\n                :multiple=\"field.options.multiple\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n                @change=\"handleChangeEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <a-tooltip\n                    placement=\"topLeft\"\n                    :title=\"contentForReadMode\"\n                    :overlayStyle=\"{ zIndex: 1000 }\"\n                >\n                    <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n                </a-tooltip>\n            </template>\n        </div>\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 { formateTreeToName } from '@/utils/format';\n    import { isArray } from 'lodash-es';\n\n    export default {\n        name: 'treeSelect-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        },\n        data() {\n            return {\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: null,\n                rules: []\n            };\n        },\n        computed: {\n            size() {\n                if (!!this.field.options && !!this.field.options.size) {\n                    return this.field.options.size;\n                }\n                if (!!this.designer) {\n                    return this.designer.formConfig.size || 'middle';\n                } else {\n                    return this.formConfig.size || 'middle';\n                }\n            },\n            labelKey() {\n                return this.field.options.labelKey || 'label';\n            },\n\n            valueKey() {\n                return this.field.options.valueKey || 'value';\n            },\n\n            childrenKey() {\n                return this.field.options.childrenKey || 'children';\n            },\n\n            // showFullPath() {\n            //   return this.field.options.showAllLevels === undefined || !!this.field.options.showAllLevels;\n            // },\n\n            contentForReadMode() {\n                if (!this.fieldModel) return '';\n\n                const val = isArray(this.fieldModel) ? this.fieldModel : [this.fieldModel];\n\n                return formateTreeToName(val, this.field.options.optionItems, {\n                    label: this.labelKey,\n                    value: this.valueKey,\n                    children: this.childrenKey\n                });\n            }\n        },\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.initOptionItems();\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            /* 开启任意级节点可选后，点击radio隐藏下拉框 */\n            hideDropDownOnClick() {}\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .full-width-input {\n        width: 100% !important;\n    }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","val","isArray","formateTreeToName","_hoisted_1","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_tree_select","$options","$event","_component_a_tooltip","_toDisplayString"],"mappings":"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"}

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

@@ -193,7 +193,7 @@ function M(e, n, i, N, E, t) {
     _: 1
   }, 8, ["component-size"]);
 }
-const B = /* @__PURE__ */ L(R, [["render", M], ["__scopeId", "data-v-bbe4a958"]]);
+const B = /* @__PURE__ */ L(R, [["render", M], ["__scopeId", "data-v-14f2c2f3"]]);
 export {
   B as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/form-widget/index.vue"],"sourcesContent":["<template>\n    <a-config-provider :component-size=\"size\" :input=\"{ autocomplete: 'off' }\">\n        <div class=\"form-widget-container\">\n            <a-form\n                class=\"full-height-width widget-form tpf-form\"\n                :layout=\"\n                    ['horizontal', 'vertical', 'inline'].includes(labelPosition)\n                        ? labelPosition\n                        : 'horizontal'\n                \"\n                :class=\"[customClass, layoutType + '-layout']\"\n                :size=\"size\"\n                :validate-on-rule-change=\"false\"\n            >\n                <template v-if=\"designer.widgetList.length === 0\">\n                    <div class=\"no-widget-hint\">{{ i18nt('designer.noWidgetHint') }}</div>\n                </template>\n\n                <div class=\"form-widget-canvas\" :style=\"{ minHeight: canvasMinHeight }\">\n                    <draggable\n                        :list=\"designer.widgetList\"\n                        item-key=\"id\"\n                        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 300 }\"\n                        tag=\"transition-group\"\n                        :component-data=\"{ name: 'fade' }\"\n                        handle=\".drag-handler\"\n                        @end=\"onDragEnd\"\n                        @add=\"onDragAdd\"\n                        @update=\"onDragUpdate\"\n                        :move=\"checkMove\"\n                    >\n                        <template #item=\"{ element: widget, index }\">\n                            <div class=\"transition-group-el\">\n                                <template v-if=\"'container' === widget.category\">\n                                    <component\n                                        :is=\"getWidgetName(widget)\"\n                                        :widget=\"widget\"\n                                        :designer=\"designer\"\n                                        :key=\"widget.id\"\n                                        :parent-list=\"designer.widgetList\"\n                                        :index-of-parent-list=\"index\"\n                                        :parent-widget=\"null\"\n                                        :design-state=\"true\"\n                                    />\n                                </template>\n                                <template v-else>\n                                    <component\n                                        :is=\"getWidgetName(widget)\"\n                                        :field=\"widget\"\n                                        :designer=\"designer\"\n                                        :key=\"widget.id\"\n                                        :parent-list=\"designer.widgetList\"\n                                        :index-of-parent-list=\"index\"\n                                        :parent-widget=\"null\"\n                                        :design-state=\"true\"\n                                    />\n                                </template>\n                            </div>\n                        </template>\n                    </draggable>\n                </div>\n            </a-form>\n        </div>\n    </a-config-provider>\n</template>\n\n<script>\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n    import i18n from '@/utils/i18n';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import SubmitButtonRender from '@/components/form-render/SubmitButtonRender.vue';\n\n    export default {\n        name: 'VFormWidget',\n        componentName: 'VFormWidget',\n        mixins: [i18n],\n        components: {\n            Draggable,\n            SubmitButtonRender,\n            ...FieldComponents\n        },\n        props: {\n            designer: Object,\n            formConfig: Object,\n            optionData: {\n                //prop传入的选项数据\n                type: Object,\n                default: () => ({})\n            },\n            globalDsv: {\n                type: Object,\n                default: () => ({})\n            }\n        },\n        provide() {\n            return {\n                refList: this.widgetRefList,\n                getFormConfig: () =>\n                    this.formConfig /* 解决provide传递formConfig属性的响应式更新问题！！ */,\n                getGlobalDsv: () => this.globalDsv, // 全局数据源变量\n                globalOptionData: this.optionData,\n                getOptionData: () => this.optionData,\n                getReadMode: () => false,\n                globalModel: {\n                    formModel: this.formModel\n                },\n                getSubFormFieldFlag: () => false,\n                getSubFormName: () => '',\n                getDSResultCache: () => this.dsResultCache\n            };\n        },\n        inject: ['getDesignerConfig'],\n        data() {\n            return {\n                formModel: {},\n                widgetRefList: {},\n                dsResultCache: {}\n            };\n        },\n        computed: {\n            labelPosition() {\n                if (!!this.designer.formConfig && !!this.designer.formConfig.labelPosition) {\n                    return this.designer.formConfig.labelPosition;\n                }\n\n                return 'horizontal';\n            },\n\n            size() {\n                if (!!this.designer.formConfig && !!this.designer.formConfig.size) {\n                    return this.designer.formConfig.size;\n                }\n\n                return 'default';\n            },\n\n            customClass() {\n                return this.designer.formConfig.customClass || '';\n            },\n\n            layoutType() {\n                return this.designer.getLayoutType();\n            },\n\n            canvasMinHeight() {\n                return this.getDesignerConfig().logoHeader !== false\n                    ? 'calc(100vh - 56px - 68px)'\n                    : 'calc(100vh - 56px - 68px + 48px)';\n            }\n        },\n        watch: {\n            'designer.widgetList': {\n                deep: true,\n                handler(val) {\n                    //\n                }\n            },\n\n            'designer.formConfig': {\n                deep: true,\n                handler(val) {\n                    //\n                }\n            }\n        },\n        created() {\n            this.designer.initDesigner(!!this.getDesignerConfig().resetFormJson); //此行代码已移动到form-designer，以便提前赋值formConfig！！\n            this.designer.loadPresetCssCode(this.getDesignerConfig().presetCssCode);\n        },\n        mounted() {\n            this.disableFirefoxDefaultDrop(); /* 禁用Firefox默认拖拽搜索功能!! */\n            this.designer.registerFormWidget(this);\n        },\n        methods: {\n            getWidgetName(widget) {\n                return widget.type + '-widget';\n            },\n\n            disableFirefoxDefaultDrop() {\n                const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;\n                if (isFirefox) {\n                    document.body.ondrop = function (event) {\n                        event.stopPropagation();\n                        event.preventDefault();\n                    };\n                }\n            },\n\n            onDragEnd(evt) {\n                //console.log('drag end000', evt)\n            },\n\n            onDragAdd(evt) {\n                const newIndex = evt.newIndex;\n                if (!!this.designer.widgetList[newIndex]) {\n                    this.designer.setSelected(this.designer.widgetList[newIndex]);\n                }\n\n                this.designer.emitHistoryChange();\n                this.designer.emitEvent('field-selected', null);\n            },\n\n            onDragUpdate() {\n                /* 在VueDraggable内拖拽组件发生位置变化时会触发update，未发生组件位置变化不会触发！！ */\n                this.designer.emitHistoryChange();\n            },\n\n            checkMove(evt) {\n                return this.designer.checkWidgetMove(evt);\n            },\n\n            getFormData() {\n                return this.formModel;\n            },\n\n            getWidgetRef(widgetName, showError = false) {\n                const foundRef = this.widgetRefList[widgetName];\n                if (!foundRef && !!showError) {\n                    this.$message.error(this.i18nt('designer.hint.refNotFound') + widgetName);\n                }\n                return foundRef;\n            },\n\n            getSelectedWidgetRef() {\n                const wName = this.designer.selectedWidgetName;\n                return this.getWidgetRef(wName);\n            },\n\n            clearWidgetRefList() {\n                Object.keys(this.widgetRefList).forEach(key => {\n                    delete this.widgetRefList[key];\n                });\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .form-widget-container {\n        padding: 5px;\n        background: #f1f2f3;\n\n        overflow-x: hidden;\n        overflow-y: auto;\n        // padding-bottom: 70px;\n        .submit {\n            flex: 1;\n            display: flex;\n            justify-content: end;\n            position: absolute;\n            height: 60px;\n            padding: 0 10px;\n            background: #fff;\n            z-index: 99;\n            bottom: 0;\n            left: 5px;\n            right: 5px;\n        }\n\n        .ant-form.full-height-width {\n            overflow-y: auto;\n            height: 100%;\n            padding: 3px;\n            background: #ffffff;\n\n            .no-widget-hint {\n                position: absolute;\n                left: 0;\n                right: 0;\n                top: 0;\n                bottom: 0;\n                height: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                text-align: center;\n                font-size: 18px;\n                color: #999999;\n            }\n\n            .form-widget-canvas {\n                //min-height: calc(100vh - 56px - 68px + 48px);\n                display: flex;\n                flex-direction: column;\n                padding: 3px;\n                position: relative;\n                :deep(.container-wrapper) {\n                    margin: 10px 0;\n                    min-width: 0;\n                }\n                :deep(.field-widget-item),\n                :deep(.container-widget-item) {\n                    margin: 0 0 10px 0;\n                    border: 1px dashed #333;\n                    border-radius: 3px;\n                    background: #eee;\n                    height: 30px;\n                    align-items: center;\n                    display: flex;\n                    justify-content: center;\n                    color: #999999;\n                }\n            }\n        }\n\n        /* 隐藏组件拖拽状态中显示的黑点 */\n        :deep(li.container-widget-item),\n        :deep(li.field-widget-item) {\n            list-style: none;\n        }\n        // .ant-form.PC-layout,\n        // .el-form.PC-layout {\n        //   //\n        // }\n        .ant-form.Pad-layout {\n            margin: 0 auto;\n            max-width: 960px;\n            border-radius: 15px;\n            box-shadow: 0 0 1px 10px #495060;\n        }\n        .ant-form.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        }\n        .ant-form.widget-form :deep(.ant-row) {\n            padding: 2px;\n            border: 1px dashed rgba(170, 170, 170, 0.75);\n        }\n    }\n\n    .grid-cell {\n        min-height: 30px;\n        border-right: 1px dotted #cccccc;\n    }\n\n    .fade-enter-active,\n    .fade-leave-active {\n        transition: opacity 0.5s;\n    }\n\n    .fade-enter,\n    .fade-leave-to {\n        opacity: 0;\n    }\n</style>\n"],"names":["_sfc_main","i18n","Draggable","SubmitButtonRender","FieldComponents","val","widget","event","evt","newIndex","widgetName","showError","foundRef","wName","key","_hoisted_1","_hoisted_3","_createBlock","_component_a_config_provider","$options","_createElementVNode","_createVNode","_component_a_form","_normalizeClass","$props","_createElementBlock","_hoisted_2","_toDisplayString","_ctx","_component_draggable","_mergeProps","_withCtx","index","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/form-widget/index.vue"],"sourcesContent":["<template>\n    <a-config-provider :component-size=\"size\" :input=\"{ autocomplete: 'off' }\">\n        <div class=\"form-widget-container\">\n            <a-form\n                class=\"full-height-width widget-form tpf-form\"\n                :layout=\"\n                    ['horizontal', 'vertical', 'inline'].includes(labelPosition)\n                        ? labelPosition\n                        : 'horizontal'\n                \"\n                :class=\"[customClass, layoutType + '-layout']\"\n                :size=\"size\"\n                :validate-on-rule-change=\"false\"\n            >\n                <template v-if=\"designer.widgetList.length === 0\">\n                    <div class=\"no-widget-hint\">{{ i18nt('designer.noWidgetHint') }}</div>\n                </template>\n\n                <div class=\"form-widget-canvas\" :style=\"{ minHeight: canvasMinHeight }\">\n                    <draggable\n                        :list=\"designer.widgetList\"\n                        item-key=\"id\"\n                        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 300 }\"\n                        tag=\"transition-group\"\n                        :component-data=\"{ name: 'fade' }\"\n                        handle=\".drag-handler\"\n                        @end=\"onDragEnd\"\n                        @add=\"onDragAdd\"\n                        @update=\"onDragUpdate\"\n                        :move=\"checkMove\"\n                    >\n                        <template #item=\"{ element: widget, index }\">\n                            <div class=\"transition-group-el\">\n                                <template v-if=\"'container' === widget.category\">\n                                    <component\n                                        :is=\"getWidgetName(widget)\"\n                                        :widget=\"widget\"\n                                        :designer=\"designer\"\n                                        :key=\"widget.id\"\n                                        :parent-list=\"designer.widgetList\"\n                                        :index-of-parent-list=\"index\"\n                                        :parent-widget=\"null\"\n                                        :design-state=\"true\"\n                                    />\n                                </template>\n                                <template v-else>\n                                    <component\n                                        :is=\"getWidgetName(widget)\"\n                                        :field=\"widget\"\n                                        :designer=\"designer\"\n                                        :key=\"widget.id\"\n                                        :parent-list=\"designer.widgetList\"\n                                        :index-of-parent-list=\"index\"\n                                        :parent-widget=\"null\"\n                                        :design-state=\"true\"\n                                    />\n                                </template>\n                            </div>\n                        </template>\n                    </draggable>\n                </div>\n            </a-form>\n        </div>\n    </a-config-provider>\n</template>\n\n<script>\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n    import i18n from '@/utils/i18n';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import SubmitButtonRender from '@/components/form-render/SubmitButtonRender.vue';\n\n    export default {\n        name: 'VFormWidget',\n        componentName: 'VFormWidget',\n        mixins: [i18n],\n        components: {\n            Draggable,\n            SubmitButtonRender,\n            ...FieldComponents\n        },\n        props: {\n            designer: Object,\n            formConfig: Object,\n            optionData: {\n                //prop传入的选项数据\n                type: Object,\n                default: () => ({})\n            },\n            globalDsv: {\n                type: Object,\n                default: () => ({})\n            }\n        },\n        provide() {\n            return {\n                refList: this.widgetRefList,\n                getFormConfig: () =>\n                    this.formConfig /* 解决provide传递formConfig属性的响应式更新问题！！ */,\n                getGlobalDsv: () => this.globalDsv, // 全局数据源变量\n                globalOptionData: this.optionData,\n                getOptionData: () => this.optionData,\n                getReadMode: () => false,\n                globalModel: {\n                    formModel: this.formModel\n                },\n                getSubFormFieldFlag: () => false,\n                getSubFormName: () => '',\n                getDSResultCache: () => this.dsResultCache\n            };\n        },\n        inject: ['getDesignerConfig'],\n        data() {\n            return {\n                formModel: {},\n                widgetRefList: {},\n                dsResultCache: {}\n            };\n        },\n        computed: {\n            labelPosition() {\n                if (!!this.designer.formConfig && !!this.designer.formConfig.labelPosition) {\n                    return this.designer.formConfig.labelPosition;\n                }\n\n                return 'horizontal';\n            },\n\n            size() {\n                if (!!this.designer.formConfig && !!this.designer.formConfig.size) {\n                    return this.designer.formConfig.size;\n                }\n\n                return 'default';\n            },\n\n            customClass() {\n                return this.designer.formConfig.customClass || '';\n            },\n\n            layoutType() {\n                return this.designer.getLayoutType();\n            },\n\n            canvasMinHeight() {\n                return this.getDesignerConfig().logoHeader !== false\n                    ? 'calc(100vh - 56px - 68px)'\n                    : 'calc(100vh - 56px - 68px + 48px)';\n            }\n        },\n        watch: {\n            'designer.widgetList': {\n                deep: true,\n                handler(val) {\n                    //\n                }\n            },\n\n            'designer.formConfig': {\n                deep: true,\n                handler(val) {\n                    //\n                }\n            }\n        },\n        created() {\n            this.designer.initDesigner(!!this.getDesignerConfig().resetFormJson); //此行代码已移动到form-designer，以便提前赋值formConfig！！\n            this.designer.loadPresetCssCode(this.getDesignerConfig().presetCssCode);\n        },\n        mounted() {\n            this.disableFirefoxDefaultDrop(); /* 禁用Firefox默认拖拽搜索功能!! */\n            this.designer.registerFormWidget(this);\n        },\n        methods: {\n            getWidgetName(widget) {\n                return widget.type + '-widget';\n            },\n\n            disableFirefoxDefaultDrop() {\n                const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;\n                if (isFirefox) {\n                    document.body.ondrop = function (event) {\n                        event.stopPropagation();\n                        event.preventDefault();\n                    };\n                }\n            },\n\n            onDragEnd(evt) {\n                //console.log('drag end000', evt)\n            },\n\n            onDragAdd(evt) {\n                const newIndex = evt.newIndex;\n                if (!!this.designer.widgetList[newIndex]) {\n                    this.designer.setSelected(this.designer.widgetList[newIndex]);\n                }\n\n                this.designer.emitHistoryChange();\n                this.designer.emitEvent('field-selected', null);\n            },\n\n            onDragUpdate() {\n                /* 在VueDraggable内拖拽组件发生位置变化时会触发update，未发生组件位置变化不会触发！！ */\n                this.designer.emitHistoryChange();\n            },\n\n            checkMove(evt) {\n                return this.designer.checkWidgetMove(evt);\n            },\n\n            getFormData() {\n                return this.formModel;\n            },\n\n            getWidgetRef(widgetName, showError = false) {\n                const foundRef = this.widgetRefList[widgetName];\n                if (!foundRef && !!showError) {\n                    this.$message.error(this.i18nt('designer.hint.refNotFound') + widgetName);\n                }\n                return foundRef;\n            },\n\n            getSelectedWidgetRef() {\n                const wName = this.designer.selectedWidgetName;\n                return this.getWidgetRef(wName);\n            },\n\n            clearWidgetRefList() {\n                Object.keys(this.widgetRefList).forEach(key => {\n                    delete this.widgetRefList[key];\n                });\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .form-widget-container {\n        padding: 5px;\n        background: #f1f2f3;\n\n        overflow-x: hidden;\n        overflow-y: auto;\n        // padding-bottom: 70px;\n        .submit {\n            flex: 1;\n            display: flex;\n            justify-content: end;\n            position: absolute;\n            height: 60px;\n            padding: 0 10px;\n            background: #fff;\n            z-index: 99;\n            bottom: 0;\n            left: 5px;\n            right: 5px;\n        }\n\n        .ant-form.full-height-width {\n            overflow-y: auto;\n            height: 100%;\n            padding: 3px;\n            background: #ffffff;\n\n            .no-widget-hint {\n                position: absolute;\n                left: 0;\n                right: 0;\n                top: 0;\n                bottom: 0;\n                height: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                text-align: center;\n                font-size: 18px;\n                color: #999999;\n            }\n\n            .form-widget-canvas {\n                //min-height: calc(100vh - 56px - 68px + 48px);\n                display: flex;\n                flex-direction: column;\n                padding: 3px;\n                position: relative;\n                :deep(.container-wrapper) {\n                    margin: 10px 0;\n                    min-width: 0;\n                }\n                :deep(.field-widget-item),\n                :deep(.container-widget-item) {\n                    margin: 0 0 10px 0;\n                    border: 1px dashed #333;\n                    border-radius: 3px;\n                    background: #eee;\n                    height: 30px;\n                    align-items: center;\n                    display: flex;\n                    justify-content: center;\n                    color: #999999;\n                }\n            }\n        }\n\n        /* 隐藏组件拖拽状态中显示的黑点 */\n        :deep(li.container-widget-item),\n        :deep(li.field-widget-item) {\n            list-style: none;\n        }\n\n        .ant-form.Pad-layout {\n            margin: 0 auto;\n            max-width: 960px;\n            border-radius: 15px;\n            box-shadow: 0 0 1px 10px #495060;\n        }\n        .ant-form.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        }\n        .ant-form.widget-form :deep(.ant-row) {\n            padding: 2px;\n            border: 1px dashed rgba(170, 170, 170, 0.75);\n        }\n    }\n\n    .grid-cell {\n        min-height: 30px;\n        border-right: 1px dotted #cccccc;\n    }\n\n    .fade-enter-active,\n    .fade-leave-active {\n        transition: opacity 0.5s;\n    }\n\n    .fade-enter,\n    .fade-leave-to {\n        opacity: 0;\n    }\n</style>\n"],"names":["_sfc_main","i18n","Draggable","SubmitButtonRender","FieldComponents","val","widget","event","evt","newIndex","widgetName","showError","foundRef","wName","key","_hoisted_1","_hoisted_3","_createBlock","_component_a_config_provider","$options","_createElementVNode","_createVNode","_component_a_form","_normalizeClass","$props","_createElementBlock","_hoisted_2","_toDisplayString","_ctx","_component_draggable","_mergeProps","_withCtx","index","_resolveDynamicComponent"],"mappings":";;;;;;;AAwEI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAACC,CAAI;AAAA,EACb,YAAY;AAAA,IACR,WAAAC;AAAAA,IACA,oBAAAC;AAAAA,IACA,GAAGC;AAAAA;EAEP,OAAO;AAAA,IACH,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA;AAAA,MAER,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;IAEpB,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACpB;AAAA;EAEJ,UAAU;AACN,WAAO;AAAA,MACH,SAAS,KAAK;AAAA,MACd,eAAe,MACX,KAAK;AAAA,MACT,cAAc,MAAM,KAAK;AAAA;AAAA,MACzB,kBAAkB,KAAK;AAAA,MACvB,eAAe,MAAM,KAAK;AAAA,MAC1B,aAAa,MAAM;AAAA,MACnB,aAAa;AAAA,QACT,WAAW,KAAK;AAAA;MAEpB,qBAAqB,MAAM;AAAA,MAC3B,gBAAgB,MAAM;AAAA,MACtB,kBAAkB,MAAM,KAAK;AAAA;EAErC;AAAA,EACA,QAAQ,CAAC,mBAAmB;AAAA,EAC5B,OAAO;AACH,WAAO;AAAA,MACH,WAAW,CAAA;AAAA,MACX,eAAe,CAAA;AAAA,MACf,eAAe,CAAA;AAAA;EAEvB;AAAA,EACA,UAAU;AAAA,IACN,gBAAgB;AACZ,aAAM,KAAK,SAAS,cAAgB,KAAK,SAAS,WAAW,gBAClD,KAAK,SAAS,WAAW,gBAG7B;AAAA,IACX;AAAA,IAEA,OAAO;AACH,aAAM,KAAK,SAAS,cAAgB,KAAK,SAAS,WAAW,OAClD,KAAK,SAAS,WAAW,OAG7B;AAAA,IACX;AAAA,IAEA,cAAc;AACV,aAAO,KAAK,SAAS,WAAW,eAAe;AAAA,IACnD;AAAA,IAEA,aAAa;AACT,aAAO,KAAK,SAAS,cAAa;AAAA,IACtC;AAAA,IAEA,kBAAkB;AACd,aAAO,KAAK,kBAAiB,EAAG,eAAe,KACzC,8BACA;AAAA,IACV;AAAA;EAEJ,OAAO;AAAA,IACH,uBAAuB;AAAA,MACnB,MAAM;AAAA,MACN,QAAQC,GAAK;AAAA,MAEb;AAAA;IAGJ,uBAAuB;AAAA,MACnB,MAAM;AAAA,MACN,QAAQA,GAAK;AAAA,MAEb;AAAA,IACJ;AAAA;EAEJ,UAAU;AACN,SAAK,SAAS,aAAa,CAAC,CAAC,KAAK,kBAAiB,EAAG,aAAa,GACnE,KAAK,SAAS,kBAAkB,KAAK,kBAAiB,EAAG,aAAa;AAAA,EAC1E;AAAA,EACA,UAAU;AACN,SAAK,0BAAyB,GAC9B,KAAK,SAAS,mBAAmB,IAAI;AAAA,EACzC;AAAA,EACA,SAAS;AAAA,IACL,cAAcC,GAAQ;AAClB,aAAOA,EAAO,OAAO;AAAA,IACzB;AAAA,IAEA,4BAA4B;AAExB,MADkB,UAAU,UAAU,YAAW,EAAG,QAAQ,SAAS,MAAM,OAEvE,SAAS,KAAK,SAAS,SAAUC,GAAO;AACpC,QAAAA,EAAM,gBAAe,GACrBA,EAAM,eAAc;AAAA,MACxB;AAAA,IAER;AAAA,IAEA,UAAUC,GAAK;AAAA,IAEf;AAAA,IAEA,UAAUA,GAAK;AACX,YAAMC,IAAWD,EAAI;AACrB,MAAM,KAAK,SAAS,WAAWC,CAAQ,KACnC,KAAK,SAAS,YAAY,KAAK,SAAS,WAAWA,CAAQ,CAAC,GAGhE,KAAK,SAAS,kBAAiB,GAC/B,KAAK,SAAS,UAAU,kBAAkB,IAAI;AAAA,IAClD;AAAA,IAEA,eAAe;AAEX,WAAK,SAAS,kBAAiB;AAAA,IACnC;AAAA,IAEA,UAAUD,GAAK;AACX,aAAO,KAAK,SAAS,gBAAgBA,CAAG;AAAA,IAC5C;AAAA,IAEA,cAAc;AACV,aAAO,KAAK;AAAA,IAChB;AAAA,IAEA,aAAaE,GAAYC,IAAY,IAAO;AACxC,YAAMC,IAAW,KAAK,cAAcF,CAAU;AAC9C,aAAI,CAACE,KAAcD,KACf,KAAK,SAAS,MAAM,KAAK,MAAM,2BAA2B,IAAID,CAAU,GAErEE;AAAA,IACX;AAAA,IAEA,uBAAuB;AACnB,YAAMC,IAAQ,KAAK,SAAS;AAC5B,aAAO,KAAK,aAAaA,CAAK;AAAA,IAClC;AAAA,IAEA,qBAAqB;AACjB,aAAO,KAAK,KAAK,aAAa,EAAE,QAAQ,CAAAC,MAAO;AAC3C,eAAO,KAAK,cAAcA,CAAG;AAAA,MACjC,CAAC;AAAA,IACL;AAAA,EACJ;GAvOKC,IAAA,EAAA,OAAM,wBAAuB;;EAajB,OAAM;GAiBEC,IAAA,EAAA,OAAM,sBAAqB;;;cA/BxDC,EA8DoBC,GAAA;AAAA,IA9DA,kBAAgBC,EAAA;AAAA,IAAO,OAAO,EAAA,cAAA,MAAA;AAAA;eAC9C,MA4DM;AAAA,MA5DNC,EA4DM,OA5DNL,GA4DM;AAAA,QA3DFM,EA0DSC,GAAA;AAAA,UAzDL,OAAKC,EAAA,CAAC,0CAAwC,CAMrCJ,EAAA,aAAaA,EAAA,aAAU,SAAA,CAAA,CAAA;AAAA,UAL/B,QAAkE,CAAA,cAAA,YAAA,QAAA,EAAA,SAASA,EAAA,aAAa,IAA4BA,EAAA;UAMpH,MAAMA,EAAA;AAAA,UACN,2BAAyB;AAAA;qBAE1B,MAEW;AAAA,YAFKK,EAAA,SAAS,WAAW,WAAM,UACtCC,EAAsE,OAAtEC,GAAsEC,EAAvCC,EAAA,MAAK,uBAAA,CAAA,GAAA,CAAA;YAGxCR,EA0CM,OAAA;AAAA,cA1CD,OAAM;AAAA,cAAsB,sBAAoBD,EAAA,gBAAe,CAAA;AAAA;cAChEE,EAwCYQ,GAxCZC,EAwCY;AAAA,gBAvCP,MAAMN,EAAA,SAAS;AAAA,gBAChB,YAAS;AAAA,iBACD,EAAA,OAAA,aAAA,YAAA,SAAA,WAAA,OAA2D;AAAA,gBACnE,KAAI;AAAA,gBACH,kBAAgB,EAAA,MAAA,OAAA;AAAA,gBACjB,QAAO;AAAA,gBACN,OAAKL,EAAA;AAAA,gBACL,OAAKA,EAAA;AAAA,gBACL,UAAQA,EAAA;AAAA,gBACR,MAAMA,EAAA;AAAA;gBAEI,MAAIY,EACX,CAyBM,EAAA,SA1BkBzB,GAAQ,OAAA0B,EAAK,MAAA;AAAA,kBACrCZ,EAyBM,OAzBNJ,GAyBM;AAAA,oBAxB8BV,EAAO,aAAP,oBAC5BW,EASEgB,EAROd,EAAA,cAAcb,CAAM,CAAA,GAAA;AAAA,sBACxB,QAAQA;AAAA,sBACR,UAAUkB,EAAA;AAAA,sBACV,KAAKlB,EAAO;AAAA,sBACZ,eAAakB,EAAA,SAAS;AAAA,sBACtB,wBAAsBQ;AAAA,sBACtB,iBAAe;AAAA,sBACf,gBAAc;AAAA,wGAInBf,EASEgB,EAROd,EAAA,cAAcb,CAAM,CAAA,GAAA;AAAA,sBACxB,OAAOA;AAAA,sBACP,UAAUkB,EAAA;AAAA,sBACV,KAAKlB,EAAO;AAAA,sBACZ,eAAakB,EAAA,SAAS;AAAA,sBACtB,wBAAsBQ;AAAA,sBACtB,iBAAe;AAAA,sBACf,gBAAc;AAAA;;;;;;;;;;;;;;;"}

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

@@ -361,7 +361,7 @@ function I(e, t, s, M, i, l) {
     _: 3
   });
 }
-const ie = /* @__PURE__ */ V(T, [["render", I], ["__scopeId", "data-v-76905191"]]);
+const ie = /* @__PURE__ */ V(T, [["render", I], ["__scopeId", "data-v-ee42a973"]]);
 export {
   ie as default
 };