import * as os from "os"
import dxui from '../../dxmodules/dxUi.js'
import dxMap from '../../dxmodules/dxMap.js'
import screen from '../screen.js'
import pinyin from './pinyin/pinyin.js'
// import utils from "../common/utils/utils.js"
import i18n from "./i18n.js"
import std from '../../dxmodules/dxStd.js'
import config from '../../dxmodules/dxConfig.js'
const viewUtils = {}

// 通用封装，所有带ui设备可用
// 不重复创建字体文件
const fonts = []
viewUtils.font = function (size, style) {
    size = Math.round(size * screen.screenSize.width / 600)
    const arr = fonts.filter(v => v.size == size && v.style == style)
    if (arr.length > 0) {
        return arr[0].font
    } else {
        size = size || 14
        style = style || dxui.Utils.FONT_STYLE.NORMAL
        let path = "/app/code/resource/font/AlibabaPuHuiTi-3-65-Medium.ttf"
        let language = config.get("base.language")
        if (language == "AR") {
            path = "/app/code/resource/font/Arabic.ttf"
        } else if (language == "KO") {
            path = "/app/code/resource/font/Korean.ttf"
        }

        const font = dxui.Font.build(path, size, style)
        fonts.push({
            size, style, font
        })
        return font
    }
}

// 简化创建元素步骤
viewUtils.create = (parent, type) => {
    type = type || "View"
    // lvgl三层屏幕结构
    switch (parent) {
        case "top":
            parent = dxui.Utils.LAYER.TOP
            break;
        case "sys":
            parent = dxui.Utils.LAYER.SYS
            break;
        case "act":
            parent = dxui.Utils.LAYER.MAIN
            break;
    }
    let obj
    switch (type) {
        case "Qrcode":
            obj = {
                side: v => {
                    obj._side = v
                    return obj
                },
                color: (c1, c2) => {
                    obj._c1 = c1
                    obj._c2 = c2
                    return obj
                },
                text: (text) => {
                    if (!obj._obj) {
                        obj._obj = dxui.Utils.GG.NativeBasicComponent.lvQrcodeCreate(parent.obj, obj._side, obj._c1, obj._c2)
                    }
                    dxui.Utils.GG.NativeBasicComponent.lvQrcodeUpdate(obj._obj, text)
                }
            }
            break;
        case "View":
            obj = dxui.View.build(std.genRandomStr(10), parent)
            obj.load = (cb) => obj.on(dxui.Utils.ENUM.LV_EVENT_SCREEN_LOADED, cb)
            obj.unload = (cb) => obj.on(dxui.Utils.ENUM.LV_EVENT_SCREEN_UNLOADED, cb)
            break;
        default:
            obj = dxui[type].build(std.genRandomStr(10), parent)
            break;
    }
    // 重构align方法
    if (obj.align) {
        Object.keys(dxui.Utils.ALIGN).forEach(key => {
            obj[key.toLowerCase()] = (offsetX, offsetY) => {
                obj.align(dxui.Utils.ALIGN[key], offsetX || 0, offsetY || 0)
            };
        });
    }
    // 重构flexFlow方法
    if (obj.flexFlow) {
        obj.flex = (data) => {
            // 主轴方向
            obj.flexFlow(dxui.Utils.FLEX_FLOW[data.flow])
            // 主轴对齐方式、侧轴对齐方式、多行多列时的对齐方式
            let align0 = data.align[0]
            let align1 = data.align[1] || align0
            let align2 = data.align[2] || align1
            obj.flexAlign(dxui.Utils.FLEX_ALIGN[align0], dxui.Utils.FLEX_ALIGN[align1], dxui.Utils.FLEX_ALIGN[align2])
        }
    }
    // 重构事件监听方法
    if (obj.on) {
        obj.click = (cb) => {
            obj.on(dxui.Utils.EVENT.CLICK, cb)
        }
    }
    // 一些后续添加的api
    obj.padGap = (pad) => {
        obj.obj.lvObjSetStylePadGap(screen.screenSize.width * (pad / 600), dxui.Utils.ENUM._LV_STYLE_STATE_CMP_SAME)
    }
    // 清除一些基本样式
    obj.clearStyle = () => {
        obj.radius(0)
        obj.borderWidth(0)
        obj.padAll(0)
    }
    return obj
}

