import dxui from '../../../dxmodules/dxUi.js'
import dict from './dict.js'
const pinyin = {}

// 键盘大小
let width = 800
let height = 400
// 是否锁定键盘
let isLock = false
// 是否支持拼音输入
let enablePinyin = true
// 初始化容器
pinyin.init = function (w, h) {
    width = w
    height = h

    // 只允许初始化一次
    if (pinyin.inited) {
        return
    }
    pinyin.inited = true
    // 全局字体
    pinyin.font24 = dxui.Font.build('/app/code/resource/font/AlibabaPuHuiTi-2-65-Medium.ttf', 24, dxui.Utils.FONT_STYLE.NORMAL)
    let container = dxui.View.build('container', dxui.Utils.LAYER.TOP)
    pinyin.container = container
    clearStyle(container)
    container.obj.lvObjAddFlag(dxui.Utils.ENUM.LV_OBJ_FLAG_OVERFLOW_VISIBLE)
    container.setSize(width, height)
    container.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, 0)
    container.textFont(pinyin.font24)
    // 容器初始化
    container.bgOpa(0)
    container.update()
    container.hide()
    // 创建三种键盘模式
    pinyin.englishPanel = createEnglish()
    pinyin.pinyinPanel = createPinyin()
    pinyin.numPanel = createNum()
    pinyin.symbolPanel = createSymbol()
}
pinyin.getSize = function () {
    return { width: width, height: height }
}
/**
 * 显示键盘，需要先初始化
 * @param {number} mode 键盘模式，0：英文键盘，1：拼音键盘，2：数字键盘，3：符号键盘
 * @param {function} cb 按键内容回调
 */
pinyin.show = function (mode, cb) {
    if (![0, 1, 2, 3].includes(mode)) {
        return
    }
    this.unlock()
    this.hide()
    // 按键内容回调
    pinyin.cb = cb
    pinyin.container.show()
    pinyin.container.moveForeground()
    switch (mode) {
        case 0:
            pinyin.englishPanel.show()
            break;
        case 1:
            pinyin.pinyinPanel.show()
            break;
        case 2:
            pinyin.numPanel.show()
            break;
        case 3:
            pinyin.symbolPanel.show()
            break;
        default:
            break;
    }
}
// 获取当前键盘模式
pinyin.getMode = function () {
    if (!pinyin.englishPanel.isHide()) {
        return 0
    } else if (!pinyin.pinyinPanel.isHide()) {
        return 1
    } else if (!pinyin.numPanel.isHide()) {
        return 2
    } else if (!pinyin.symbolPanel.isHide()) {
        return 3
    } else {
        return 0
    }
}
// 隐藏键盘
pinyin.hide = function () {
    pinyin.englishPanel.hide()
    pinyin.pinyinPanel.hide()
    pinyin.numPanel.hide()
    pinyin.symbolPanel.hide()
    pinyin.container.hide()
    if (pinyin.callback) {
        pinyin.callback()
        pinyin.callback = null
    }
}
// 隐藏回调，单次有效
pinyin.hideCb = function (cb) {
    pinyin.callback = cb
}
// 锁定键盘，不允许切换模式
pinyin.lock = function () {
    isLock = true
}
// 解除锁定键盘
pinyin.unlock = function () {
    isLock = false
}
pinyin.pinyinSupport = function (bool) {
    enablePinyin = bool
}

