@kp-ui/lowcode-pc 1.0.7 → 1.0.9

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 (47) hide show
  1. package/assets/styles/style.css +19 -19
  2. package/core/src/hooks/useAppRef.js +0 -1
  3. package/core/src/hooks/useAppRef.js.map +1 -1
  4. package/core/src/hooks/useField.js +1 -0
  5. package/core/src/hooks/useField.js.map +1 -1
  6. package/core/src/lang/zh-CN.js +1 -0
  7. package/core/src/lang/zh-CN.js.map +1 -1
  8. package/package.json +36 -36
  9. package/src/components/desginer/form-widget/container-widget/data-table-widget.vue2.js +0 -1
  10. package/src/components/desginer/form-widget/container-widget/data-table-widget.vue2.js.map +1 -1
  11. package/src/components/desginer/form-widget/container-widget/grid-col-widget.vue2.js +0 -1
  12. package/src/components/desginer/form-widget/container-widget/grid-col-widget.vue2.js.map +1 -1
  13. package/src/components/desginer/form-widget/container-widget/grid-sub-form-widget.vue2.js +0 -1
  14. package/src/components/desginer/form-widget/container-widget/grid-sub-form-widget.vue2.js.map +1 -1
  15. package/src/components/desginer/form-widget/container-widget/grid-widget.vue2.js +0 -1
  16. package/src/components/desginer/form-widget/container-widget/grid-widget.vue2.js.map +1 -1
  17. package/src/components/desginer/form-widget/container-widget/tab-widget.vue.js +1 -1
  18. package/src/components/desginer/form-widget/container-widget/tab-widget.vue2.js +5 -9
  19. package/src/components/desginer/form-widget/container-widget/tab-widget.vue2.js.map +1 -1
  20. package/src/components/desginer/form-widget/container-widget/useTableWidget.js +22 -1
  21. package/src/components/desginer/form-widget/container-widget/useTableWidget.js.map +1 -1
  22. package/src/components/desginer/form-widget/container-widget/vf-box-widget.vue2.js +0 -1
  23. package/src/components/desginer/form-widget/container-widget/vf-box-widget.vue2.js.map +1 -1
  24. package/src/components/desginer/form-widget/container-widget/vf-collapse-widget.vue2.js +0 -1
  25. package/src/components/desginer/form-widget/container-widget/vf-collapse-widget.vue2.js.map +1 -1
  26. package/src/components/desginer/form-widget/container-widget/vf-dialog-widget.vue2.js +0 -1
  27. package/src/components/desginer/form-widget/container-widget/vf-dialog-widget.vue2.js.map +1 -1
  28. package/src/components/form-render/RenderWigetList.vue2.js +4 -7
  29. package/src/components/form-render/RenderWigetList.vue2.js.map +1 -1
  30. package/src/components/form-render/container-items/data-table-widget.vue2.js +0 -1
  31. package/src/components/form-render/container-items/data-table-widget.vue2.js.map +1 -1
  32. package/src/components/form-render/container-items/grid-col-widget.vue2.js +0 -1
  33. package/src/components/form-render/container-items/grid-col-widget.vue2.js.map +1 -1
  34. package/src/components/form-render/container-items/grid-sub-form-widget.vue.js +1 -1
  35. package/src/components/form-render/container-items/grid-sub-form-widget.vue2.js +4 -2
  36. package/src/components/form-render/container-items/grid-sub-form-widget.vue2.js.map +1 -1
  37. package/src/components/form-render/container-items/grid-widget.vue2.js +0 -1
  38. package/src/components/form-render/container-items/grid-widget.vue2.js.map +1 -1
  39. package/src/components/form-render/container-items/tab-widget.vue.js +1 -1
  40. package/src/components/form-render/container-items/tab-widget.vue2.js +2 -10
  41. package/src/components/form-render/container-items/tab-widget.vue2.js.map +1 -1
  42. package/src/components/form-render/container-items/vf-box-widget.vue.js +1 -1
  43. package/src/components/form-render/container-items/vf-box-widget.vue2.js +2 -3
  44. package/src/components/form-render/container-items/vf-box-widget.vue2.js.map +1 -1
  45. package/src/components/form-render/container-items/vf-collapse-widget.vue2.js +0 -1
  46. package/src/components/form-render/container-items/vf-collapse-widget.vue2.js.map +1 -1
  47. package/stats.html +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/data-table-widget.vue"],"sourcesContent":["<template>\n <div class=\"talbe-wrapper\" :style=\"{ width: tableWidth }\" v-if=\"!handleHidden\">\n <div class=\"table-toolbar t-flex t-justify-end\" v-if=\"showColumnManager\">\n <SvgIcon @click=\"openColumnDialog\" size=\"22\" type=\"icon-weizhi\" cursor shadow />\n </div>\n <Table\n @register=\"register\"\n :tableProps=\"tableProps\"\n :loading=\"isLoading\"\n :pagination=\"pagintion\"\n />\n <!-- 列管理弹窗 -->\n <DataTableColumnDialog\n v-model:visible=\"columnDialogVisible\"\n :columns=\"columnList\"\n :page-code=\"props.field.options.name\"\n :table-id=\"widget.id\"\n @update=\"handleUpdateColumns\"\n ref=\"columnDialogRef\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { ref, onMounted, watchEffect } from 'vue';\n import { ContainerTypeEnum, ComponentNameEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useVxeTable, Table, SvgIcon } from 'tmgc2-share';\n import { useI18n } from '@kp-ui/i18n';\n import { useField } from '@kp-ui/lowcode-core';\n import { useTableWidget } from '../../desginer/form-widget/container-widget/useTableWidget';\n import { DataTableWidget } from '../../desginer/widget-panel/advanced';\n import DataTableColumnDialog from '../../public/DataTableColumnDialog.vue';\n\n const props = defineProps<WidgetProps<DataTableWidget>>();\n const { widget } = props;\n defineOptions({\n name: ContainerTypeEnum.DataTable,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const { t } = useI18n();\n const { fieldModel, handleHidden, defineExposed, customClass } = useField(props);\n\n const {\n columns,\n isLoading,\n tableProps,\n tableWidth,\n pagintion,\n showColumnManager,\n setPagination,\n setTableRef,\n initTableSoureData,\n handleTableChange,\n onRunEvent,\n onSortChange,\n onCheckboxChange,\n tableDefinExpoed,\n // 列管理相关\n columnList,\n initColumnList,\n handleUpdateColumns\n } = useTableWidget({\n props,\n fieldModel,\n designState: false\n });\n\n watchEffect(() => {\n if (!props.field.options.showPagination) {\n setPagination({\n total: 0\n });\n }\n });\n\n pagintion.value.onChange = (current, pageSize) => {\n initTableSoureData();\n };\n\n // 打开列管理弹窗\n const openColumnDialog = () => {\n columnDialogVisible.value = true;\n };\n\n // 列管理弹窗\n const columnDialogVisible = ref(false);\n\n const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow } = useVxeTable({\n props: {\n rowKey: props.field.options.rowKey,\n hasRowSelection: props.field.options.rowSelection?.hasRowSelection,\n clickRowCheck: props.field.options.colorRow\n },\n events: {\n dataChange: params => handleTableChange({ sorts: sorts.value }),\n cellDblclick: params => onRunEvent(params, 'onDblclick'),\n cellMouseenter: params => onRunEvent(params, 'onMouseenter'),\n cellMouseleave: params => onRunEvent(params, 'onMouseleave')\n },\n callbacks: {\n onCheckboxChange,\n onSortChange,\n cellClick: params => onRunEvent(params, 'onClick')\n }\n });\n\n const getSelectedRowKeys = () => {\n const selectRows = tableRef.value?.getCheckboxRecords() || [];\n return selectRows.map(item => item[props.field.options.rowKey]);\n };\n\n const getSelectedRows = () => {\n // return selectedRowInfo.value.selectedRows;\n return tableRef.value?.getCheckboxRecords(true);\n };\n\n /**\n * 获取字段编辑器\n * @returns 字段编辑器\n */\n const getFieldEditor = () => {\n // 获取内置的el表单组件\n return tableRef.value;\n };\n\n watchEffect(() => {\n if (tableRef.value) {\n setTableRef(tableRef.value);\n }\n });\n\n onMounted(() => {\n initTableSoureData();\n initColumnList();\n });\n\n defineExpose({\n ...defineExposed,\n ...tableDefinExpoed,\n delSelectRow,\n getFieldEditor,\n selectRow,\n getSelectedRowKeys,\n getSelectedRows,\n setPagination,\n sorts,\n selectedRowInfo,\n loadDataTableDataSource: initTableSoureData,\n fieldEditor: tableRef\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .talbe-wrapper {\n width: 100%;\n\n .table-toolbar {\n padding: 8px 0;\n margin-bottom: 8px;\n }\n\n .vxe-grid {\n width: 100%;\n }\n\n &__pagination {\n margin-top: 10px;\n display: flex;\n justify-content: end;\n }\n }\n</style>\n"],"names":["_a","_unref","_createElementBlock","_openBlock","_createVNode"],"mappings":"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"}
