npm - @kp-ui/lowcode - Versions diffs - 1.0.90 → 1.0.91 - Mend

@kp-ui/lowcode 1.0.90 → 1.0.91

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 (184) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/widget-panel/index.vue"],"sourcesContent":["<template>\n <div class=\"side-scroll-bar\">\n <div class=\"panel-container\">\n <a-tabs v-model:activeKey=\"firstTab\" class=\"no-bottom-margin indent-left-margin\">\n <a-tab-pane key=\"componentLib\">\n <template #tab>\n <span\n ><svg-icon icon-class=\"el-set-up\" />\n {{ i18nt('designer.componentLib') }}</span\n >\n </template>\n\n <a-collapse v-model:activeKey=\"activeNames\" class=\"widget-collapse\">\n <a-collapse-panel\n key=\"containerTitle\"\n :header=\"i18nt('designer.containerTitle')\"\n >\n <draggable\n tag=\"ul\"\n :list=\"containers\"\n item-key=\"key\"\n :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n :clone=\"handleContainerWidgetClone\"\n ghost-class=\"ghost\"\n :sort=\"false\"\n :move=\"checkContainerMove\"\n @end=\"onContainerDragEnd\"\n >\n <template #item=\"{ element: ctn }\">\n <li\n class=\"container-widget-item\"\n :title=\"ctn.displayName\"\n @dblclick=\"addContainerByDbClick(ctn)\"\n >\n <span>\n <svg-icon\n :icon-class=\"ctn.icon\"\n class-name=\"color-svg-icon\"\n />\n {{\n ctn.showName \|\|\n i18n2t(\n `designer.widgetLabel.${ctn.type}`,\n `extension.widgetLabel.${ctn.type}`\n )\n }}\n </span>\n </li>\n </template>\n </draggable>\n </a-collapse-panel>\n\n <a-collapse-panel\n key=\"basicFieldTitle\"\n :header=\"i18nt('designer.basicFieldTitle')\"\n >\n <draggable\n tag=\"ul\"\n :list=\"basicFields\"\n item-key=\"key\"\n :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n :move=\"checkFieldMove\"\n :clone=\"handleFieldWidgetClone\"\n ghost-class=\"ghost\"\n :sort=\"false\"\n >\n <template #item=\"{ element: fld }\">\n <li\n class=\"field-widget-item\"\n :title=\"fld.displayName\"\n @dblclick=\"addFieldByDbClick(fld)\"\n >\n <span>\n <svg-icon\n :icon-class=\"fld.icon\"\n class-name=\"color-svg-icon\"\n />\n {{\n fld.showName \|\|\n i18n2t(\n `designer.widgetLabel.${fld.type}`,\n `extension.widgetLabel.${fld.type}`\n )\n }}\n </span>\n </li>\n </template>\n </draggable>\n </a-collapse-panel>\n\n <a-collapse-panel\n key=\"advancedFieldTitle\"\n :header=\"i18nt('designer.advancedFieldTitle')\"\n >\n <draggable\n tag=\"ul\"\n :list=\"advancedFields\"\n item-key=\"key\"\n :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n :move=\"checkFieldMove\"\n :clone=\"handleFieldWidgetClone\"\n ghost-class=\"ghost\"\n :sort=\"false\"\n >\n <template #item=\"{ element: fld }\">\n <li\n class=\"field-widget-item\"\n :title=\"fld.displayName\"\n @dblclick=\"addFieldByDbClick(fld)\"\n >\n <span>\n <svg-icon\n :icon-class=\"fld.icon\"\n class-name=\"color-svg-icon\"\n />\n {{\n fld.showName \|\|\n i18n2t(\n `designer.widgetLabel.${fld.type}`,\n `extension.widgetLabel.${fld.type}`\n )\n }}\n </span>\n </li>\n </template>\n </draggable>\n </a-collapse-panel>\n <a-collapse-panel key=\"yyzj\" :header=\"`业务组件`\" v-if=\"0\">\n <draggable\n tag=\"ul\"\n :list=\"businessFields\"\n item-key=\"key\"\n :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n :move=\"checkFieldMove\"\n :clone=\"handleFieldWidgetClone\"\n ghost-class=\"ghost\"\n :sort=\"false\"\n >\n <template #item=\"{ element: bfld }\">\n <li\n class=\"field-widget-item\"\n :title=\"bfld.displayName\"\n @dblclick=\"addFieldByDbClick(bfld)\"\n >\n <span>\n <svg-icon\n :icon-class=\"bfld.icon\"\n class-name=\"color-svg-icon\"\n />\n {{\n bfld.showName \|\|\n i18n2t(\n `designer.widgetLabel.${bfld.type}`,\n `extension.widgetLabel.${bfld.type}`\n )\n }}\n </span>\n </li>\n </template>\n </draggable>\n </a-collapse-panel>\n\n <a-collapse-panel\n v-if=\"customFields.length\"\n key=\"customFieldTitle\"\n :header=\"i18nt('designer.customFieldTitle')\"\n >\n <draggable\n tag=\"ul\"\n :list=\"customFields\"\n item-key=\"key\"\n :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n :move=\"checkFieldMove\"\n :clone=\"handleFieldWidgetClone\"\n ghost-class=\"ghost\"\n :sort=\"false\"\n >\n <template #item=\"{ element: fld }\">\n <li\n class=\"field-widget-item\"\n :title=\"fld.displayName\"\n @dblclick=\"addFieldByDbClick(fld)\"\n >\n <span>\n <svg-icon\n :icon-class=\"fld.icon\"\n class-name=\"color-svg-icon\"\n />\n {{\n i18n2t(\n `designer.widgetLabel.${fld.type}`,\n `extension.widgetLabel.${fld.type}`\n )\n }}\n </span>\n </li>\n </template>\n </draggable>\n </a-collapse-panel>\n </a-collapse>\n </a-tab-pane>\n\n <a-tab-pane v-if=\"false && showFormTemplates()\" key=\"formLib\" style=\"padding: 8px\">\n <template #tab>\n <span>\n <svg-icon icon-class=\"el-form-template\" />\n {{ i18nt('designer.formLib') }}\n </span>\n </template>\n\n <template v-for=\"(ft, idx) in formTemplates\" :key=\"idx\">\n <a-card :body-style=\"{ padding: '0' }\" shadow=\"hover\" class=\"ft-card\">\n <a-popover placement=\"right\" trigger=\"hover\">\n <template #content>\n <img :src=\"ftImages[idx].imgUrl\" style=\"width: 200px\" />\n </template>\n <img\n :src=\"ftImages[idx].imgUrl\"\n style=\"height: 600px; width: 720px\"\n />\n </a-popover>\n <div class=\"bottom clear-fix\">\n <span class=\"ft-title\">#{{ idx + 1 }} {{ ft.title }}</span>\n <a-button\n type=\"text\"\n class=\"right-button\"\n @click=\"loadFormTemplate(ft.jsonUrl)\"\n >\n {{ i18nt('designer.hint.loadFormTemplate') }}\n </a-button>\n </div>\n </a-card>\n </template>\n </a-tab-pane>\n </a-tabs>\n </div>\n </div>\n</template>\n\n<script>\n import SvgIcon from '@/components/svg-icon';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n import {\n containers as CONS,\n basicFields as BFS,\n advancedFields as AFS,\n customFields as CFS,\n businessFields as BUFS\n } from './widgetsConfig';\n import { formTemplates } from './templatesConfig';\n import { addWindowResizeHandler, generateId } from '@/utils/util';\n import i18n from '@/utils/i18n';\n import axios from 'axios';\n\n import { TpfConfirm } from '@/hooks/TpfConfirm';\n\n export default {\n name: 'FieldPanel',\n mixins: [i18n],\n components: { SvgIcon, Draggable },\n props: {\n designer: Object\n },\n inject: ['getBannedWidgets', 'getDesignerConfig'],\n data() {\n return {\n designerConfig: this.getDesignerConfig(),\n\n firstTab: 'componentLib',\n\n scrollerHeight: 0,\n\n activeNames: [\n 'containerTitle',\n 'basicFieldTitle',\n 'advancedFieldTitle',\n 'yyzj',\n 'customFieldTitle'\n ],\n\n containers: [],\n basicFields: [],\n advancedFields: [],\n customFields: [],\n businessFields: [],\n\n formTemplates: formTemplates,\n ftImages: []\n };\n },\n computed: {\n //\n },\n created() {\n this.loadWidgets();\n },\n mounted() {\n //this.loadWidgets()\n\n this.scrollerHeight = window.innerHeight - 56 + 'px';\n addWindowResizeHandler(() => {\n this.$nextTick(() => {\n this.scrollerHeight = window.innerHeight - 56 + 'px';\n //console.log(this.scrollerHeight)\n });\n });\n },\n methods: {\n isBanned(wName) {\n return this.getBannedWidgets().indexOf(wName) > -1;\n },\n\n showFormTemplates() {\n if (this.designerConfig['formTemplates'] === undefined) {\n return true;\n }\n\n return !!this.designerConfig['formTemplates'];\n },\n\n loadWidgets() {\n this.containers = CONS.map(con => {\n return {\n key: generateId(),\n ...con,\n displayName: this.i18n2t(\n `designer.widgetLabel.${con.type}`,\n `extension.widgetLabel.${con.type}`\n )\n };\n }).filter(con => {\n return !con.internal && !this.isBanned(con.type);\n });\n\n this.basicFields = BFS.map(fld => {\n return {\n key: generateId(),\n ...fld,\n displayName: this.i18n2t(\n `designer.widgetLabel.${fld.type}`,\n `extension.widgetLabel.${fld.type}`\n )\n };\n }).filter(fld => {\n return !this.isBanned(fld.type);\n });\n\n this.advancedFields = AFS.map(fld => {\n return {\n key: generateId(),\n ...fld,\n displayName: this.i18n2t(\n `designer.widgetLabel.${fld.type}`,\n `extension.widgetLabel.${fld.type}`\n )\n };\n }).filter(fld => {\n return !this.isBanned(fld.type);\n });\n\n this.customFields = CFS.map(fld => {\n return {\n key: generateId(),\n ...fld,\n displayName: this.i18n2t(\n `designer.widgetLabel.${fld.type}`,\n `extension.widgetLabel.${fld.type}`\n )\n };\n }).filter(fld => {\n return !this.isBanned(fld.type);\n });\n this.businessFields = BUFS.map(fld => {\n return {\n key: generateId(),\n ...fld,\n displayName: this.i18n2t(\n `designer.widgetLabel.${fld.type}`,\n `extension.widgetLabel.${fld.type}`\n )\n };\n }).filter(fld => {\n return !this.isBanned(fld.type);\n });\n },\n\n handleContainerWidgetClone(origin) {\n return this.designer.copyNewContainerWidget(origin);\n },\n\n handleFieldWidgetClone(origin) {\n return this.designer.copyNewFieldWidget(origin);\n },\n\n /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ /\n checkContainerMove(evt) {\n return this.designer.checkWidgetMove(evt);\n },\n\n / draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */\n checkFieldMove(evt) {\n return this.designer.checkFieldMove(evt);\n },\n\n onContainerDragEnd(evt) {\n //console.log('Drag end of container: ')\n //console.log(evt)\n },\n\n addContainerByDbClick(container) {\n this.designer.addContainerByDbClick(container);\n },\n\n addFieldByDbClick(widget) {\n this.designer.addFieldByDbClick(widget);\n },\n\n loadFormTemplate(jsonUrl) {\n TpfConfirm({\n type: 'confirm',\n content: this.i18nt('designer.setting.loadFormTemplateHint'),\n title: this.i18nt('render.hint.prompt'),\n okText: this.i18nt('render.hint.confirm'),\n cancelText: this.i18nt('render.hint.cancel')\n })\n .then(() => {\n axios\n .get(jsonUrl)\n .then(res => {\n let modifiedFlag = false;\n if (typeof res.data === 'string') {\n modifiedFlag = this.designer.loadFormJson(JSON.parse(res.data));\n } else if (res.data.constructor === Object) {\n modifiedFlag = this.designer.loadFormJson(res.data);\n }\n if (modifiedFlag) {\n this.designer.emitHistoryChange();\n }\n\n this.$message.success(\n this.i18nt('designer.hint.loadFormTemplateSuccess')\n );\n })\n .catch(error => {\n this.$message.error(\n this.i18nt('designer.hint.loadFormTemplateFailed') + ':' + error\n );\n });\n })\n .catch(error => {\n console.error(error);\n });\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .color-svg-icon {\n color: var(--ant-primary-4);\n }\n\n div.panel-container {\n :deep(.ant-tabs-nav) {\n margin-bottom: 0;\n height: 42px;\n }\n }\n\n .no-bottom-margin :deep(.ant-collapse-header) {\n margin-bottom: 0;\n padding: 8px !important;\n }\n\n .indent-left-margin {\n :deep(.ant-tabs-nav) {\n margin-left: 20px;\n }\n }\n .ant-collapse-item :deep(ul) > li {\n list-style: none;\n }\n\n .widget-collapse {\n border-top-width: 0;\n\n :deep(.ant-collapse-content) {\n > .ant-collapse-content-box {\n padding: 4px;\n }\n\n ul {\n padding: 0;\n margin: 0;\n margin-block-start: 0;\n margin-block-end: 0.1em;\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n\n &:after {\n content: '';\n display: block;\n clear: both;\n }\n\n .container-widget-item,\n .field-widget-item {\n width: calc(50% - 2px);\n padding: 6px 8px;\n cursor: move;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n background: #f5f7fa;\n border: 1px solid #e4e7ed;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 4px;\n\n .svg-icon {\n font-size: 16px;\n }\n\n &:hover {\n background: #ecf5ff;\n border-color: var(--ant-primary-4);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n transform: translateY(-1px);\n }\n }\n\n .drag-handler {\n position: absolute;\n top: 0;\n left: 160px;\n background-color: #dddddd;\n border-radius: 5px;\n padding-right: 5px;\n font-size: 11px;\n color: #666666;\n }\n }\n }\n }\n\n .ft-card {\n margin-bottom: 10px;\n\n .bottom {\n margin-top: 10px;\n line-height: 12px;\n }\n\n .ft-title {\n font-size: 13px;\n font-weight: bold;\n }\n\n .right-button {\n padding: 0;\n float: right;\n }\n\n .clear-fix:before,\n .clear-fix:after {\n display: table;\n content: '';\n }\n\n .clear-fix:after {\n clear: both;\n }\n }\n .ant-collapse {\n border: none;\n }\n .ant-collapse > .ant-collapse-item {\n border-bottom: none;\n }\n .side-scroll-bar {\n height: 100%;\n overflow: auto;\n\n .panel-container {\n height: 100%;\n overflow: auto;\n & > .ant-tabs {\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n :deep(.ant-tabs-content-holder) {\n flex: 1 0 0;\n overflow: auto;\n }\n }\n }\n }\n</style>\n"],"names":["Draggable","CONS","BFS","AFS","CFS","BUFS","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_createTextVNode","_withCtx","_toDisplayString","_createBlock"],"mappings":"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"}
1	+ {"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/widget-panel/index.vue"],"sourcesContent":["<template>\n <div class=\"side-scroll-bar\">\n <div class=\"panel-container\">\n <a-tabs v-model:activeKey=\"firstTab\" class=\"no-bottom-margin indent-left-margin\">\n <a-tab-pane key=\"componentLib\">\n <template #tab>\n <span\n ><svg-icon icon-class=\"el-set-up\" />\n {{ i18nt('designer.componentLib') }}</span\n >\n </template>\n\n <a-collapse v-model:activeKey=\"activeNames\" class=\"widget-collapse\">\n <a-collapse-panel\n key=\"containerTitle\"\n :header=\"i18nt('designer.containerTitle')\"\n >\n <draggable\n tag=\"ul\"\n :list=\"containers\"\n item-key=\"key\"\n :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n :clone=\"handleContainerWidgetClone\"\n ghost-class=\"ghost\"\n :sort=\"false\"\n :move=\"checkContainerMove\"\n @end=\"onContainerDragEnd\"\n >\n <template #item=\"{ element: ctn }\">\n <li\n class=\"container-widget-item\"\n :title=\"ctn.displayName\"\n @dblclick=\"addContainerByDbClick(ctn)\"\n >\n <span>\n <svg-icon\n :icon-class=\"ctn.icon\"\n class-name=\"color-svg-icon\"\n />\n {{\n ctn.showName \|\|\n i18n2t(\n `designer.widgetLabel.${ctn.type}`,\n `extension.widgetLabel.${ctn.type}`\n )\n }}\n </span>\n </li>\n </template>\n </draggable>\n </a-collapse-panel>\n\n <a-collapse-panel\n key=\"basicFieldTitle\"\n :header=\"i18nt('designer.basicFieldTitle')\"\n >\n <draggable\n tag=\"ul\"\n :list=\"basicFields\"\n item-key=\"key\"\n :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n :move=\"checkFieldMove\"\n :clone=\"handleFieldWidgetClone\"\n ghost-class=\"ghost\"\n :sort=\"false\"\n >\n <template #item=\"{ element: fld }\">\n <li\n class=\"field-widget-item\"\n :title=\"fld.displayName\"\n @dblclick=\"addFieldByDbClick(fld)\"\n >\n <span>\n <svg-icon\n :icon-class=\"fld.icon\"\n class-name=\"color-svg-icon\"\n />\n {{\n fld.showName \|\|\n i18n2t(\n `designer.widgetLabel.${fld.type}`,\n `extension.widgetLabel.${fld.type}`\n )\n }}\n </span>\n </li>\n </template>\n </draggable>\n </a-collapse-panel>\n\n <a-collapse-panel\n key=\"advancedFieldTitle\"\n :header=\"i18nt('designer.advancedFieldTitle')\"\n >\n <draggable\n tag=\"ul\"\n :list=\"advancedFields\"\n item-key=\"key\"\n :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n :move=\"checkFieldMove\"\n :clone=\"handleFieldWidgetClone\"\n ghost-class=\"ghost\"\n :sort=\"false\"\n >\n <template #item=\"{ element: fld }\">\n <li\n class=\"field-widget-item\"\n :title=\"fld.displayName\"\n @dblclick=\"addFieldByDbClick(fld)\"\n >\n <span>\n <svg-icon\n :icon-class=\"fld.icon\"\n class-name=\"color-svg-icon\"\n />\n {{\n fld.showName \|\|\n i18n2t(\n `designer.widgetLabel.${fld.type}`,\n `extension.widgetLabel.${fld.type}`\n )\n }}\n </span>\n </li>\n </template>\n </draggable>\n </a-collapse-panel>\n <a-collapse-panel key=\"yyzj\" :header=\"`业务组件`\" v-if=\"0\">\n <draggable\n tag=\"ul\"\n :list=\"businessFields\"\n item-key=\"key\"\n :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n :move=\"checkFieldMove\"\n :clone=\"handleFieldWidgetClone\"\n ghost-class=\"ghost\"\n :sort=\"false\"\n >\n <template #item=\"{ element: bfld }\">\n <li\n class=\"field-widget-item\"\n :title=\"bfld.displayName\"\n @dblclick=\"addFieldByDbClick(bfld)\"\n >\n <span>\n <svg-icon\n :icon-class=\"bfld.icon\"\n class-name=\"color-svg-icon\"\n />\n {{\n bfld.showName \|\|\n i18n2t(\n `designer.widgetLabel.${bfld.type}`,\n `extension.widgetLabel.${bfld.type}`\n )\n }}\n </span>\n </li>\n </template>\n </draggable>\n </a-collapse-panel>\n\n <a-collapse-panel\n v-if=\"customFields.length\"\n key=\"customFieldTitle\"\n :header=\"i18nt('designer.customFieldTitle')\"\n >\n <draggable\n tag=\"ul\"\n :list=\"customFields\"\n item-key=\"key\"\n :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n :move=\"checkFieldMove\"\n :clone=\"handleFieldWidgetClone\"\n ghost-class=\"ghost\"\n :sort=\"false\"\n >\n <template #item=\"{ element: fld }\">\n <li\n class=\"field-widget-item\"\n :title=\"fld.displayName\"\n @dblclick=\"addFieldByDbClick(fld)\"\n >\n <span>\n <svg-icon\n :icon-class=\"fld.icon\"\n class-name=\"color-svg-icon\"\n />\n {{\n i18n2t(\n `designer.widgetLabel.${fld.type}`,\n `extension.widgetLabel.${fld.type}`\n )\n }}\n </span>\n </li>\n </template>\n </draggable>\n </a-collapse-panel>\n </a-collapse>\n </a-tab-pane>\n\n <a-tab-pane v-if=\"false && showFormTemplates()\" key=\"formLib\" style=\"padding: 8px\">\n <template #tab>\n <span>\n <svg-icon icon-class=\"el-form-template\" />\n {{ i18nt('designer.formLib') }}\n </span>\n </template>\n\n <template v-for=\"(ft, idx) in formTemplates\" :key=\"idx\">\n <a-card :body-style=\"{ padding: '0' }\" shadow=\"hover\" class=\"ft-card\">\n <a-popover placement=\"right\" trigger=\"hover\">\n <template #content>\n <img :src=\"ftImages[idx].imgUrl\" style=\"width: 200px\" />\n </template>\n <img\n :src=\"ftImages[idx].imgUrl\"\n style=\"height: 600px; width: 720px\"\n />\n </a-popover>\n <div class=\"bottom clear-fix\">\n <span class=\"ft-title\">#{{ idx + 1 }} {{ ft.title }}</span>\n <a-button\n type=\"text\"\n class=\"right-button\"\n @click=\"loadFormTemplate(ft.jsonUrl)\"\n >\n {{ i18nt('designer.hint.loadFormTemplate') }}\n </a-button>\n </div>\n </a-card>\n </template>\n </a-tab-pane>\n </a-tabs>\n </div>\n </div>\n</template>\n\n<script>\n import SvgIcon from '@/components/svg-icon';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n import {\n containers as CONS,\n basicFields as BFS,\n advancedFields as AFS,\n customFields as CFS,\n businessFields as BUFS\n } from './widgetsConfig';\n import { formTemplates } from './templatesConfig';\n import { addWindowResizeHandler, generateId } from '@/utils/util';\n import i18n from '@/utils/i18n';\n import axios from 'axios';\n\n import { TpfConfirm } from '@/hooks/TpfConfirm';\n\n export default {\n name: 'FieldPanel',\n mixins: [i18n],\n components: { SvgIcon, Draggable },\n props: {\n designer: Object\n },\n inject: ['getBannedWidgets', 'getDesignerConfig'],\n data() {\n return {\n designerConfig: this.getDesignerConfig(),\n\n firstTab: 'componentLib',\n\n scrollerHeight: 0,\n\n activeNames: [\n 'containerTitle',\n 'basicFieldTitle',\n 'advancedFieldTitle',\n 'yyzj',\n 'customFieldTitle'\n ],\n\n containers: [],\n basicFields: [],\n advancedFields: [],\n customFields: [],\n businessFields: [],\n\n formTemplates: formTemplates,\n ftImages: []\n };\n },\n computed: {\n //\n },\n created() {\n this.loadWidgets();\n },\n mounted() {\n //this.loadWidgets()\n\n this.scrollerHeight = window.innerHeight - 56 + 'px';\n addWindowResizeHandler(() => {\n this.$nextTick(() => {\n this.scrollerHeight = window.innerHeight - 56 + 'px';\n //console.log(this.scrollerHeight)\n });\n });\n },\n methods: {\n isBanned(wName) {\n return this.getBannedWidgets().indexOf(wName) > -1;\n },\n\n showFormTemplates() {\n if (this.designerConfig['formTemplates'] === undefined) {\n return true;\n }\n\n return !!this.designerConfig['formTemplates'];\n },\n\n loadWidgets() {\n this.containers = CONS.map(con => {\n return {\n key: generateId(),\n ...con,\n displayName: this.i18n2t(\n `designer.widgetLabel.${con.type}`,\n `extension.widgetLabel.${con.type}`\n )\n };\n }).filter(con => {\n return !con.internal && !this.isBanned(con.type);\n });\n\n this.basicFields = BFS.map(fld => {\n return {\n key: generateId(),\n ...fld,\n displayName: this.i18n2t(\n `designer.widgetLabel.${fld.type}`,\n `extension.widgetLabel.${fld.type}`\n )\n };\n }).filter(fld => {\n return !this.isBanned(fld.type);\n });\n\n this.advancedFields = AFS.map(fld => {\n return {\n key: generateId(),\n ...fld,\n displayName: this.i18n2t(\n `designer.widgetLabel.${fld.type}`,\n `extension.widgetLabel.${fld.type}`\n )\n };\n }).filter(fld => {\n return !this.isBanned(fld.type);\n });\n\n this.customFields = CFS.map(fld => {\n return {\n key: generateId(),\n ...fld,\n displayName: this.i18n2t(\n `designer.widgetLabel.${fld.type}`,\n `extension.widgetLabel.${fld.type}`\n )\n };\n }).filter(fld => {\n return !this.isBanned(fld.type);\n });\n this.businessFields = BUFS.map(fld => {\n return {\n key: generateId(),\n ...fld,\n displayName: this.i18n2t(\n `designer.widgetLabel.${fld.type}`,\n `extension.widgetLabel.${fld.type}`\n )\n };\n }).filter(fld => {\n return !this.isBanned(fld.type);\n });\n },\n\n handleContainerWidgetClone(origin) {\n return this.designer.copyNewContainerWidget(origin);\n },\n\n handleFieldWidgetClone(origin) {\n return this.designer.copyNewFieldWidget(origin);\n },\n\n /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ /\n checkContainerMove(evt) {\n return this.designer.checkWidgetMove(evt);\n },\n\n / draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */\n checkFieldMove(evt) {\n return this.designer.checkFieldMove(evt);\n },\n\n onContainerDragEnd(evt) {\n //console.log('Drag end of container: ')\n //console.log(evt)\n },\n\n addContainerByDbClick(container) {\n this.designer.addContainerByDbClick(container);\n },\n\n addFieldByDbClick(widget) {\n this.designer.addFieldByDbClick(widget);\n },\n\n loadFormTemplate(jsonUrl) {\n TpfConfirm({\n type: 'confirm',\n content: this.i18nt('designer.setting.loadFormTemplateHint'),\n title: this.i18nt('render.hint.prompt'),\n okText: this.i18nt('render.hint.confirm'),\n cancelText: this.i18nt('render.hint.cancel')\n })\n .then(() => {\n axios\n .get(jsonUrl)\n .then(res => {\n let modifiedFlag = false;\n if (typeof res.data === 'string') {\n modifiedFlag = this.designer.loadFormJson(JSON.parse(res.data));\n } else if (res.data.constructor === Object) {\n modifiedFlag = this.designer.loadFormJson(res.data);\n }\n if (modifiedFlag) {\n this.designer.emitHistoryChange();\n }\n\n this.$message.success(\n this.i18nt('designer.hint.loadFormTemplateSuccess')\n );\n })\n .catch(error => {\n this.$message.error(\n this.i18nt('designer.hint.loadFormTemplateFailed') + ':' + error\n );\n });\n })\n .catch(error => {\n console.error(error);\n });\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .color-svg-icon {\n color: var(--ant-primary-4);\n }\n\n div.panel-container {\n :deep(.ant-tabs-nav) {\n margin-bottom: 0;\n height: 42px;\n }\n }\n\n .no-bottom-margin :deep(.ant-collapse-header) {\n margin-bottom: 0;\n padding: 8px !important;\n }\n\n .indent-left-margin {\n :deep(.ant-tabs-nav) {\n margin-left: 20px;\n }\n }\n .ant-collapse-item :deep(ul) > li {\n list-style: none;\n }\n\n .widget-collapse {\n border-top-width: 0;\n\n :deep(.ant-collapse-content) {\n > .ant-collapse-content-box {\n padding: 4px;\n }\n\n ul {\n padding: 0;\n margin: 0;\n margin-block-start: 0;\n margin-block-end: 0.1em;\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n\n &:after {\n content: '';\n display: block;\n clear: both;\n }\n\n .container-widget-item,\n .field-widget-item {\n width: calc(50% - 2px);\n padding: 6px 8px;\n border-radius: 6px;\n cursor: move;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n background: #f5f7fa;\n border: 1px solid #e4e7ed;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 4px;\n\n .svg-icon {\n font-size: 16px;\n }\n\n &:hover {\n background: #ecf5ff;\n border-color: var(--ant-primary-4);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n transform: translateY(-1px);\n }\n }\n\n .drag-handler {\n position: absolute;\n top: 0;\n left: 160px;\n background-color: #dddddd;\n border-radius: 5px;\n padding-right: 5px;\n font-size: 11px;\n color: #666666;\n }\n }\n }\n }\n\n .ft-card {\n margin-bottom: 10px;\n\n .bottom {\n margin-top: 10px;\n line-height: 12px;\n }\n\n .ft-title {\n font-size: 13px;\n font-weight: bold;\n }\n\n .right-button {\n padding: 0;\n float: right;\n }\n\n .clear-fix:before,\n .clear-fix:after {\n display: table;\n content: '';\n }\n\n .clear-fix:after {\n clear: both;\n }\n }\n .ant-collapse {\n border: none;\n }\n .ant-collapse > .ant-collapse-item {\n border-bottom: none;\n }\n .side-scroll-bar {\n height: 100%;\n overflow: auto;\n\n .panel-container {\n height: 100%;\n overflow: auto;\n & > .ant-tabs {\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n :deep(.ant-tabs-content-holder) {\n flex: 1 0 0;\n overflow: auto;\n }\n }\n }\n }\n</style>\n"],"names":["Draggable","CONS","BFS","AFS","CFS","BUFS","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_createTextVNode","_withCtx","_toDisplayString","_createBlock"],"mappings":"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"}