// 英文键盘
function createEnglish() {
    let englishPanel = dxui.View.build(pinyin.container.id + 'englishPanel', pinyin.container)
    clearStyle(englishPanel)
    englishPanel.setSize(pinyin.container.width(), pinyin.container.height())
    englishPanel.update()
    // 创建大小写的英文键盘
    function createKeyboard(capital) {
        let englishKeyboard = dxui.Buttons.build(englishPanel.id + 'englishKeyboard' + (capital ? "Big" : "Small"), englishPanel)
        clearStyle(englishKeyboard)
        englishKeyboard.obj.lvObjSetStylePadGap(10, dxui.Utils.ENUM._LV_STYLE_STATE_CMP_SAME)
        englishKeyboard.padAll(10)
        englishKeyboard.bgColor(0xffffff, dxui.Utils.STYLE_PART.ITEMS)
        englishKeyboard.bgColor(0xe6e6e6)
        englishKeyboard.setSize(englishPanel.width(), englishPanel.height())
        englishKeyboard.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, 0)
        if (capital) {
            englishKeyboard.data([
                "Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P", "\n",
                " ", "A", "S", "D", "F", "G", "H", "J", "K", "L", " ", "\n",
                "↓", "Z", "X", "C", "V", "B", "N", "M", " ", "\n",
                "!?#", "123", ",", " ", ".", "EN", " ",
                ""])
        } else {
            englishKeyboard.data([
                "q", "w", "e", "r", "t", "y", "u", "i", "o", "p", "\n",
                " ", "a", "s", "d", "f", "g", "h", "j", "k", "l", " ", "\n",
                "↑", "z", "x", "c", "v", "b", "n", "m", " ", "\n",
                "!?#", "123", ",", " ", ".", "EN", " ",
                ""])
        }
        // 设置按钮宽度
        englishKeyboard.setBtnWidth(10, 1)
        for (let i = 11; i < 20; i++) {
            englishKeyboard.setBtnWidth(i, 2)
        }
        englishKeyboard.setBtnWidth(20, 1)
        englishKeyboard.setBtnWidth(21, 3)
        for (let i = 22; i < 29; i++) {
            englishKeyboard.setBtnWidth(i, 2)
        }
        englishKeyboard.setBtnWidth(29, 3)
        englishKeyboard.obj.addEventCb((e) => {
            let dsc = e.lvEventGetDrawPartDsc()
            if (dsc.class_p == englishKeyboard.obj.ClassP && dsc.type == dxui.Utils.ENUM.LV_BTNMATRIX_DRAW_PART_BTN) {
                // 隐藏无用按钮
                if (dsc.id == 10 || dsc.id == 20) {
                    dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_opa: 0, shadow_opa: 0 })
                }
                // 加深一些功能按钮
                if (dsc.id == 21 || dsc.id == 29 || dsc.id == 30 || dsc.id == 31 || dsc.id == 35) {
                    if (englishKeyboard.obj.lvBtnmatrixGetSelectedBtn() == dsc.id && e.lvEventGetTarget().hasState(dxui.Utils.ENUM.LV_STATE_PRESSED)) {
                        dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0xcdcdcd })
                    } else {
                        dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0xdbdbdb })
                    }
                }
                // 回车按钮蓝色
                if (dsc.id == 36) {
                    if (englishKeyboard.obj.lvBtnmatrixGetSelectedBtn() == dsc.id && e.lvEventGetTarget().hasState(dxui.Utils.ENUM.LV_STATE_PRESSED)) {
                        dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0x0C6CE4 })
                    } else {
                        dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0x0C78FE })
                    }
                }
            }
        }, dxui.Utils.ENUM.LV_EVENT_DRAW_PART_BEGIN)
        englishKeyboard.obj.addEventCb((e) => {
            let dsc = e.lvEventGetDrawPartDsc()
            if (dsc.class_p == englishKeyboard.obj.ClassP && dsc.type == dxui.Utils.ENUM.LV_BTNMATRIX_DRAW_PART_BTN) {
                // 删除按钮图案添加
                if (dsc.id == 29) {
                    let src = '/app/code/resource/image/backspace.png'
                    // 获取图片信息
                    let header = dxui.Utils.GG.NativeDraw.lvImgDecoderGetInfo(src)
                    // 定义一块区域，居中显示，注意：尺寸转area需要-1，area转尺寸需要+1
                    let x1 = dsc.draw_area.x1 + (dsc.draw_area.x2 - dsc.draw_area.x1 + 1 - header.w) / 2;
                    let y1 = dsc.draw_area.y1 + (dsc.draw_area.y2 - dsc.draw_area.y1 + 1 - header.h) / 2;
                    let x2 = x1 + header.w - 1;
                    let y2 = y1 + header.h - 1;
                    let area = dxui.Utils.GG.NativeArea.lvAreaSet(x1, y1, x2, y2)
                    // 绘制图片信息
                    let img_draw_dsc = dxui.Utils.GG.NativeDraw.lvDrawImgDscInit()
                    // 绘制图片
                    dxui.Utils.GG.NativeDraw.lvDrawImg(dsc.dsc, img_draw_dsc, area, src)
                }
                // 回车按钮图案添加
                if (dsc.id == 36) {
                    let src = '/app/code/resource/image/enter.png'
                    // 获取图片信息
                    let header = dxui.Utils.GG.NativeDraw.lvImgDecoderGetInfo(src)
                    // 定义一块区域，居中显示，注意：尺寸转area需要-1，area转尺寸需要+1
                    let x1 = dsc.draw_area.x1 + (dsc.draw_area.x2 - dsc.draw_area.x1 + 1 - header.w) / 2;
                    let y1 = dsc.draw_area.y1 + (dsc.draw_area.y2 - dsc.draw_area.y1 + 1 - header.h) / 2;
                    let x2 = x1 + header.w - 1;
                    let y2 = y1 + header.h - 1;
                    let area = dxui.Utils.GG.NativeArea.lvAreaSet(x1, y1, x2, y2)
                    // 绘制图片信息
                    let img_draw_dsc = dxui.Utils.GG.NativeDraw.lvDrawImgDscInit()
                    // 绘制图片
                    dxui.Utils.GG.NativeDraw.lvDrawImg(dsc.dsc, img_draw_dsc, area, src)
                }
                // 空格按钮图案添加
                if (dsc.id == 33) {
                    let src = '/app/code/resource/image/space.png'
                    // 获取图片信息
                    let header = dxui.Utils.GG.NativeDraw.lvImgDecoderGetInfo(src)
                    // 定义一块区域，居中显示，注意：尺寸转area需要-1，area转尺寸需要+1
                    let x1 = dsc.draw_area.x1 + (dsc.draw_area.x2 - dsc.draw_area.x1 + 1 - header.w) / 2;
                    let y1 = dsc.draw_area.y1 + (dsc.draw_area.y2 - dsc.draw_area.y1 + 1 - header.h) / 2;
                    let x2 = x1 + header.w - 1;
                    let y2 = y1 + header.h - 1;
                    y1 += 10
                    y2 += 10
                    let area = dxui.Utils.GG.NativeArea.lvAreaSet(x1, y1, x2, y2)
                    // 绘制图片信息
                    let img_draw_dsc = dxui.Utils.GG.NativeDraw.lvDrawImgDscInit()
                    // 绘制图片
                    dxui.Utils.GG.NativeDraw.lvDrawImg(dsc.dsc, img_draw_dsc, area, src)
                }
            }
        }, dxui.Utils.ENUM.LV_EVENT_DRAW_PART_END)
        englishKeyboard.on(dxui.Utils.ENUM.LV_EVENT_LONG_PRESSED_REPEAT, () => {
            let clickBtn = englishKeyboard.clickedButton()
            let id = clickBtn.id
            switch (id) {
                case 29:
                    // 退格
                    pinyin.cb({ cmd: "backspace" })
                    break;
            }
        })
        englishKeyboard.on(dxui.Utils.ENUM.LV_EVENT_PRESSED, () => {
            let clickBtn = englishKeyboard.clickedButton()
            let id = clickBtn.id
            let text = clickBtn.text
            switch (id) {
                case 21:
                    // 大小写切换
                    if (englishKeyboardBig.isHide()) {
                        englishKeyboardBig.show()
                        englishKeyboardSmall.hide()
                    } else {
                        englishKeyboardBig.hide()
                        englishKeyboardSmall.show()
                    }
                    break;
                case 29:
                    // 退格
                    pinyin.cb({ cmd: "backspace" })
                    break;
                case 30:
                    if (isLock) {
                        break;
                    }
                    // 切换符号键盘
                    pinyin.symbolPanel.show()
                    pinyin.englishPanel.hide()
                    break;
                case 31:
                    if (isLock) {
                        break;
                    }
                    // 切换数字键盘
                    pinyin.numPanel.show()
                    pinyin.englishPanel.hide()
                    break;
                case 33:
                    // 空格
                    pinyin.cb(" ")
                    break;
                case 35:
                    if (isLock || !enablePinyin) {
                        break;
                    }
                    // 切换拼音键盘
                    pinyin.pinyinPanel.show()
                    pinyin.englishPanel.hide()
                    break;
                case 36:
                    // 回车
                    pinyin.cb({ cmd: "enter" })
                    break;
                default:
                    break;
            }
            // 打印字符
            if (["q", "w", "e", "r", "t", "y", "u", "i", "o", "p",
                "a", "s", "d", "f", "g", "h", "j", "k", "l",
                "z", "x", "c", "v", "b", "n", "m",
                ",", "."].includes(text) || [
                    "Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P",
                    "A", "S", "D", "F", "G", "H", "J", "K", "L",
                    "Z", "X", "C", "V", "B", "N", "M",
                    ",", "."].includes(text)) {
                pinyin.cb(text)
            }
        })
        return englishKeyboard
    }
    // 创建大小写键盘
    let englishKeyboardBig = createKeyboard(true)
    let englishKeyboardSmall = createKeyboard(false)
    // 默认是小写
    englishKeyboardBig.hide()
    englishKeyboardSmall.show()
    englishPanel.hide()
    return englishPanel
}