1
+ {"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/data-table-widget.vue"],"sourcesContent":["<template>\n <div class=\"talbe-wrapper\" :style=\"{ width: tableWidth }\" v-if=\"!handleHidden\">\n <div class=\"table-toolbar t-flex t-justify-end\" v-if=\"showColumnManager\">\n <SvgIcon @click=\"openColumnDialog\" size=\"22\" type=\"icon-weizhi\" cursor shadow />\n </div>\n <Table\n @register=\"register\"\n :tableProps=\"tableProps\"\n :loading=\"isLoading\"\n :pagination=\"pagintion\"\n />\n <!-- 列管理弹窗 -->\n <DataTableColumnDialog\n v-model:visible=\"columnDialogVisible\"\n :columns=\"columnList\"\n :page-code=\"props.field.options.name\"\n :table-id=\"widget.id\"\n @update=\"handleUpdateColumns\"\n ref=\"columnDialogRef\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { ref, onMounted, watchEffect } from 'vue';\n import { ContainerTypeEnum, ComponentNameEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useVxeTable, Table, SvgIcon } from 'tmgc2-share';\n import { useI18n } from '@kp-ui/i18n';\n import { useField } from '@kp-ui/lowcode-core';\n import { useTableWidget } from '../../desginer/form-widget/container-widget/useTableWidget';\n import { DataTableWidget } from '../../desginer/widget-panel/advanced';\n import DataTableColumnDialog from '../../public/DataTableColumnDialog.vue';\n\n const props = defineProps<WidgetProps<DataTableWidget>>();\n const { widget } = props;\n defineOptions({\n name: ContainerTypeEnum.DataTable,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const { t } = useI18n();\n const { fieldModel, handleHidden, defineExposed, customClass } = useField(props);\n\n const {\n columns,\n isLoading,\n tableProps,\n tableWidth,\n pagintion,\n showColumnManager,\n setPagination,\n setTableRef,\n initTableSoureData,\n handleTableChange,\n onRunEvent,\n onSortChange,\n onCheckboxChange,\n tableDefinExpoed,\n // 列管理相关\n columnList,\n initColumnList,\n handleUpdateColumns\n } = useTableWidget({\n props,\n fieldModel,\n designState: false\n });\n\n watchEffect(() => {\n if (!props.field.options.showPagination) {\n setPagination({\n total: 0\n });\n }\n });\n\n pagintion.value.onChange = (current, pageSize) => {\n initTableSoureData();\n };\n\n // 打开列管理弹窗\n const openColumnDialog = () => {\n columnDialogVisible.value = true;\n };\n\n // 列管理弹窗\n const columnDialogVisible = ref(false);\n\n const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow } = useVxeTable({\n props: {\n rowKey: props.field.options.rowKey,\n hasRowSelection: props.field.options.rowSelection?.hasRowSelection,\n clickRowCheck: props.field.options.colorRow\n },\n events: {\n dataChange: params => handleTableChange({ sorts: sorts.value }),\n cellDblclick: params => onRunEvent(params, 'onDblclick'),\n cellMouseenter: params => onRunEvent(params, 'onMouseenter'),\n cellMouseleave: params => onRunEvent(params, 'onMouseleave')\n },\n callbacks: {\n onCheckboxChange,\n onSortChange,\n cellClick: params => onRunEvent(params, 'onClick')\n }\n });\n\n const getSelectedRowKeys = () => {\n const selectRows = tableRef.value?.getCheckboxRecords() || [];\n return selectRows.map(item => item[props.field.options.rowKey]);\n };\n\n const getSelectedRows = () => {\n // return selectedRowInfo.value.selectedRows;\n return tableRef.value?.getCheckboxRecords(true);\n };\n\n /**\n * 获取字段编辑器\n * @returns 字段编辑器\n */\n const getFieldEditor = () => {\n // 获取内置的el表单组件\n return tableRef.value;\n };\n\n watchEffect(() => {\n if (tableRef.value) {\n setTableRef(tableRef.value);\n }\n });\n\n onMounted(() => {\n initTableSoureData();\n initColumnList();\n });\n\n defineExpose({\n ...defineExposed,\n ...tableDefinExpoed,\n delSelectRow,\n getFieldEditor,\n selectRow,\n getSelectedRowKeys,\n getSelectedRows,\n setPagination,\n sorts,\n selectedRowInfo,\n loadDataTableDataSource: initTableSoureData,\n fieldEditor: tableRef\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .talbe-wrapper {\n width: 100%;\n\n .table-toolbar {\n padding: 8px 0;\n margin-bottom: 8px;\n }\n\n .vxe-grid {\n width: 100%;\n }\n\n &__pagination {\n margin-top: 10px;\n display: flex;\n justify-content: end;\n }\n }\n</style>\n"],"names":["_a","_unref","_createElementBlock","_openBlock","_createVNode"],"mappings":"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"}
@@ -13,7 +13,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
13
13
  widget: {},
14
14
  field: {},
15
15
  parentWidget: {},
16
- subFormRowIndex: {},
17
16
  indexOfParentList: {},
18
17
  colHeight: { default: null }
19
18
  },
@@ -1 +1 @@
1
- {"version":3,"file":"grid-col-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-col-widget.vue"],"sourcesContent":["<template>\n <a-col v-if=\"!handleHidden\" class=\"grid-cell\" v-bind=\"layoutProps\" :style=\"colHeightStyle\">\n <RenderWigetList :widgetList=\"widget.widgetList || []\" :parentWidget=\"widget\" />\n </a-col>\n</template>\n\n<script lang=\"ts\" setup>\n import RenderWigetList from '../RenderWigetList.vue';\n import { computed, ref } from 'vue';\n import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useField } from '@kp-ui/lowcode-core';\n\n defineOptions({\n name: ContainerTypeEnum.GridColWidget,\n componentName: ComponentNameEnum.ContainerWidget,\n inheritAttrs: false\n });\n\n const props = withDefaults(defineProps<WidgetProps & { colHeight: number | null }>(), {\n colHeight: null\n });\n\n const colHeightStyle = computed(() => {\n return props.colHeight ? { height: props.colHeight } : {};\n });\n\n const layoutProps = ref({\n span: props.widget.options.span || 12,\n offset: props.widget.options.offset || 0,\n push: props.widget.options.push || 0,\n pull: props.widget.options.pull || 0\n });\n\n const { handleHidden, defineExposed } = useField(props, false);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .grid-cell {\n padding: 3px;\n position: relative;\n\n .form-widget-list {\n min-height: 28px;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","RenderWigetList","widget"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBI,UAAM,QAAQ;AAId,UAAM,iBAAiB,SAAS,MAAM;AAClC,aAAO,MAAM,YAAY,EAAE,QAAQ,MAAM,UAAA,IAAc,CAAA;AAAA,IAC3D,CAAC;AAED,UAAM,cAAc,IAAI;AAAA,MACpB,MAAM,MAAM,OAAO,QAAQ,QAAQ;AAAA,MACnC,QAAQ,MAAM,OAAO,QAAQ,UAAU;AAAA,MACvC,MAAM,MAAM,OAAO,QAAQ,QAAQ;AAAA,MACnC,MAAM,MAAM,OAAO,QAAQ,QAAQ;AAAA,IAAA,CACtC;AAED,UAAM,EAAE,cAAc,cAAA,IAAkB,SAAS,OAAO,KAAK;AAE7D,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cApCaA,MAAA,YAAA,KAAdC,aAAAC,YAEQ,kBAFRC,WAEQ;AAAA;QAFoB,OAAM;AAAA,MAAA,GAAoB,YAAA,OAAW,EAAG,OAAO,eAAA,MAAA,CAAc,GAAA;AAAA,yBACrF,MAAgF;AAAA,UAAhFC,YAAgFC,aAAA;AAAA,YAA9D,YAAYC,KAAAA,OAAO,cAAU,CAAA;AAAA,YAAS,cAAcA,KAAAA;AAAAA,UAAAA;;;;;;;"}
1
+ {"version":3,"file":"grid-col-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-col-widget.vue"],"sourcesContent":["<template>\n <a-col v-if=\"!handleHidden\" class=\"grid-cell\" v-bind=\"layoutProps\" :style=\"colHeightStyle\">\n <RenderWigetList :widgetList=\"widget.widgetList || []\" :parentWidget=\"widget\" />\n </a-col>\n</template>\n\n<script lang=\"ts\" setup>\n import RenderWigetList from '../RenderWigetList.vue';\n import { computed, ref } from 'vue';\n import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useField } from '@kp-ui/lowcode-core';\n\n defineOptions({\n name: ContainerTypeEnum.GridColWidget,\n componentName: ComponentNameEnum.ContainerWidget,\n inheritAttrs: false\n });\n\n const props = withDefaults(defineProps<WidgetProps & { colHeight: number | null }>(), {\n colHeight: null\n });\n\n const colHeightStyle = computed(() => {\n return props.colHeight ? { height: props.colHeight } : {};\n });\n\n const layoutProps = ref({\n span: props.widget.options.span || 12,\n offset: props.widget.options.offset || 0,\n push: props.widget.options.push || 0,\n pull: props.widget.options.pull || 0\n });\n\n const { handleHidden, defineExposed } = useField(props, false);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .grid-cell {\n padding: 3px;\n position: relative;\n\n .form-widget-list {\n min-height: 28px;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","RenderWigetList","widget"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBI,UAAM,QAAQ;AAId,UAAM,iBAAiB,SAAS,MAAM;AAClC,aAAO,MAAM,YAAY,EAAE,QAAQ,MAAM,UAAA,IAAc,CAAA;AAAA,IAC3D,CAAC;AAED,UAAM,cAAc,IAAI;AAAA,MACpB,MAAM,MAAM,OAAO,QAAQ,QAAQ;AAAA,MACnC,QAAQ,MAAM,OAAO,QAAQ,UAAU;AAAA,MACvC,MAAM,MAAM,OAAO,QAAQ,QAAQ;AAAA,MACnC,MAAM,MAAM,OAAO,QAAQ,QAAQ;AAAA,IAAA,CACtC;AAED,UAAM,EAAE,cAAc,cAAA,IAAkB,SAAS,OAAO,KAAK;AAE7D,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cApCaA,MAAA,YAAA,KAAdC,aAAAC,YAEQ,kBAFRC,WAEQ;AAAA;QAFoB,OAAM;AAAA,MAAA,GAAoB,YAAA,OAAW,EAAG,OAAO,eAAA,MAAA,CAAc,GAAA;AAAA,yBACrF,MAAgF;AAAA,UAAhFC,YAAgFC,aAAA;AAAA,YAA9D,YAAYC,KAAAA,OAAO,cAAU,CAAA;AAAA,YAAS,cAAcA,KAAAA;AAAAA,UAAAA;;;;;;;"}
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./grid-sub-form-widget.vue2.js";
2
2
  /* empty css */
3
3
  import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
4
- const GridSubFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-79efc207"]]);
4
+ const GridSubFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0268e409"]]);
5
5
  export {
6
6
  GridSubFormWidget as default
7
7
  };
@@ -24,7 +24,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
24
24
  widget: {},
25
25
  field: {},
26
26
  parentWidget: {},
27
- subFormRowIndex: {},
28
27
  indexOfParentList: {}
29
28
  },
30
29
  setup(__props, { expose: __expose }) {
@@ -63,9 +62,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
63
62
  }
64
63
  };