// 链式编程
viewUtils.chain = (obj) => {
    // 代理obj，使得调用方法时如果返回undefined则返回obj本身，实现链式调用
    return new Proxy(obj, {
        get(target, prop, receiver) {
            const value = target[prop];
            if (typeof value === 'function') {
                return function (...args) {
                    const result = value.apply(target, args);
                    return result === undefined ? receiver : result;
                }
            }
            return value;
        }
    });
}

// ======================================


// 语义化颜色
viewUtils.color = {
    // 成功，绿色
    success: 0x00BF8A,
    // 失败，红色
    fail: 0xFF0000,
    // 警告，黄色
    warning: 0xFFA800,
    // 默认：蓝色
    default: 0x00a8ff
}

// 清除样式，弃用
viewUtils._clearStyle = function (obj) {
    obj.radius(0)
    obj.borderWidth(0)
    obj.padAll(0)
}

// 图片按钮封装，按钮根据图片大小设置，矩形
viewUtils.imageBtn = function (parent, id, src, dataI18n, textColor) {
    const zoom = 1.02

    const imageBox = dxui.View.build(id, parent)
    viewUtils._clearStyle(imageBox)
    imageBox.bgOpa(0)

    const image = dxui.Image.build(id + 'image', imageBox)
    image.source(src)
    image.update()
    const width = image.width()
    const height = image.height()
    imageBox.setSize(width * zoom + screen.screenSize.width * (5 / 600), height * zoom + screen.screenSize.height * (5 / 1024))
    imageBox.scroll(false)
    image.align(dxui.Utils.ALIGN.CENTER, 0, 0)

    if (dataI18n) {
        const textLbl = dxui.Label.build(id + 'text', image)
        textLbl.textFont(viewUtils.font(Math.round(height / 3)))
        if (textColor !== undefined && textColor !== null) {
            textLbl.textColor(textColor)
        } else {
            textLbl.textColor(0xffffff)
        }
        textLbl.align(dxui.Utils.ALIGN.CENTER, 0, 0)
        textLbl.dataI18n = dataI18n
    }

    imageBox.on(dxui.Utils.ENUM.LV_EVENT_PRESSED, () => {
        image.obj.lvImgSetZoom(256 * zoom)
    })

    imageBox.on(dxui.Utils.ENUM.LV_EVENT_RELEASED, () => {
        image.obj.lvImgSetZoom(256)
    })

    return imageBox
}

// 创建标题栏
viewUtils.title = function (parent, backScreen, id, dataI18n, backCb) {
    const titleBox = dxui.View.build(id, parent)
    viewUtils._clearStyle(titleBox)
    titleBox.setSize(screen.screenSize.width * (600 / 600), screen.screenSize.height * (70 / 1024))
    titleBox.bgColor(0xffffff)
    titleBox.backScreen = backScreen

    if (dataI18n) {
        const titleLbl = dxui.Label.build(id + 'title', titleBox)
        titleLbl.textFont(viewUtils.font(32))
        titleLbl.align(dxui.Utils.ALIGN.CENTER, 0, 0)
        titleLbl.dataI18n = dataI18n
    }

    const back = viewUtils.imageBtn(titleBox, id + 'back', screen.resourcePath.imagePath + '/back.png')
    back.setSize(screen.screenSize.width * (80 / 600), screen.screenSize.height * (70 / 1024))

    back.align(dxui.Utils.ALIGN.LEFT_MID, 0, 0)

    back.on(dxui.Utils.EVENT.CLICK, () => {
        if (typeof titleBox.backScreen == 'function') {
            titleBox.backScreen()
        } else if (titleBox.backScreen) {
            dxui.loadMain(titleBox.backScreen)
        }
        if (backCb) {
            backCb()
        }
    })

    return titleBox
}