package/src/components/form-render/container-item/container-item-wrapper.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"container-item-wrapper.vue.js","sources":["../../../../../src/components/form-render/container-item/container-item-wrapper.vue"],"sourcesContent":["<template>\n <div class=\"container-wrapper\" :style=\"$attrs.containerStyle\" :class=\"[customClass]\">\n <slot></slot>\n </div>\n</template>\n\n<script>\n export default {\n name: 'container-item-wrapper',\n props: {\n widget: Object\n },\n computed: {\n customClass() {\n return !!this.widget.options.customClass ? this.widget.options.customClass.join(' ') : '';\n }\n }\n };\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":";;~~AAOE~~,MAAK,YAAU;AAAA,~~EACb~~,MAAM;AAAA,EACN,OAAO;AAAA,~~IACL~~,QAAQ;AAAA;~~EAEV~~,UAAU;AAAA,~~IACR~~,cAAc;~~AACZ~~,aAAO,CAAC,CAAC,KAAK,OAAO,QAAQ,~~cAAc~~,KAAK,OAAO,QAAQ,YAAY,KAAK,GAAG,~~IAAI~~;AAAA,~~IACzF~~;AAAA,~~EACF~~;;;~~sBAfFA~~,mBAEM,OAAA;AAAA,IAFD,OAAKC,eAAA,CAAC,qBAAmB,CAAyC,SAAA,WAAW,CAAA,CAAA;AAAA,IAAlD,OAAKC,eAAE,KAAA,OAAO,cAAc;AAAA;~~IAC1DC~~,WAAa,KAAA,QAAA,SAAA;AAAA;;;"}
1	+ {"version":3,"file":"container-item-wrapper.vue.js","sources":["../../../../../src/components/form-render/container-item/container-item-wrapper.vue"],"sourcesContent":["<template>\n <div class=\"container-wrapper\" :style=\"$attrs.containerStyle\" :class=\"[customClass]\">\n <slot></slot>\n </div>\n</template>\n\n<script>\n export default {\n name: 'container-item-wrapper',\n props: {\n widget: Object\n },\n computed: {\n customClass() {\n return !!this.widget.options.customClass\n ? this.widget.options.customClass.join(' ')\n : '';\n }\n }\n };\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":";;AAOI,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,IACH,QAAQ;AAAA;EAEZ,UAAU;AAAA,IACN,cAAc;AACV,aAAO,CAAC,CAAC,KAAK,OAAO,QAAQ,cACvB,KAAK,OAAO,QAAQ,YAAY,KAAK,GAAG,IACxC;AAAA,IACV;AAAA,EACJ;;;sBAjBJA,mBAEM,OAAA;AAAA,IAFD,OAAKC,eAAA,CAAC,qBAAmB,CAAyC,SAAA,WAAW,CAAA,CAAA;AAAA,IAAlD,OAAKC,eAAE,KAAA,OAAO,cAAc;AAAA;IACxDC,WAAa,KAAA,QAAA,SAAA;AAAA;;;"}

package/src/components/form-render/container-item/data-table-item.vue.js CHANGED Viewed

@@ -5,10 +5,14 @@ import comps from "../../form-designer/form-widget/field-widget/index.js";
 import refMixin from "../refMixin.js";
 import containerItemMixin from "./containerItemMixin.js";
 import useDataTableMixin from "../../../mixins/useDataTableMixin.js";
+import STable, { setLicenseKey } from "@surely-vue/table";
 import { resolveComponent, withDirectives, createBlock, openBlock, normalizeStyle, withCtx, createVNode, normalizeClass, createCommentVNode, vShow } from "vue";
 /* empty css                     */
 /* empty css                     */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+setLicenseKey(
+  "45beeffb8943e862ec9cbaa94614552cT1JERVI6MTAwMDc5LEVYUElSWT0xNzQ4MzA0MDAwMDAwLERPTUFJTj1zdXJlbHkuY29vbCxVTFRJTUFURT0xLEtFWVZFUlNJT049MQ=="
+);
 const _sfc_main = {
   name: "DataTableItem",
   componentName: "ContainerItem",
@@ -16,6 +20,7 @@ const _sfc_main = {
   mixins: [emitter, i18n, refMixin, containerItemMixin, useDataTableMixin],
   components: {
     ContainerItemWrapper,
+    STable,
     ...comps
   },
   props: {
@@ -109,14 +114,14 @@ const _sfc_main = {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_empty = resolveComponent("a-empty");
   const _component_RenderBodyCell = resolveComponent("RenderBodyCell");
-  const _component_s_table = resolveComponent("s-table");
+  const _component_STable = resolveComponent("STable");
   const _component_container_item_wrapper = resolveComponent("container-item-wrapper");
   return withDirectives((openBlock(), createBlock(_component_container_item_wrapper, {
     style: normalizeStyle({ display: "flex", minWidth: 0, height: parseFloat(_ctx.tableHeight || 0) + "px" }),
     widget: $props.widget
   }, {
     default: withCtx(() => [
-      createVNode(_component_s_table, {
+      createVNode(_component_STable, {
         class: normalizeClass(["tpf-surely-table", [_ctx.customClass]]),
         ref: "dataTable2",
         columns: _ctx.columns.columns,
@@ -153,7 +158,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, !_ctx.handleHidden()]
   ]);
 }
-const dataTableItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c36d66f6"]]);
+const dataTableItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-26967e50"]]);
 export {
   dataTableItem as default
 };

package/src/components/form-render/container-item/data-table-item.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-table-item.vue.js","sources":["../../../../../src/components/form-render/container-item/data-table-item.vue"],"sourcesContent":["<template>\n <container-item-wrapper\n :style=\"{ display: 'flex', minWidth: 0, height: parseFloat(tableHeight \|\| 0) + 'px' }\"\n v-show=\"!handleHidden()\"\n :widget=\"widget\"\n >\n <~~s-table~~\n class=\"tpf-surely-table\"\n ref=\"dataTable2\"\n :columns=\"columns.columns\"\n :class=\"[customClass]\"\n :size=\"widgetSize\"\n :dataSource=\"data\"\n :rowKey=\"record => record[widget.options.rowKey]\"\n :scroll=\"{ y: parseFloat(tableHeight \|\| 0), x: 300 }\"\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 @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 </container-item-wrapper>\n</template>\n\n<script>\n import ContainerItemWrapper from '@/components/form-render/container-item/container-item-wrapper.vue';\n import emitter from '@/utils/emitter';\n import i18n from '@/utils/i18n';\n\n import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n import refMixin from '@/components/form-render/refMixin';\n import containerItemMixin from '@/components/form-render/container-item/containerItemMixin';\n import useDataTableMixin from '@/mixins/useDataTableMixin';\n\n export default {\n name: 'DataTableItem',\n componentName: 'ContainerItem', // 必须固定为ContainerItem，用于接收父级组件的broadcast事件\n mixins: [emitter, i18n, refMixin, containerItemMixin, useDataTableMixin],\n components: {\n ContainerItemWrapper,\n ...FieldComponents\n },\n props: {\n widget: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n data: {\n type: Array,\n default: () => []\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 inject: ['refList', 'sfRefList', 'globalModel', 'getFormConfig', 'getGlobalDsv'],\n data() {\n return {};\n },\n computed: {\n formConfig() {\n return this.getFormConfig();\n }\n },\n created() {\n this.initRefList();\n this.handleOnCreated();\n },\n mounted() {\n this.loadDataTableDataSource();\n this.$nextTick(() => {\n this.handleOnMounted();\n });\n },\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n methods: {\n getDataTableRef() {\n return this;\n },\n\n selectWidget(widget) {\n this.designer.setSelected(widget);\n },\n\n handleOnCreated() {\n if (!!this.widget.options.onCreated) {\n const customFunc = new Function(this.widget.options.onCreated);\n customFunc.call(this);\n }\n },\n\n handleOnMounted() {\n if (!!this.widget.options.onMounted) {\n const customFunc = new Function(this.widget.options.onMounted);\n customFunc.call(this);\n }\n },\n\n // --------------------- 以下为组件支持外部调用的API方法 begin ------------------//\n / 提示：用户可自行扩充这些方法！！！ /\n\n getTableColumns() {\n return this.widget.options.tableColumns;\n },\n\n /\n 获取选中行数据，格式为对象数组\n * @returns {[]}\n /\n getSelectedRow() {\n // return this.$refs.dataTable.selection\n return this.selectedRows;\n },\n\n /\n 获取选中行索引，格式为数组\n * @returns {[]}\n */\n getSelectedIndex() {\n return this.selectedIndices;\n }\n // --------------------- 以上为组件支持外部调用的API方法 end ------------------//\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .collapse-container {\n margin: 2px;\n\n .form-widget-list {\n min-height: 28px;\n }\n }\n\n :deep(.el-collapsed__header) {\n padding: 10px 12px;\n }\n</style>\n\n<style scoped>\n .data-table {\n flex: 1;\n max-width: 100%;\n min-width: 0;\n :deep(.tpf-surely-table) {\n font-size: 12px;\n .surely-table-cell-content {\n font-size: 12px;\n }\n }\n }\n :deep(.ant-table) .table-striped td {\n background-color: #fafafa;\n }\n</style>\n"],"names":["FieldComponents","_createBlock","_normalizeStyle","_createVNode","_normalizeClass","_withCtx"],"mappings":"~~;;;;;;;;;;;~~AAgDI,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,MAAM,UAAU,oBAAoB,iBAAiB;AAAA,EACvE,YAAY;AAAA,IACR;AAAA,IACA,GAAGA;AAAAA;EAEP,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA;IAEnB,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,QAAQ,CAAC,WAAW,aAAa,eAAe,iBAAiB,cAAc;AAAA,EAC/E,OAAO;AACH,WAAO,CAAA;AAAA;EAEX,UAAU;AAAA,IACN,aAAa;AACT,aAAO,KAAK,cAAa;AAAA,IAC7B;AAAA;EAEJ,UAAU;AACN,SAAK,YAAW;AAChB,SAAK,gBAAe;AAAA;EAExB,UAAU;AACN,SAAK,wBAAuB;AAC5B,SAAK,UAAU,MAAM;AACjB,WAAK,gBAAe;AAAA,IACxB,CAAC;AAAA;EAEL,gBAAgB;AACZ,SAAK,sBAAqB;AAAA;EAE9B,SAAS;AAAA,IACL,kBAAkB;AACd,aAAO;AAAA;IAGX,aAAa,QAAQ;AACjB,WAAK,SAAS,YAAY,MAAM;AAAA;IAGpC,kBAAkB;AACd,UAAI,CAAC,CAAC,KAAK,OAAO,QAAQ,WAAW;AACjC,cAAM,aAAa,IAAI,SAAS,KAAK,OAAO,QAAQ,SAAS;AAC7D,mBAAW,KAAK,IAAI;AAAA,MACxB;AAAA;IAGJ,kBAAkB;AACd,UAAI,CAAC,CAAC,KAAK,OAAO,QAAQ,WAAW;AACjC,cAAM,aAAa,IAAI,SAAS,KAAK,OAAO,QAAQ,SAAS;AAC7D,mBAAW,KAAK,IAAI;AAAA,MACxB;AAAA;;;IAMJ,kBAAkB;AACd,aAAO,KAAK,OAAO,QAAQ;AAAA;;;;;IAO/B,iBAAiB;AAEb,aAAO,KAAK;AAAA;;;;;IAOhB,mBAAmB;AACf,aAAO,KAAK;AAAA,IAChB;AAAA;AAAA,EAEJ;;;;;;;~~sCAlJJC~~,YAkCyB,mCAAA;AAAA,IAjCpB,OAAKC,eAAA,EAAA,SAAA,QAAA,UAAA,GAAA,QAA0C,WAAW,KAAA,eAAW,CAAA,IAAA,KAAA,CAAA;AAAA,IAErE,QAAQ,OAAA;AAAA;qBAET,~~MA4BU~~;AAAA,~~MA5BVC~~,~~YA4BU~~,~~oBAAA~~;AAAA,~~QA3BN~~,OAAKC,eAAA,CAAC,oBAAkB,CAGf,KAAA,WAAW,CAAA,CAAA;AAAA,QAFpB,KAAI;AAAA,QACH,SAAS,KAAA,QAAQ;AAAA,QAEjB,MAAM,KAAA;AAAA,QACN,YAAY,OAAA;AAAA,QACZ,QAAQ,YAAU,OAAO,OAAA,OAAO,QAAQ,MAAM;AAAA,QAC9C,QAAM,EAAA,GAAO,WAAW,KAAA,eAAW,CAAA,GAAA,GAAA,IAAA;AAAA,QACnC,UAAU,OAAA,OAAO,QAAQ;AAAA,QACzB,OAAKF,eAAA,EAAA,OAAW,OAAA,OAAO,QAAQ,YAAU;AAAA,QACzC,kBAAgB,KAAA;AAAA,QAChB,cAAc,KAAA,mBAAkB;AAAA,QAChC,YAAY,KAAA;AAAA,QACZ,WAAW,KAAA;AAAA,QACX,UAAQ,KAAA;AAAA,QACR,gBAAc,KAAA;AAAA,QACd,SAAS,KAAA;AAAA,QACT,cAAY,KAAA;AAAA;QAEF,mBACP,MAAW;AAAA,UAAXC,YAAW,kBAAA;AAAA;QAEJ,UAAQE,QACf,CADiB,UAAK;AAAA,UACN,KAAA,eAAe,MAAM,OAAO,SAAS,kBACjDJ,YAA8D,2BAAA;AAAA;YAA7C,UAAU,KAAA,QAAQ;AAAA,YAAW;AAAA;;;;;;;aA5BjD,KAAA,aAAY,CAAA;AAAA;;;"}
1	+ {"version":3,"file":"data-table-item.vue.js","sources":["../../../../../src/components/form-render/container-item/data-table-item.vue"],"sourcesContent":["<template>\n <container-item-wrapper\n :style=\"{ display: 'flex', minWidth: 0, height: parseFloat(tableHeight \|\| 0) + 'px' }\"\n v-show=\"!handleHidden()\"\n :widget=\"widget\"\n >\n <STable\n class=\"tpf-surely-table\"\n ref=\"dataTable2\"\n :columns=\"columns.columns\"\n :class=\"[customClass]\"\n :size=\"widgetSize\"\n :dataSource=\"data\"\n :rowKey=\"record => record[widget.options.rowKey]\"\n :scroll=\"{ y: parseFloat(tableHeight \|\| 0), x: 300 }\"\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 @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 </STable>\n </container-item-wrapper>\n</template>\n\n<script>\n import ContainerItemWrapper from '@/components/form-render/container-item/container-item-wrapper.vue';\n import emitter from '@/utils/emitter';\n import i18n from '@/utils/i18n';\n\n import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n import refMixin from '@/components/form-render/refMixin';\n import containerItemMixin from '@/components/form-render/container-item/containerItemMixin';\n import useDataTableMixin from '@/mixins/useDataTableMixin';\n import STable, { setLicenseKey } from '@surely-vue/table';\n setLicenseKey(\n '45beeffb8943e862ec9cbaa94614552cT1JERVI6MTAwMDc5LEVYUElSWT0xNzQ4MzA0MDAwMDAwLERPTUFJTj1zdXJlbHkuY29vbCxVTFRJTUFURT0xLEtFWVZFUlNJT049MQ=='\n );\n export default {\n name: 'DataTableItem',\n componentName: 'ContainerItem', // 必须固定为ContainerItem，用于接收父级组件的broadcast事件\n mixins: [emitter, i18n, refMixin, containerItemMixin, useDataTableMixin],\n components: {\n ContainerItemWrapper,\n STable,\n ...FieldComponents\n },\n props: {\n widget: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n data: {\n type: Array,\n default: () => []\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 inject: ['refList', 'sfRefList', 'globalModel', 'getFormConfig', 'getGlobalDsv'],\n data() {\n return {};\n },\n computed: {\n formConfig() {\n return this.getFormConfig();\n }\n },\n created() {\n this.initRefList();\n this.handleOnCreated();\n },\n mounted() {\n this.loadDataTableDataSource();\n this.$nextTick(() => {\n this.handleOnMounted();\n });\n },\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n methods: {\n getDataTableRef() {\n return this;\n },\n\n selectWidget(widget) {\n this.designer.setSelected(widget);\n },\n\n handleOnCreated() {\n if (!!this.widget.options.onCreated) {\n const customFunc = new Function(this.widget.options.onCreated);\n customFunc.call(this);\n }\n },\n\n handleOnMounted() {\n if (!!this.widget.options.onMounted) {\n const customFunc = new Function(this.widget.options.onMounted);\n customFunc.call(this);\n }\n },\n\n // --------------------- 以下为组件支持外部调用的API方法 begin ------------------//\n / 提示：用户可自行扩充这些方法！！！ /\n\n getTableColumns() {\n return this.widget.options.tableColumns;\n },\n\n /\n 获取选中行数据，格式为对象数组\n * @returns {[]}\n /\n getSelectedRow() {\n // return this.$refs.dataTable.selection\n return this.selectedRows;\n },\n\n /\n 获取选中行索引，格式为数组\n * @returns {[]}\n */\n getSelectedIndex() {\n return this.selectedIndices;\n }\n // --------------------- 以上为组件支持外部调用的API方法 end ------------------//\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .collapse-container {\n margin: 2px;\n\n .form-widget-list {\n min-height: 28px;\n }\n }\n\n :deep(.el-collapsed__header) {\n padding: 10px 12px;\n }\n</style>\n\n<style scoped>\n .data-table {\n flex: 1;\n max-width: 100%;\n min-width: 0;\n :deep(.tpf-surely-table) {\n font-size: 12px;\n .surely-table-cell-content {\n font-size: 12px;\n }\n }\n }\n :deep(.ant-table) .table-striped td {\n background-color: #fafafa;\n }\n</style>\n"],"names":["FieldComponents","_createBlock","_normalizeStyle","_createVNode","_normalizeClass","_withCtx"],"mappings":"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"}

package/src/components/form-render/dynamic-drawer.vue.js CHANGED Viewed

@@ -85,7 +85,9 @@ const _sfc_main = {
       setTimeout(this.deleteWrapperNode, 150);
     },
     deleteWrapperNode() {
-      const wrapperNode = document.getElementById("vf-dynamic-drawer-wrapper" + this.wrapperId);
+      const wrapperNode = document.getElementById(
+        "vf-dynamic-drawer-wrapper" + this.wrapperId
+      );
       if (!!wrapperNode) {
         document.body.removeChild(wrapperNode);
       }
@@ -152,8 +154,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(_component_a_drawer, {
     ref: "drawerRef",
     title: $props.options.title,
-    visible: $data.drawerVisible,
-    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => $data.drawerVisible = $event),
+    open: $data.drawerVisible,
+    "onUpdate:open": _cache[0] || (_cache[0] = ($event) => $data.drawerVisible = $event),
     "custom-class": "dynamic-drawer",
     "append-to-body": "",
     "destroy-on-close": "",
@@ -203,9 +205,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["form-json", "form-data", "option-data", "global-dsv", "parent-form", "disabled-mode"])
     ]),
     _: 1
-  }, 8, ["title", "visible", "size", "modal", "direction", "show-close", "close-on-click-modal", "close-on-press-escape", "before-close", "onClose", "onOpened"]);
+  }, 8, ["title", "open", "size", "modal", "direction", "show-close", "close-on-click-modal", "close-on-press-escape", "before-close", "onClose", "onOpened"]);
 }
-const DynamicDrawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2927e7a0"]]);
+const DynamicDrawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ce54c068"]]);
 export {
   DynamicDrawer as default
 };

package/src/components/form-render/dynamic-drawer.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dynamic-drawer.vue.js","sources":["../../../../src/components/form-render/dynamic-drawer.vue"],"sourcesContent":["<template>\n <a-drawer\n ref=\"drawerRef\"\n :title=\"options.title\"\n v-model:visible=\"drawerVisible\"\n custom-class=\"dynamic-drawer\"\n append-to-body\n destroy-on-close\n :size=\"options.size\"\n :modal=\"options.showModal\"\n :direction=\"options.direction\"\n :show-close=\"options.showClose\"\n :close-on-click-modal=\"options.closeOnClickModal\"\n :close-on-press-escape=\"options.closeOnPressEscape\"\n :before-close=\"handleBeforeClose\"\n @close=\"handleCloseEvent\"\n @opened=\"handleOpenedEvent\"\n >\n <VFormRender\n ref=\"dFormRef\"\n :form-json=\"formJson\"\n :form-data=\"formData\"\n :option-data=\"optionData\"\n :global-dsv=\"globalDsv\"\n :parent-form=\"parentFormRef\"\n :disabled-mode=\"options.disabledMode\"\n :dynamic-creation=\"true\"\n />\n <template #footer>\n <div style=\"float: right\">\n <a-button v-if=\"!options.cancelButtonHidden\" @click=\"handleCancelClick\">\n {{ cancelBtnLabel }}\n </a-button>\n <a-button v-if=\"!options.okButtonHidden\" type=\"primary\" @click=\"handleOkClick\">\n {{ okBtnLabel }}\n </a-button>\n </div>\n </template>\n </a-drawer>\n</template>\n\n<script>\n import i18n from '@/utils/i18n';\n import { defineAsyncComponent } from 'vue';\n export default {\n name: 'dynamic-drawer',\n mixins: [i18n],\n components: {\n VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue'))\n },\n props: {\n options: {\n type: Object,\n default: () => ({})\n },\n formJson: {\n type: Object\n },\n formData: {\n type: Object,\n default: () => ({})\n },\n optionData: {\n //prop传入的选项数据\n type: Object,\n default: () => ({})\n },\n globalDsv: {\n // 全局数据源变量\n type: Object,\n default: () => ({})\n },\n parentFormRef: {\n type: Object,\n default: null\n },\n extraData: {\n type: Object,\n default: () => ({})\n },\n wrapperId: {\n type: String,\n default: null\n }\n },\n data() {\n return {\n drawerVisible: false\n };\n },\n computed: {\n cancelBtnLabel() {\n return this.options.cancelButtonLabel \|\| this.i18nt('designer.hint.cancel');\n },\n\n okBtnLabel() {\n return this.options.okButtonLabel \|\| this.i18nt('designer.hint.confirm');\n }\n },\n mounted() {\n //\n },\n beforeUnmount() {\n this.parentFormRef.setChildFormRef(null);\n },\n methods: {\n show() {\n this.drawerVisible = true;\n\n //设置readMode模式\n this.$nextTick(() => {\n if (!!this.options.readMode) {\n this.$refs['dFormRef'].setReadMode(true);\n }\n\n this.$refs['dFormRef'].setDialogOrDrawerRef(this);\n this.parentFormRef.setChildFormRef(this.$refs['dFormRef']);\n });\n },\n\n close() {\n if (!!this.options.onDrawerBeforeClose) {\n const customFn = new Function(this.options.onDrawerBeforeClose);\n const closeResult = customFn.call(this);\n if (closeResult === false) {\n return;\n }\n }\n\n this.drawerVisible = false;\n this.$refs['drawerRef'].handleClose();\n setTimeout(this.deleteWrapperNode, 150);\n },\n\n deleteWrapperNode() {\n const wrapperNode = document.getElementById('vf-dynamic-drawer-wrapper' + this.wrapperId);\n if (!!wrapperNode) {\n document.body.removeChild(wrapperNode);\n }\n },\n\n handleBeforeClose(done) {\n if (!!this.options.onDrawerBeforeClose) {\n const customFn = new Function(this.options.onDrawerBeforeClose);\n const closeResult = customFn.call(this);\n return closeResult === false ? closeResult : done();\n }\n\n return done();\n },\n\n handleCloseEvent() {\n this.drawerVisible = false;\n setTimeout(this.deleteWrapperNode, 150);\n },\n\n handleOpenedEvent() {\n if (!!this.options.onDrawerOpened) {\n const customFn = new Function(this.options.onDrawerOpened);\n customFn.call(this);\n }\n },\n\n handleCancelClick() {\n if (!!this.options.onCancelButtonClick) {\n const customFn = new Function(this.options.onCancelButtonClick);\n const clickResult = customFn.call(this);\n if (clickResult === false) {\n return;\n }\n }\n\n this.drawerVisible = false;\n setTimeout(this.deleteWrapperNode, 150);\n },\n\n handleOkClick() {\n if (!!this.options.onOkButtonClick) {\n const customFn = new Function(this.options.onOkButtonClick);\n const clickResult = customFn.call(this);\n if (clickResult === false) {\n return;\n }\n }\n\n this.drawerVisible = false;\n setTimeout(this.deleteWrapperNode, 150);\n },\n\n getParentFormRef() {\n return this.parentFormRef;\n },\n\n getFormRef() {\n return this.$refs['dFormRef'];\n },\n\n getWidgetRef(widgetName, showError = false) {\n return this.$refs['dFormRef'].getWidgetRef(widgetName, showError);\n },\n\n getExtraData() {\n return this.extraData;\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .dynamic-drawer {\n :deep(.el-drawer__header) {\n margin-bottom: 10px;\n }\n\n :deep(.el-drawer__body) {\n padding: 15px;\n }\n }\n</style>\n"],"names":["_createBlock","_createElementVNode","_createVNode"],"mappings":"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"}
1	+ {"version":3,"file":"dynamic-drawer.vue.js","sources":["../../../../src/components/form-render/dynamic-drawer.vue"],"sourcesContent":["<template>\n <a-drawer\n ref=\"drawerRef\"\n :title=\"options.title\"\n v-model:open=\"drawerVisible\"\n custom-class=\"dynamic-drawer\"\n append-to-body\n destroy-on-close\n :size=\"options.size\"\n :modal=\"options.showModal\"\n :direction=\"options.direction\"\n :show-close=\"options.showClose\"\n :close-on-click-modal=\"options.closeOnClickModal\"\n :close-on-press-escape=\"options.closeOnPressEscape\"\n :before-close=\"handleBeforeClose\"\n @close=\"handleCloseEvent\"\n @opened=\"handleOpenedEvent\"\n >\n <VFormRender\n ref=\"dFormRef\"\n :form-json=\"formJson\"\n :form-data=\"formData\"\n :option-data=\"optionData\"\n :global-dsv=\"globalDsv\"\n :parent-form=\"parentFormRef\"\n :disabled-mode=\"options.disabledMode\"\n :dynamic-creation=\"true\"\n />\n <template #footer>\n <div style=\"float: right\">\n <a-button v-if=\"!options.cancelButtonHidden\" @click=\"handleCancelClick\">\n {{ cancelBtnLabel }}\n </a-button>\n <a-button v-if=\"!options.okButtonHidden\" type=\"primary\" @click=\"handleOkClick\">\n {{ okBtnLabel }}\n </a-button>\n </div>\n </template>\n </a-drawer>\n</template>\n\n<script>\n import i18n from '@/utils/i18n';\n import { defineAsyncComponent } from 'vue';\n export default {\n name: 'dynamic-drawer',\n mixins: [i18n],\n components: {\n VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue'))\n },\n props: {\n options: {\n type: Object,\n default: () => ({})\n },\n formJson: {\n type: Object\n },\n formData: {\n type: Object,\n default: () => ({})\n },\n optionData: {\n //prop传入的选项数据\n type: Object,\n default: () => ({})\n },\n globalDsv: {\n // 全局数据源变量\n type: Object,\n default: () => ({})\n },\n parentFormRef: {\n type: Object,\n default: null\n },\n extraData: {\n type: Object,\n default: () => ({})\n },\n wrapperId: {\n type: String,\n default: null\n }\n },\n data() {\n return {\n drawerVisible: false\n };\n },\n computed: {\n cancelBtnLabel() {\n return this.options.cancelButtonLabel \|\| this.i18nt('designer.hint.cancel');\n },\n\n okBtnLabel() {\n return this.options.okButtonLabel \|\| this.i18nt('designer.hint.confirm');\n }\n },\n mounted() {\n //\n },\n beforeUnmount() {\n this.parentFormRef.setChildFormRef(null);\n },\n methods: {\n show() {\n this.drawerVisible = true;\n\n //设置readMode模式\n this.$nextTick(() => {\n if (!!this.options.readMode) {\n this.$refs['dFormRef'].setReadMode(true);\n }\n\n this.$refs['dFormRef'].setDialogOrDrawerRef(this);\n this.parentFormRef.setChildFormRef(this.$refs['dFormRef']);\n });\n },\n\n close() {\n if (!!this.options.onDrawerBeforeClose) {\n const customFn = new Function(this.options.onDrawerBeforeClose);\n const closeResult = customFn.call(this);\n if (closeResult === false) {\n return;\n }\n }\n\n this.drawerVisible = false;\n this.$refs['drawerRef'].handleClose();\n setTimeout(this.deleteWrapperNode, 150);\n },\n\n deleteWrapperNode() {\n const wrapperNode = document.getElementById(\n 'vf-dynamic-drawer-wrapper' + this.wrapperId\n );\n if (!!wrapperNode) {\n document.body.removeChild(wrapperNode);\n }\n },\n\n handleBeforeClose(done) {\n if (!!this.options.onDrawerBeforeClose) {\n const customFn = new Function(this.options.onDrawerBeforeClose);\n const closeResult = customFn.call(this);\n return closeResult === false ? closeResult : done();\n }\n\n return done();\n },\n\n handleCloseEvent() {\n this.drawerVisible = false;\n setTimeout(this.deleteWrapperNode, 150);\n },\n\n handleOpenedEvent() {\n if (!!this.options.onDrawerOpened) {\n const customFn = new Function(this.options.onDrawerOpened);\n customFn.call(this);\n }\n },\n\n handleCancelClick() {\n if (!!this.options.onCancelButtonClick) {\n const customFn = new Function(this.options.onCancelButtonClick);\n const clickResult = customFn.call(this);\n if (clickResult === false) {\n return;\n }\n }\n\n this.drawerVisible = false;\n setTimeout(this.deleteWrapperNode, 150);\n },\n\n handleOkClick() {\n if (!!this.options.onOkButtonClick) {\n const customFn = new Function(this.options.onOkButtonClick);\n const clickResult = customFn.call(this);\n if (clickResult === false) {\n return;\n }\n }\n\n this.drawerVisible = false;\n setTimeout(this.deleteWrapperNode, 150);\n },\n\n getParentFormRef() {\n return this.parentFormRef;\n },\n\n getFormRef() {\n return this.$refs['dFormRef'];\n },\n\n getWidgetRef(widgetName, showError = false) {\n return this.$refs['dFormRef'].getWidgetRef(widgetName, showError);\n },\n\n getExtraData() {\n return this.extraData;\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .dynamic-drawer {\n :deep(.el-drawer__header) {\n margin-bottom: 10px;\n }\n\n :deep(.el-drawer__body) {\n padding: 15px;\n }\n }\n</style>\n"],"names":["_createBlock","_createElementVNode","_createVNode"],"mappings":"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"}