Web_BAI_Manage_ApiServer/front-end/src/plugins/VabPrint.ts

const Print: any = function (this: any, dom: any, options: any) {
    if (!(this instanceof Print)) return new Print(dom, options)

    this.options = this.extend(
        {
            noPrint: '.no-print',
        },
        options
    )

    if (typeof dom === 'string') {
        try {
            this.dom = document.querySelector(dom)
        } catch {
            const createDom = document.createElement('div')
            createDom.innerHTML = dom
            this.dom = createDom
        }
    } else {
        this.isDOM(dom)
        this.dom = this.isDOM(dom) ? dom : dom.$el
    }

    this.init()
}
Print.prototype = {
    init() {
        const content = this.getStyle() + this.getHtml()
        this.writeIframe(content)
    },
    extend(obj: { [x: string]: any }, obj2: { [x: string]: any }) {
        for (const k in obj2) {
            obj[k] = obj2[k]
        }
        return obj
    },

    getStyle() {
        let str = ''
        const styles = document.querySelectorAll('style,link')
        for (const style of styles) {
            str += style.outerHTML
        }
        str += `<style>${this.options.noPrint ? this.options.noPrint : '.no-print'}{display:none;}</style>`
        str += '<style>html,body{background-color:#fff;}</style>'
        return str
    },

    getHtml() {
        const inputs = document.querySelectorAll('input')
        const textareas = document.querySelectorAll('textarea')
        const selects = document.querySelectorAll('select')

        for (const input of inputs) {
            if (input.type == 'checkbox' || input.type == 'radio') {
                if (input.checked == true) {
                    input.setAttribute('checked', 'checked')
                } else {
                    input.removeAttribute('checked')
                }
            } else if (input.type == 'text') {
                input.setAttribute('value', input.value)
            } else {
                input.setAttribute('value', input.value)
            }
        }

        for (const textarea of textareas) {
            if (textarea.type == 'textarea') textarea.innerHTML = textarea.value
        }

        for (const select of selects) {
            if (select.type == 'select-one') {
                const child: any = select.children
                for (const i in child) {
                    if (child[i].tagName == 'OPTION') {
                        if (child[i].selected == true)
                            child[i].setAttribute('selected', 'selected')
                        else child[i].removeAttribute('selected')
                    }
                }
            }
        }

        return this.dom.outerHTML
    },

    writeIframe(content: string) {
        const iframe: any = document.createElement('iframe')
        const f: any = document.body.appendChild(iframe)
        iframe.id = 'myIframe'
        iframe.setAttribute(
            'style',
            'position:absolute;width:0;height:0;top:-10px;left:-10px;'
        )
        const w: any = f.contentWindow || f.contentDocument
        const doc: any = f.contentDocument || f.contentWindow.document
        doc.open()
        doc.write(content)
        doc.close()
        const _this = this
        iframe.addEventListener('load', () => {
            _this.toPrint(w)
            setTimeout(() => {
                document.body.removeChild(iframe)
            }, 100)
        })
    },

    toPrint(frameWindow: {
        focus: () => void
        document: {
            execCommand: (arg0: string, arg1: boolean, arg2: null) => any
        }
        print: () => void
        close: () => void
    }) {
        try {
            setTimeout(() => {
                frameWindow.focus()
                try {
                    if (!frameWindow.document.execCommand('print', false, null))
                        frameWindow.print()
                } catch {
                    frameWindow.print()
                }
                frameWindow.close()
            }, 10)
        } catch (error) {
            console.log('err', error)
        }
    },
    isDOM:
        typeof HTMLElement === 'object'
            ? function (obj: any) {
                  return obj instanceof HTMLElement
              }
            : function (obj: { nodeType: number; nodeName: any }) {
                  return (
                      obj &&
                      typeof obj === 'object' &&
                      obj.nodeType === 1 &&
                      typeof obj.nodeName === 'string'
                  )
              },
}

export default Print