// 输入框
viewUtils.input = function (parent, id, mode, enter = () => { }, dataI18n) {
    const input = dxui.Textarea.build(id + 'input', parent)
    viewUtils._clearStyle(input)
    input.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (100 / 1024))
    input.textAlign(dxui.Utils.TEXT_ALIGN.LEFT_MID)
    input.setOneLine(true)
    input.borderWidth(2)
    input.setBorderColor(0xE7E7E7)
    const font = viewUtils.font(26)
    const superSetSize = input.setSize
    input.setSize = (width, height) => {
        superSetSize.call(input, width, height)
        input.padAll((height - 4 - font.obj.lvFontGetLineHeight()) / 2)
        input.padLeft(screen.screenSize.width * (30 / 600))
        input.padRight(screen.screenSize.width * (30 / 600))
    }
    input.setSize(screen.screenSize.width * (500 / 600), screen.screenSize.height * (80 / 1024))
    input.radius(screen.screenSize.width * (10 / 600))
    input.textFont(font)
    if (dataI18n) {
        // 只有在dxui.all中，才能使用dataI18n
        dxui.all[id + 'input' + 'obj'] = input.obj
        input.obj.dataI18n = dataI18n
        input.obj.text = (text) => {
            input.obj.lvTextareaSetPlaceholderText(text)
        }
    }
    input.on(dxui.Utils.EVENT.CLICK, () => {
        input.setBorderColor(0x3670f7)
        pinyin.show(mode || pinyin.getMode(), (data) => {
            if (typeof data == 'string') {
                input.lvTextareaAddText(data)
            } else if (typeof data == 'object') {
                switch (data.cmd) {
                    case 'enter':
                        enter()
                        pinyin.hide()
                        break
                    case 'backspace':
                        input.lvTextareaDelChar()
                        break
                }
            }
        })
        if (mode) {
            pinyin.lock()
        }
    })
    input.on(dxui.Utils.EVENT.DEFOCUSED, () => {
        dxMap.get("INPUT_KEYBOARD").put("defocus", "defocus")
    })

    let root = parent
    let rootId = parent.id
    while ((rootId = dxui.all[rootId].parent) != "0") {
        root = dxui.all[rootId]
    }

    root.on(dxui.Utils.EVENT.CLICK, () => {
        input.setBorderColor(0xE7E7E7)
        // pinyin.hide()
    })

    root.on(dxui.Utils.ENUM.LV_EVENT_SCREEN_UNLOADED, () => {
        input.setBorderColor(0xE7E7E7)
        // pinyin.hide()
        input.text('')
    })
    return input
}

// 确认弹窗
viewUtils.confirmInit = function () {
    const confirm = dxui.View.build('confirm', dxui.Utils.LAYER.TOP)
    viewUtils._clearStyle(confirm)
    confirm.setSize(screen.screenSize.width, screen.screenSize.height)
    confirm.bgColor(0x0)
    confirm.bgOpa(50)
    confirm.hide()

    const box = dxui.View.build('confirmBox', confirm)
    viewUtils._clearStyle(box)
    box.setSize(screen.screenSize.width * (467 / 600), screen.screenSize.height * (280 / 1024))
    box.radius(20)
    box.align(dxui.Utils.ALIGN.CENTER, 0, 0)
    box.bgColor(0xffffff)

    const title = dxui.Label.build('confirmTitle', box)
    title.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (22 / 1024))
    title.textFont(viewUtils.font(30))
    title.text("Confirm")

    const close = viewUtils.imageBtn(box, 'confirmClose', screen.resourcePath.imagePath + '/close_small.png')
    close.align(dxui.Utils.ALIGN.TOP_RIGHT, -screen.screenSize.width * (28 / 600), screen.screenSize.height * (18 / 1024))

    const content = dxui.Label.build('confirmContent', box)
    content.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (114 / 1024))
    content.textFont(viewUtils.font(24))
    content.textColor(0x767676)
    content.text("Are you sure you want to exit?")
    content.textAlign(dxui.Utils.TEXT_ALIGN.CENTER)

    const ok = dxui.Button.build('okBtn', box)
    ok.align(dxui.Utils.ALIGN.BOTTOM_LEFT, screen.screenSize.width * (69 / 600), -screen.screenSize.height * (31 / 1024))
    ok.bgColor(0x0)
    ok.radius(10)
    ok.setSize(screen.screenSize.width * (150 / 600), screen.screenSize.height * (50 / 1024))
    const okLbl = dxui.Label.build('okLbl', ok)
    okLbl.textFont(viewUtils.font(26))
    okLbl.dataI18n = 'confirm.ok'
    okLbl.textColor(0xffffff)
    okLbl.align(dxui.Utils.ALIGN.CENTER, 0, 0)
    ok.on(dxui.Utils.EVENT.CLICK, () => {
        confirm.hide()
        if (typeof viewUtils.confirm.okFunc == 'function') {
            viewUtils.confirm.okFunc()
        }
    })

    const no = dxui.Button.build('noBtn', box)
    no.align(dxui.Utils.ALIGN.BOTTOM_RIGHT, -screen.screenSize.width * (69 / 600), -screen.screenSize.height * (31 / 1024))
    no.bgColor(0xF3F3F3)
    no.radius(10)
    no.setSize(screen.screenSize.width * (150 / 600), screen.screenSize.height * (50 / 1024))
    const noLbl = dxui.Label.build('noLbl', no)
    noLbl.textFont(viewUtils.font(26))
    noLbl.dataI18n = 'confirm.no'
    noLbl.align(dxui.Utils.ALIGN.CENTER, 0, 0)
    noLbl.textColor(0x0)
    no.on(dxui.Utils.EVENT.CLICK, () => {
        confirm.hide()
    })

    close.on(dxui.Utils.EVENT.CLICK, () => {
        confirm.hide()
        if (typeof viewUtils.confirm.noFunc == 'function') {
            viewUtils.confirm.noFunc()
        }
    })
    viewUtils.confirm = { confirm, box, title, close, content, ok, no, okLbl, noLbl }
}

