myprint-design/es/components/design/table/data-table/data-table.vue2.mjs.map

操作简单，组件丰富的一站式打印解决方案打印设计器

{"version":3,"file":"data-table.vue2.mjs","sources":["../../../../../../../src/components/design/table/data-table/data-table.vue"],"sourcesContent":["<template>\n    <table class=\"my-print-table\"\n           ref=\"tableRef\" border=\"0\" cellspacing=\"0\">\n        <tbody>\n        <tr class=\"my-print-border-box\" :key=\"'t-'+headRowIndex\"\n            v-if=\"props.element.option.tableHiddenHeadIs != 1\"\n            v-for=\"(columnList, headRowIndex) in props.element.tableHeadList\">\n            <template v-for=\"(column) in columnList\">\n                <column-view\n                    :key=\"'head'+column.id\"\n                    v-if=\"column != null && !recursionColumnDisable(column)\"\n                    :column=\"column\" />\n            </template>\n        </tr>\n        <tr class=\"my-print-border-box\" :key=\"rowIndex\" v-for=\"(bodyRowList, rowIndex) in props.element.tableBodyList\">\n            <template v-for=\"(body, index) in bodyRowList\">\n                <td class=\"my-print-table-column_body\"\n                    :key=\"'body' + rowIndex + '-' + body.id\"\n                    v-if=\"props.element.disableCellMap == null ||  props.element.disableCellMap[index] != 1\"\n                    :ref=\"(el)=>setItemRef(body, el)\"\n                    :style=\"bodyStyle(body)\">\n                    <TextView v-if=\"body.type === 'Text'\" :element=\"body\" />\n                    <!--        <ImageView v-if=\"column.type === 'Image'\" :element=\"convert(column, rowData, indexTr)\"/>-->\n                </td>\n            </template>\n        \n        </tr>\n        \n        <tr class=\"my-print-border-box\" :key=\"rowIndex\" v-for=\"(bodyRowList, rowIndex) in props.element.statisticsList\">\n            <template v-for=\"(body, index) in bodyRowList\">\n                <td class=\"my-print-table-column_body\"\n                    :key=\"'s'+rowIndex + '-' + body.id\"\n                    v-if=\"props.element.disableCellMap == null ||  props.element.disableCellMap[index] != 1\"\n                    :ref=\"(el)=>setItemRef(body, el)\"\n                    :style=\"bodyStyle(body)\">\n                    <TextView v-if=\"body.type === 'Text'\" :element=\"body\" />\n                    <!--        <ImageView v-if=\"column.type === 'Image'\" :element=\"convert(column, rowData, indexTr)\"/>-->\n                </td>\n            </template>\n        </tr>\n        </tbody>\n    </table>\n</template>\n\n<script setup lang=\"ts\">\n\nimport ColumnView from './column-view.vue';\nimport TextView from '@myprint/design/components/design/text';\nimport { CSSProperties } from 'vue-demi';\nimport { MyElement } from '@myprint/design/types/entity';\nimport { recursionColumnDisable } from '@myprint/design/utils/table/dataTable';\n\nconst props = withDefaults(defineProps<{\n    element: MyElement\n}>(), {\n    element: () => ({} as MyElement)\n});\n\nconst itemRefs: HTMLElement[] = [];\nconst setItemRef = (element: MyElement, el: any) => {\n    if (el == null) {\n        return;\n    }\n    // console.log(element, el);\n    element.runtimeOption.target = el;\n    itemRefs.push(el);\n};\n\nconst bodyStyle = (column: MyElement) => {\n    // console.log(column)\n    const style = {\n        // maxWidth: column.runtimeOption.width + 'px',\n        // width: column.runtimeOption.width + 'px',\n        // height: column.runtimeOption.init.height + 'px',\n        // maxHeight: column.runtimeOption.init.height + 'px'\n    } as CSSProperties;\n    \n    // if (useAppStoreHook().displayModel == 'preview' || useAppStoreHook().displayModel == 'print') {\n    //\n    // }\n    style.width = column.runtimeOption.width + 'px';\n    if (column.contentType == 'Barcode') {\n        style.maxWidth = column.runtimeOption.width + 'px';\n    }\n    if (column.runtimeOption.height != null) {\n        style.minHeight = column.runtimeOption.height + 'px';\n    }\n    \n    if (column.option.borderAll) {\n        // console.log(column.option.borderAll)\n        style['border'] = '1px solid black';\n    } else {\n        // style['border'] = '1px solid transparent';\n    }\n    if (column.contentType == 'QrCode' || column.type == 'Image') {\n        style.lineHeight = 0;\n    }\n    return style;\n};\n\n// watch(() => props.element.width, (_newQuestion, _oldQuestion) => {\n//     // computedWidth();\n// });\n//\n// // const copyOption = ['font', 'fontSize', 'blob', 'italic', 'underline', 'lineThrough', 'color', 'background',\n// //   'textAlign', 'verticalAlign']\n//\n// onMounted(() => {\n//     // initTable();\n// });\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAoDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAMd,IAAA,MAAM,WAA0B,EAAC,CAAA;AACjC,IAAM,MAAA,UAAA,GAAa,CAAC,OAAA,EAAoB,EAAY,KAAA;AAChD,MAAA,IAAI,MAAM,IAAM,EAAA;AACZ,QAAA,OAAA;AAAA,OACJ;AAEA,MAAA,OAAA,CAAQ,cAAc,MAAS,GAAA,EAAA,CAAA;AAC/B,MAAA,QAAA,CAAS,KAAK,EAAE,CAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,MAAsB,KAAA;AAErC,MAAA,MAAM,QAAQ,EAKd,CAAA;AAKA,MAAM,KAAA,CAAA,KAAA,GAAQ,MAAO,CAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AAC3C,MAAI,IAAA,MAAA,CAAO,eAAe,SAAW,EAAA;AACjC,QAAM,KAAA,CAAA,QAAA,GAAW,MAAO,CAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AAAA,OAClD;AACA,MAAI,IAAA,MAAA,CAAO,aAAc,CAAA,MAAA,IAAU,IAAM,EAAA;AACrC,QAAM,KAAA,CAAA,SAAA,GAAY,MAAO,CAAA,aAAA,CAAc,MAAS,GAAA,IAAA,CAAA;AAAA,OACpD;AAEA,MAAI,IAAA,MAAA,CAAO,OAAO,SAAW,EAAA;AAEzB,QAAA,KAAA,CAAM,QAAY,CAAA,GAAA,iBAAA,CAAA;AAAA,OACf,MAAA;AAAA,OAEP;AACA,MAAA,IAAI,MAAO,CAAA,WAAA,IAAe,QAAY,IAAA,MAAA,CAAO,QAAQ,OAAS,EAAA;AAC1D,QAAA,KAAA,CAAM,UAAa,GAAA,CAAA,CAAA;AAAA,OACvB;AACA,MAAO,OAAA,KAAA,CAAA;AAAA,KACX,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}