npm - @kp-ui/lowcode - Versions diffs - 1.0.96 → 1.0.98 - Mend

@kp-ui/lowcode 1.0.96 → 1.0.98

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

Files changed (64) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "1.0.96",
+  "version": "1.0.98",
   "publishConfig": {
     "access": "public"
   },
@@ -23,8 +23,7 @@
     "mitt": "^3.0.0",
     "query-string": "^9.1.1",
     "quill": "^2.0.3",
-    "sortablejs": "1.14.0",
-    "vue": "3.5.17"
+    "sortablejs": "1.14.0"
   },
   "main": "index.js",
   "types": "types/install.d.ts",

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

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;;;;;;;;"}
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 :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 CHANGED Viewed

	@@ -1 +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;"}
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 :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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;;;;AA2DI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA;EAEf;AAAA,EACA,UAAU;AAAA,IACN,OAAO;AACH,aAAM,KAAK,MAAM,WAAa,KAAK,MAAM,QAAQ,OACtC,KAAK,MAAM,QAAQ,OAExB,KAAK,WACA,KAAK,SAAS,WAAW,QAAQ,WAEjC,KAAK,WAAW,QAAQ;AAAA,IAEvC;AAAA,IACA,WAAW;AACP,aAAO,KAAK,MAAM,QAAQ,YAAY;AAAA,IAC1C;AAAA,IAEA,WAAW;AACP,aAAO,KAAK,MAAM,QAAQ,YAAY;AAAA,IAC1C;AAAA,IAEA,cAAc;AACV,aAAO,KAAK,MAAM,QAAQ,eAAe;AAAA,IAC7C;AAAA;AAAA;AAAA;AAAA,IAMA,qBAAqB;AACjB,aAAK,KAAK,aACHC,EAAoB,KAAK,MAAM,QAAQ,aAAa,KAAK,YAAY;AAAA,QACxE,OAAO,KAAK;AAAA,QACZ,OAAO,KAAK;AAAA,QACZ,UAAU,KAAK;AAAA,MACnB,CAAC,IAL4B;AAAA,IAMjC;AAAA;EAEJ,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGN,SAAK,kBAAiB,GACtB,KAAK,gBAAe,GACpB,KAAK,eAAc,GACnB,KAAK,iBAAgB,GACrB,KAAK,gBAAe,GAEpB,KAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,UAAU;AACN,SAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,gBAAgB;AACZ,SAAK,sBAAqB;AAAA,EAC9B;AAAA,EAEA,SAAS;AAAA;AAAA,IAEL,sBAAsB;AAAA,~~IAStB~~;AAAA,~~EACJ~~;~~GA7HkBC~~,IAAA,EAAA,OAAM,sBAAqB;;;SAjCtCC,EAAA,aAAY,sBAXvBC,EAgDoBC,GAAA;AAAA;IA/Cf,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,OAAOC,EAAA;AAAA,IACP,gBAAcD,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAYlB,MAyBM;AAAA,MAzBNE,EAyBM,OAAA;AAAA,QAzBD,OAAKC,EAAA,CAAC,oBAAkB,EAAA,0BAAqCN,EAAA,YAAU,CAAA;AAAA;QACxEO,EAcEC,GAAA;AAAA,UAbE,KAAI;AAAA,UACH,MAAMC,EAAA;AAAA,UACN,SAASN,EAAA,MAAM,QAAQ;AAAA,UAChB,OAAOC,EAAA;AAAA,mDAAAA,EAAA,aAAUM;AAAA,UACxB,UAAUV,EAAA,eAAc;AAAA,UACxB,YAAYG,EAAA,MAAM,QAAQ;AAAA,UAC1B,aAAaA,EAAA,MAAM,QAAQ,eAAeH,EAAA,MAAK,+BAAA;AAAA,UAC/C,YAAU,EAAA,OAAWS,EAAA,UAAQ,OAASA,EAAA,oBAAoBA,EAAA,YAAW;AAAA,UACrE,eAAe;AAAA,UACf,UAAUN,EAAA,MAAM,QAAQ;AAAA,UACxB,SAAOH,EAAA;AAAA,UACP,QAAMA,EAAA;AAAA,UACN,UAAQA,EAAA;AAAA;QAEGA,EAAA,mBACZC,EAMYU,GAAA;AAAA;UALR,WAAU;AAAA,UACT,OAAOF,EAAA;AAAA,UACP,cAAc,EAAA,QAAA,IAAA;AAAA;qBAEf,MAAiE;AAAA,YAAjEJ,EAAiE,QAAjEN,GAAiEa,EAA5BH,EAAA,kBAAkB,GAAA,CAAA;AAAA;;;;;;;;;"}
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 }\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/code-editor-widget.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import m from "./form-item-wrapper.vue.js";
 import s from "../../../../utils/emitter.js";
 import a from "../../../../utils/i18n.js";
 import u from "./fieldMixin.js";
-import f from "../../../code-editor/index.vue.js";
+import { CodeEditor as f } from "tmgc2-share";
 import { resolveComponent as n, createBlock as p, createCommentVNode as c, openBlock as b, withCtx as g, createVNode as h } from "vue";
 /* empty css                        */
 import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
@@ -64,7 +64,7 @@ const x = {
   methods: {}
 };
 function C(t, d, e, F, o, _) {
-  const r = n("code-editor"), i = n("form-item-wrapper");
+  const r = n("CodeEditor"), i = n("form-item-wrapper");
   return t.handleHidden() ? c("", !0) : (b(), p(i, {
     key: 0,
     designer: e.designer,
@@ -92,7 +92,7 @@ function C(t, d, e, F, o, _) {
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
 }
-const N = /* @__PURE__ */ w(x, [["render", C], ["__scopeId", "data-v-b4da61f6"]]);
+const N = /* @__PURE__ */ w(x, [["render", C], ["__scopeId", "data-v-0c845dd6"]]);
 export {
   N as default
 };

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

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

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

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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</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/fieldMixin.js CHANGED Viewed

@@ -344,12 +344,11 @@ const g = {
       }
     },
     getValue() {
-      return console.log("fieldModel", this.fieldModel), this.fieldModel;
+      return this.fieldModel;
     },
     resetField() {
       const i = this.field.options.defaultValue;
-      this.setValue(i), this.$nextTick(() => {
-      }), (this.field.type === "picture-upload" || this.field.type === "file-upload") && (this.fieldModel.splice(0, this.fieldModel.length), this.handleChangeEvent(this.fieldModel));
+      this.setValue(i), (this.field.type === "picture-upload" || this.field.type === "file-upload") && (this.fieldModel.splice(0, this.fieldModel.length), this.handleChangeEvent(this.fieldModel));
     },
     setWidgetOption(i, t) {
       this.field.options.hasOwnProperty(i) && (this.field.options[i] = t);