viewUtils.confirmClose = function () {
    viewUtils.confirm.confirm.hide()
}

viewUtils.confirmOpen = function (title, content, ok, no) {
    // 如果 confirm 未初始化，先初始化
    if (!viewUtils.confirm) {
        viewUtils.confirmInit()
    }
    viewUtils.confirm.confirm.moveForeground()
    viewUtils.confirm.title.dataI18n = title
    viewUtils.confirm.content.dataI18n = content
    if (ok) {
        viewUtils.confirm.ok.show()
        viewUtils.confirm.okFunc = ok
    } else {
        viewUtils.confirm.ok.hide()
    }
    if (no) {
        viewUtils.confirm.no.show()
        viewUtils.confirm.noFunc = no
    } else {
        viewUtils.confirm.no.hide()
    }
    viewUtils.confirm.confirm.show()
    i18n.refreshObj(viewUtils.confirm.title)
    i18n.refreshObj(viewUtils.confirm.content)
    viewUtils.confirm.content.update()
    viewUtils.confirm.box.height(viewUtils.confirm.content.height() + screen.screenSize.height * (257 / 1024))
}


viewUtils.bottomBtn = function (parent, id, dataI18n, click, btnColor = 0x000000, textColor = 0xffffff, fontSize = 28) {
    const btn = dxui.Button.build(id, parent)
    btn.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, -screen.screenSize.height * (124 / 1024))
    btn.bgColor(btnColor)
    btn.setSize(screen.screenSize.width * (480 / 600), screen.screenSize.height * (80 / 1024))
    btn.radius(screen.screenSize.width * (40 / 600))
    const btnLbl = dxui.Label.build(id + 'lbl', btn)
    btnLbl.dataI18n = dataI18n
    btnLbl.textFont(viewUtils.font(fontSize))
    btnLbl.textColor(textColor)
    btnLbl.align(dxui.Utils.ALIGN.CENTER, 0, 0)
    btn.on(dxui.Utils.EVENT.CLICK, click)
    btn.btnLbl = btnLbl
    return btn
}

// 循环滚动
viewUtils.cycleList = function (parent, id, size, maxNum, template = () => { }, update = () => { }) {
    const cycleList = dxui.View.build(id, parent)
    viewUtils._clearStyle(cycleList)
    cycleList.setSize(size[0], size[1])
    cycleList.cycleList = []
    cycleList.cycleIndex = 0
    for (let i = -1; i < (maxNum + 1); i++) {
        const cycleItem = dxui.View.build(id + 'item' + i, cycleList)
        viewUtils._clearStyle(cycleItem)
        cycleItem.setSize(size[0], size[1] / maxNum)
        cycleItem.bgOpa(0)
        cycleItem.borderWidth(1)
        cycleItem.setBorderColor(0xDEDEDE)
        cycleItem.obj.setStyleBorderSide(dxui.Utils.ENUM.LV_BORDER_SIDE_BOTTOM, 0)
        cycleItem.userdata = template(cycleItem)
        cycleList.cycleIndex = i
        update(cycleItem.userdata, i)
        if (cycleList.cycleList.length > 0) {
            cycleItem.alignTo(cycleList.cycleList[cycleList.cycleList.length - 1], dxui.Utils.ALIGN.OUT_BOTTOM_MID, 0, 0)
        } else {
            cycleItem.align(dxui.Utils.ALIGN.TOP_MID, 0, 0)
        }
        cycleList.cycleList.push(cycleItem)
    }
    cycleList.scrollToY(size[1] / maxNum, false)

    cycleList.on(dxui.Utils.ENUM.LV_EVENT_SCROLL, () => {
        if (cycleList.scrollTop() >= size[1] / maxNum * 2) {
            const cycleItem = cycleList.cycleList.shift()
            cycleList.cycleList.push(cycleItem)
            for (let i = 0; i < cycleList.cycleList.length; i++) {
                const item = cycleList.cycleList[i]
                if (i == 0) {
                    item.align(dxui.Utils.ALIGN.TOP_MID, 0, 0)
                } else {
                    item.alignTo(cycleList.cycleList[i - 1], dxui.Utils.ALIGN.OUT_BOTTOM_MID, 0, 0)
                }
            }
            cycleList.cycleIndex += 1
            update(cycleItem.userdata, cycleList.cycleIndex)
            cycleList.scrollToY(size[1] / maxNum, false)
        } else if (cycleList.scrollTop() <= 0) {
            const cycleItem = cycleList.cycleList.pop()
            cycleList.cycleList.unshift(cycleItem)
            for (let i = 0; i < cycleList.cycleList.length; i++) {
                const item = cycleList.cycleList[i]
                if (i == 0) {
                    item.align(dxui.Utils.ALIGN.TOP_MID, 0, 0)
                } else {
                    item.alignTo(cycleList.cycleList[i - 1], dxui.Utils.ALIGN.OUT_BOTTOM_MID, 0, 0)
                }
            }
            cycleList.cycleIndex -= 1
            update(cycleItem.userdata, cycleList.cycleIndex)
            cycleList.scrollToY(size[1] / maxNum, false)
        }
    })
    cycleList.refresh = () => {
        cycleList.cycleList.forEach((item, index) => {
            update(item.userdata, index)
        })
    }
    return cycleList
}