// 拼音键盘
function createPinyin() {
    let pinyinPanel = dxui.View.build(pinyin.container.id + 'pinyinPanel', pinyin.container)
    clearStyle(pinyinPanel)
    pinyinPanel.setSize(pinyin.container.width(), pinyin.container.height())
    pinyinPanel.obj.lvObjAddFlag(dxui.Utils.ENUM.LV_OBJ_FLAG_OVERFLOW_VISIBLE)
    pinyinPanel.update()
    // 创建汉字预览框
    let previewBox = dxui.View.build(pinyinPanel.id + 'previewBox', pinyinPanel)
    clearStyle(previewBox)
    previewBox.setSize(pinyinPanel.width(), 70)
    previewBox.align(dxui.Utils.ALIGN.TOP_LEFT, 0, -70)
    previewBox.padLeft(20)
    previewBox.flexFlow(dxui.Utils.FLEX_FLOW.ROW)
    previewBox.flexAlign(dxui.Utils.FLEX_ALIGN.SPACE_AROUND, dxui.Utils.FLEX_ALIGN.CENTER, dxui.Utils.FLEX_ALIGN.CENTER)
    previewBox.labels = []
    // 8个预览文字
    for (let i = 0; i < 8; i++) {
        let labelBox = dxui.View.build(previewBox.id + 'labelBox' + i, previewBox)
        clearStyle(labelBox)
        labelBox.setSize(50, 70)
        labelBox.on(dxui.Utils.ENUM.LV_EVENT_PRESSED, () => {
            if (label.text() != " ") {
                labelBox.bgColor(0xe6e6e6)
            }
        })
        labelBox.on(dxui.Utils.ENUM.LV_EVENT_RELEASED, () => {
            if (label.text() != " ") {
                labelBox.bgColor(0xffffff)
                pinyin.cb(label.text())
                // 清空拼音，还原状态
                phrase.text("")
                previewBox.fillData()
            }
        })
        let label = dxui.Label.build(labelBox.id + 'label' + i, labelBox)
        label.align(dxui.Utils.ALIGN.CENTER, 0, 0)
        label.text(" ")
        previewBox.labels.push(label)
    }
    // 填充预览文字
    previewBox.fillData = (str) => {
        if (!str) {
            // str = "微光互联"
            str = ""
        }
        previewBox.characters = str
        for (let i = 0; i < 8; i++) {
            if (str.charAt(i)) {
                previewBox.labels[i].text(str.charAt(i))
            } else {
                previewBox.labels[i].text(" ")
            }
        }
        if (str.length > 8) {
            // 文字多于8个，展示更多文字按钮
            morePreview.show()
        } else {
            morePreview.hide()
        }
    }
    // 更多汉字预览按钮
    let morePreview = dxui.View.build(pinyinPanel.id + 'morePreview', pinyinPanel)
    clearStyle(morePreview)
    morePreview.setSize(70, 70)
    morePreview.align(dxui.Utils.ALIGN.TOP_RIGHT, 0, -70)
    morePreview.hide()
    let rightBtn = dxui.Image.build(morePreview.id + 'rightBtn', morePreview)
    rightBtn.source('/app/code/resource/image/right.png')
    rightBtn.align(dxui.Utils.ALIGN.CENTER, 0, 0)
    morePreview.on(dxui.Utils.ENUM.LV_EVENT_PRESSED, () => {
        morePreview.bgColor(0xe6e6e6)
    })
    morePreview.on(dxui.Utils.ENUM.LV_EVENT_RELEASED, () => {
        morePreview.bgColor(0xffffff)
        morePreviewKeyboard.moveForeground()
        morePreviewKeyboard.fillData(0)
        morePreviewKeyboard.show()
    })
    // 初始状态
    previewBox.fillData()
    // 更多汉字面板
    let morePreviewKeyboard = dxui.Buttons.build(pinyinPanel.id + 'morePreviewKeyboard', pinyinPanel)
    clearStyle(morePreviewKeyboard)
    morePreviewKeyboard.setSize(pinyinPanel.width(), pinyinPanel.height())
    morePreviewKeyboard.hide()
    morePreviewKeyboard.obj.lvObjSetStylePadGap(10, dxui.Utils.ENUM._LV_STYLE_STATE_CMP_SAME)
    morePreviewKeyboard.padAll(10)
    morePreviewKeyboard.bgColor(0xffffff, dxui.Utils.STYLE_PART.ITEMS)
    morePreviewKeyboard.bgColor(0xe6e6e6)
    morePreviewKeyboard.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, 0)
    morePreviewKeyboard.data([
        " ", " ", " ", " ", " ", " ", " ", " ", "\n",
        " ", " ", " ", " ", " ", " ", " ", " ", "\n",
        " ", " ", " ", " ", " ", " ", " ", " ", "\n",
        " ", " ", " ", " ", " ", " ", " ", " ", "\n",
        "上一页", "返回", "下一页",
        ""])
    morePreviewKeyboard.index = 0
    // index:0第一页，1下一页，-1上一页
    morePreviewKeyboard.fillData = (index) => {
        if (index == 1 && previewBox.characters.charAt((morePreviewKeyboard.index + 1) * 32)) {
            morePreviewKeyboard.index += 1
        } else if (index == -1 && morePreviewKeyboard.index > 0) {
            morePreviewKeyboard.index -= 1
        } else {
            morePreviewKeyboard.index = 0
        }
        let temp = []
        for (let i = 0; i < 32; i++) {
            let character = previewBox.characters.charAt(i + morePreviewKeyboard.index * 32)
            if (character) {
                temp.push(character)
            } else {
                if (i == 0) {
                    // 无数据
                    return
                }
                temp.push(" ")
            }
            if ((i + 1) % 8 == 0) {
                temp.push("\n")
            }
        }
        temp.push("上一页")
        temp.push("返回")
        temp.push("下一页")
        temp.push("")
        morePreviewKeyboard.data(temp)
    }
    morePreviewKeyboard.obj.addEventCb((e) => {
        let dsc = e.lvEventGetDrawPartDsc()
        if (dsc.class_p == morePreviewKeyboard.obj.ClassP && dsc.type == dxui.Utils.ENUM.LV_BTNMATRIX_DRAW_PART_BTN) {
            // 加深两个功能按钮
            if ([32, 33, 34].includes(dsc.id)) {
                if (morePreviewKeyboard.obj.lvBtnmatrixGetSelectedBtn() == dsc.id && e.lvEventGetTarget().hasState(dxui.Utils.ENUM.LV_STATE_PRESSED)) {
                    dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0xcdcdcd })
                } else {
                    dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0xdbdbdb })
                }
            }
        }
    }, dxui.Utils.ENUM.LV_EVENT_DRAW_PART_BEGIN)
    morePreviewKeyboard.on(dxui.Utils.ENUM.LV_EVENT_PRESSED, () => {
        let clickBtn = morePreviewKeyboard.clickedButton()
        let id = clickBtn.id
        let text = clickBtn.text
        if (text == "返回") {
            morePreviewKeyboard.hide()
        } else if (text == "上一页") {
            morePreviewKeyboard.fillData(-1)
        } else if (text == "下一页") {
            morePreviewKeyboard.fillData(1)
        } else if (text != " ") {
            pinyin.cb(text)
            // 清空拼音，还原状态
            phrase.text("")
            previewBox.fillData()
            morePreviewKeyboard.hide()
        }
    })
    // 词组预览
    let phrasePreview = dxui.View.build(pinyinPanel.id + 'phrasePreview', pinyinPanel)
    clearStyle(phrasePreview)
    phrasePreview.setSize(70, 35)
    phrasePreview.align(dxui.Utils.ALIGN.TOP_LEFT, 0, -105)
    phrasePreview.bgColor(0xe6e6e6)
    phrasePreview.hide()
    let phrase = dxui.Label.build(phrasePreview.id + 'phrase', phrasePreview)
    phrase.align(dxui.Utils.ALIGN.CENTER, 0, 0)
    let overwrite = phrase.text
    phrase.text = (v) => {
        if (typeof v != 'string') {
            // 获取词组
            let temp = overwrite.call(phrase, v)
            temp = temp == "Text" ? "" : temp
            return temp
        }
        if (v.length == 0) {
            // 词组长度为0就隐藏
            overwrite.call(phrase, "Text")
            return phrasePreview.hide()
        }
        if (v.length > 10) {
            // 词组预览长度不超过10字符
            return
        }
        phrasePreview.show()
        overwrite.call(phrase, v)
        phrase.update()
        phrasePreview.width(phrase.width() + 40)
    }
    let overwrite1 = pinyinPanel.show
    pinyinPanel.show = () => {
        // 重写显示方法，显示汉字预览框
        previewBox.align(dxui.Utils.ALIGN.TOP_LEFT, 0, -70)
        morePreview.align(dxui.Utils.ALIGN.TOP_RIGHT, 0, -70)
        phrasePreview.align(dxui.Utils.ALIGN.TOP_LEFT, 0, -105)
        overwrite1.call(pinyinPanel)
    }
    let overwrite2 = pinyinPanel.hide
    pinyinPanel.hide = () => {
        // 重写隐藏方法，隐藏汉字预览框
        previewBox.align(dxui.Utils.ALIGN.TOP_LEFT, 0, 0)
        morePreview.align(dxui.Utils.ALIGN.TOP_RIGHT, 0, 0)
        phrasePreview.align(dxui.Utils.ALIGN.TOP_LEFT, 0, 0)
        overwrite2.call(pinyinPanel)
    }
    // 创建拼音键盘
    let pinyinKeyboard = dxui.Buttons.build(pinyinPanel.id + 'pinyinKeyboard', pinyinPanel)
    clearStyle(pinyinKeyboard)
    pinyinKeyboard.obj.lvObjSetStylePadGap(10, dxui.Utils.ENUM._LV_STYLE_STATE_CMP_SAME)
    pinyinKeyboard.padAll(10)
    pinyinKeyboard.bgColor(0xffffff, dxui.Utils.STYLE_PART.ITEMS)
    pinyinKeyboard.bgColor(0xe6e6e6)
    pinyinKeyboard.setSize(pinyinPanel.width(), pinyinPanel.height())
    pinyinKeyboard.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, 0)
    pinyinKeyboard.data([
        "q", "w", "e", "r", "t", "y", "u", "i", "o", "p", "\n",
        " ", "a", "s", "d", "f", "g", "h", "j", "k", "l", " ", "\n",
        "分词", "z", "x", "c", "v", "b", "n", "m", " ", "\n",
        "!?#", "123", "，", " ", "。", "中", " ",
        ""])
    // 设置按钮宽度
    pinyinKeyboard.setBtnWidth(10, 1)
    for (let i = 11; i < 20; i++) {
        pinyinKeyboard.setBtnWidth(i, 2)
    }
    pinyinKeyboard.setBtnWidth(20, 1)
    pinyinKeyboard.setBtnWidth(21, 3)
    for (let i = 22; i < 29; i++) {
        pinyinKeyboard.setBtnWidth(i, 2)
    }
    pinyinKeyboard.setBtnWidth(29, 3)
    pinyinKeyboard.obj.addEventCb((e) => {
        let dsc = e.lvEventGetDrawPartDsc()
        if (dsc.class_p == pinyinKeyboard.obj.ClassP && dsc.type == dxui.Utils.ENUM.LV_BTNMATRIX_DRAW_PART_BTN) {
            // 隐藏无用按钮
            if (dsc.id == 10 || dsc.id == 20) {
                dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_opa: 0, shadow_opa: 0 })
            }
            // 加深一些功能按钮
            if (dsc.id == 21 || dsc.id == 29 || dsc.id == 30 || dsc.id == 31 || dsc.id == 35) {
                if (pinyinKeyboard.obj.lvBtnmatrixGetSelectedBtn() == dsc.id && e.lvEventGetTarget().hasState(dxui.Utils.ENUM.LV_STATE_PRESSED)) {
                    dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0xcdcdcd })
                } else {
                    dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0xdbdbdb })
                }
            }
            // 回车按钮蓝色
            if (dsc.id == 36) {
                if (pinyinKeyboard.obj.lvBtnmatrixGetSelectedBtn() == dsc.id && e.lvEventGetTarget().hasState(dxui.Utils.ENUM.LV_STATE_PRESSED)) {
                    dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0x0C6CE4 })
                } else {
                    dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0x0C78FE })
                }
            }
        }
    }, dxui.Utils.ENUM.LV_EVENT_DRAW_PART_BEGIN)
    pinyinKeyboard.obj.addEventCb((e) => {
        let dsc = e.lvEventGetDrawPartDsc()
        if (dsc.class_p == pinyinKeyboard.obj.ClassP && dsc.type == dxui.Utils.ENUM.LV_BTNMATRIX_DRAW_PART_BTN) {
            // 删除按钮图案添加
            if (dsc.id == 29) {
                let src = '/app/code/resource/image/backspace.png'
                // 获取图片信息
                let header = dxui.Utils.GG.NativeDraw.lvImgDecoderGetInfo(src)
                // 定义一块区域，居中显示，注意：尺寸转area需要-1，area转尺寸需要+1
                let x1 = dsc.draw_area.x1 + (dsc.draw_area.x2 - dsc.draw_area.x1 + 1 - header.w) / 2;
                let y1 = dsc.draw_area.y1 + (dsc.draw_area.y2 - dsc.draw_area.y1 + 1 - header.h) / 2;
                let x2 = x1 + header.w - 1;
                let y2 = y1 + header.h - 1;
                let area = dxui.Utils.GG.NativeArea.lvAreaSet(x1, y1, x2, y2)
                // 绘制图片信息
                let img_draw_dsc = dxui.Utils.GG.NativeDraw.lvDrawImgDscInit()
                // 绘制图片
                dxui.Utils.GG.NativeDraw.lvDrawImg(dsc.dsc, img_draw_dsc, area, src)
            }
            // 回车按钮图案添加
            if (dsc.id == 36) {
                let src = '/app/code/resource/image/enter.png'
                // 获取图片信息
                let header = dxui.Utils.GG.NativeDraw.lvImgDecoderGetInfo(src)
                // 定义一块区域，居中显示，注意：尺寸转area需要-1，area转尺寸需要+1
                let x1 = dsc.draw_area.x1 + (dsc.draw_area.x2 - dsc.draw_area.x1 + 1 - header.w) / 2;
                let y1 = dsc.draw_area.y1 + (dsc.draw_area.y2 - dsc.draw_area.y1 + 1 - header.h) / 2;
                let x2 = x1 + header.w - 1;
                let y2 = y1 + header.h - 1;
                let area = dxui.Utils.GG.NativeArea.lvAreaSet(x1, y1, x2, y2)
                // 绘制图片信息
                let img_draw_dsc = dxui.Utils.GG.NativeDraw.lvDrawImgDscInit()
                // 绘制图片
                dxui.Utils.GG.NativeDraw.lvDrawImg(dsc.dsc, img_draw_dsc, area, src)
            }
            // 空格按钮图案添加
            if (dsc.id == 33) {
                let src = '/app/code/resource/image/space.png'
                // 获取图片信息
                let header = dxui.Utils.GG.NativeDraw.lvImgDecoderGetInfo(src)
                // 定义一块区域，居中显示，注意：尺寸转area需要-1，area转尺寸需要+1
                let x1 = dsc.draw_area.x1 + (dsc.draw_area.x2 - dsc.draw_area.x1 + 1 - header.w) / 2;
                let y1 = dsc.draw_area.y1 + (dsc.draw_area.y2 - dsc.draw_area.y1 + 1 - header.h) / 2;
                let x2 = x1 + header.w - 1;
                let y2 = y1 + header.h - 1;
                y1 += 10
                y2 += 10
                let area = dxui.Utils.GG.NativeArea.lvAreaSet(x1, y1, x2, y2)
                // 绘制图片信息
                let img_draw_dsc = dxui.Utils.GG.NativeDraw.lvDrawImgDscInit()
                // 绘制图片
                dxui.Utils.GG.NativeDraw.lvDrawImg(dsc.dsc, img_draw_dsc, area, src)
            }
        }
    }, dxui.Utils.ENUM.LV_EVENT_DRAW_PART_END)
    // 查字典，根据输入内容查找
    function search() {
        // 输入的拼音
        let searchStr = phrase.text()
        if (searchStr.indexOf("'") >= 0) {
            searchStr = searchStr.substring(0, searchStr.indexOf("'"))
        }
        if (searchStr.length <= 0) {
            // 输入的拼音为空
            previewBox.fillData()
            return
        }
        let characters = ""
        let res = Object.keys(dict).filter(v => v.startsWith(searchStr))
        if (res.length > 0) {
            res.forEach(v => {
                characters += dict[v]
            })
        }
        previewBox.fillData(characters)
    }
    pinyinKeyboard.on(dxui.Utils.ENUM.LV_EVENT_LONG_PRESSED_REPEAT, () => {
        let clickBtn = pinyinKeyboard.clickedButton()
        let id = clickBtn.id
        switch (id) {
            case 29:
                // 退格，有词组先删除词组
                let temp = phrase.text()
                if (temp.length > 0) {
                    phrase.text(temp.substring(0, temp.length - 1))
                } else {
                    pinyin.cb({ cmd: "backspace" })
                }
                break;
        }
    })
    pinyinKeyboard.on(dxui.Utils.ENUM.LV_EVENT_PRESSED, () => {
        let clickBtn = pinyinKeyboard.clickedButton()
        let id = clickBtn.id
        let text = clickBtn.text
        switch (id) {
            case 21:
                // 分词
                if (phrase.text().length != 0 && phrase.text().indexOf("'") < 0) {
                    phrase.text(phrase.text() + "'")
                }
                break;
            case 29:
                // 退格，有词组先删除词组
                let temp = phrase.text()
                if (temp.length > 0) {
                    phrase.text(temp.substring(0, temp.length - 1))
                } else {
                    pinyin.cb({ cmd: "backspace" })
                }
                break;
            case 30:
                if (isLock) {
                    break;
                }
                // 切换符号键盘
                pinyin.symbolPanel.show()
                pinyin.pinyinPanel.hide()
                break;
            case 31:
                if (isLock) {
                    break;
                }
                // 切换数字键盘
                pinyin.numPanel.show()
                pinyin.pinyinPanel.hide()
                break;
            case 33:
                // 空格
                pinyin.cb(" ")
                break;
            case 35:
                if (isLock) {
                    break;
                }
                // 切换英文键盘
                pinyin.englishPanel.show()
                pinyin.pinyinPanel.hide()
                break;
            case 36:
                if (phrase.text().length > 0) {
                    pinyin.cb(phrase.text())
                    phrase.text("")
                    previewBox.fillData()
                    break;
                }
                // 回车
                pinyin.cb({ cmd: "enter" })
                break;
            default:
                break;
        }
        // 打印字符
        if (["，", "。"].includes(text)) {
            pinyin.cb(text)
        }
        if (["q", "w", "e", "r", "t", "y", "u", "i", "o", "p",
            "a", "s", "d", "f", "g", "h", "j", "k", "l",
            "z", "x", "c", "v", "b", "n", "m"].includes(text) && phrase.text().indexOf("'") < 0) {
            phrase.text(phrase.text() + text)
        }
        search()
    })
    pinyinPanel.hide()
    return pinyinPanel
}