65
64
  const addSubFormRow = () => {
65
+ console.log(443243);
66
66
  const oldSubFormData = fieldModel.value || [];
67
67
  oldSubFormData.push(createNewRowData());
68
- fieldModel.value = oldSubFormData;
68
+ if (!fieldModel.value) {
69
+ fieldModel.value = oldSubFormData;
70
+ }
69
71
  nextTick(() => {
70
72
  if (props.widget.options.onSubFormRowAdd) {
71
73
  executeFunction({
@@ -1 +1 @@
1
- {"version":3,"file":"grid-sub-form-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-sub-form-widget.vue"],"sourcesContent":["<template>\n <div class=\"sub-form-container\" v-show=\"!handleHidden\">\n <div v-for=\"(item, sfrIdx) in listData\" class=\"sub-form-row\" :key=\"item.__id || sfrIdx\">\n <div class=\"row-no-column\">\n <span class=\"row-number-span\">#{{ sfrIdx + 1 }}</span>\n </div>\n <div class=\"grid-sub-form-data-row\">\n <RenderWigetList\n :widgetList=\"widget.widgetList || []\"\n :parentWidget=\"widget\"\n :subFormRowIndex=\"sfrIdx\"\n />\n </div>\n <div class=\"sub-form-action-column hide-label\">\n <div class=\"action-button-column\" v-show=\"!isReadMode\">\n <a-button\n type=\"link\"\n :title=\"i18nt('render.hint.insertSubFormRow')\"\n :disabled=\"actionDisabled || insertDisabled\"\n @click=\"insertSubFormRow(sfrIdx)\"\n >\n <template #icon>\n <PlusOutlined />\n </template>\n </a-button>\n <a-button\n type=\"link\"\n :title=\"i18nt('render.hint.deleteSubFormRow')\"\n :disabled=\"actionDisabled || deleteDisabled\"\n v-show=\"!onSubFormRowDeleteHide || !onSubFormRowDeleteHide(sfrIdx)\"\n @click=\"deleteSubFormRow(sfrIdx)\"\n >\n <template #icon>\n <DeleteOutlined />\n </template>\n </a-button>\n </div>\n </div>\n </div>\n <div class=\"header-row\">\n <a-button\n block\n v-if=\"!isReadMode\"\n :disabled=\"actionDisabled || insertDisabled\"\n shape=\"round\"\n type=\"dashed\"\n size=\"small\"\n class=\"action-button\"\n @click=\"addSubFormRow\"\n :title=\"i18nt('render.hint.subFormAddActionHint')\"\n >\n <template #icon>\n <svg-icon icon-class=\"icon-el-plus\" />\n </template>\n {{ i18nt('render.hint.subFormAddAction') }}\n </a-button>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { ref, provide, onMounted, nextTick, computed } from 'vue';\n import { deepClone, traverseFieldWidgetsOfContainer } from '@kp-ui/lowcode-core/src/utils/util';\n import RenderWigetList from '../RenderWigetList.vue';\n import { TpfDelConfirm, SvgIcon } from 'tmgc2-share';\n import {\n useI18n,\n useField,\n ComponentNameEnum,\n ContainerTypeEnum,\n WidgetProps\n } from '@kp-ui/lowcode-core';\n import { GridSubFormWidget } from '../../desginer/widget-panel/containers';\n import { PlusOutlined, DeleteOutlined } from '@ant-design/icons-vue';\n defineOptions({\n name: ContainerTypeEnum.GridSubFormWidget,\n componentName: ComponentNameEnum.ContainerWidget,\n inheritAttrs: false\n });\n\n provide('isSubFormField', true);\n provide('getSubFormName', () => props.widget.options.name);\n\n const { i18nt } = useI18n();\n const props = withDefaults(defineProps<WidgetProps<GridSubFormWidget>>(), {});\n\n const fieldWidgetList = ref<any[]>([]);\n const insertDisabled = ref(false);\n const deleteDisabled = ref(false);\n const actionDisabled = ref(false);\n\n const { fieldModel, isReadMode, handleHidden, executeFunction, defineExposed } =\n useField(props);\n\n const listData = computed(() => (fieldModel.value || []) as any[]);\n\n const extractFieldWidgetList = () => {\n fieldWidgetList.value = [];\n traverseFieldWidgetsOfContainer(props.widget, (fw: any) => {\n fieldWidgetList.value.push(fw);\n });\n };\n\n const createNewRowData = () => {\n const newRow: Record<string, any> = {};\n fieldWidgetList.value.forEach(item => {\n if (item?.formItemFlag) {\n newRow[item.options.name] = item.options.defaultValue;\n }\n });\n return newRow;\n };\n\n const callSubFormRowChange = (subFormData: any) => {\n if (props.widget.options.onSubFormRowChange) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowChange,\n keys: ['subFormData'],\n params: { subFormData }\n });\n }\n };\n\n const addSubFormRow = () => {\n const oldSubFormData = fieldModel.value || [];\n oldSubFormData.push(createNewRowData());\n fieldModel.value = oldSubFormData;\n nextTick(() => {\n if (props.widget.options.onSubFormRowAdd) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowAdd,\n params: { subFormData: oldSubFormData, newRowId: '' },\n keys: ['subFormData', 'newRowId']\n });\n }\n callSubFormRowChange(oldSubFormData);\n });\n };\n\n const insertSubFormRow = (index: number) => {\n const oldSubFormData = fieldModel.value || [];\n oldSubFormData.splice(index, 0, createNewRowData());\n if (!fieldModel.value) {\n fieldModel.value = oldSubFormData;\n }\n nextTick(() => {\n if (props.widget.options.onSubFormRowInsert) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowInsert,\n params: { subFormData: oldSubFormData, newRowId: '' },\n keys: ['subFormData', 'newRowId']\n });\n }\n callSubFormRowChange(oldSubFormData);\n });\n };\n\n const deleteSubFormRow = (index: number) => {\n TpfDelConfirm({\n type: 'confirm',\n content: i18nt('render.hint.deleteSubFormRow') + '?',\n title: i18nt('render.hint.prompt'),\n okText: i18nt('render.hint.confirm'),\n cancelText: i18nt('render.hint.cancel')\n }).then(() => {\n const oldSubFormData = fieldModel.value || [];\n const deletedDataRow = deepClone(oldSubFormData[index]);\n oldSubFormData.splice(index, 1);\n nextTick(() => {\n if (props.widget.options.onSubFormRowDelete) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowDelete,\n params: { subFormData: oldSubFormData, deletedDataRow },\n keys: ['subFormData', 'deletedDataRow']\n });\n }\n callSubFormRowChange(oldSubFormData);\n });\n });\n };\n\n const onSubFormRowDeleteHide = (index: number) => {\n const result = executeFunction({\n functionBody: props.widget.options.onSubFormRowDeleteHide,\n params: { subFormData: fieldModel.value, index },\n keys: ['subFormData', 'index']\n });\n return result === true;\n };\n\n const initSubForm = () => {\n extractFieldWidgetList();\n if (props.widget.options.showBlankRow && !fieldModel.value?.length) {\n addSubFormRow();\n }\n if (fieldModel.value?.length > 0) {\n callSubFormRowChange(fieldModel.value);\n }\n };\n\n initSubForm();\n\n defineExpose({\n ...defineExposed,\n insertDisabled,\n deleteDisabled,\n actionDisabled,\n setInsertDisabled: (flag: boolean) => {\n insertDisabled.value = flag;\n },\n setDeleteDisabled: (flag: boolean) => {\n deleteDisabled.value = flag;\n },\n setActionDisabled: (flag: boolean) => {\n actionDisabled.value = flag;\n }\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .sub-form-container {\n margin-bottom: 16px;\n text-align: left;\n background: #fafafa;\n border-radius: 8px;\n padding: 10px;\n\n .header-row {\n margin-top: 15px;\n :deep(.action-button) {\n height: 35px;\n }\n }\n\n .sub-form-row {\n display: flex;\n align-items: center;\n background: white;\n margin: 8px 0;\n border-radius: 6px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);\n\n .row-number-span {\n margin-left: 16px;\n }\n }\n }\n\n .sub-form-action-column {\n display: inline-block;\n align-items: center;\n text-align: center;\n padding: 8px;\n }\n\n .grid-sub-form-data-row {\n display: inline-block;\n flex: 1;\n padding: 10px;\n position: relative;\n &:before,\n &:after {\n content: '';\n display: inline-block;\n width: 1px;\n height: 60%;\n background: #e1e2e3;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n &:before {\n left: 0;\n }\n &:after {\n right: 0;\n }\n :deep(.ant-form-item) {\n margin-bottom: 0;\n }\n }\n\n .row-no-column {\n display: flex;\n align-items: center;\n width: 50px;\n border-radius: 10px;\n background: #f1f2f3;\n padding: 5px 0;\n margin: 0 6px;\n font-size: 14px;\n color: #666;\n }\n\n .action-button-column {\n width: 140px;\n }\n</style>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_createVNode","RenderWigetList","widget","_unref","_createBlock","_createTextVNode"],"mappings":"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"}
1
+ {"version":3,"file":"grid-sub-form-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-sub-form-widget.vue"],"sourcesContent":["<template>\n <div class=\"sub-form-container\" v-show=\"!handleHidden\">\n <div v-for=\"(item, sfrIdx) in listData\" class=\"sub-form-row\" :key=\"item.__id || sfrIdx\">\n <div class=\"row-no-column\">\n <span class=\"row-number-span\">#{{ sfrIdx + 1 }}</span>\n </div>\n <div class=\"grid-sub-form-data-row\">\n <RenderWigetList\n :widgetList=\"widget.widgetList || []\"\n :parentWidget=\"widget\"\n :subFormRowIndex=\"sfrIdx\"\n />\n </div>\n <div class=\"sub-form-action-column hide-label\">\n <div class=\"action-button-column\" v-show=\"!isReadMode\">\n <a-button\n type=\"link\"\n :title=\"i18nt('render.hint.insertSubFormRow')\"\n :disabled=\"actionDisabled || insertDisabled\"\n @click=\"insertSubFormRow(sfrIdx)\"\n >\n <template #icon>\n <PlusOutlined />\n </template>\n </a-button>\n <a-button\n type=\"link\"\n :title=\"i18nt('render.hint.deleteSubFormRow')\"\n :disabled=\"actionDisabled || deleteDisabled\"\n v-show=\"!onSubFormRowDeleteHide || !onSubFormRowDeleteHide(sfrIdx)\"\n @click=\"deleteSubFormRow(sfrIdx)\"\n >\n <template #icon>\n <DeleteOutlined />\n </template>\n </a-button>\n </div>\n </div>\n </div>\n <div class=\"header-row\">\n <a-button\n block\n v-if=\"!isReadMode\"\n :disabled=\"actionDisabled || insertDisabled\"\n shape=\"round\"\n type=\"dashed\"\n size=\"small\"\n class=\"action-button\"\n @click=\"addSubFormRow\"\n :title=\"i18nt('render.hint.subFormAddActionHint')\"\n >\n <template #icon>\n <svg-icon icon-class=\"icon-el-plus\" />\n </template>\n {{ i18nt('render.hint.subFormAddAction') }}\n </a-button>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { ref, provide, onMounted, nextTick, computed } from 'vue';\n import { deepClone, traverseFieldWidgetsOfContainer } from '@kp-ui/lowcode-core/src/utils/util';\n import RenderWigetList from '../RenderWigetList.vue';\n import { TpfDelConfirm, SvgIcon } from 'tmgc2-share';\n import {\n useI18n,\n useField,\n ComponentNameEnum,\n ContainerTypeEnum,\n WidgetProps\n } from '@kp-ui/lowcode-core';\n import { GridSubFormWidget } from '../../desginer/widget-panel/containers';\n import { PlusOutlined, DeleteOutlined } from '@ant-design/icons-vue';\n defineOptions({\n name: ContainerTypeEnum.GridSubFormWidget,\n componentName: ComponentNameEnum.ContainerWidget,\n inheritAttrs: false\n });\n\n provide('isSubFormField', true);\n provide('getSubFormName', () => props.widget.options.name);\n\n const { i18nt } = useI18n();\n const props = withDefaults(defineProps<WidgetProps<GridSubFormWidget>>(), {});\n\n const fieldWidgetList = ref<any[]>([]);\n const insertDisabled = ref(false);\n const deleteDisabled = ref(false);\n const actionDisabled = ref(false);\n\n const { fieldModel, isReadMode, handleHidden, executeFunction, defineExposed } =\n useField(props);\n\n const listData = computed(() => (fieldModel.value || []) as any[]);\n\n const extractFieldWidgetList = () => {\n fieldWidgetList.value = [];\n traverseFieldWidgetsOfContainer(props.widget, (fw: any) => {\n fieldWidgetList.value.push(fw);\n });\n };\n\n const createNewRowData = () => {\n const newRow: Record<string, any> = {};\n fieldWidgetList.value.forEach(item => {\n if (item?.formItemFlag) {\n newRow[item.options.name] = item.options.defaultValue;\n }\n });\n return newRow;\n };\n\n const callSubFormRowChange = (subFormData: any) => {\n if (props.widget.options.onSubFormRowChange) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowChange,\n keys: ['subFormData'],\n params: { subFormData }\n });\n }\n };\n\n const addSubFormRow = () => {\n console.log(443243);\n\n const oldSubFormData = fieldModel.value || [];\n oldSubFormData.push(createNewRowData());\n if (!fieldModel.value) {\n fieldModel.value = oldSubFormData;\n }\n nextTick(() => {\n if (props.widget.options.onSubFormRowAdd) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowAdd,\n params: { subFormData: oldSubFormData, newRowId: '' },\n keys: ['subFormData', 'newRowId']\n });\n }\n callSubFormRowChange(oldSubFormData);\n });\n };\n\n const insertSubFormRow = (index: number) => {\n const oldSubFormData = fieldModel.value || [];\n oldSubFormData.splice(index, 0, createNewRowData());\n if (!fieldModel.value) {\n fieldModel.value = oldSubFormData;\n }\n nextTick(() => {\n if (props.widget.options.onSubFormRowInsert) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowInsert,\n params: { subFormData: oldSubFormData, newRowId: '' },\n keys: ['subFormData', 'newRowId']\n });\n }\n callSubFormRowChange(oldSubFormData);\n });\n };\n\n const deleteSubFormRow = (index: number) => {\n TpfDelConfirm({\n type: 'confirm',\n content: i18nt('render.hint.deleteSubFormRow') + '?',\n title: i18nt('render.hint.prompt'),\n okText: i18nt('render.hint.confirm'),\n cancelText: i18nt('render.hint.cancel')\n }).then(() => {\n const oldSubFormData = fieldModel.value || [];\n const deletedDataRow = deepClone(oldSubFormData[index]);\n oldSubFormData.splice(index, 1);\n nextTick(() => {\n if (props.widget.options.onSubFormRowDelete) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowDelete,\n params: { subFormData: oldSubFormData, deletedDataRow },\n keys: ['subFormData', 'deletedDataRow']\n });\n }\n callSubFormRowChange(oldSubFormData);\n });\n });\n };\n\n const onSubFormRowDeleteHide = (index: number) => {\n const result = executeFunction({\n functionBody: props.widget.options.onSubFormRowDeleteHide,\n params: { subFormData: fieldModel.value, index },\n keys: ['subFormData', 'index']\n });\n return result === true;\n };\n\n const initSubForm = () => {\n extractFieldWidgetList();\n if (props.widget.options.showBlankRow && !fieldModel.value?.length) {\n addSubFormRow();\n }\n if (fieldModel.value?.length > 0) {\n callSubFormRowChange(fieldModel.value);\n }\n };\n\n initSubForm();\n\n defineExpose({\n ...defineExposed,\n insertDisabled,\n deleteDisabled,\n actionDisabled,\n setInsertDisabled: (flag: boolean) => {\n insertDisabled.value = flag;\n },\n setDeleteDisabled: (flag: boolean) => {\n deleteDisabled.value = flag;\n },\n setActionDisabled: (flag: boolean) => {\n actionDisabled.value = flag;\n }\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .sub-form-container {\n margin-bottom: 16px;\n text-align: left;\n background: #fafafa;\n border-radius: 8px;\n padding: 10px;\n\n .header-row {\n margin-top: 15px;\n :deep(.action-button) {\n height: 35px;\n }\n }\n\n .sub-form-row {\n display: flex;\n align-items: center;\n background: white;\n margin: 8px 0;\n border-radius: 6px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);\n\n .row-number-span {\n margin-left: 16px;\n }\n }\n }\n\n .sub-form-action-column {\n display: inline-block;\n align-items: center;\n text-align: center;\n padding: 8px;\n }\n\n .grid-sub-form-data-row {\n display: inline-block;\n flex: 1;\n padding: 10px;\n position: relative;\n &:before,\n &:after {\n content: '';\n display: inline-block;\n width: 1px;\n height: 60%;\n background: #e1e2e3;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n &:before {\n left: 0;\n }\n &:after {\n right: 0;\n }\n :deep(.ant-form-item) {\n margin-bottom: 0;\n }\n }\n\n .row-no-column {\n display: flex;\n align-items: center;\n width: 50px;\n border-radius: 10px;\n background: #f1f2f3;\n padding: 5px 0;\n margin: 0 6px;\n font-size: 14px;\n color: #666;\n }\n\n .action-button-column {\n width: 140px;\n }\n</style>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_createVNode","RenderWigetList","widget","_unref","_createBlock","_createTextVNode"],"mappings":"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"}
@@ -16,7 +16,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
16
16
  widget: {},
17
17
  field: {},
18
18
  parentWidget: {},
19
- subFormRowIndex: {},
20
19
  indexOfParentList: {},
21
20
  designer: {}
22
21
  },
@@ -1 +1 @@
1
- {"version":3,"file":"grid-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-widget.vue"],"sourcesContent":["<template>\n <div class=\"grid-container\" v-if=\"!handleHidden\">\n <a-row\n :gutter=\"widget.options.gutter\"\n :justify=\"options.gridJustify ?? 'start'\"\n :align=\"options.gridAlign ?? 'top'\"\n :wrap=\"options.gridWrap ?? true\"\n >\n <GridColWidget\n v-for=\"(colWidget, colIdx) in widget.cols\"\n :key=\"colWidget.id\"\n :field=\"colWidget\"\n :widget=\"colWidget\"\n :parent-list=\"widget.cols || []\"\n :index-of-parent-list=\"colIdx\"\n :parent-widget=\"widget\"\n :col-height=\"widget.options.colHeight\"\n />\n </a-row>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { GridWidget } from '../../desginer/widget-panel/containers';\n import GridColWidget from './grid-col-widget.vue';\n import { ContainerTypeEnum, ComponentNameEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useField } from '@kp-ui/lowcode-core';\n\n const props = defineProps<WidgetProps<GridWidget> & { designer?: any }>();\n defineOptions({\n name: ContainerTypeEnum.grid,\n componentName: ComponentNameEnum.ContainerWidget\n });\n\n const { handleHidden, defineExposed, options } = useField(props, false);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .grid-container {\n }\n</style>\n"],"names":["_unref","_openBlock","_createElementBlock","_createVNode","widget","_Fragment","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA4BI,UAAM,QAAQ;AAMd,UAAM,EAAE,cAAc,eAAe,YAAY,SAAS,OAAO,KAAK;AAEtE,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cArCkCA,MAAA,YAAA,KAAnCC,aAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAjBFC,YAgBQ,kBAAA;AAAA,UAfH,QAAQC,KAAAA,OAAO,QAAQ;AAAA,UACvB,SAASJ,MAAA,OAAA,EAAQ,eAAW;AAAA,UAC5B,OAAOA,MAAA,OAAA,EAAQ,aAAS;AAAA,UACxB,MAAMA,MAAA,OAAA,EAAQ,YAAQ;AAAA,QAAA;2BAGnB,MAA0C;AAAA,aAD9CC,UAAA,IAAA,GAAAC,mBASEG,2BARgCD,KAAAA,OAAO,MAAI,CAAjC,WAAW,WAAM;kCAD7BE,YASE,eAAA;AAAA,gBAPG,KAAK,UAAU;AAAA,gBACf,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,eAAaF,KAAAA,OAAO,QAAI,CAAA;AAAA,gBACxB,wBAAsB;AAAA,gBACtB,iBAAeA,KAAAA;AAAAA,gBACf,cAAYA,KAAAA,OAAO,QAAQ;AAAA,cAAA;;;;;;;;;"}
1
+ {"version":3,"file":"grid-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-widget.vue"],"sourcesContent":["<template>\n <div class=\"grid-container\" v-if=\"!handleHidden\">\n <a-row\n :gutter=\"widget.options.gutter\"\n :justify=\"options.gridJustify ?? 'start'\"\n :align=\"options.gridAlign ?? 'top'\"\n :wrap=\"options.gridWrap ?? true\"\n >\n <GridColWidget\n v-for=\"(colWidget, colIdx) in widget.cols\"\n :key=\"colWidget.id\"\n :field=\"colWidget\"\n :widget=\"colWidget\"\n :parent-list=\"widget.cols || []\"\n :index-of-parent-list=\"colIdx\"\n :parent-widget=\"widget\"\n :col-height=\"widget.options.colHeight\"\n />\n </a-row>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { GridWidget } from '../../desginer/widget-panel/containers';\n import GridColWidget from './grid-col-widget.vue';\n import { ContainerTypeEnum, ComponentNameEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useField } from '@kp-ui/lowcode-core';\n\n const props = defineProps<WidgetProps<GridWidget> & { designer?: any }>();\n defineOptions({\n name: ContainerTypeEnum.grid,\n componentName: ComponentNameEnum.ContainerWidget\n });\n\n const { handleHidden, defineExposed, options } = useField(props, false);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .grid-container {\n }\n</style>\n"],"names":["_unref","_openBlock","_createElementBlock","_createVNode","widget","_Fragment","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4BI,UAAM,QAAQ;AAMd,UAAM,EAAE,cAAc,eAAe,YAAY,SAAS,OAAO,KAAK;AAEtE,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cArCkCA,MAAA,YAAA,KAAnCC,aAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAjBFC,YAgBQ,kBAAA;AAAA,UAfH,QAAQC,KAAAA,OAAO,QAAQ;AAAA,UACvB,SAASJ,MAAA,OAAA,EAAQ,eAAW;AAAA,UAC5B,OAAOA,MAAA,OAAA,EAAQ,aAAS;AAAA,UACxB,MAAMA,MAAA,OAAA,EAAQ,YAAQ;AAAA,QAAA;2BAGnB,MAA0C;AAAA,aAD9CC,UAAA,IAAA,GAAAC,mBASEG,2BARgCD,KAAAA,OAAO,MAAI,CAAjC,WAAW,WAAM;kCAD7BE,YASE,eAAA;AAAA,gBAPG,KAAK,UAAU;AAAA,gBACf,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,eAAaF,KAAAA,OAAO,QAAI,CAAA;AAAA,gBACxB,wBAAsB;AAAA,gBACtB,iBAAeA,KAAAA;AAAAA,gBACf,cAAYA,KAAAA,OAAO,QAAQ;AAAA,cAAA;;;;;;;;;"}
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./tab-widget.vue2.js";
2
2
  /* empty css */
3
3
  import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
4
- const TabWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7dd195c1"]]);
4
+ const TabWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a20355b1"]]);
5
5
  export {
6
6
  TabWidget as default
7
7
  };
@@ -13,12 +13,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
13
13
  widget: {},
14
14
  field: {},
15
15
  parentWidget: {},
16
- subFormRowIndex: {},
17
16
  indexOfParentList: {}
18
17
  },
19
- setup(__props, { expose: __expose }) {
18
+ setup(__props) {
20
19
  const props = __props;
21
- const { asyncExecuteFunction, defineExposed } = useField(props, false);
20
+ const { asyncExecuteFunction } = useField(props, false);
22
21
  const onTabClick = (key) => {
23
22
  props.widget.options.activeTab = key;
24
23
  asyncExecuteFunction({
@@ -27,13 +26,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
27
26
  keys: ["tab"]
28
27
  });
29
28
  };
30
- const setValue = (key) => {
31
- props.widget.options.activeTab = key;
32
- };
33
- __expose({
34
- ...defineExposed,
35
- setValue
36
- });
37
29
  return (_ctx, _cache) => {
38
30
  const _component_a_tab_pane = resolveComponent("a-tab-pane");
39
31
  const _component_a_tabs = resolveComponent("a-tabs");
@@ -1 +1 @@
1
- {"version":3,"file":"tab-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/tab-widget.vue"],"sourcesContent":["<template>\n <div :key=\"widget.id\" class=\"tab-container container-design-widget\">\n <a-tabs\n :type=\"widget.options.type\"\n :tabBarGutter=\"widget.options.tabBarGutter\"\n :tabPosition=\"widget.options.tabPosition\"\n v-model:activeKey=\"widget.options.activeTab\"\n @tab-click=\"onTabClick\"\n >\n <a-tab-pane\n v-for=\"tab in widget.tabs\"\n :tab=\"tab.options.label\"\n :key=\"tab.options.label\"\n >\n <div class=\"tab-content-wrapper\">\n <RenderWigetList :widgetList=\"tab.widgetList || []\" :parentWidget=\"tab\" />\n </div>\n </a-tab-pane>\n </a-tabs>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import {\n ComponentNameEnum,\n ContainerTypeEnum,\n useField,\n WidgetProps\n } from '@kp-ui/lowcode-core';\n import RenderWigetList from '../RenderWigetList.vue';\n import { TabWidget } from '../../desginer/widget-panel/containers';\n defineOptions({\n name: ContainerTypeEnum.Tab,\n componentName: ComponentNameEnum.ContainerWidget\n });\n\n const props = defineProps<WidgetProps<TabWidget>>();\n const { asyncExecuteFunction, defineExposed } = useField(props, false);\n\n const onTabClick = (key: string) => {\n props.widget.options.activeTab = key;\n asyncExecuteFunction({\n functionBody: props.field.options.onTabClick,\n params: { tab: key },\n keys: ['tab']\n });\n };\n\n const setValue = key => {\n props.widget.options.activeTab = key;\n };\n\n defineExpose({\n ...defineExposed,\n setValue\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .tab-container {\n .form-widget-list {\n min-height: 28px;\n }\n :deep(.ant-tabs) {\n &.ant-tabs-bottom .ant-tabs-nav-wrap,\n &.ant-tabs-top .ant-tabs-nav-wrap {\n padding-left: 26px;\n }\n }\n :deep(.tab-content-wrapper) {\n min-height: 100px;\n }\n }\n</style>\n"],"names":["_createElementBlock","widget","_createVNode","_openBlock","_Fragment","_renderList","_createBlock","_createElementVNode","RenderWigetList"],"mappings":";;;;;;;;;;;;;;;;;;;AAoCI,UAAM,QAAQ;AACd,UAAM,EAAE,sBAAsB,cAAA,IAAkB,SAAS,OAAO,KAAK;AAErE,UAAM,aAAa,CAAC,QAAgB;AAChC,YAAM,OAAO,QAAQ,YAAY;AACjC,2BAAqB;AAAA,QACjB,cAAc,MAAM,MAAM,QAAQ;AAAA,QAClC,QAAQ,EAAE,KAAK,IAAA;AAAA,QACf,MAAM,CAAC,KAAK;AAAA,MAAA,CACf;AAAA,IACL;AAEA,UAAM,WAAW,CAAA,QAAO;AACpB,YAAM,OAAO,QAAQ,YAAY;AAAA,IACrC;AAEA,aAAa;AAAA,MACT,GAAG;AAAA,MACH;AAAA,IAAA,CACH;;;;0BAtDDA,mBAkBM,OAAA;AAAA,QAlBA,KAAKC,KAAAA,OAAO;AAAA,QAAI,OAAM;AAAA,MAAA;QACxBC,YAgBS,mBAAA;AAAA,UAfJ,MAAMD,KAAAA,OAAO,QAAQ;AAAA,UACrB,cAAcA,KAAAA,OAAO,QAAQ;AAAA,UAC7B,aAAaA,KAAAA,OAAO,QAAQ;AAAA,UACrB,WAAWA,KAAAA,OAAO,QAAQ;AAAA,sEAAfA,KAAAA,OAAO,QAAQ,YAAS;AAAA,UAC1C;AAAA,QAAA;2BAGG,MAA0B;AAAA,aAD9BE,UAAA,IAAA,GAAAH,mBAQaI,UAAA,MAAAC,WAPKJ,KAAAA,OAAO,OAAd,QAAG;kCADdK,YAQa,uBAAA;AAAA,gBANR,KAAK,IAAI,QAAQ;AAAA,gBACjB,KAAK,IAAI,QAAQ;AAAA,cAAA;iCAElB,MAEM;AAAA,kBAFNC,mBAEM,OAFN,YAEM;AAAA,oBADFL,YAA0EM,aAAA;AAAA,sBAAxD,YAAY,IAAI,cAAU,CAAA;AAAA,sBAAS,cAAc;AAAA,oBAAA;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"tab-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/tab-widget.vue"],"sourcesContent":["<template>\n <div :key=\"widget.id\" class=\"tab-container container-design-widget\">\n <a-tabs\n :type=\"widget.options.type\"\n :tabBarGutter=\"widget.options.tabBarGutter\"\n :tabPosition=\"widget.options.tabPosition\"\n v-model:activeKey=\"widget.options.activeTab\"\n @tab-click=\"onTabClick\"\n >\n <a-tab-pane\n v-for=\"tab in widget.tabs\"\n :tab=\"tab.options.label\"\n :key=\"tab.options.label\"\n >\n <div class=\"tab-content-wrapper\">\n <RenderWigetList :widgetList=\"tab.widgetList || []\" :parentWidget=\"tab\" />\n </div>\n </a-tab-pane>\n </a-tabs>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import {\n ComponentNameEnum,\n ContainerTypeEnum,\n useField,\n WidgetProps\n } from '@kp-ui/lowcode-core';\n import RenderWigetList from '../RenderWigetList.vue';\n import { TabWidget } from '../../desginer/widget-panel/containers';\n defineOptions({\n name: ContainerTypeEnum.Tab,\n componentName: ComponentNameEnum.ContainerWidget\n });\n\n const props = defineProps<WidgetProps<TabWidget>>();\n const { asyncExecuteFunction } = useField(props, false);\n\n const onTabClick = (key: string) => {\n props.widget.options.activeTab = key;\n asyncExecuteFunction({\n functionBody: props.field.options.onTabClick,\n params: { tab: key },\n keys: ['tab']\n });\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .tab-container {\n .form-widget-list {\n min-height: 28px;\n }\n :deep(.ant-tabs) {\n &.ant-tabs-bottom .ant-tabs-nav-wrap,\n &.ant-tabs-top .ant-tabs-nav-wrap {\n padding-left: 26px;\n }\n }\n :deep(.tab-content-wrapper) {\n min-height: 100px;\n }\n }\n</style>\n"],"names":["_createElementBlock","widget","_createVNode","_openBlock","_Fragment","_renderList","_createBlock","_createElementVNode","RenderWigetList"],"mappings":";;;;;;;;;;;;;;;;;;AAoCI,UAAM,QAAQ;AACd,UAAM,EAAE,qBAAA,IAAyB,SAAS,OAAO,KAAK;AAEtD,UAAM,aAAa,CAAC,QAAgB;AAChC,YAAM,OAAO,QAAQ,YAAY;AACjC,2BAAqB;AAAA,QACjB,cAAc,MAAM,MAAM,QAAQ;AAAA,QAClC,QAAQ,EAAE,KAAK,IAAA;AAAA,QACf,MAAM,CAAC,KAAK;AAAA,MAAA,CACf;AAAA,IACL;;;;0BA7CAA,mBAkBM,OAAA;AAAA,QAlBA,KAAKC,KAAAA,OAAO;AAAA,QAAI,OAAM;AAAA,MAAA;QACxBC,YAgBS,mBAAA;AAAA,UAfJ,MAAMD,KAAAA,OAAO,QAAQ;AAAA,UACrB,cAAcA,KAAAA,OAAO,QAAQ;AAAA,UAC7B,aAAaA,KAAAA,OAAO,QAAQ;AAAA,UACrB,WAAWA,KAAAA,OAAO,QAAQ;AAAA,sEAAfA,KAAAA,OAAO,QAAQ,YAAS;AAAA,UAC1C;AAAA,QAAA;2BAGG,MAA0B;AAAA,aAD9BE,UAAA,IAAA,GAAAH,mBAQaI,UAAA,MAAAC,WAPKJ,KAAAA,OAAO,OAAd,QAAG;kCADdK,YAQa,uBAAA;AAAA,gBANR,KAAK,IAAI,QAAQ;AAAA,gBACjB,KAAK,IAAI,QAAQ;AAAA,cAAA;iCAElB,MAEM;AAAA,kBAFNC,mBAEM,OAFN,YAEM;AAAA,oBADFL,YAA0EM,aAAA;AAAA,sBAAxD,YAAY,IAAI,cAAU,CAAA;AAAA,sBAAS,cAAc;AAAA,oBAAA;;;;;;;;;;;;;"}
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./vf-box-widget.vue2.js";
2
2
  /* empty css */
3
3
  import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
4
- const VfBoxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f18f5a7"]]);
4
+ const VfBoxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b76151ab"]]);
5
5
  export {
6
6
  VfBoxWidget as default
7
7
  };
@@ -12,12 +12,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
12
12
  widget: {},
13
13
  field: {},
14
14
  parentWidget: {},
15
- subFormRowIndex: {},
16
15
  indexOfParentList: {}
17
16
  },
18
17
  setup(__props, { expose: __expose }) {
19
18
  const props = __props;
20
- const { handleHidden, defineExposed, subFormRowIndex } = useField(props, false);
19
+ const { handleHidden, defineExposed } = useField(props, false);
21
20
  const boxStyle = computed(() => {
22
21
  const boxModel = props.widget.options.boxModel || {};
23
22
  const style = {};
@@ -43,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
43
42
  style: normalizeStyle(boxStyle.value)
44
43
  }, [
45
44
  createVNode(_sfc_main$1, {
46
- subFormRowIndex: unref(subFormRowIndex),
45
+ subFormRowIndex: _ctx.subFormRowIndex,
47
46
  widgetList: _ctx.widget.widgetList || [],
48
47
  parentWidget: _ctx.widget
49
48
  }, null, 8, ["subFormRowIndex", "widgetList", "parentWidget"])
@@ -1 +1 @@
1
- {"version":3,"file":"vf-box-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/vf-box-widget.vue"],"sourcesContent":["<template>\n <div class=\"box-container\" v-if=\"!handleHidden\" :key=\"widget.id\" :style=\"boxStyle\">\n <RenderWigetList\n :subFormRowIndex=\"subFormRowIndex\"\n :widgetList=\"widget.widgetList || []\"\n :parentWidget=\"widget\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import RenderWigetList from '../RenderWigetList.vue';\n import { computed, CSSProperties } from 'vue';\n import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useField } from '@kp-ui/lowcode-core';\n\n defineOptions({\n name: ContainerTypeEnum.VfBoxWidget,\n componentName: ComponentNameEnum.VfBoxWidget\n });\n\n const props = defineProps<WidgetProps>();\n const { handleHidden, defineExposed, subFormRowIndex } = useField(props, false);\n const boxStyle = computed(() => {\n const boxModel = props.widget.options.boxModel || {};\n const style = {} as CSSProperties;\n\n if (boxModel.borderShow) {\n style.borderRadius = `${boxModel.borderRadius}px`;\n style.border = `${boxModel.borderStyle} ${boxModel.borderWidth}px ${boxModel.borderColor}`;\n }\n\n // 设置内边距\n if (\n boxModel.paddingTop !== undefined ||\n boxModel.paddingRight !== undefined ||\n boxModel.paddingBottom !== undefined ||\n boxModel.paddingLeft !== undefined\n ) {\n style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${\n boxModel.paddingBottom || 0\n }px ${boxModel.paddingLeft || 0}px`;\n }\n\n // 设置外边距\n if (\n boxModel.marginTop !== undefined ||\n boxModel.marginRight !== undefined ||\n boxModel.marginBottom !== undefined ||\n boxModel.marginLeft !== undefined\n ) {\n style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n boxModel.marginBottom || 0\n }px ${boxModel.marginLeft || 0}px`;\n }\n\n return style;\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"less\" scoped>\n .box-container {\n width: 100%;\n position: relative;\n }\n</style>\n"],"names":["_unref","_createElementBlock","widget","_createVNode","RenderWigetList"],"mappings":";;;;;;;;;;;;;;;;;;AAqBI,UAAM,QAAQ;AACd,UAAM,EAAE,cAAc,eAAe,oBAAoB,SAAS,OAAO,KAAK;AAC9E,UAAM,WAAW,SAAS,MAAM;AAC5B,YAAM,WAAW,MAAM,OAAO,QAAQ,YAAY,CAAA;AAClD,YAAM,QAAQ,CAAA;AAEd,UAAI,SAAS,YAAY;AACrB,cAAM,eAAe,GAAG,SAAS,YAAY;AAC7C,cAAM,SAAS,GAAG,SAAS,WAAW,IAAI,SAAS,WAAW,MAAM,SAAS,WAAW;AAAA,MAC5F;AAGA,UACI,SAAS,eAAe,UACxB,SAAS,iBAAiB,UAC1B,SAAS,kBAAkB,UAC3B,SAAS,gBAAgB,QAC3B;AACE,cAAM,UAAU,GAAG,SAAS,cAAc,CAAC,MAAM,SAAS,gBAAgB,CAAC,MACvE,SAAS,iBAAiB,CAC9B,MAAM,SAAS,eAAe,CAAC;AAAA,MACnC;AAGA,UACI,SAAS,cAAc,UACvB,SAAS,gBAAgB,UACzB,SAAS,iBAAiB,UAC1B,SAAS,eAAe,QAC1B;AACE,cAAM,SAAS,GAAG,SAAS,aAAa,CAAC,MAAM,SAAS,eAAe,CAAC,MACpE,SAAS,gBAAgB,CAC7B,MAAM,SAAS,cAAc,CAAC;AAAA,MAClC;AAEA,aAAO;AAAA,IACX,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cA5DiCA,MAAA,YAAA,kBAAlCC,mBAMM,OAAA;AAAA,QAND,OAAM;AAAA,QAAsC,KAAKC,KAAAA,OAAO;AAAA,QAAK,sBAAO,SAAA,KAAQ;AAAA,MAAA;QAC7EC,YAIEC,aAAA;AAAA,UAHG,iBAAiBJ,MAAA,eAAA;AAAA,UACjB,YAAYE,KAAAA,OAAO,cAAU,CAAA;AAAA,UAC7B,cAAcA,KAAAA;AAAAA,QAAAA;;;;;"}
1
+ {"version":3,"file":"vf-box-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/vf-box-widget.vue"],"sourcesContent":["<template>\n <div class=\"box-container\" v-if=\"!handleHidden\" :key=\"widget.id\" :style=\"boxStyle\">\n <RenderWigetList\n :subFormRowIndex=\"subFormRowIndex\"\n :widgetList=\"widget.widgetList || []\"\n :parentWidget=\"widget\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import RenderWigetList from '../RenderWigetList.vue';\n import { computed, CSSProperties } from 'vue';\n import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useField } from '@kp-ui/lowcode-core';\n\n defineOptions({\n name: ContainerTypeEnum.VfBoxWidget,\n componentName: ComponentNameEnum.VfBoxWidget\n });\n\n const props = defineProps<WidgetProps>();\n const { handleHidden, defineExposed } = useField(props, false);\n const boxStyle = computed(() => {\n const boxModel = props.widget.options.boxModel || {};\n const style = {} as CSSProperties;\n\n if (boxModel.borderShow) {\n style.borderRadius = `${boxModel.borderRadius}px`;\n style.border = `${boxModel.borderStyle} ${boxModel.borderWidth}px ${boxModel.borderColor}`;\n }\n\n // 设置内边距\n if (\n boxModel.paddingTop !== undefined ||\n boxModel.paddingRight !== undefined ||\n boxModel.paddingBottom !== undefined ||\n boxModel.paddingLeft !== undefined\n ) {\n style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${\n boxModel.paddingBottom || 0\n }px ${boxModel.paddingLeft || 0}px`;\n }\n\n // 设置外边距\n if (\n boxModel.marginTop !== undefined ||\n boxModel.marginRight !== undefined ||\n boxModel.marginBottom !== undefined ||\n boxModel.marginLeft !== undefined\n ) {\n style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n boxModel.marginBottom || 0\n }px ${boxModel.marginLeft || 0}px`;\n }\n\n return style;\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"less\" scoped>\n .box-container {\n width: 100%;\n position: relative;\n }\n</style>\n"],"names":["_unref","_createElementBlock","widget","_createVNode","RenderWigetList","subFormRowIndex"],"mappings":";;;;;;;;;;;;;;;;;AAqBI,UAAM,QAAQ;AACd,UAAM,EAAE,cAAc,cAAA,IAAkB,SAAS,OAAO,KAAK;AAC7D,UAAM,WAAW,SAAS,MAAM;AAC5B,YAAM,WAAW,MAAM,OAAO,QAAQ,YAAY,CAAA;AAClD,YAAM,QAAQ,CAAA;AAEd,UAAI,SAAS,YAAY;AACrB,cAAM,eAAe,GAAG,SAAS,YAAY;AAC7C,cAAM,SAAS,GAAG,SAAS,WAAW,IAAI,SAAS,WAAW,MAAM,SAAS,WAAW;AAAA,MAC5F;AAGA,UACI,SAAS,eAAe,UACxB,SAAS,iBAAiB,UAC1B,SAAS,kBAAkB,UAC3B,SAAS,gBAAgB,QAC3B;AACE,cAAM,UAAU,GAAG,SAAS,cAAc,CAAC,MAAM,SAAS,gBAAgB,CAAC,MACvE,SAAS,iBAAiB,CAC9B,MAAM,SAAS,eAAe,CAAC;AAAA,MACnC;AAGA,UACI,SAAS,cAAc,UACvB,SAAS,gBAAgB,UACzB,SAAS,iBAAiB,UAC1B,SAAS,eAAe,QAC1B;AACE,cAAM,SAAS,GAAG,SAAS,aAAa,CAAC,MAAM,SAAS,eAAe,CAAC,MACpE,SAAS,gBAAgB,CAC7B,MAAM,SAAS,cAAc,CAAC;AAAA,MAClC;AAEA,aAAO;AAAA,IACX,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cA5DiCA,MAAA,YAAA,kBAAlCC,mBAMM,OAAA;AAAA,QAND,OAAM;AAAA,QAAsC,KAAKC,KAAAA,OAAO;AAAA,QAAK,sBAAO,SAAA,KAAQ;AAAA,MAAA;QAC7EC,YAIEC,aAAA;AAAA,UAHG,iBAAiBC,KAAAA;AAAAA,UACjB,YAAYH,KAAAA,OAAO,cAAU,CAAA;AAAA,UAC7B,cAAcA,KAAAA;AAAAA,QAAAA;;;;;"}
@@ -18,7 +18,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
18
18
  widget: {},
19
19
  field: {},
20
20
  parentWidget: {},
21
- subFormRowIndex: {},
22
21
  indexOfParentList: {}
23
22
  },
24
23
  setup(__props, { expose: __expose }) {
@@ -1 +1 @@
1
- {"version":3,"file":"vf-collapse-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/vf-collapse-widget.vue"],"sourcesContent":["<template>\n <div class=\"collapse-container\" v-if=\"!handleHidden\">\n <TpfCollapse :title=\"widget.options.title\">\n <template #right>\n <div class=\"collapse-right\">\n <RenderWigetList\n :widgetList=\"headerRightSlotList || []\"\n :parentWidget=\"widget\"\n />\n </div>\n </template>\n <div\n class=\"tpf-collapse-content-wrapper\"\n :style=\"{\n height: widget.options.height || 'unset'\n }\"\n v-show=\"!widget.options.isCollapse\"\n >\n <RenderWigetList :widgetList=\"defaultSlotsList || []\" :parentWidget=\"widget\" />\n </div>\n </TpfCollapse>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { TpfCollapse } from 'tmgc2-share';\n import RenderWigetList from '../RenderWigetList.vue';\n import { computed } from 'vue';\n import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useField } from '@kp-ui/lowcode-core';\n import { CollapseWidget } from '../../desginer/widget-panel/containers';\n\n defineOptions({\n name: ContainerTypeEnum.VfCollapseWidget,\n componentName: ComponentNameEnum.ContainerWidget\n });\n\n const props = defineProps<WidgetProps<CollapseWidget>>();\n\n const defaultSlotsList = computed(() => props.widget.defaultSlotsList || []);\n const headerRightSlotList = computed(() => props.widget.headerRightSlotList || []);\n const { handleHidden, defineExposed } = useField(props, false);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"less\" scoped>\n .collapse-container {\n display: flex;\n margin: 2px;\n height: 100%;\n width: 100%;\n flex: 1 0 0;\n .form-widget-list {\n min-height: 28px;\n }\n :deep(.header-right) {\n .form-widget-list {\n min-width: 200px;\n }\n }\n }\n</style>\n\n<style lang=\"less\" scoped>\n .tpf-collapse {\n :deep(.tpf-collapse-content-wrapper) {\n padding: 10px 12px;\n overflow: hidden;\n background-color: #fff;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createElementBlock","_createVNode","widget","_createElementVNode","RenderWigetList","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqCI,UAAM,QAAQ;AAEd,UAAM,mBAAmB,SAAS,MAAM,MAAM,OAAO,oBAAoB,EAAE;AAC3E,UAAM,sBAAsB,SAAS,MAAM,MAAM,OAAO,uBAAuB,EAAE;AACjF,UAAM,EAAE,cAAc,cAAA,IAAkB,SAAS,OAAO,KAAK;AAE7D,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cA5CsCA,MAAA,YAAA,KAAvCC,aAAAC,mBAoBM,OApBN,YAoBM;AAAA,QAnBFC,YAkBcH,MAAA,WAAA,GAAA;AAAA,UAlBA,OAAOI,KAAAA,OAAO,QAAQ;AAAA,QAAA;UACrB,eACP,MAKM;AAAA,YALNC,mBAKM,OALN,YAKM;AAAA,cAJFF,YAGEG,aAAA;AAAA,gBAFG,YAAY,oBAAA,SAAmB,CAAA;AAAA,gBAC/B,cAAcF,KAAAA;AAAAA,cAAAA;;;2BAI3B,MAQM;AAAA,2BARNC,mBAQM,OAAA;AAAA,cAPF,OAAM;AAAA,cACL,OAAKE,eAAA;AAAA,wBAAgCH,KAAAA,OAAO,QAAQ,UAAM;AAAA,cAAA;;cAK3DD,YAA+EG,aAAA;AAAA,gBAA7D,YAAY,iBAAA,SAAgB,CAAA;AAAA,gBAAS,cAAcF,KAAAA;AAAAA,cAAAA;;uBAF5DA,KAAAA,OAAO,QAAQ,UAAU;AAAA,YAAA;;;;;;;;"}
1
+ {"version":3,"file":"vf-collapse-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/vf-collapse-widget.vue"],"sourcesContent":["<template>\n <div class=\"collapse-container\" v-if=\"!handleHidden\">\n <TpfCollapse :title=\"widget.options.title\">\n <template #right>\n <div class=\"collapse-right\">\n <RenderWigetList\n :widgetList=\"headerRightSlotList || []\"\n :parentWidget=\"widget\"\n />\n </div>\n </template>\n <div\n class=\"tpf-collapse-content-wrapper\"\n :style=\"{\n height: widget.options.height || 'unset'\n }\"\n v-show=\"!widget.options.isCollapse\"\n >\n <RenderWigetList :widgetList=\"defaultSlotsList || []\" :parentWidget=\"widget\" />\n </div>\n </TpfCollapse>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { TpfCollapse } from 'tmgc2-share';\n import RenderWigetList from '../RenderWigetList.vue';\n import { computed } from 'vue';\n import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useField } from '@kp-ui/lowcode-core';\n import { CollapseWidget } from '../../desginer/widget-panel/containers';\n\n defineOptions({\n name: ContainerTypeEnum.VfCollapseWidget,\n componentName: ComponentNameEnum.ContainerWidget\n });\n\n const props = defineProps<WidgetProps<CollapseWidget>>();\n\n const defaultSlotsList = computed(() => props.widget.defaultSlotsList || []);\n const headerRightSlotList = computed(() => props.widget.headerRightSlotList || []);\n const { handleHidden, defineExposed } = useField(props, false);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"less\" scoped>\n .collapse-container {\n display: flex;\n margin: 2px;\n height: 100%;\n width: 100%;\n flex: 1 0 0;\n .form-widget-list {\n min-height: 28px;\n }\n :deep(.header-right) {\n .form-widget-list {\n min-width: 200px;\n }\n }\n }\n</style>\n\n<style lang=\"less\" scoped>\n .tpf-collapse {\n :deep(.tpf-collapse-content-wrapper) {\n padding: 10px 12px;\n overflow: hidden;\n background-color: #fff;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createElementBlock","_createVNode","widget","_createElementVNode","RenderWigetList","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqCI,UAAM,QAAQ;AAEd,UAAM,mBAAmB,SAAS,MAAM,MAAM,OAAO,oBAAoB,EAAE;AAC3E,UAAM,sBAAsB,SAAS,MAAM,MAAM,OAAO,uBAAuB,EAAE;AACjF,UAAM,EAAE,cAAc,cAAA,IAAkB,SAAS,OAAO,KAAK;AAE7D,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cA5CsCA,MAAA,YAAA,KAAvCC,aAAAC,mBAoBM,OApBN,YAoBM;AAAA,QAnBFC,YAkBcH,MAAA,WAAA,GAAA;AAAA,UAlBA,OAAOI,KAAAA,OAAO,QAAQ;AAAA,QAAA;UACrB,eACP,MAKM;AAAA,YALNC,mBAKM,OALN,YAKM;AAAA,cAJFF,YAGEG,aAAA;AAAA,gBAFG,YAAY,oBAAA,SAAmB,CAAA;AAAA,gBAC/B,cAAcF,KAAAA;AAAAA,cAAAA;;;2BAI3B,MAQM;AAAA,2BARNC,mBAQM,OAAA;AAAA,cAPF,OAAM;AAAA,cACL,OAAKE,eAAA;AAAA,wBAAgCH,KAAAA,OAAO,QAAQ,UAAM;AAAA,cAAA;;cAK3DD,YAA+EG,aAAA;AAAA,gBAA7D,YAAY,iBAAA,SAAgB,CAAA;AAAA,gBAAS,cAAcF,KAAAA;AAAAA,cAAAA;;uBAF5DA,KAAAA,OAAO,QAAQ,UAAU;AAAA,YAAA;;;;;;;;"}