viewUtils.statusPanel = function (parent, successI18n, failI18n, cardArea) {
    const successBg = dxui.Image.build(parent.id + 'successBg', parent)
    successBg.source(screen.resourcePath.imagePath + '/successBg.png')
    successBg.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, 0)
    successBg.hide()

    const successIcon = dxui.Image.build(parent.id + 'successIcon', successBg)
    successIcon.source(screen.resourcePath.imagePath + '/success_fill.png')
    successIcon.align(dxui.Utils.ALIGN.CENTER, 0, 0)

    const successLbl = dxui.Label.build(parent.id + 'successLbl', successBg)
    successLbl.textFont(viewUtils.font(38))
    successLbl.textColor(0xffffff)
    successLbl.dataI18n = successI18n
    successLbl.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (188 / 1024))
    successLbl.width(screen.screenSize.width)
    successLbl.longMode(dxui.Utils.LABEL_LONG_MODE.WRAP)
    successLbl.textAlign(dxui.Utils.TEXT_ALIGN.CENTER)

    const failBg = dxui.Image.build(parent.id + 'failBg', parent)
    failBg.source(screen.resourcePath.imagePath + '/failBg.png')
    failBg.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, 0)
    failBg.hide()

    const failIcon = dxui.Image.build(parent.id + 'failIcon', failBg)
    failIcon.source(screen.resourcePath.imagePath + '/delete_fill.png')
    failIcon.align(dxui.Utils.ALIGN.CENTER, 0, 0)

    const failLbl = dxui.Label.build(parent.id + 'failLbl', failBg)
    failLbl.textFont(viewUtils.font(38))
    failLbl.textColor(0xffffff)
    failLbl.dataI18n = failI18n
    failLbl.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (188 / 1024))
    failLbl.width(screen.screenSize.width)
    failLbl.longMode(dxui.Utils.LABEL_LONG_MODE.WRAP)
    failLbl.textAlign(dxui.Utils.TEXT_ALIGN.CENTER)


    return {
        success: (dataI18n) => {
            if (dataI18n) {
                successLbl.dataI18n = dataI18n
                i18n.refreshObj(successLbl)
            }
            successBg.show()
            failBg.hide()
            if (cardArea) {
                cardArea.hide()
            }
            std.setTimeout(() => {
                successBg.hide()
                if (cardArea) {
                    cardArea.show()
                }
            }, 2000)
        },
        fail: (dataI18n) => {
            if (dataI18n) {
                failLbl.dataI18n = dataI18n
                i18n.refreshObj(failLbl)
            }
            failBg.show()
            if (cardArea) {
                cardArea.hide()
            }
            successBg.hide()
            std.setTimeout(() => {
                failBg.hide()
                if (cardArea) {
                    cardArea.show()
                }
            }, 2000)
        },
    }
}