// 数字键盘
function createNum() {
    let numPanel = dxui.View.build(pinyin.container.id + 'numPanel', pinyin.container)
    clearStyle(numPanel)
    numPanel.setSize(pinyin.container.width(), pinyin.container.height())
    numPanel.update()
    // 创建数字键盘
    let numKeyboard = dxui.Buttons.build(numPanel.id + 'numKeyboard', numPanel)
    clearStyle(numKeyboard)
    numKeyboard.obj.lvObjSetStylePadGap(10, dxui.Utils.ENUM._LV_STYLE_STATE_CMP_SAME)
    numKeyboard.padAll(10)
    numKeyboard.bgColor(0xffffff, dxui.Utils.STYLE_PART.ITEMS)
    numKeyboard.bgColor(0xe6e6e6)
    numKeyboard.setSize(numPanel.width(), numPanel.height())
    numKeyboard.data([
        "1", "2", "3", " ", "\n",
        "4", "5", "6", "+", "\n",
        "7", "8", "9", "-", "\n",
        "ABC", "0", ".", " ", "",
    ])
    numKeyboard.obj.addEventCb((e) => {
        let dsc = e.lvEventGetDrawPartDsc()
        if (dsc.class_p == numKeyboard.obj.ClassP && dsc.type == dxui.Utils.ENUM.LV_BTNMATRIX_DRAW_PART_BTN) {
            // 加深两个功能按钮
            if ([3, 7, 11, 12, 14].includes(dsc.id)) {
                if (numKeyboard.obj.lvBtnmatrixGetSelectedBtn() == dsc.id && e.lvEventGetTarget().hasState(dxui.Utils.ENUM.LV_STATE_PRESSED)) {
                    dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0xcdcdcd })
                } else {
                    dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0xdbdbdb })
                }
            }
            // 回车按钮蓝色
            if (dsc.id == 15) {
                if (numKeyboard.obj.lvBtnmatrixGetSelectedBtn() == dsc.id && e.lvEventGetTarget().hasState(dxui.Utils.ENUM.LV_STATE_PRESSED)) {
                    dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0x0C6CE4 })
                } else {
                    dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0x0C78FE })
                }
            }
        }
    }, dxui.Utils.ENUM.LV_EVENT_DRAW_PART_BEGIN)
    numKeyboard.obj.addEventCb((e) => {
        let dsc = e.lvEventGetDrawPartDsc()
        if (dsc.class_p == numKeyboard.obj.ClassP && dsc.type == dxui.Utils.ENUM.LV_BTNMATRIX_DRAW_PART_BTN) {
            // 删除按钮图案
            if (dsc.id == 3) {
                let src = '/app/code/resource/image/backspace.png'
                // 获取图片信息
                let header = dxui.Utils.GG.NativeDraw.lvImgDecoderGetInfo(src)
                // 定义一块区域，居中显示，注意：尺寸转area需要-1，area转尺寸需要+1
                let x1 = dsc.draw_area.x1 + (dsc.draw_area.x2 - dsc.draw_area.x1 + 1 - header.w) / 2;
                let y1 = dsc.draw_area.y1 + (dsc.draw_area.y2 - dsc.draw_area.y1 + 1 - header.h) / 2;
                let x2 = x1 + header.w - 1;
                let y2 = y1 + header.h - 1;
                let area = dxui.Utils.GG.NativeArea.lvAreaSet(x1, y1, x2, y2)
                // 绘制图片信息
                let img_draw_dsc = dxui.Utils.GG.NativeDraw.lvDrawImgDscInit()
                // 绘制图片
                dxui.Utils.GG.NativeDraw.lvDrawImg(dsc.dsc, img_draw_dsc, area, src)
            }
            if (dsc.id == 15) {
                let src = '/app/code/resource/image/enter.png'
                // 获取图片信息
                let header = dxui.Utils.GG.NativeDraw.lvImgDecoderGetInfo(src)
                // 定义一块区域，居中显示，注意：尺寸转area需要-1，area转尺寸需要+1
                let x1 = dsc.draw_area.x1 + (dsc.draw_area.x2 - dsc.draw_area.x1 + 1 - header.w) / 2;
                let y1 = dsc.draw_area.y1 + (dsc.draw_area.y2 - dsc.draw_area.y1 + 1 - header.h) / 2;
                let x2 = x1 + header.w - 1;
                let y2 = y1 + header.h - 1;
                let area = dxui.Utils.GG.NativeArea.lvAreaSet(x1, y1, x2, y2)
                // 绘制图片信息
                let img_draw_dsc = dxui.Utils.GG.NativeDraw.lvDrawImgDscInit()
                // 绘制图片
                dxui.Utils.GG.NativeDraw.lvDrawImg(dsc.dsc, img_draw_dsc, area, src)
            }
        }
    }, dxui.Utils.ENUM.LV_EVENT_DRAW_PART_END)
    numKeyboard.on(dxui.Utils.ENUM.LV_EVENT_LONG_PRESSED_REPEAT, () => {
        let clickBtn = numKeyboard.clickedButton()
        let id = clickBtn.id
        switch (id) {
            case 3:
                // 退格
                pinyin.cb({ cmd: "backspace" })
                break;
        }
    })
    numKeyboard.on(dxui.Utils.ENUM.LV_EVENT_PRESSED, () => {
        let clickBtn = numKeyboard.clickedButton()
        let id = clickBtn.id
        let text = clickBtn.text
        switch (id) {
            case 3:
                // 退格
                pinyin.cb({ cmd: "backspace" })
                break;
            case 12:
                if (isLock) {
                    break;
                }
                // 切换英文键盘
                pinyin.englishPanel.show()
                pinyin.numPanel.hide()
                break;
            case 15:
                // 回车
                pinyin.cb({ cmd: "enter" })
                break;
            default:
                break;
        }
        // 打印字符
        if (["1", "2", "3",
            "4", "5", "6", "+",
            "7", "8", "9", "-",
            "0", "."].includes(text)) {
            pinyin.cb(text)
        }
    })
    numPanel.hide()
    return numPanel
}