viewUtils.messagePanel = function (parent) {
    const successBg = dxui.Image.build(parent.id + 'successMsgBg', parent)
    successBg.source(screen.resourcePath.imagePath + '/successBg.png')
    successBg.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, 0)
    successBg.hide()

    const successIcon = dxui.Image.build(parent.id + 'successMsgIcon', successBg)
    successIcon.source(screen.resourcePath.imagePath + '/success_fill.png')
    successIcon.align(dxui.Utils.ALIGN.CENTER, 0, 0)

    const successLbl = dxui.Label.build(parent.id + 'successMsgLbl', successBg)
    successLbl.textFont(viewUtils.font(38))
    successLbl.textColor(0xffffff)
    successLbl.dataI18n = ""
    successLbl.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (188 / 1024))
    successLbl.width(screen.screenSize.width)
    successLbl.longMode(dxui.Utils.LABEL_LONG_MODE.WRAP)
    successLbl.textAlign(dxui.Utils.TEXT_ALIGN.CENTER)

    const failBg = dxui.Image.build(parent.id + 'failMsgBg', parent)
    failBg.source(screen.resourcePath.imagePath + '/failBg.png')
    failBg.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, 0)
    failBg.hide()

    const failIcon = dxui.Image.build(parent.id + 'failMsgIcon', failBg)
    failIcon.source(screen.resourcePath.imagePath + '/delete_fill.png')
    failIcon.align(dxui.Utils.ALIGN.CENTER, 0, 0)

    const failLbl = dxui.Label.build(parent.id + 'failMsgLbl', failBg)
    failLbl.textFont(viewUtils.font(38))
    failLbl.textColor(0xffffff)
    failLbl.dataI18n = ""
    failLbl.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (188 / 1024))
    failLbl.width(screen.screenSize.width)
    failLbl.longMode(dxui.Utils.LABEL_LONG_MODE.WRAP)
    failLbl.textAlign(dxui.Utils.TEXT_ALIGN.CENTER)


    return {
        success: (dataI18n) => {
            if (dataI18n) {
                successLbl.dataI18n = dataI18n
                i18n.refreshObj(successLbl)
            }
            successBg.show()
            failBg.hide()
            std.setTimeout(() => {
                successBg.hide()
            }, 2000)
        },
        fail: (dataI18n) => {
            if (dataI18n) {
                failLbl.dataI18n = dataI18n
                i18n.refreshObj(failLbl)
            }
            failBg.show()
            successBg.hide()
            std.setTimeout(() => {
                failBg.hide()
            }, 2000)
        },
    }
}


// 新增弹窗布局 - 小型状态面板
viewUtils.smallStatusPanel = function (parent, successI18n, failI18n) {
    const successBg = dxui.Image.build(parent.id + 'smallSuccessBg', parent)
    successBg.source('/app/code/resource/image/view_s.png') // 成功背景图
    successBg.setSize(499, 97) // 设置尺寸
    successBg.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, 0)
    successBg.hide()

    const successLbl = dxui.Label.build(parent.id + 'smallSuccessLbl', successBg)
    successLbl.textFont(viewUtils.font(24, dxui.Utils.FONT_STYLE.BOLD))
    successLbl.textColor(0xffffff)
    successLbl.dataI18n = successI18n
    successLbl.textAlign(dxui.Utils.TEXT_ALIGN.CENTER)
    successLbl.align(dxui.Utils.ALIGN.CENTER, 0, 0)

    const failBg = dxui.Image.build(parent.id + 'smallFailBg', parent)
    failBg.source('/app/code/resource/image/view_f.png') // 失败背景图
    failBg.setSize(499, 97) // 设置尺寸
    failBg.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, 0)
    failBg.hide()

    const failLbl = dxui.Label.build(parent.id + 'smallFailLbl', failBg)
    failLbl.textFont(viewUtils.font(24, dxui.Utils.FONT_STYLE.BOLD))
    failLbl.textColor(0xffffff)
    failLbl.dataI18n = failI18n
    failLbl.textAlign(dxui.Utils.TEXT_ALIGN.CENTER)
    failLbl.align(dxui.Utils.ALIGN.CENTER, 0, 0)

    return {
        success: (dataI18n) => {
            if (dataI18n) {
                successLbl.dataI18n = dataI18n
                i18n.refreshObj(successLbl)
            }
            successBg.show()
            failBg.hide()
            std.setTimeout(() => {
                successBg.hide()
            }, 3000)
        },
        fail: (dataI18n) => {
            if (dataI18n) {
                failLbl.dataI18n = dataI18n
                i18n.refreshObj(failLbl)
            }
            failBg.show()
            successBg.hide()
            std.setTimeout(() => {
                failBg.hide()
            }, 3000)
        },
        successBg: successBg,
        failBg: failBg
    }
}

export default viewUtils