// 符号键盘
function createSymbol() {
    let symbolPanel = dxui.View.build(pinyin.container.id + 'symbolPanel', pinyin.container)
    clearStyle(symbolPanel)
    symbolPanel.setSize(pinyin.container.width(), pinyin.container.height())
    symbolPanel.update()
    // 创建符号键盘
    let symbolKeyboard = dxui.Buttons.build(symbolPanel.id + 'symbolKeyboard', symbolPanel)
    clearStyle(symbolKeyboard)
    symbolKeyboard.obj.lvObjSetStylePadGap(10, dxui.Utils.ENUM._LV_STYLE_STATE_CMP_SAME)
    symbolKeyboard.padAll(10)
    symbolKeyboard.bgColor(0xffffff, dxui.Utils.STYLE_PART.ITEMS)
    symbolKeyboard.bgColor(0xe6e6e6)
    symbolKeyboard.setSize(symbolPanel.width(), symbolPanel.height())
    symbolKeyboard.data([
        "^", "\\", "|", "<", ">", "¢", "£", "€", "¥", "₱", "\n",
        "[", "]", "{", "}", "#", "%", "+", "=", "~", "_", "\n",
        " ", "-", "/", ":", ";", "(", ")", "$", "&", "\"", " ", "\n",
        "123", "`", "?", "!", "*", "@", ",", "'", " ", "\n",
        "ABC", " ", " ", ""
    ])
    symbolKeyboard.setBtnWidth(20, 1)
    for (let i = 21; i < 30; i++) {
        symbolKeyboard.setBtnWidth(i, 2)
    }
    symbolKeyboard.setBtnWidth(30, 1)
    symbolKeyboard.setBtnWidth(31, 3)
    for (let i = 32; i < 39; i++) {
        symbolKeyboard.setBtnWidth(i, 2)
    }
    symbolKeyboard.setBtnWidth(39, 3)
    symbolKeyboard.setBtnWidth(41, 2)
    symbolKeyboard.obj.addEventCb((e) => {
        let dsc = e.lvEventGetDrawPartDsc()
        if (dsc.class_p == symbolKeyboard.obj.ClassP && dsc.type == dxui.Utils.ENUM.LV_BTNMATRIX_DRAW_PART_BTN) {
            // 隐藏无用按钮
            if (dsc.id == 20 || dsc.id == 30) {
                dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_opa: 0, shadow_opa: 0 })
            }
            // 加深一些功能按钮
            if (dsc.id == 31 || dsc.id == 39 || dsc.id == 40 || dsc.id == 41 || dsc.id == 45) {
                if (symbolKeyboard.obj.lvBtnmatrixGetSelectedBtn() == dsc.id && e.lvEventGetTarget().hasState(dxui.Utils.ENUM.LV_STATE_PRESSED)) {
                    dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0xcdcdcd })
                } else {
                    dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0xdbdbdb })
                }
            }
            // 回车按钮蓝色
            if (dsc.id == 42) {
                if (symbolKeyboard.obj.lvBtnmatrixGetSelectedBtn() == dsc.id && e.lvEventGetTarget().hasState(dxui.Utils.ENUM.LV_STATE_PRESSED)) {
                    dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0x0C6CE4 })
                } else {
                    dxui.Utils.GG.NativeDraw.lvDrawRectReset(dsc.rect_dsc, { bg_color: 0x0C78FE })
                }
            }
        }
    }, dxui.Utils.ENUM.LV_EVENT_DRAW_PART_BEGIN)
    symbolKeyboard.obj.addEventCb((e) => {
        let dsc = e.lvEventGetDrawPartDsc()
        if (dsc.class_p == symbolKeyboard.obj.ClassP && dsc.type == dxui.Utils.ENUM.LV_BTNMATRIX_DRAW_PART_BTN) {
            if (dsc.id == 39) {
                let src = '/app/code/resource/image/backspace.png'
                // 获取图片信息
                let header = dxui.Utils.GG.NativeDraw.lvImgDecoderGetInfo(src)
                // 定义一块区域，居中显示，注意：尺寸转area需要-1，area转尺寸需要+1
                let x1 = dsc.draw_area.x1 + (dsc.draw_area.x2 - dsc.draw_area.x1 + 1 - header.w) / 2;
                let y1 = dsc.draw_area.y1 + (dsc.draw_area.y2 - dsc.draw_area.y1 + 1 - header.h) / 2;
                let x2 = x1 + header.w - 1;
                let y2 = y1 + header.h - 1;
                let area = dxui.Utils.GG.NativeArea.lvAreaSet(x1, y1, x2, y2)
                // 绘制图片信息
                let img_draw_dsc = dxui.Utils.GG.NativeDraw.lvDrawImgDscInit()
                // 绘制图片
                dxui.Utils.GG.NativeDraw.lvDrawImg(dsc.dsc, img_draw_dsc, area, src)
            }
            if (dsc.id == 42) {
                let src = '/app/code/resource/image/enter.png'
                // 获取图片信息
                let header = dxui.Utils.GG.NativeDraw.lvImgDecoderGetInfo(src)
                // 定义一块区域，居中显示，注意：尺寸转area需要-1，area转尺寸需要+1
                let x1 = dsc.draw_area.x1 + (dsc.draw_area.x2 - dsc.draw_area.x1 + 1 - header.w) / 2;
                let y1 = dsc.draw_area.y1 + (dsc.draw_area.y2 - dsc.draw_area.y1 + 1 - header.h) / 2;
                let x2 = x1 + header.w - 1;
                let y2 = y1 + header.h - 1;
                let area = dxui.Utils.GG.NativeArea.lvAreaSet(x1, y1, x2, y2)
                // 绘制图片信息
                let img_draw_dsc = dxui.Utils.GG.NativeDraw.lvDrawImgDscInit()
                // 绘制图片
                dxui.Utils.GG.NativeDraw.lvDrawImg(dsc.dsc, img_draw_dsc, area, src)
            }
            if (dsc.id == 41) {
                let src = '/app/code/resource/image/space.png'
                // 获取图片信息
                let header = dxui.Utils.GG.NativeDraw.lvImgDecoderGetInfo(src)
                // 定义一块区域，居中显示，注意：尺寸转area需要-1，area转尺寸需要+1
                let x1 = dsc.draw_area.x1 + (dsc.draw_area.x2 - dsc.draw_area.x1 + 1 - header.w) / 2;
                let y1 = dsc.draw_area.y1 + (dsc.draw_area.y2 - dsc.draw_area.y1 + 1 - header.h) / 2;
                let x2 = x1 + header.w - 1;
                let y2 = y1 + header.h - 1;
                y1 += 10
                y2 += 10
                let area = dxui.Utils.GG.NativeArea.lvAreaSet(x1, y1, x2, y2)
                // 绘制图片信息
                let img_draw_dsc = dxui.Utils.GG.NativeDraw.lvDrawImgDscInit()
                // 绘制图片
                dxui.Utils.GG.NativeDraw.lvDrawImg(dsc.dsc, img_draw_dsc, area, src)
            }
        }
    }, dxui.Utils.ENUM.LV_EVENT_DRAW_PART_END)
    symbolKeyboard.on(dxui.Utils.ENUM.LV_EVENT_LONG_PRESSED_REPEAT, () => {
        let clickBtn = symbolKeyboard.clickedButton()
        let id = clickBtn.id
        switch (id) {
            case 39:
                // 退格
                pinyin.cb({ cmd: "backspace" })
                break;
        }
    })
    symbolKeyboard.on(dxui.Utils.ENUM.LV_EVENT_PRESSED, () => {
        let clickBtn = symbolKeyboard.clickedButton()
        let id = clickBtn.id
        let text = clickBtn.text
        switch (id) {
            case 31:
                if (isLock) {
                    break;
                }
                // 切换数字键盘
                pinyin.numPanel.show()
                pinyin.symbolPanel.hide()
                break;
            case 39:
                // 退格
                pinyin.cb({ cmd: "backspace" })
                break;
            case 40:
                if (isLock) {
                    break;
                }
                // 切换英文键盘
                pinyin.englishPanel.show()
                pinyin.symbolPanel.hide()
                break;
            case 41:
                // 空格
                pinyin.cb(" ")
                break;
            case 42:
                // 回车
                pinyin.cb({ cmd: "enter" })
                break;
            default:
                break;
        }
        // 打印字符
        if (["^", "\\", "|", "<", ">", "¢", "£", "€", "¥", "₱",
            "[", "]", "{", "}", "#", "%", "+", "=", "~", "_",
            "-", "/", ":", ";", "(", ")", "$", "&", "\"",
            "`", "?", "!", "*", "@", ",", "'"].includes(text)) {
            pinyin.cb(text)
        }
    })
    symbolPanel.hide()
    return symbolPanel
}
// 清除样式
function clearStyle(obj) {
    obj.radius(0)
    obj.borderWidth(0)
    obj.padAll(0)
}
export default pinyin