@composy/keyboard-core 0.0.1 → 0.0.2

package/dist/index.min.js

@@ -1 +1,2981 @@
-(function(global,factory){typeof exports==="object"&&typeof module!=="undefined"?factory(exports):typeof define==="function"&&define.amd?define(["exports"],factory):(global=typeof globalThis!=="undefined"?globalThis:global||self,factory(global.LDesignKeyboardCore={}));})(this,function(exports){Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function createCharKey$4(char){return{id:`char-${char.toLowerCase()}`,type:"char",label:{lower:char.toLowerCase(),upper:char.toUpperCase()},value:{lower:char.toLowerCase(),upper:char.toUpperCase()}};}const qwertyLayout={type:"qwerty",name:"字母键盘",supportShift:true,defaultUpperCase:false,switchable:["number","symbol"],rows:[{keys:[createCharKey$4("Q"),createCharKey$4("W"),createCharKey$4("E"),createCharKey$4("R"),createCharKey$4("T"),createCharKey$4("Y"),createCharKey$4("U"),createCharKey$4("I"),createCharKey$4("O"),createCharKey$4("P")]},{keys:[createCharKey$4("A"),createCharKey$4("S"),createCharKey$4("D"),createCharKey$4("F"),createCharKey$4("G"),createCharKey$4("H"),createCharKey$4("J"),createCharKey$4("K"),createCharKey$4("L")]},{keys:[{id:"shift",type:"shift",label:"⇧",width:1.5,className:"key-shift"},createCharKey$4("Z"),createCharKey$4("X"),createCharKey$4("C"),createCharKey$4("V"),createCharKey$4("B"),createCharKey$4("N"),createCharKey$4("M"),{id:"backspace",type:"backspace",label:"⌫",width:1.5,className:"key-backspace"}]},{keys:[{id:"switch-number",type:"tab",label:"123",width:1.5,className:"key-switch",data:{targetType:"number"}},{id:"switch-symbol",type:"tab",label:"#+=",width:1.25,className:"key-switch",data:{targetType:"symbol"}},{id:"space",type:"space",label:"空格",value:" ",width:4,className:"key-space"},{id:"done",type:"done",label:"完成",width:2,className:"key-done"}]}]};const ICON_DELETE=`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z"/><path d="m12 9 6 6"/><path d="m18 9-6 6"/></svg>`;const ICON_CLEAR=`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`;const ICON_CLOSE=`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`;const ICON_CHECK=`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>`;const ICON_ENTER=`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 10 4 15 9 20"/><path d="M20 4v7a4 4 0 0 1-4 4H4"/></svg>`;const ICON_SHIFT=`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18v-6H5l7-7 7 7h-4v6H9z"/></svg>`;const ICON_SPACE=`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 17v1c0 .5-.5 1-1 1H3c-.5 0-1-.5-1-1v-1"/></svg>`;const ICON_KEYBOARD=`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="M6 8h.001"/><path d="M10 8h.001"/><path d="M14 8h.001"/><path d="M18 8h.001"/><path d="M8 12h.001"/><path d="M12 12h.001"/><path d="M16 12h.001"/><path d="M7 16h10"/></svg>`;const ICON_VOICE=`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" x2="12" y1="19" y2="22"/></svg>`;const ICONS={delete:ICON_DELETE,clear:ICON_CLEAR,close:ICON_CLOSE,check:ICON_CHECK,enter:ICON_ENTER,shift:ICON_SHIFT,space:ICON_SPACE,keyboard:ICON_KEYBOARD,voice:ICON_VOICE};function createNumberKey$6(num){return{id:`num-${num}`,type:"char",label:num,value:num,className:"key-num"};}const numberLayout={type:"number",name:"数字键盘",supportShift:false,switchable:["qwerty","symbol"],rows:[{className:"numpad-row",keys:[createNumberKey$6("1"),createNumberKey$6("2"),createNumberKey$6("3"),{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$6("4"),createNumberKey$6("5"),createNumberKey$6("6"),{id:"clear",type:"clear",icon:ICON_CLEAR,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$6("7"),createNumberKey$6("8"),createNumberKey$6("9"),{id:"close",type:"close",label:"关闭",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[{id:"decimal",type:"char",label:".",value:".",className:"key-num"},createNumberKey$6("0"),{id:"done",type:"done",label:"确定",width:2,className:"key-numpad-done"}]}]};const integerLayout={type:"integer",name:"整数键盘",supportShift:false,switchable:["qwerty"],rows:[{className:"numpad-row",keys:[createNumberKey$6("1"),createNumberKey$6("2"),createNumberKey$6("3"),{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$6("4"),createNumberKey$6("5"),createNumberKey$6("6"),{id:"clear",type:"clear",icon:ICON_CLEAR,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$6("7"),createNumberKey$6("8"),createNumberKey$6("9"),{id:"close",type:"close",label:"关闭",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[{id:"switch-qwerty",type:"tab",label:"ABC",className:"key-numpad-fn",data:{targetType:"qwerty"}},createNumberKey$6("0"),{id:"done",type:"done",label:"确定",width:2,className:"key-numpad-done"}]}]};function createSymbolKey(symbol,id){return{id:id||`symbol-${symbol.charCodeAt(0)}`,type:"char",label:symbol,value:symbol};}const symbolLayout={type:"symbol",name:"符号键盘",supportShift:false,switchable:["qwerty","number"],rows:[{keys:[createSymbolKey("1"),createSymbolKey("2"),createSymbolKey("3"),createSymbolKey("4"),createSymbolKey("5"),createSymbolKey("6"),createSymbolKey("7"),createSymbolKey("8"),createSymbolKey("9"),createSymbolKey("0")]},{keys:[createSymbolKey("-"),createSymbolKey("/"),createSymbolKey(":"),createSymbolKey(";"),createSymbolKey("("),createSymbolKey(")"),createSymbolKey("¥","yen"),createSymbolKey("@"),createSymbolKey("\"","quote")]},{keys:[{id:"switch-symbol-2",type:"tab",label:"#+=",width:1.5,className:"key-switch",data:{targetType:"symbol-2"}},createSymbolKey("."),createSymbolKey(","),createSymbolKey("?"),createSymbolKey("!"),createSymbolKey("'","apostrophe"),{id:"backspace",type:"backspace",label:"⌫",width:1.5,className:"key-backspace"}]},{keys:[{id:"switch-qwerty",type:"tab",label:"ABC",width:1.5,className:"key-switch",data:{targetType:"qwerty"}},{id:"switch-number",type:"tab",label:"123",width:1.25,className:"key-switch",data:{targetType:"number"}},{id:"space",type:"space",label:"空格",value:" ",width:4,className:"key-space"},{id:"done",type:"done",label:"完成",width:2,className:"key-done"}]}]};const symbolLayout2={type:"symbol",name:"符号键盘2",supportShift:false,switchable:["qwerty","number"],rows:[{keys:[createSymbolKey("["),createSymbolKey("]"),createSymbolKey("{"),createSymbolKey("}"),createSymbolKey("#"),createSymbolKey("%"),createSymbolKey("^"),createSymbolKey("*"),createSymbolKey("+"),createSymbolKey("=")]},{keys:[createSymbolKey("_"),createSymbolKey("\\"),createSymbolKey("|"),createSymbolKey("~"),createSymbolKey("<"),createSymbolKey(">"),createSymbolKey("€","euro"),createSymbolKey("$"),createSymbolKey("&")]},{keys:[{id:"switch-symbol-1",type:"tab",label:"123",width:1.5,className:"key-switch",data:{targetType:"symbol"}},createSymbolKey("`","backtick"),createSymbolKey("·","middle-dot"),createSymbolKey("…","ellipsis"),createSymbolKey("°","degree"),createSymbolKey("•","bullet"),{id:"backspace",type:"backspace",label:"⌫",width:1.5,className:"key-backspace"}]},{keys:[{id:"switch-qwerty",type:"tab",label:"ABC",width:1.5,className:"key-switch",data:{targetType:"qwerty"}},{id:"switch-number",type:"tab",label:"123",width:1.25,className:"key-switch",data:{targetType:"number"}},{id:"space",type:"space",label:"空格",value:" ",width:4,className:"key-space"},{id:"done",type:"done",label:"完成",width:2,className:"key-done"}]}]};const PROVINCES=["京","津","沪","渝","冀","豫","云","辽","黑","湘","皖","鲁","新","苏","浙","赣","鄂","桂","甘","晋","蒙","陕","吉","闽","贵","粤","青","藏","川","宁","琼","港","澳"];const PLATE_LETTERS=["A","B","C","D","E","F","G","H","J","K","L","M","N","P","Q","R","S","T","U","V","W","X","Y","Z"];function createProvinceKey(province){return{id:`province-${province}`,type:"char",label:province,value:province,className:"key-plate-province",data:{switchAfterInput:"license-plate-alphanumeric"}};}function createLetterKey(letter){return{id:`letter-${letter}`,type:"char",label:letter,value:letter,className:"key-plate-letter"};}function createNumberKey$5(num){return{id:`num-${num}`,type:"char",label:num,value:num,className:"key-plate-number"};}const licensePlateProvinceLayout={type:"license-plate-province",name:"省份简称",supportShift:false,rows:[{className:"plate-keyboard-row",keys:PROVINCES.slice(0,10).map(createProvinceKey)},{className:"plate-keyboard-row",keys:PROVINCES.slice(10,20).map(createProvinceKey)},{className:"plate-keyboard-row",keys:PROVINCES.slice(20,30).map(createProvinceKey)},{className:"plate-keyboard-row",keys:[...PROVINCES.slice(30,33).map(createProvinceKey),{id:"plate-xue",type:"char",label:"学",value:"学",className:"key-plate-special",data:{switchAfterInput:"license-plate-alphanumeric"}},{id:"plate-jing",type:"char",label:"警",value:"警",className:"key-plate-special",data:{switchAfterInput:"license-plate-alphanumeric"}},{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",width:1.5,className:"key-plate-fn"},{id:"done",type:"done",label:"确定",width:2.5,className:"key-plate-done"}]}],data:{maxLength:8,inputType:"license-plate"}};const licensePlateAlphanumericLayout={type:"license-plate-alphanumeric",name:"字母数字",supportShift:false,rows:[{className:"plate-keyboard-row",keys:"1234567890".split("").map(createNumberKey$5)},{className:"plate-keyboard-row",keys:PLATE_LETTERS.slice(0,10).map(createLetterKey)},{className:"plate-keyboard-row",keys:[...PLATE_LETTERS.slice(10,19).map(createLetterKey),{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",className:"key-plate-fn"}]},{className:"plate-keyboard-row",keys:[{id:"switch-province",type:"tab",label:"省份",width:1.5,className:"key-plate-switch",data:{targetType:"license-plate-province"}},...PLATE_LETTERS.slice(19,24).map(createLetterKey),{id:"plate-xue",type:"char",label:"学",value:"学",className:"key-plate-special"},{id:"plate-jing",type:"char",label:"警",value:"警",className:"key-plate-special"},{id:"done",type:"done",label:"确定",width:1.5,className:"key-plate-done"}]}],data:{maxLength:8,inputType:"license-plate"}};const licensePlateLetterLayout={type:"license-plate-letter",name:"字母",supportShift:false,rows:[{className:"plate-keyboard-row",keys:PLATE_LETTERS.slice(0,8).map(createLetterKey)},{className:"plate-keyboard-row",keys:PLATE_LETTERS.slice(8,16).map(createLetterKey)},{className:"plate-keyboard-row",keys:[...PLATE_LETTERS.slice(16,24).map(createLetterKey)]},{className:"plate-keyboard-row",keys:[{id:"switch-province",type:"tab",label:"省份",width:2,className:"key-plate-switch",data:{targetType:"license-plate-province"}},{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",width:2,className:"key-plate-fn"},{id:"done",type:"done",label:"确定",width:2,className:"key-plate-done"}]}],data:{maxLength:8,inputType:"license-plate"}};const licensePlateLayout={type:"license-plate",name:"车牌号键盘",supportShift:false,data:{autoSwitch:true,maxLength:8,inputType:"license-plate"},rows:licensePlateProvinceLayout.rows};function createNumberKey$4(num){return{id:`idcard-${num}`,type:"char",label:num,value:num,className:"key-num"};}const idcardLayout={type:"idcard",name:"身份证键盘",supportShift:false,rows:[{className:"numpad-row",keys:[createNumberKey$4("1"),createNumberKey$4("2"),createNumberKey$4("3"),{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$4("4"),createNumberKey$4("5"),createNumberKey$4("6"),{id:"clear",type:"clear",icon:ICON_CLEAR,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$4("7"),createNumberKey$4("8"),createNumberKey$4("9"),{id:"idcard-x",type:"char",label:"X",value:"X",className:"key-num"}]},{className:"numpad-row",keys:[{id:"close",type:"close",label:"关闭",className:"key-numpad-fn"},createNumberKey$4("0"),{id:"done",type:"done",label:"确定",width:2,className:"key-numpad-done"}]}],data:{maxLength:18,inputType:"idcard"}};function createNumberKey$3(num){return{id:`phone-${num}`,type:"char",label:num,value:num,className:"key-num"};}const phoneLayout={type:"phone",name:"手机号键盘",supportShift:false,rows:[{className:"numpad-row",keys:[createNumberKey$3("1"),createNumberKey$3("2"),createNumberKey$3("3"),{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$3("4"),createNumberKey$3("5"),createNumberKey$3("6"),{id:"clear",type:"clear",icon:ICON_CLEAR,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$3("7"),createNumberKey$3("8"),createNumberKey$3("9"),{id:"close",type:"close",label:"关闭",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[{id:"phone-plus",type:"char",label:"+",value:"+",className:"key-num"},createNumberKey$3("0"),{id:"done",type:"done",label:"确定",width:2,className:"key-numpad-done"}]}],data:{maxLength:11,inputType:"phone"}};const phoneSimpleLayout={type:"phone-simple",name:"拨号键盘",supportShift:false,rows:[{className:"numpad-row",keys:[createNumberKey$3("1"),createNumberKey$3("2"),createNumberKey$3("3"),{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$3("4"),createNumberKey$3("5"),createNumberKey$3("6"),{id:"clear",type:"clear",icon:ICON_CLEAR,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$3("7"),createNumberKey$3("8"),createNumberKey$3("9"),{id:"phone-hash",type:"char",label:"#",value:"#",className:"key-num"}]},{className:"numpad-row",keys:[{id:"phone-star",type:"char",label:"*",value:"*",className:"key-num"},createNumberKey$3("0"),{id:"done",type:"done",label:"拨打",width:2,className:"key-numpad-done"}]}],data:{maxLength:13,inputType:"phone"}};function createNumberKey$2(num){return{id:`amount-${num}`,type:"char",label:num,value:num,className:"key-num"};}const amountLayout={type:"amount",name:"金额键盘",supportShift:false,rows:[{className:"numpad-row",keys:[createNumberKey$2("1"),createNumberKey$2("2"),createNumberKey$2("3"),{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$2("4"),createNumberKey$2("5"),createNumberKey$2("6"),{id:"clear",type:"clear",icon:ICON_CLEAR,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$2("7"),createNumberKey$2("8"),createNumberKey$2("9"),{id:"double-zero",type:"char",label:"00",value:"00",className:"key-num"}]},{className:"numpad-row",keys:[{id:"decimal",type:"char",label:".",value:".",className:"key-num"},createNumberKey$2("0"),{id:"done",type:"done",label:"确定",width:2,className:"key-numpad-done"}]}],data:{inputType:"amount",decimalPlaces:2}};const amountSimpleLayout={type:"amount-simple",name:"金额键盘",supportShift:false,rows:[{className:"numpad-row",keys:[createNumberKey$2("1"),createNumberKey$2("2"),createNumberKey$2("3"),{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$2("4"),createNumberKey$2("5"),createNumberKey$2("6"),{id:"clear",type:"clear",icon:ICON_CLEAR,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$2("7"),createNumberKey$2("8"),createNumberKey$2("9"),{id:"close",type:"close",label:"关闭",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[{id:"decimal",type:"char",label:".",value:".",className:"key-num"},createNumberKey$2("0"),{id:"done",type:"done",label:"确定",width:2,className:"key-numpad-done"}]}],data:{inputType:"amount",decimalPlaces:2}};function createNumberKey$1(num){return{id:`bankcard-${num}`,type:"char",label:num,value:num,className:"key-num"};}const bankcardLayout={type:"bankcard",name:"银行卡键盘",supportShift:false,rows:[{className:"numpad-row",keys:[createNumberKey$1("1"),createNumberKey$1("2"),createNumberKey$1("3"),{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$1("4"),createNumberKey$1("5"),createNumberKey$1("6"),{id:"clear",type:"clear",icon:ICON_CLEAR,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey$1("7"),createNumberKey$1("8"),createNumberKey$1("9"),{id:"close",type:"close",label:"关闭",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[{id:"switch-qwerty",type:"tab",label:"ABC",className:"key-numpad-fn",data:{targetType:"qwerty"}},createNumberKey$1("0"),{id:"done",type:"done",label:"确定",width:2,className:"key-numpad-done"}]}],data:{maxLength:19,inputType:"bankcard"}};function createNumberKey(num){return{id:`verify-${num}`,type:"char",label:num,value:num,className:"key-num"};}const verifycodeLayout={type:"verifycode",name:"验证码键盘",supportShift:false,rows:[{className:"numpad-row",keys:[createNumberKey("1"),createNumberKey("2"),createNumberKey("3"),{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey("4"),createNumberKey("5"),createNumberKey("6"),{id:"clear",type:"clear",icon:ICON_CLEAR,label:"",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[createNumberKey("7"),createNumberKey("8"),createNumberKey("9"),{id:"close",type:"close",label:"关闭",className:"key-numpad-fn"}]},{className:"numpad-row",keys:[{id:"empty",type:"char",label:"",value:"",disabled:true,className:"key-numpad-empty"},createNumberKey("0"),{id:"done",type:"done",label:"确定",width:2,className:"key-numpad-done"}]}],data:{maxLength:6,inputType:"verifycode"}};function createCharKey$3(char){return{id:`email-char-${char.toLowerCase()}`,type:"char",label:{lower:char.toLowerCase(),upper:char.toUpperCase()},value:{lower:char.toLowerCase(),upper:char.toUpperCase()}};}function snippet$1(label,id){return{id:id||`email-snippet-${label.replace(/[^a-z0-9]/gi,"")}`,type:"char",label,value:label,className:"key-snippet"};}const EMAIL_SUFFIXES=["@qq.com","@163.com","@126.com","@gmail.com","@outlook.com","@hotmail.com","@sina.com","@sohu.com","@icloud.com","@foxmail.com","@yeah.net","@139.com"];const emailLayout={type:"email",name:"邮箱键盘",supportShift:true,defaultUpperCase:false,switchable:["symbol","number"],rows:[{keys:"qwertyuiop".split("").map(createCharKey$3)},{keys:"asdfghjkl".split("").map(createCharKey$3)},{keys:[{id:"shift",type:"shift",icon:ICON_SHIFT,label:"",width:1.5,className:"key-shift"},..."zxcvbnm".split("").map(createCharKey$3),{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",width:1.5,className:"key-backspace"}]},{keys:[{id:"switch-number",type:"tab",label:"123",width:1.25,className:"key-switch",data:{targetType:"number"}},{id:"email-at",type:"char",label:"@",value:"@",className:"key-at"},{id:"email-suffix",type:"char",label:".com",value:"",width:1.5,className:"key-suffix",options:EMAIL_SUFFIXES},snippet$1(".","email-dot"),snippet$1("-","email-dash"),snippet$1("_","email-underscore"),{id:"space",type:"space",label:"",value:" ",width:2,className:"key-space"},{id:"email-done",type:"done",label:"确定",width:1.5,className:"key-done"}]}]};function createCharKey$2(char){return{id:`url-char-${char.toLowerCase()}`,type:"char",label:{lower:char.toLowerCase(),upper:char.toUpperCase()},value:{lower:char.toLowerCase(),upper:char.toUpperCase()}};}function snippet(label,width){return{id:`url-snippet-${label.replace(/[^a-z0-9]/gi,"")||label.split("").map((c)=>c.charCodeAt(0)).join("")}`,type:"char",label,value:label,width,className:"key-snippet"};}const urlLayout={type:"url",name:"网址键盘",supportShift:true,defaultUpperCase:false,switchable:["symbol","number"],rows:[{keys:"qwertyuiop".split("").map(createCharKey$2)},{keys:"asdfghjkl".split("").map(createCharKey$2)},{keys:[{id:"shift",type:"shift",icon:ICON_SHIFT,label:"",width:1.5,className:"key-shift"},..."zxcvbnm".split("").map(createCharKey$2),{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",width:1.5,className:"key-backspace"}]},{keys:[{id:"switch-number",type:"tab",label:"123",width:1.2,className:"key-switch",data:{targetType:"number"}},snippet("/",.8),snippet(".",.8),snippet("-",.8),snippet(".com",1.5),snippet(".cn",1.2),{id:"space",type:"space",label:"",value:" ",width:1.5,className:"key-space"},{id:"url-go",type:"done",label:"前往",width:1.5,className:"key-done"}]}]};function createCharKey$1(char){return{id:`search-char-${char.toLowerCase()}`,type:"char",label:{lower:char.toLowerCase(),upper:char.toUpperCase()},value:{lower:char.toLowerCase(),upper:char.toUpperCase()}};}const searchLayout={type:"search",name:"搜索键盘",supportShift:true,defaultUpperCase:false,switchable:["symbol","number"],rows:[{keys:"qwertyuiop".split("").map(createCharKey$1)},{keys:"asdfghjkl".split("").map(createCharKey$1)},{keys:[{id:"shift",type:"shift",icon:ICON_SHIFT,label:"",width:1.5,className:"key-shift"},..."zxcvbnm".split("").map(createCharKey$1),{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",width:1.5,className:"key-backspace"}]},{keys:[{id:"switch-number",type:"tab",label:"123",width:1.25,className:"key-switch",data:{targetType:"number"}},{id:"switch-symbol",type:"tab",label:"#+=",width:1.25,className:"key-switch",data:{targetType:"symbol"}},{id:"space",type:"space",label:"",value:" ",width:4,className:"key-space"},{id:"voice",type:"custom",icon:ICON_VOICE,label:"",width:1,className:"key-voice",data:{action:"voice"}},{id:"search-done",type:"done",label:"搜索",width:2,className:"key-done"}]}]};function p(label,value){return{id:`punct-${label}`,type:"char",label,value:value??label,className:"key-num"};}const punctLayout={type:"punct",name:"中文标点",supportShift:false,switchable:["qwerty","punct-en"],rows:[{className:"virtual-keyboard__row",keys:["，","。","？","！","：","；","\"","\""].map((s)=>p(s))},{className:"virtual-keyboard__row",keys:["（","）","【","】","《","》","……","——"].map((s)=>p(s))},{className:"virtual-keyboard__row",keys:[p("·"),p("、"),p("「"),p("」"),p("『"),p("』"),p("~"),{id:"backspace",type:"backspace",icon:ICON_DELETE,label:"",className:"key-numpad-fn"}]},{className:"virtual-keyboard__row",keys:[{id:"switch-punct-en",type:"tab",label:"英",data:{targetType:"punct-en"},className:"key-numpad-fn"},{id:"switch-qwerty",type:"tab",label:"ABC",data:{targetType:"qwerty"},className:"key-numpad-fn"},{id:"space",type:"space",label:"空格",value:" ",width:4,className:"key-num"},{id:"done",type:"done",icon:ICON_CHECK,label:"",width:2,className:"key-numpad-done"}]}]};const builtinLayouts={"qwerty":qwertyLayout,"number":numberLayout,"integer":integerLayout,"symbol":symbolLayout,"symbol-2":symbolLayout2,"license-plate":licensePlateLayout,"license-plate-province":licensePlateProvinceLayout,"license-plate-letter":licensePlateLetterLayout,"license-plate-alphanumeric":licensePlateAlphanumericLayout,"idcard":idcardLayout,"phone":phoneLayout,"phone-simple":phoneSimpleLayout,"amount":amountLayout,"amount-simple":amountSimpleLayout,"bankcard":bankcardLayout,"verifycode":verifycodeLayout,"email":emailLayout,"url":urlLayout,"search":searchLayout,"punct":punctLayout};const customLayouts={};function registerLayout(name,layout){if(builtinLayouts[name]){console.warn(`[Keyboard]Cannot override builtin layout "${name}"`);return;}customLayouts[name]=layout;}function getLayout(type){return customLayouts[type]||builtinLayouts[type];}function getAvailableLayouts(){return[...Object.keys(builtinLayouts),...Object.keys(customLayouts)];}function hasLayout(name){return name in builtinLayouts||name in customLayouts;}function unregisterLayout(name){if(name in customLayouts){delete customLayouts[name];return true;}return false;}function registerLayouts(layouts){Object.entries(layouts).forEach(([name,layout])=>{registerLayout(name,layout);});}var EventEmitter=class{constructor(){this.handlers=new Map();}on(event,handler,options={}){if(!this.handlers.has(event))this.handlers.set(event,new Set());const handlers=this.handlers.get(event);const wrapper={handler,options};handlers.add(wrapper);return()=>{handlers.delete(wrapper);if(handlers.size===0)this.handlers.delete(event);};}once(event,handler,options={}){return this.on(event,handler,{...options,once:true});}off(event,handler){if(!handler){this.handlers.delete(event);return;}const handlers=this.handlers.get(event);if(handlers){handlers.forEach((wrapper)=>{if(wrapper.handler===handler)handlers.delete(wrapper);});if(handlers.size===0)this.handlers.delete(event);}}emit(event,data){const handlers=this.handlers.get(event);if(!handlers||handlers.size===0)return;const sortedHandlers=Array.from(handlers).sort((a,b)=>{const priorityA=a.options.priority??0;return(b.options.priority??0)-priorityA;});const toRemove=[];sortedHandlers.forEach((wrapper)=>{try{wrapper.handler(data);if(wrapper.options.once)toRemove.push(wrapper);}catch(error){console.error(`[KeyboardEventEmitter]Error in event handler for "${String(event)}":`,error);}});toRemove.forEach((wrapper)=>handlers.delete(wrapper));if(handlers.size===0)this.handlers.delete(event);}clear(){this.handlers.clear();}listenerCount(event){if(event!==void 0)return this.handlers.get(event)?.size??0;let count=0;this.handlers.forEach((handlers)=>{count+=handlers.size;});return count;}};const MOBILE_UA_REGEX=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;let cachedIsTouchDevice=null;function isTouchDevice(){if(cachedIsTouchDevice!==null)return cachedIsTouchDevice;if(typeof window==="undefined"){cachedIsTouchDevice=false;return false;}cachedIsTouchDevice="ontouchstart" in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0;return cachedIsTouchDevice;}function isMobileUA(){if(typeof navigator==="undefined")return false;return MOBILE_UA_REGEX.test(navigator.userAgent);}function isMobile(){if(typeof window==="undefined")return false;if(isMobileUA())return true;if((window.innerWidth||document.documentElement.clientWidth)<=768)return true;return isTouchDevice();}function getDeviceType(){return isMobile()?"mobile":"desktop";}function getViewportInfo(){if(typeof window==="undefined")return{width:0,height:0,scrollX:0,scrollY:0,isMobile:false};const width=window.innerWidth||document.documentElement.clientWidth;const height=window.innerHeight||document.documentElement.clientHeight;const safeArea=getSafeAreaInsets();return{width,height,scrollX:window.scrollX||window.pageXOffset,scrollY:window.scrollY||window.pageYOffset,isMobile:isMobile(),safeArea};}function getSafeAreaInsets(){if(typeof window==="undefined"||typeof CSS==="undefined"||!CSS.supports)return{top:0,right:0,bottom:0,left:0};if(!CSS.supports("padding-top","env(safe-area-inset-top)"))return{top:0,right:0,bottom:0,left:0};const div=document.createElement("div");div.style.cssText=` position:fixed;top:env(safe-area-inset-top);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);pointer-events:none;visibility:hidden;`;document.body.appendChild(div);const computed=getComputedStyle(div);const safeArea={top:Number.parseFloat(computed.top)||0,right:Number.parseFloat(computed.right)||0,bottom:Number.parseFloat(computed.bottom)||0,left:Number.parseFloat(computed.left)||0};document.body.removeChild(div);return safeArea;}function supportsVibrate(){return typeof navigator!=="undefined"&&"vibrate" in navigator;}function vibrate(pattern=10){if(supportsVibrate())return navigator.vibrate(pattern);return false;}function onViewportChange(callback){if(typeof window==="undefined")return()=>{};const handler=()=>{callback(getViewportInfo());};window.addEventListener("resize",handler);window.addEventListener("orientationchange",handler);return()=>{window.removeEventListener("resize",handler);window.removeEventListener("orientationchange",handler);};}function getBoundingRect(element){const rect=element.getBoundingClientRect();return{x:rect.left,y:rect.top,width:rect.width,height:rect.height};}function getElementOffset(element){const rect=element.getBoundingClientRect();const scrollLeft=window.pageXOffset||document.documentElement.scrollLeft;const scrollTop=window.pageYOffset||document.documentElement.scrollTop;return{x:rect.left+scrollLeft,y:rect.top+scrollTop};}function isElementInViewport(element){const rect=element.getBoundingClientRect();return rect.top>=0&&rect.left>=0&&rect.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&rect.right<=(window.innerWidth||document.documentElement.clientWidth);}function isClickOutside(event,element){const target=event.target;return!element.contains(target);}function preventDefaultAndStopPropagation(event){event.preventDefault();event.stopPropagation();}function onClickOutside(element,callback){const handler=(event)=>{if(isClickOutside(event,element))callback(event);};document.addEventListener("mousedown",handler);document.addEventListener("touchstart",handler);return()=>{document.removeEventListener("mousedown",handler);document.removeEventListener("touchstart",handler);};}function scrollIntoViewIfNeeded(element,container){if(!container){element.scrollIntoView({behavior:"smooth",block:"nearest"});return;}const elementRect=element.getBoundingClientRect();const containerRect=container.getBoundingClientRect();if(elementRect.bottom>containerRect.bottom)container.scrollTop+=elementRect.bottom-containerRect.bottom;else if(elementRect.top<containerRect.top)container.scrollTop-=containerRect.top-elementRect.top;}function getInputCursorPosition(input){return input.selectionStart??input.value.length;}function setInputCursorPosition(input,position){input.setSelectionRange(position,position);}function insertTextAtCursor(input,text,maxLength){const start=input.selectionStart??input.value.length;const end=input.selectionEnd??input.value.length;const currentValue=input.value;let newValue=currentValue.substring(0,start)+text+currentValue.substring(end);if(maxLength!==void 0&&newValue.length>maxLength){const allowedLength=maxLength-(currentValue.length-(end-start));if(allowedLength<=0)return{value:currentValue,cursorPosition:start};newValue=currentValue.substring(0,start)+text.substring(0,allowedLength)+currentValue.substring(end);}const newCursorPosition=start+text.length;return{value:newValue,cursorPosition:Math.min(newCursorPosition,newValue.length)};}function deleteCharBeforeCursor(input){const start=input.selectionStart??input.value.length;const end=input.selectionEnd??input.value.length;const currentValue=input.value;if(start!==end){const deletedChar2=currentValue.substring(start,end);return{value:currentValue.substring(0,start)+currentValue.substring(end),deletedChar:deletedChar2,cursorPosition:start};}if(start===0)return{value:currentValue,deletedChar:"",cursorPosition:0};const deletedChar=currentValue.charAt(start-1);return{value:currentValue.substring(0,start-1)+currentValue.substring(start),deletedChar,cursorPosition:start-1};}function createElement(tag,attrs,children){const element=document.createElement(tag);if(attrs)Object.entries(attrs).forEach(([key,value])=>{element.setAttribute(key,value);});if(children)children.forEach((child)=>{if(typeof child==="string")element.appendChild(document.createTextNode(child));else element.appendChild(child);});return element;}function toggleClass(element,className,force){element.classList.toggle(className,force);}function setStyles(element,styles){Object.assign(element.style,styles);}const DEFAULT_OPTIONS={type:"qwerty",value:"",maxLength:void 0,defaultUpperCase:false,closeOnClickOutside:true,enableSound:false,enableVibrate:true,customLayouts:{}};var KeyboardManager=class extends EventEmitter{constructor(options={}){super();this.currentLayout=null;this.options={...DEFAULT_OPTIONS,...options};if(options.customLayouts)Object.entries(options.customLayouts).forEach(([name,layout])=>{this.options.customLayouts[name]=layout;});this.state={visible:false,type:this.options.type,isUpperCase:this.options.defaultUpperCase,value:this.options.value,cursorPosition:this.options.value.length,maxLength:this.options.maxLength,inputElement:null};this.loadLayout(this.options.type);}getState(){return{...this.state};}getLayout(){return this.currentLayout;}getOptions(){return{...this.options};}loadLayout(type){let layout=this.options.customLayouts[type];if(!layout)layout=getLayout(type);if(!layout){console.error(`[KeyboardManager]Layout "${type}" not found`);return false;}this.currentLayout=layout;if(layout.supportShift)this.state.isUpperCase=layout.defaultUpperCase??this.options.defaultUpperCase;return true;}show(inputElement){if(this.state.visible)return;this.state.visible=true;this.state.inputElement=inputElement??null;if(inputElement){this.state.value=inputElement.value;this.state.cursorPosition=getInputCursorPosition(inputElement);}this.emitStateChange();this.emit("show",{type:this.state.type});}hide(){if(!this.state.visible)return;const prevType=this.state.type;this.state.visible=false;this.state.inputElement=null;this.emitStateChange();this.emit("hide",{type:prevType});}toggle(inputElement){if(this.state.visible)this.hide();else this.show(inputElement);}switchType(type){if(this.state.type===type)return;const fromType=this.state.type;if(!this.loadLayout(type))return;this.state.type=type;this.emitStateChange();this.emit("switch",{from:fromType,to:type});}toggleShift(){if(!this.currentLayout?.supportShift)return;this.state.isUpperCase=!this.state.isUpperCase;this.emitStateChange();this.emit("shift",{isUpperCase:this.state.isUpperCase});}setShift(isUpperCase){if(!this.currentLayout?.supportShift)return;if(this.state.isUpperCase===isUpperCase)return;this.state.isUpperCase=isUpperCase;this.emitStateChange();this.emit("shift",{isUpperCase});}handleKey(key){if(this.options.enableVibrate&&isMobile())vibrate(10);this.emit("keypress",{key,value:this.state.value});switch(key.type){case "char":case "space":this.handleCharKey(key);break;case "backspace":this.handleBackspace();break;case "shift":this.toggleShift();break;case "clear":this.handleClear();break;case "enter":case "done":this.handleConfirm();break;case "close":this.hide();break;case "tab":this.handleTab(key);break;case "custom":break;}}handleCharKey(key){const keyValue=this.getKeyValue(key);if(!keyValue)return;const input=this.state.inputElement;if(input){const result=insertTextAtCursor(input,keyValue,this.state.maxLength);input.value=result.value;setInputCursorPosition(input,result.cursorPosition);this.state.value=result.value;this.state.cursorPosition=result.cursorPosition;input.dispatchEvent(new Event("input",{bubbles:true}));}else{if(this.state.maxLength&&this.state.value.length>=this.state.maxLength)return;const newValue=this.state.value.slice(0,this.state.cursorPosition)+keyValue+this.state.value.slice(this.state.cursorPosition);this.state.value=newValue;this.state.cursorPosition+=keyValue.length;}this.emitStateChange();this.emit("input",{value:this.state.value,key});this.autoSwitchLicensePlate();}handleBackspace(){const input=this.state.inputElement;if(input){const result=deleteCharBeforeCursor(input);input.value=result.value;setInputCursorPosition(input,result.cursorPosition);this.state.value=result.value;this.state.cursorPosition=result.cursorPosition;input.dispatchEvent(new Event("input",{bubbles:true}));this.emitStateChange();this.emit("backspace",{deletedChar:result.deletedChar,value:this.state.value});}else{if(this.state.cursorPosition===0)return;const deletedChar=this.state.value.charAt(this.state.cursorPosition-1);this.state.value=this.state.value.slice(0,this.state.cursorPosition-1)+this.state.value.slice(this.state.cursorPosition);this.state.cursorPosition--;this.emitStateChange();this.emit("backspace",{deletedChar,value:this.state.value});}this.autoSwitchLicensePlate();}autoSwitchLicensePlate(){if(!this.state.type.startsWith("license-plate"))return;const len=this.state.value.length;let targetType=null;if(len===0)targetType="license-plate-province";else targetType="license-plate-alphanumeric";if(targetType&&this.state.type!==targetType)this.switchType(targetType);}handleClear(){const previousValue=this.state.value;if(this.state.inputElement){this.state.inputElement.value="";this.state.inputElement.dispatchEvent(new Event("input",{bubbles:true}));}this.state.value="";this.state.cursorPosition=0;this.emitStateChange();this.emit("clear",{previousValue});this.autoSwitchLicensePlate();}handleConfirm(){this.emit("confirm",{value:this.state.value});this.hide();}handleTab(key){const targetType=key.data?.targetType;if(targetType)this.switchType(targetType);}getKeyValue(key){const value=key.value??key.label;if(typeof value==="string")return value;return this.state.isUpperCase?value.upper:value.lower;}getKeyLabel(key){const label=key.label;if(typeof label==="string")return label;return this.state.isUpperCase?label.upper:label.lower;}setValue(value){this.state.value=value;this.state.cursorPosition=value.length;if(this.state.inputElement){this.state.inputElement.value=value;setInputCursorPosition(this.state.inputElement,value.length);}this.emitStateChange();this.autoSwitchLicensePlate();}appendValue(text){if(!text)return;const input=this.state.inputElement;if(input){const result=insertTextAtCursor(input,text,this.state.maxLength);input.value=result.value;setInputCursorPosition(input,result.cursorPosition);this.state.value=result.value;this.state.cursorPosition=result.cursorPosition;input.dispatchEvent(new Event("input",{bubbles:true}));}else{if(this.state.maxLength&&this.state.value.length+text.length>this.state.maxLength)text=text.slice(0,this.state.maxLength-this.state.value.length);const newValue=this.state.value.slice(0,this.state.cursorPosition)+text+this.state.value.slice(this.state.cursorPosition);this.state.value=newValue;this.state.cursorPosition+=text.length;}this.emitStateChange();}setMaxLength(maxLength){this.state.maxLength=maxLength;this.emitStateChange();}bindInput(input){this.state.inputElement=input;this.state.value=input.value;this.state.cursorPosition=getInputCursorPosition(input);this.emitStateChange();}unbindInput(){this.state.inputElement=null;this.emitStateChange();}emitStateChange(){this.emit("stateChange",{...this.state});}destroy(){this.hide();this.clear();this.state.inputElement=null;}};function createKeyboardManager(options){return new KeyboardManager(options);}const DEFAULT_CONFIG={offset:{x:0,y:8},autoAdjust:true,viewportPadding:8,desktopPlacement:"bottom",mobilePlacement:"bottom-sheet",showMask:true,maskClosable:true,animationDuration:300};var PositionManager=class{constructor(config={}){this.config={...DEFAULT_CONFIG,...config};}updateConfig(config){Object.assign(this.config,config);}getConfig(){return{...this.config};}calculate(targetElement,popupSize){const viewport=getViewportInfo();const isMobileDevice=isMobile();if(isMobileDevice&&this.config.mobilePlacement==="bottom-sheet")return this.calculateBottomSheet(viewport,popupSize);if(!targetElement)return this.calculateCentered(viewport,popupSize);const targetRect=getBoundingRect(targetElement);const placement=isMobileDevice?this.config.mobilePlacement:this.config.desktopPlacement;const relativePlace=placement==="bottom-sheet"?"bottom":placement;return this.calculateRelativeToTarget(targetRect,popupSize,viewport,relativePlace);}calculateBottomSheet(viewport,popupSize){const safeAreaBottom=viewport.safeArea?.bottom??0;return{position:{x:0,y:viewport.height-popupSize.height-safeAreaBottom},placement:"bottom-sheet",flipped:false,maxHeight:viewport.height*.6,maxWidth:viewport.width,transform:"translateY(0)"};}calculateCentered(viewport,popupSize){return{position:{x:(viewport.width-popupSize.width)/2,y:(viewport.height-popupSize.height)/2},placement:"bottom",flipped:false};}calculateRelativeToTarget(targetRect,popupSize,viewport,preferredPlacement){const{offset,viewportPadding,autoAdjust}=this.config;let position;let placement=preferredPlacement;let flipped=false;const bottomPosition={x:targetRect.x+(offset.x??0),y:targetRect.y+targetRect.height+(offset.y??8)};const topPosition={x:targetRect.x+(offset.x??0),y:targetRect.y-popupSize.height-(offset.y??8)};if(preferredPlacement==="bottom"){position=bottomPosition;if(autoAdjust&&position.y+popupSize.height>viewport.height-viewportPadding){if(topPosition.y>=viewportPadding){position=topPosition;placement="top";flipped=true;}}}else{position=topPosition;if(autoAdjust&&position.y<viewportPadding){if(bottomPosition.y+popupSize.height<=viewport.height-viewportPadding){position=bottomPosition;placement="bottom";flipped=true;}}}if(autoAdjust){if(position.x<viewportPadding)position.x=viewportPadding;if(position.x+popupSize.width>viewport.width-viewportPadding)position.x=viewport.width-popupSize.width-viewportPadding;}const maxHeight=placement==="bottom"?viewport.height-position.y-viewportPadding:targetRect.y-viewportPadding;return{position,placement,flipped,maxHeight:Math.max(200,maxHeight),maxWidth:viewport.width-viewportPadding*2};}getInitialStyles(placement){switch(placement){case "bottom-sheet":return{transform:"translateY(100%)",opacity:"1"};case "bottom":return{transform:"translateY(-10px)",opacity:"0"};case "top":return{transform:"translateY(10px)",opacity:"0"};default:return{opacity:"0"};}}getFinalStyles(placement){return{transform:"translateY(0)",opacity:"1"};}getExitStyles(placement){return this.getInitialStyles(placement);}getAnimationDuration(){return this.config.animationDuration;}shouldShowMask(){return isMobile()&&this.config.showMask;}isMaskClosable(){return this.config.maskClosable;}};function createPositionManager(config){return new PositionManager(config);}const miuiTheme={name:"miui",displayName:"MIUI",description:"小米风格-纯净简洁",isDark:false,colors:{background:"#f5f5f5",keyBackground:"#ffffff",keyColor:"#1a1a1a",keyActiveBackground:"#e8e8e8",fnKeyBackground:"#e0e0e0",fnKeyColor:"#666666",fnKeyActiveBackground:"#d0d0d0",primaryBackground:"#ff6700",primaryActiveBackground:"#e55d00",primaryColor:"#ffffff",borderColor:"transparent",dividerColor:"#eeeeee"},sizes:{keyHeight:46,keyRadius:8,keyGap:6,fontSize:18,fnFontSize:14,padding:8},effects:{keyShadow:"none",keyActiveShadow:"none",keyActiveScale:.96,transitionDuration:100,enableBlur:false,blurAmount:0,enableRipple:false}};const iosTheme={name:"ios",displayName:"iOS",description:"Apple 风格-精致优雅",isDark:false,colors:{background:"#d1d3d9",keyBackground:"#ffffff",keyColor:"#000000",keyActiveBackground:"#b8bac2",fnKeyBackground:"#a8aab4",fnKeyColor:"#000000",fnKeyActiveBackground:"#9699a3",primaryBackground:"#007aff",primaryActiveBackground:"#0062cc",primaryColor:"#ffffff",borderColor:"transparent",dividerColor:"#c8cad0"},sizes:{keyHeight:43,keyRadius:5,keyGap:6,fontSize:22,fnFontSize:15,padding:4},effects:{keyShadow:"0 1px 0 rgba(0,0,0,0.35)",keyActiveShadow:"0 0 0 rgba(0,0,0,0)",keyActiveScale:1,transitionDuration:80,enableBlur:true,blurAmount:20,enableRipple:false}};const materialTheme={name:"material",displayName:"Material",description:"Google 风格-深邃现代",isDark:true,colors:{background:"#263238",keyBackground:"#37474f",keyColor:"#ffffff",keyActiveBackground:"#455a64",fnKeyBackground:"#455a64",fnKeyColor:"#b0bec5",fnKeyActiveBackground:"#546e7a",primaryBackground:"#4caf50",primaryActiveBackground:"#43a047",primaryColor:"#ffffff",borderColor:"transparent",dividerColor:"#37474f"},sizes:{keyHeight:48,keyRadius:4,keyGap:4,fontSize:20,fnFontSize:14,padding:6},effects:{keyShadow:"0 1px 3px rgba(0,0,0,0.2)",keyActiveShadow:"0 2px 6px rgba(0,0,0,0.3)",keyActiveScale:1,transitionDuration:150,enableBlur:false,blurAmount:0,enableRipple:true}};const minimalTheme={name:"minimal",displayName:"Minimal",description:"极简风格-轻盈透明",isDark:false,colors:{background:"rgba(250,250,250,0.95)",keyBackground:"transparent",keyColor:"#333333",keyActiveBackground:"rgba(0,0,0,0.08)",fnKeyBackground:"transparent",fnKeyColor:"#888888",fnKeyActiveBackground:"rgba(0,0,0,0.08)",primaryBackground:"#333333",primaryActiveBackground:"#000000",primaryColor:"#ffffff",borderColor:"#eeeeee",dividerColor:"#eeeeee"},sizes:{keyHeight:44,keyRadius:12,keyGap:8,fontSize:17,fnFontSize:13,padding:12},effects:{keyShadow:"none",keyActiveShadow:"none",keyActiveScale:.92,transitionDuration:120,enableBlur:true,blurAmount:30,enableRipple:false}};const darkTheme={name:"dark",displayName:"Dark",description:"深色模式-护眼舒适",isDark:true,colors:{background:"#1c1c1e",keyBackground:"#3a3a3c",keyColor:"#ffffff",keyActiveBackground:"#4a4a4c",fnKeyBackground:"#2c2c2e",fnKeyColor:"#ebebf5",fnKeyActiveBackground:"#3c3c3e",primaryBackground:"#0a84ff",primaryActiveBackground:"#0070e0",primaryColor:"#ffffff",borderColor:"#3a3a3c",dividerColor:"#3a3a3c"},sizes:{keyHeight:45,keyRadius:8,keyGap:6,fontSize:18,fnFontSize:14,padding:8},effects:{keyShadow:"0 1px 2px rgba(0,0,0,0.4)",keyActiveShadow:"0 0 8px rgba(10,132,255,0.3)",keyActiveScale:.97,transitionDuration:100,enableBlur:true,blurAmount:20,enableRipple:false}};const presetThemes={miui:miuiTheme,ios:iosTheme,material:materialTheme,minimal:minimalTheme,dark:darkTheme};const defaultTheme=miuiTheme;const customThemes=new Map();let currentTheme=defaultTheme;function getTheme(name){return customThemes.get(name)||presetThemes[name]||defaultTheme;}function registerTheme(theme){customThemes.set(theme.name,theme);}function getAvailableThemes(){return[...Object.keys(presetThemes),...customThemes.keys()];}function getAllThemes(){return[...Object.values(presetThemes),...customThemes.values()];}function setCurrentTheme(name){currentTheme=getTheme(name);return currentTheme;}function getCurrentTheme(){return currentTheme;}function themeToCSS(theme){return{"--keyboard-bg":theme.colors.background,"--keyboard-key-bg":theme.colors.keyBackground,"--keyboard-key-color":theme.colors.keyColor,"--keyboard-key-active-bg":theme.colors.keyActiveBackground,"--keyboard-fn-key-bg":theme.colors.fnKeyBackground,"--keyboard-fn-key-color":theme.colors.fnKeyColor,"--keyboard-fn-key-active-bg":theme.colors.fnKeyActiveBackground,"--keyboard-primary-bg":theme.colors.primaryBackground,"--keyboard-primary-active-bg":theme.colors.primaryActiveBackground,"--keyboard-primary-color":theme.colors.primaryColor,"--keyboard-key-height":`${theme.sizes.keyHeight}px`,"--keyboard-key-radius":`${theme.sizes.keyRadius}px`,"--keyboard-key-gap":`${theme.sizes.keyGap}px`,"--keyboard-font-size":`${theme.sizes.fontSize}px`,"--keyboard-fn-font-size":`${theme.sizes.fnFontSize}px`,"--keyboard-padding":`${theme.sizes.padding}px`,"--keyboard-key-shadow":theme.effects.keyShadow,"--keyboard-transition-duration":`${theme.effects.transitionDuration}ms`,"--keyboard-border-color":theme.colors.borderColor,"--keyboard-divider-color":theme.colors.dividerColor};}function applyTheme(element,theme){const cssVars=themeToCSS(theme);Object.entries(cssVars).forEach(([key,value])=>{if(value)element.style.setProperty(key,value);});element.classList.remove("keyboard-theme-light","keyboard-theme-dark");element.classList.add(theme.isDark?"keyboard-theme-dark":"keyboard-theme-light");element.dataset.theme=theme.name;}function generateThemeStyle(theme){const cssVars=themeToCSS(theme);return Object.entries(cssVars).filter(([,value])=>value).map(([key,value])=>`${key}:${value}`).join(";");}function mergeTheme(base,overrides){return{...base,...overrides,colors:{...base.colors,...overrides.colors},sizes:{...base.sizes,...overrides.sizes},effects:{...base.effects,...overrides.effects}};}function createTheme(name,baseTheme,customization){const theme=mergeTheme(getTheme(baseTheme),{...customization,name});registerTheme(theme);return theme;}var KeyboardRenderer=class{constructor(options={}){this.rootEl=null;this.maskEl=null;this.keyboardEl=null;this.targetEl=null;this.cleanupFns=[];this.destroyed=false;this.options=options;this.container=options.container||document.body;this.manager=new KeyboardManager(options);this.positionManager=new PositionManager(options.position);if(typeof options.theme==="string")this.theme=getTheme(options.theme);else if(options.theme)this.theme=options.theme;else this.theme=defaultTheme;this.setupEvents();}setupEvents(){this.manager.on("stateChange",(state)=>{if(state.visible)this.render();else this.unmount();});this.manager.on("input",({value})=>{this.options.onInput?.(value);});this.manager.on("confirm",({value})=>{this.options.onConfirm?.(value);});this.manager.on("switch",()=>{if(this.manager.getState().visible)this.render();});this.manager.on("shift",()=>{if(this.manager.getState().visible)this.render();});}open(target){this.targetEl=target??null;this.manager.show(target);}close(){this.manager.hide();this.options.onClose?.();}switchType(type){this.manager.switchType(type);}setTheme(theme){if(typeof theme==="string")this.theme=getTheme(theme);else this.theme=theme;if(this.manager.getState().visible)this.render();}getValue(){return this.manager.getState().value;}setValue(value){this.manager.setValue(value);}render(){const layout=this.manager.getLayout();if(!layout)return;this.unmount();this.rootEl=document.createElement("div");this.rootEl.className="lk-renderer-root";const isMobileDevice=isMobile();if(isMobileDevice){this.maskEl=document.createElement("div");this.maskEl.className="lk-mask";this.maskEl.addEventListener("click",()=>this.close());this.rootEl.appendChild(this.maskEl);}this.keyboardEl=document.createElement("div");this.keyboardEl.className=`lk-popup lk-popup--${isMobileDevice?"mobile":"desktop"}`;const cssVars=themeToCSS(this.theme);Object.entries(cssVars).forEach(([key,value])=>{if(value)this.keyboardEl.style.setProperty(key,value);});const contentEl=this.renderKeyboard(layout);this.keyboardEl.appendChild(contentEl);this.rootEl.appendChild(this.keyboardEl);this.container.appendChild(this.rootEl);if(!isMobileDevice&&this.targetEl){const rect=this.keyboardEl.getBoundingClientRect();const result=this.positionManager.calculate(this.targetEl,{width:rect.width,height:rect.height});this.keyboardEl.style.position="fixed";this.keyboardEl.style.left=`${result.position.x}px`;this.keyboardEl.style.top=`${result.position.y}px`;this.keyboardEl.style.zIndex="10000";}else if(isMobileDevice){this.keyboardEl.style.position="fixed";this.keyboardEl.style.left="0";this.keyboardEl.style.right="0";this.keyboardEl.style.bottom="0";this.keyboardEl.style.zIndex="10000";}requestAnimationFrame(()=>{this.keyboardEl?.classList.add("lk-popup--visible");this.maskEl?.classList.add("lk-mask--visible");});if(this.options.closeOnClickOutside!==false&&this.keyboardEl){const cleanup=onClickOutside(this.keyboardEl,(event)=>{if(this.targetEl&&this.targetEl.contains(event.target))return;this.close();});this.cleanupFns.push(cleanup);}this.injectStyles();}renderKeyboard(layout){const el=document.createElement("div");el.className="lk-keyboard";const state=this.manager.getState();layout.rows.forEach((row)=>{const rowEl=document.createElement("div");rowEl.className=`lk-row ${row.className||""}`;const isNumpad=row.className==="numpad-row";row.keys.forEach((key)=>{const wrapperEl=document.createElement("div");wrapperEl.className="lk-key-wrapper";if(isNumpad)wrapperEl.style.flex=String(key.width??1);else if(key.width){const baseW=36;const gap=this.theme.sizes?.keyGap??6;const w=baseW*key.width+(key.width-1)*gap;wrapperEl.style.width=`${w}px`;}const btnEl=document.createElement("button");btnEl.type="button";btnEl.className=this.getKeyClass(key,state.isUpperCase);if(key.disabled)btnEl.disabled=true;if(key.icon)btnEl.innerHTML=key.icon;else btnEl.textContent=typeof key.label==="string"?key.label:state.isUpperCase?key.label.upper:key.label.lower;const handler=(e)=>{e.preventDefault();e.stopPropagation();if(!key.disabled)this.manager.handleKey(key);};btnEl.addEventListener("mousedown",handler);btnEl.addEventListener("touchstart",handler,{passive:false});wrapperEl.appendChild(btnEl);rowEl.appendChild(wrapperEl);});el.appendChild(rowEl);});return el;}getKeyClass(key,isUpperCase){const classes=["lk-key",`lk-key--${key.type}`];if(key.className)classes.push(key.className);if(key.disabled)classes.push("lk-key--disabled");if(key.type==="shift"&&isUpperCase)classes.push("lk-key--active");return classes.join(" ");}unmount(){this.cleanupFns.forEach((fn)=>fn());this.cleanupFns=[];if(this.rootEl&&this.rootEl.parentNode)this.rootEl.parentNode.removeChild(this.rootEl);this.rootEl=null;this.maskEl=null;this.keyboardEl=null;}injectStyles(){if(document.getElementById("lk-renderer-styles"))return;const style=document.createElement("style");style.id="lk-renderer-styles";style.textContent=` .lk-renderer-root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}.lk-mask{position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:9999;opacity:0;transition:opacity 0.3s ease;}.lk-mask--visible{opacity:1;}.lk-popup{background:var(--keyboard-bg,#d1d5db);box-shadow:0-2px 16px rgba(0,0,0,0.15);overflow:hidden;transform:translateY(20px);opacity:0;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.2s ease;}.lk-popup--visible{transform:translateY(0);opacity:1;}.lk-popup--desktop{border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.18),0 2px 8px rgba(0,0,0,0.1);min-width:320px;}.lk-popup--mobile{border-top-left-radius:16px;border-top-right-radius:16px;padding-bottom:env(safe-area-inset-bottom,0);}.lk-keyboard{display:flex;flex-direction:column;gap:var(--keyboard-key-gap,6px);padding:var(--keyboard-padding,6px);user-select:none;-webkit-user-select:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;}.lk-row{display:flex;justify-content:center;gap:var(--keyboard-key-gap,6px);padding:0 2px;}.lk-row.numpad-row{justify-content:stretch;}.lk-row.numpad-row .lk-key-wrapper{flex:1;}.lk-key-wrapper{position:relative;display:inline-flex;}.lk-key{display:inline-flex;align-items:center;justify-content:center;height:var(--keyboard-key-height,42px);min-width:32px;width:100%;padding:0 6px;border:none;border-radius:var(--keyboard-key-radius,6px);background:var(--keyboard-key-bg,#fff);color:var(--keyboard-key-color,#333);font-size:var(--keyboard-font-size,16px);font-weight:500;cursor:pointer;touch-action:manipulation;box-shadow:var(--keyboard-key-shadow,0 1px 3px rgba(0,0,0,0.1));transition:background-color 0.1s,transform 0.1s;}.lk-key:active{background:var(--keyboard-key-active-bg,#e0e0e0);transform:scale(0.95);}.lk-key--disabled{opacity:0.4;cursor:not-allowed;}.lk-key--disabled:active{transform:none;background:var(--keyboard-key-bg,#fff);}.lk-key--backspace,.lk-key--shift,.lk-key--tab,.lk-key--clear,.lk-key--close{background:var(--keyboard-fn-key-bg,#d4d6dc);color:var(--keyboard-fn-key-color,#333);font-size:var(--keyboard-fn-font-size,14px);}.lk-key--backspace:active,.lk-key--shift:active,.lk-key--tab:active,.lk-key--clear:active,.lk-key--close:active{background:var(--keyboard-fn-key-active-bg,#b8bac0);}.lk-key--active{background:var(--keyboard-key-active-bg,#007aff)!important;color:#fff!important;}.lk-key--done,.lk-key--enter{background:var(--keyboard-primary-bg,#007aff);color:var(--keyboard-primary-color,#fff);font-size:var(--keyboard-fn-font-size,14px);}.lk-key--done:active,.lk-key--enter:active{background:var(--keyboard-primary-active-bg,#0062cc);}.lk-key--space{background:var(--keyboard-key-bg,#fff);}.lk-key svg{pointer-events:none;}`;document.head.appendChild(style);}bindInput(input){const handleFocus=()=>this.open(input);input.addEventListener("focus",handleFocus);input.setAttribute("readonly","readonly");input.style.caretColor="transparent";return()=>{input.removeEventListener("focus",handleFocus);input.removeAttribute("readonly");input.style.caretColor="";};}destroy(){if(this.destroyed)return;this.destroyed=true;this.unmount();this.manager.destroy();const styleEl=document.getElementById("lk-renderer-styles");if(styleEl)styleEl.remove();}};function createKeyboardRenderer(options){return new KeyboardRenderer(options);}function shuffleArray(array){const result=[...array];for(let i=result.length-1;i>0;i--){const j=Math.floor(Math.random()*(i+1));[result[i],result[j]]=[result[j],result[i]];}return result;}function getRandomNumbers(){return shuffleArray(["0","1","2","3","4","5","6","7","8","9"]);}function getRandomLetters(){return shuffleArray(Array.from({length:26},(_,i)=>String.fromCharCode(65+i)));}function getRandomAlphanumeric(){const numbers=["0","1","2","3","4","5","6","7","8","9"];const letters=Array.from({length:26},(_,i)=>String.fromCharCode(65+i));return shuffleArray([...numbers,...letters]);}function createCharKey(char,index){return{id:`random-${char}-${index}`,type:"char",label:char,value:char,className:"key-random"};}function chunkArray(array,chunkSize){const chunks=[];for(let i=0;i<array.length;i+=chunkSize)chunks.push(array.slice(i,i+chunkSize));return chunks;}function createRandomNumberLayout(options){const{keysPerRow=3,includeBackspace=true,includeDone=true,includeClear=false}=options||{};const rows=chunkArray(getRandomNumbers().map((n,i)=>createCharKey(n,i)),keysPerRow).map((keys,index)=>({className:"numpad-row",keys}));const fnKeys=[];if(includeClear)fnKeys.push({id:"clear",type:"clear",label:"清空",className:"key-clear key-fn"});if(includeBackspace)fnKeys.push({id:"backspace",type:"backspace",label:"⌫",className:"key-backspace key-fn"});if(includeDone)fnKeys.push({id:"done",type:"done",label:"确定",className:"key-done key-fn"});if(fnKeys.length>0)rows.push({className:"numpad-row",keys:fnKeys});return{type:"custom",name:"随机数字键盘",supportShift:false,rows,data:{isRandom:true,randomType:"number"}};}function createRandomPinLayout(options){const{includeBackspace=true,includeDone=true}=options||{};const randomNumbers=getRandomNumbers();const rows=[{className:"numpad-row",keys:randomNumbers.slice(0,3).map((n,i)=>createCharKey(n,i))},{className:"numpad-row",keys:randomNumbers.slice(3,6).map((n,i)=>createCharKey(n,i+3))},{className:"numpad-row",keys:randomNumbers.slice(6,9).map((n,i)=>createCharKey(n,i+6))}];const lastRow=[];if(includeBackspace)lastRow.push({id:"backspace",type:"backspace",label:"⌫",className:"key-backspace key-fn"});else lastRow.push({id:"empty-1",type:"char",label:"",value:"",disabled:true,className:"key-placeholder"});lastRow.push(createCharKey(randomNumbers[9],9));if(includeDone)lastRow.push({id:"done",type:"done",label:"确定",className:"key-done key-fn"});else lastRow.push({id:"empty-2",type:"char",label:"",value:"",disabled:true,className:"key-placeholder"});rows.push({className:"numpad-row",keys:lastRow});return{type:"custom",name:"随机PIN键盘",supportShift:false,rows,data:{isRandom:true,randomType:"pin"}};}function createRandomLetterLayout(options){const{uppercase=true,rowDistribution=[10,9,7]}=options||{};let randomLetters=getRandomLetters();if(!uppercase)randomLetters=randomLetters.map((l)=>l.toLowerCase());const letterKeys=randomLetters.map((l,i)=>createCharKey(l,i));const rows=[];let offset=0;for(const count of rowDistribution){rows.push({className:"numpad-row",keys:letterKeys.slice(offset,offset+count)});offset+=count;}if(offset<letterKeys.length)rows.push({className:"numpad-row",keys:letterKeys.slice(offset)});rows.push({className:"numpad-row",keys:[{id:"clear",type:"clear",label:"清空",className:"key-clear key-fn"},{id:"backspace",type:"backspace",label:"⌫",className:"key-backspace key-fn"},{id:"done",type:"done",label:"确定",className:"key-done key-fn"}]});return{type:"custom",name:"随机字母键盘",supportShift:false,rows,data:{isRandom:true,randomType:"letter"}};}function createRandomMixedLayout(options){const{rowDistribution=[10,10,9,7]}=options||{};const charKeys=getRandomAlphanumeric().map((c,i)=>createCharKey(c,i));const rows=[];let offset=0;for(const count of rowDistribution){if(offset>=charKeys.length)break;rows.push({className:"numpad-row",keys:charKeys.slice(offset,offset+count)});offset+=count;}if(offset<charKeys.length)rows.push({className:"numpad-row",keys:charKeys.slice(offset)});rows.push({className:"numpad-row",keys:[{id:"clear",type:"clear",label:"清空",className:"key-clear key-fn"},{id:"backspace",type:"backspace",label:"⌫",className:"key-backspace key-fn"},{id:"done",type:"done",label:"确定",className:"key-done key-fn"}]});return{type:"custom",name:"随机混合键盘",supportShift:false,rows,data:{isRandom:true,randomType:"mixed"}};}function refreshRandomLayout(layout){switch(layout.data?.randomType){case "number":return createRandomNumberLayout();case "pin":return createRandomPinLayout();case "letter":return createRandomLetterLayout();case "mixed":return createRandomMixedLayout();default:return layout;}}function formatPhone(value){const digits=value.replace(/\D/g,"").slice(0,11);if(digits.length<=3)return digits;if(digits.length<=7)return `${digits.slice(0,3)}${digits.slice(3)}`;return `${digits.slice(0,3)}${digits.slice(3,7)}${digits.slice(7)}`;}function formatBankCard(value){return value.replace(/\D/g,"").slice(0,19).replace(/(\d{4})(?=\d)/g,"$1 ");}function formatAmount(value,decimalPlaces=2){let result=value.replace(/[^\d.]/g,"");const parts=result.split(".");if(parts.length>2)result=parts[0]+"."+parts.slice(1).join("");if(parts.length===2&&parts[1].length>decimalPlaces)result=parts[0]+"."+parts[1].slice(0,decimalPlaces);if(result.length>1&&result.startsWith("0")&&result[1]!==".")result=result.replace(/^0+/,"")||"0";return result;}function formatIdCard(value){return value.replace(/[^\dXx]/g,"").slice(0,18).toUpperCase();}function formatLicensePlate(value){return value.toUpperCase().slice(0,8);}function formatVerifyCode(value,length=6){return value.replace(/\D/g,"").slice(0,length);}const formatters=new Map([["phone",formatPhone],["bankcard",formatBankCard],["idcard",formatIdCard],["license-plate",formatLicensePlate],["verifycode",formatVerifyCode]]);function registerFormatter(name,formatter){formatters.set(name,formatter);}function getFormatter(name){return formatters.get(name);}function applyFormatter(name,value){const formatter=formatters.get(name);return formatter?formatter(value):value;}exports.EMAIL_SUFFIXES=EMAIL_SUFFIXES;exports.EventEmitter=EventEmitter;exports.ICONS=ICONS;exports.ICON_CHECK=ICON_CHECK;exports.ICON_CLEAR=ICON_CLEAR;exports.ICON_CLOSE=ICON_CLOSE;exports.ICON_DELETE=ICON_DELETE;exports.ICON_ENTER=ICON_ENTER;exports.ICON_KEYBOARD=ICON_KEYBOARD;exports.ICON_SHIFT=ICON_SHIFT;exports.ICON_SPACE=ICON_SPACE;exports.ICON_VOICE=ICON_VOICE;exports.KeyboardManager=KeyboardManager;exports.KeyboardRenderer=KeyboardRenderer;exports.PLATE_LETTERS=PLATE_LETTERS;exports.PROVINCES=PROVINCES;exports.PositionManager=PositionManager;exports.amountLayout=amountLayout;exports.amountSimpleLayout=amountSimpleLayout;exports.applyFormatter=applyFormatter;exports.applyTheme=applyTheme;exports.bankcardLayout=bankcardLayout;exports.createElement=createElement;exports.createKeyboardManager=createKeyboardManager;exports.createKeyboardRenderer=createKeyboardRenderer;exports.createPositionManager=createPositionManager;exports.createRandomLetterLayout=createRandomLetterLayout;exports.createRandomMixedLayout=createRandomMixedLayout;exports.createRandomNumberLayout=createRandomNumberLayout;exports.createRandomPinLayout=createRandomPinLayout;exports.createTheme=createTheme;exports.darkTheme=darkTheme;exports.defaultTheme=defaultTheme;exports.deleteCharBeforeCursor=deleteCharBeforeCursor;exports.emailLayout=emailLayout;exports.formatAmount=formatAmount;exports.formatBankCard=formatBankCard;exports.formatIdCard=formatIdCard;exports.formatLicensePlate=formatLicensePlate;exports.formatPhone=formatPhone;exports.formatVerifyCode=formatVerifyCode;exports.generateThemeStyle=generateThemeStyle;exports.getAllThemes=getAllThemes;exports.getAvailableLayouts=getAvailableLayouts;exports.getAvailableThemes=getAvailableThemes;exports.getBoundingRect=getBoundingRect;exports.getCurrentTheme=getCurrentTheme;exports.getDeviceType=getDeviceType;exports.getElementOffset=getElementOffset;exports.getFormatter=getFormatter;exports.getInputCursorPosition=getInputCursorPosition;exports.getLayout=getLayout;exports.getRandomAlphanumeric=getRandomAlphanumeric;exports.getRandomLetters=getRandomLetters;exports.getRandomNumbers=getRandomNumbers;exports.getSafeAreaInsets=getSafeAreaInsets;exports.getTheme=getTheme;exports.getViewportInfo=getViewportInfo;exports.hasLayout=hasLayout;exports.idcardLayout=idcardLayout;exports.insertTextAtCursor=insertTextAtCursor;exports.integerLayout=integerLayout;exports.iosTheme=iosTheme;exports.isClickOutside=isClickOutside;exports.isElementInViewport=isElementInViewport;exports.isMobile=isMobile;exports.isMobileUA=isMobileUA;exports.isTouchDevice=isTouchDevice;exports.licensePlateAlphanumericLayout=licensePlateAlphanumericLayout;exports.licensePlateLayout=licensePlateLayout;exports.licensePlateLetterLayout=licensePlateLetterLayout;exports.licensePlateProvinceLayout=licensePlateProvinceLayout;exports.materialTheme=materialTheme;exports.mergeTheme=mergeTheme;exports.minimalTheme=minimalTheme;exports.miuiTheme=miuiTheme;exports.numberLayout=numberLayout;exports.onClickOutside=onClickOutside;exports.onViewportChange=onViewportChange;exports.phoneLayout=phoneLayout;exports.phoneSimpleLayout=phoneSimpleLayout;exports.presetThemes=presetThemes;exports.preventDefaultAndStopPropagation=preventDefaultAndStopPropagation;exports.punctLayout=punctLayout;exports.qwertyLayout=qwertyLayout;exports.refreshRandomLayout=refreshRandomLayout;exports.registerFormatter=registerFormatter;exports.registerLayout=registerLayout;exports.registerLayouts=registerLayouts;exports.registerTheme=registerTheme;exports.scrollIntoViewIfNeeded=scrollIntoViewIfNeeded;exports.searchLayout=searchLayout;exports.setCurrentTheme=setCurrentTheme;exports.setInputCursorPosition=setInputCursorPosition;exports.setStyles=setStyles;exports.shuffleArray=shuffleArray;exports.supportsVibrate=supportsVibrate;exports.symbolLayout=symbolLayout;exports.symbolLayout2=symbolLayout2;exports.themeToCSS=themeToCSS;exports.toggleClass=toggleClass;exports.unregisterLayout=unregisterLayout;exports.urlLayout=urlLayout;exports.verifycodeLayout=verifycodeLayout;exports.vibrate=vibrate;});
+/*!
+* ***********************************
+* @composy/keyboard-core v0.0.1   *
+* Built with rollup               *
+* Build time: 2024-10-12 17:29:15 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+(function(e, t) {
+	"object" == typeof exports && "undefined" != typeof module ? t(exports) : "function" == typeof define && define.amd ? define(["exports"], t) : t((e = "undefined" != typeof globalThis ? globalThis : e || self).LDesignKeyboardCore = {});
+})(this, function(exports) {
+	Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+	const e = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z\"/><path d=\"m12 9 6 6\"/><path d=\"m18 9-6 6\"/></svg>", t = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"m15 9-6 6\"/><path d=\"m9 9 6 6\"/></svg>", a = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/></svg>", s = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"/></svg>", n = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 10 4 15 9 20\"/><path d=\"M20 4v7a4 4 0 0 1-4 4H4\"/></svg>", i = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18v-6H5l7-7 7 7h-4v6H9z\"/></svg>", o = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 17v1c0 .5-.5 1-1 1H3c-.5 0-1-.5-1-1v-1\"/></svg>", r = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"/><path d=\"M6 8h.001\"/><path d=\"M10 8h.001\"/><path d=\"M14 8h.001\"/><path d=\"M18 8h.001\"/><path d=\"M8 12h.001\"/><path d=\"M12 12h.001\"/><path d=\"M16 12h.001\"/><path d=\"M7 16h10\"/></svg>", l = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"/><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/><line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"/></svg>", c = {
+		delete: e,
+		clear: t,
+		close: a,
+		check: s,
+		enter: n,
+		shift: i,
+		space: o,
+		keyboard: r,
+		voice: l
+	};
+	function d(e) {
+		return {
+			id: `amount-${e}`,
+			type: "char",
+			label: e,
+			value: e,
+			className: "key-num"
+		};
+	}
+	const p = {
+		type: "amount",
+		name: "金额键盘",
+		supportShift: !1,
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					d("1"),
+					d("2"),
+					d("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: e,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					d("4"),
+					d("5"),
+					d("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: t,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					d("7"),
+					d("8"),
+					d("9"),
+					{
+						id: "double-zero",
+						type: "char",
+						label: "00",
+						value: "00",
+						className: "key-num"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "decimal",
+						type: "char",
+						label: ".",
+						value: ".",
+						className: "key-num"
+					},
+					d("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		],
+		data: {
+			inputType: "amount",
+			decimalPlaces: 2
+		}
+	}, u = {
+		type: "amount-simple",
+		name: "金额键盘",
+		supportShift: !1,
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					d("1"),
+					d("2"),
+					d("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: e,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					d("4"),
+					d("5"),
+					d("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: t,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					d("7"),
+					d("8"),
+					d("9"),
+					{
+						id: "close",
+						type: "close",
+						label: "关闭",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "decimal",
+						type: "char",
+						label: ".",
+						value: ".",
+						className: "key-num"
+					},
+					d("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		],
+		data: {
+			inputType: "amount",
+			decimalPlaces: 2
+		}
+	};
+	function h(e) {
+		return {
+			id: `bankcard-${e}`,
+			type: "char",
+			label: e,
+			value: e,
+			className: "key-num"
+		};
+	}
+	const y = {
+		type: "bankcard",
+		name: "银行卡键盘",
+		supportShift: !1,
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					h("1"),
+					h("2"),
+					h("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: e,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					h("4"),
+					h("5"),
+					h("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: t,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					h("7"),
+					h("8"),
+					h("9"),
+					{
+						id: "close",
+						type: "close",
+						label: "关闭",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "switch-qwerty",
+						type: "tab",
+						label: "ABC",
+						className: "key-numpad-fn",
+						data: { targetType: "qwerty" }
+					},
+					h("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 19,
+			inputType: "bankcard"
+		}
+	};
+	function m(e) {
+		return {
+			id: `email-char-${e.toLowerCase()}`,
+			type: "char",
+			label: {
+				lower: e.toLowerCase(),
+				upper: e.toUpperCase()
+			},
+			value: {
+				lower: e.toLowerCase(),
+				upper: e.toUpperCase()
+			}
+		};
+	}
+	function k(e, t) {
+		return {
+			id: t || `email-snippet-${e.replace(/[^a-z0-9]/gi, "")}`,
+			type: "char",
+			label: e,
+			value: e,
+			className: "key-snippet"
+		};
+	}
+	const f = [
+		"@qq.com",
+		"@163.com",
+		"@126.com",
+		"@gmail.com",
+		"@outlook.com",
+		"@hotmail.com",
+		"@sina.com",
+		"@sohu.com",
+		"@icloud.com",
+		"@foxmail.com",
+		"@yeah.net",
+		"@139.com"
+	], b = {
+		type: "email",
+		name: "邮箱键盘",
+		supportShift: !0,
+		defaultUpperCase: !1,
+		switchable: ["symbol", "number"],
+		rows: [
+			{ keys: "qwertyuiop".split("").map(m) },
+			{ keys: "asdfghjkl".split("").map(m) },
+			{ keys: [
+				{
+					id: "shift",
+					type: "shift",
+					icon: i,
+					label: "",
+					width: 1.5,
+					className: "key-shift"
+				},
+				..."zxcvbnm".split("").map(m),
+				{
+					id: "backspace",
+					type: "backspace",
+					icon: e,
+					label: "",
+					width: 1.5,
+					className: "key-backspace"
+				}
+			] },
+			{ keys: [
+				{
+					id: "switch-number",
+					type: "tab",
+					label: "123",
+					width: 1.25,
+					className: "key-switch",
+					data: { targetType: "number" }
+				},
+				{
+					id: "email-at",
+					type: "char",
+					label: "@",
+					value: "@",
+					className: "key-at"
+				},
+				{
+					id: "email-suffix",
+					type: "char",
+					label: ".com",
+					value: "",
+					width: 1.5,
+					className: "key-suffix",
+					options: f
+				},
+				k(".", "email-dot"),
+				k("-", "email-dash"),
+				k("_", "email-underscore"),
+				{
+					id: "space",
+					type: "space",
+					label: "",
+					value: " ",
+					width: 2,
+					className: "key-space"
+				},
+				{
+					id: "email-done",
+					type: "done",
+					label: "确定",
+					width: 1.5,
+					className: "key-done"
+				}
+			] }
+		]
+	};
+	function g(e) {
+		return {
+			id: `idcard-${e}`,
+			type: "char",
+			label: e,
+			value: e,
+			className: "key-num"
+		};
+	}
+	const w = {
+		type: "idcard",
+		name: "身份证键盘",
+		supportShift: !1,
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					g("1"),
+					g("2"),
+					g("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: e,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					g("4"),
+					g("5"),
+					g("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: t,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					g("7"),
+					g("8"),
+					g("9"),
+					{
+						id: "idcard-x",
+						type: "char",
+						label: "X",
+						value: "X",
+						className: "key-num"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "close",
+						type: "close",
+						label: "关闭",
+						className: "key-numpad-fn"
+					},
+					g("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 18,
+			inputType: "idcard"
+		}
+	}, v = [
+		"京",
+		"津",
+		"沪",
+		"渝",
+		"冀",
+		"豫",
+		"云",
+		"辽",
+		"黑",
+		"湘",
+		"皖",
+		"鲁",
+		"新",
+		"苏",
+		"浙",
+		"赣",
+		"鄂",
+		"桂",
+		"甘",
+		"晋",
+		"蒙",
+		"陕",
+		"吉",
+		"闽",
+		"贵",
+		"粤",
+		"青",
+		"藏",
+		"川",
+		"宁",
+		"琼",
+		"港",
+		"澳"
+	], N = [
+		"A",
+		"B",
+		"C",
+		"D",
+		"E",
+		"F",
+		"G",
+		"H",
+		"J",
+		"K",
+		"L",
+		"M",
+		"N",
+		"P",
+		"Q",
+		"R",
+		"S",
+		"T",
+		"U",
+		"V",
+		"W",
+		"X",
+		"Y",
+		"Z"
+	];
+	function C(e) {
+		return {
+			id: `province-${e}`,
+			type: "char",
+			label: e,
+			value: e,
+			className: "key-plate-province",
+			data: { switchAfterInput: "license-plate-alphanumeric" }
+		};
+	}
+	function E(e) {
+		return {
+			id: `letter-${e}`,
+			type: "char",
+			label: e,
+			value: e,
+			className: "key-plate-letter"
+		};
+	}
+	const x = {
+		type: "license-plate-province",
+		name: "省份简称",
+		supportShift: !1,
+		rows: [
+			{
+				className: "plate-keyboard-row",
+				keys: v.slice(0, 10).map(C)
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: v.slice(10, 20).map(C)
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: v.slice(20, 30).map(C)
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: [
+					...v.slice(30, 33).map(C),
+					{
+						id: "plate-xue",
+						type: "char",
+						label: "学",
+						value: "学",
+						className: "key-plate-special",
+						data: { switchAfterInput: "license-plate-alphanumeric" }
+					},
+					{
+						id: "plate-jing",
+						type: "char",
+						label: "警",
+						value: "警",
+						className: "key-plate-special",
+						data: { switchAfterInput: "license-plate-alphanumeric" }
+					},
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: e,
+						label: "",
+						width: 1.5,
+						className: "key-plate-fn"
+					},
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2.5,
+						className: "key-plate-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 8,
+			inputType: "license-plate"
+		}
+	}, S = {
+		type: "license-plate-alphanumeric",
+		name: "字母数字",
+		supportShift: !1,
+		rows: [
+			{
+				className: "plate-keyboard-row",
+				keys: "1234567890".split("").map(function(e) {
+					return {
+						id: `num-${e}`,
+						type: "char",
+						label: e,
+						value: e,
+						className: "key-plate-number"
+					};
+				})
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: N.slice(0, 10).map(E)
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: [...N.slice(10, 19).map(E), {
+					id: "backspace",
+					type: "backspace",
+					icon: e,
+					label: "",
+					className: "key-plate-fn"
+				}]
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: [
+					{
+						id: "switch-province",
+						type: "tab",
+						label: "省份",
+						width: 1.5,
+						className: "key-plate-switch",
+						data: { targetType: "license-plate-province" }
+					},
+					...N.slice(19, 24).map(E),
+					{
+						id: "plate-xue",
+						type: "char",
+						label: "学",
+						value: "学",
+						className: "key-plate-special"
+					},
+					{
+						id: "plate-jing",
+						type: "char",
+						label: "警",
+						value: "警",
+						className: "key-plate-special"
+					},
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 1.5,
+						className: "key-plate-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 8,
+			inputType: "license-plate"
+		}
+	}, L = {
+		type: "license-plate-letter",
+		name: "字母",
+		supportShift: !1,
+		rows: [
+			{
+				className: "plate-keyboard-row",
+				keys: N.slice(0, 8).map(E)
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: N.slice(8, 16).map(E)
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: [...N.slice(16, 24).map(E)]
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: [
+					{
+						id: "switch-province",
+						type: "tab",
+						label: "省份",
+						width: 2,
+						className: "key-plate-switch",
+						data: { targetType: "license-plate-province" }
+					},
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: e,
+						label: "",
+						width: 2,
+						className: "key-plate-fn"
+					},
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-plate-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 8,
+			inputType: "license-plate"
+		}
+	}, T = {
+		type: "license-plate",
+		name: "车牌号键盘",
+		supportShift: !1,
+		data: {
+			autoSwitch: !0,
+			maxLength: 8,
+			inputType: "license-plate"
+		},
+		rows: x.rows
+	};
+	function A(e) {
+		return {
+			id: `num-${e}`,
+			type: "char",
+			label: e,
+			value: e,
+			className: "key-num"
+		};
+	}
+	const P = {
+		type: "number",
+		name: "数字键盘",
+		supportShift: !1,
+		switchable: ["qwerty", "symbol"],
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					A("1"),
+					A("2"),
+					A("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: e,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					A("4"),
+					A("5"),
+					A("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: t,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					A("7"),
+					A("8"),
+					A("9"),
+					{
+						id: "close",
+						type: "close",
+						label: "关闭",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "decimal",
+						type: "char",
+						label: ".",
+						value: ".",
+						className: "key-num"
+					},
+					A("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		]
+	}, M = {
+		type: "integer",
+		name: "整数键盘",
+		supportShift: !1,
+		switchable: ["qwerty"],
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					A("1"),
+					A("2"),
+					A("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: e,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					A("4"),
+					A("5"),
+					A("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: t,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					A("7"),
+					A("8"),
+					A("9"),
+					{
+						id: "close",
+						type: "close",
+						label: "关闭",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "switch-qwerty",
+						type: "tab",
+						label: "ABC",
+						className: "key-numpad-fn",
+						data: { targetType: "qwerty" }
+					},
+					A("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		]
+	};
+	function B(e) {
+		return {
+			id: `phone-${e}`,
+			type: "char",
+			label: e,
+			value: e,
+			className: "key-num"
+		};
+	}
+	const z = {
+		type: "phone",
+		name: "手机号键盘",
+		supportShift: !1,
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					B("1"),
+					B("2"),
+					B("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: e,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					B("4"),
+					B("5"),
+					B("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: t,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					B("7"),
+					B("8"),
+					B("9"),
+					{
+						id: "close",
+						type: "close",
+						label: "关闭",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "phone-plus",
+						type: "char",
+						label: "+",
+						value: "+",
+						className: "key-num"
+					},
+					B("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 11,
+			inputType: "phone"
+		}
+	}, I = {
+		type: "phone-simple",
+		name: "拨号键盘",
+		supportShift: !1,
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					B("1"),
+					B("2"),
+					B("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: e,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					B("4"),
+					B("5"),
+					B("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: t,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					B("7"),
+					B("8"),
+					B("9"),
+					{
+						id: "phone-hash",
+						type: "char",
+						label: "#",
+						value: "#",
+						className: "key-num"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "phone-star",
+						type: "char",
+						label: "*",
+						value: "*",
+						className: "key-num"
+					},
+					B("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "拨打",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 13,
+			inputType: "phone"
+		}
+	};
+	function $(e, t) {
+		return {
+			id: `punct-${e}`,
+			type: "char",
+			label: e,
+			value: t ?? e,
+			className: "key-num"
+		};
+	}
+	const D = {
+		type: "punct",
+		name: "中文标点",
+		supportShift: !1,
+		switchable: ["qwerty", "punct-en"],
+		rows: [
+			{
+				className: "virtual-keyboard__row",
+				keys: [
+					"，",
+					"。",
+					"？",
+					"！",
+					"：",
+					"；",
+					"\"",
+					"\""
+				].map((e) => $(e))
+			},
+			{
+				className: "virtual-keyboard__row",
+				keys: [
+					"（",
+					"）",
+					"【",
+					"】",
+					"《",
+					"》",
+					"……",
+					"——"
+				].map((e) => $(e))
+			},
+			{
+				className: "virtual-keyboard__row",
+				keys: [
+					$("·"),
+					$("、"),
+					$("「"),
+					$("」"),
+					$("『"),
+					$("』"),
+					$("~"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: e,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "virtual-keyboard__row",
+				keys: [
+					{
+						id: "switch-punct-en",
+						type: "tab",
+						label: "英",
+						data: { targetType: "punct-en" },
+						className: "key-numpad-fn"
+					},
+					{
+						id: "switch-qwerty",
+						type: "tab",
+						label: "ABC",
+						data: { targetType: "qwerty" },
+						className: "key-numpad-fn"
+					},
+					{
+						id: "space",
+						type: "space",
+						label: "空格",
+						value: " ",
+						width: 4,
+						className: "key-num"
+					},
+					{
+						id: "done",
+						type: "done",
+						icon: s,
+						label: "",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		]
+	};
+	function O(e) {
+		return {
+			id: `char-${e.toLowerCase()}`,
+			type: "char",
+			label: {
+				lower: e.toLowerCase(),
+				upper: e.toUpperCase()
+			},
+			value: {
+				lower: e.toLowerCase(),
+				upper: e.toUpperCase()
+			}
+		};
+	}
+	const R = {
+		type: "qwerty",
+		name: "字母键盘",
+		supportShift: !0,
+		defaultUpperCase: !1,
+		switchable: ["number", "symbol"],
+		rows: [
+			{ keys: [
+				O("Q"),
+				O("W"),
+				O("E"),
+				O("R"),
+				O("T"),
+				O("Y"),
+				O("U"),
+				O("I"),
+				O("O"),
+				O("P")
+			] },
+			{ keys: [
+				O("A"),
+				O("S"),
+				O("D"),
+				O("F"),
+				O("G"),
+				O("H"),
+				O("J"),
+				O("K"),
+				O("L")
+			] },
+			{ keys: [
+				{
+					id: "shift",
+					type: "shift",
+					label: "⇧",
+					width: 1.5,
+					className: "key-shift"
+				},
+				O("Z"),
+				O("X"),
+				O("C"),
+				O("V"),
+				O("B"),
+				O("N"),
+				O("M"),
+				{
+					id: "backspace",
+					type: "backspace",
+					label: "⌫",
+					width: 1.5,
+					className: "key-backspace"
+				}
+			] },
+			{ keys: [
+				{
+					id: "switch-number",
+					type: "tab",
+					label: "123",
+					width: 1.5,
+					className: "key-switch",
+					data: { targetType: "number" }
+				},
+				{
+					id: "switch-symbol",
+					type: "tab",
+					label: "#+=",
+					width: 1.25,
+					className: "key-switch",
+					data: { targetType: "symbol" }
+				},
+				{
+					id: "space",
+					type: "space",
+					label: "空格",
+					value: " ",
+					width: 4,
+					className: "key-space"
+				},
+				{
+					id: "done",
+					type: "done",
+					label: "完成",
+					width: 2,
+					className: "key-done"
+				}
+			] }
+		]
+	};
+	function K(e) {
+		return {
+			id: `search-char-${e.toLowerCase()}`,
+			type: "char",
+			label: {
+				lower: e.toLowerCase(),
+				upper: e.toUpperCase()
+			},
+			value: {
+				lower: e.toLowerCase(),
+				upper: e.toUpperCase()
+			}
+		};
+	}
+	const j = {
+		type: "search",
+		name: "搜索键盘",
+		supportShift: !0,
+		defaultUpperCase: !1,
+		switchable: ["symbol", "number"],
+		rows: [
+			{ keys: "qwertyuiop".split("").map(K) },
+			{ keys: "asdfghjkl".split("").map(K) },
+			{ keys: [
+				{
+					id: "shift",
+					type: "shift",
+					icon: i,
+					label: "",
+					width: 1.5,
+					className: "key-shift"
+				},
+				..."zxcvbnm".split("").map(K),
+				{
+					id: "backspace",
+					type: "backspace",
+					icon: e,
+					label: "",
+					width: 1.5,
+					className: "key-backspace"
+				}
+			] },
+			{ keys: [
+				{
+					id: "switch-number",
+					type: "tab",
+					label: "123",
+					width: 1.25,
+					className: "key-switch",
+					data: { targetType: "number" }
+				},
+				{
+					id: "switch-symbol",
+					type: "tab",
+					label: "#+=",
+					width: 1.25,
+					className: "key-switch",
+					data: { targetType: "symbol" }
+				},
+				{
+					id: "space",
+					type: "space",
+					label: "",
+					value: " ",
+					width: 4,
+					className: "key-space"
+				},
+				{
+					id: "voice",
+					type: "custom",
+					icon: l,
+					label: "",
+					width: 1,
+					className: "key-voice",
+					data: { action: "voice" }
+				},
+				{
+					id: "search-done",
+					type: "done",
+					label: "搜索",
+					width: 2,
+					className: "key-done"
+				}
+			] }
+		]
+	};
+	function U(e, t) {
+		return {
+			id: t || `symbol-${e.charCodeAt(0)}`,
+			type: "char",
+			label: e,
+			value: e
+		};
+	}
+	const F = {
+		type: "symbol",
+		name: "符号键盘",
+		supportShift: !1,
+		switchable: ["qwerty", "number"],
+		rows: [
+			{ keys: [
+				U("1"),
+				U("2"),
+				U("3"),
+				U("4"),
+				U("5"),
+				U("6"),
+				U("7"),
+				U("8"),
+				U("9"),
+				U("0")
+			] },
+			{ keys: [
+				U("-"),
+				U("/"),
+				U(":"),
+				U(";"),
+				U("("),
+				U(")"),
+				U("¥", "yen"),
+				U("@"),
+				U("\"", "quote")
+			] },
+			{ keys: [
+				{
+					id: "switch-symbol-2",
+					type: "tab",
+					label: "#+= ",
+					width: 1.5,
+					className: "key-switch",
+					data: { targetType: "symbol-2" }
+				},
+				U("."),
+				U(","),
+				U("?"),
+				U("!"),
+				U("'", "apostrophe"),
+				{
+					id: "backspace",
+					type: "backspace",
+					label: "⌫",
+					width: 1.5,
+					className: "key-backspace"
+				}
+			] },
+			{ keys: [
+				{
+					id: "switch-qwerty",
+					type: "tab",
+					label: "ABC",
+					width: 1.5,
+					className: "key-switch",
+					data: { targetType: "qwerty" }
+				},
+				{
+					id: "switch-number",
+					type: "tab",
+					label: "123",
+					width: 1.25,
+					className: "key-switch",
+					data: { targetType: "number" }
+				},
+				{
+					id: "space",
+					type: "space",
+					label: "空格",
+					value: " ",
+					width: 4,
+					className: "key-space"
+				},
+				{
+					id: "done",
+					type: "done",
+					label: "完成",
+					width: 2,
+					className: "key-done"
+				}
+			] }
+		]
+	}, q = {
+		type: "symbol",
+		name: "符号键盘2",
+		supportShift: !1,
+		switchable: ["qwerty", "number"],
+		rows: [
+			{ keys: [
+				U("["),
+				U("]"),
+				U("{"),
+				U("}"),
+				U("#"),
+				U("%"),
+				U("^"),
+				U("*"),
+				U("+"),
+				U("=")
+			] },
+			{ keys: [
+				U("_"),
+				U("\\"),
+				U("|"),
+				U("~"),
+				U("<"),
+				U(">"),
+				U("€", "euro"),
+				U("$"),
+				U("&")
+			] },
+			{ keys: [
+				{
+					id: "switch-symbol-1",
+					type: "tab",
+					label: "123",
+					width: 1.5,
+					className: "key-switch",
+					data: { targetType: "symbol" }
+				},
+				U("`", "backtick"),
+				U("·", "middle-dot"),
+				U("…", "ellipsis"),
+				U("°", "degree"),
+				U("•", "bullet"),
+				{
+					id: "backspace",
+					type: "backspace",
+					label: "⌫",
+					width: 1.5,
+					className: "key-backspace"
+				}
+			] },
+			{ keys: [
+				{
+					id: "switch-qwerty",
+					type: "tab",
+					label: "ABC",
+					width: 1.5,
+					className: "key-switch",
+					data: { targetType: "qwerty" }
+				},
+				{
+					id: "switch-number",
+					type: "tab",
+					label: "123",
+					width: 1.25,
+					className: "key-switch",
+					data: { targetType: "number" }
+				},
+				{
+					id: "space",
+					type: "space",
+					label: "空格",
+					value: " ",
+					width: 4,
+					className: "key-space"
+				},
+				{
+					id: "done",
+					type: "done",
+					label: "完成",
+					width: 2,
+					className: "key-done"
+				}
+			] }
+		]
+	};
+	function V(e) {
+		return {
+			id: `url-char-${e.toLowerCase()}`,
+			type: "char",
+			label: {
+				lower: e.toLowerCase(),
+				upper: e.toUpperCase()
+			},
+			value: {
+				lower: e.toLowerCase(),
+				upper: e.toUpperCase()
+			}
+		};
+	}
+	function H(e, t) {
+		return {
+			id: `url-snippet-${e.replace(/[^a-z0-9]/gi, "") || e.split("").map((e) => e.charCodeAt(0)).join("")}`,
+			type: "char",
+			label: e,
+			value: e,
+			width: t,
+			className: "key-snippet"
+		};
+	}
+	const _ = {
+		type: "url",
+		name: "网址键盘",
+		supportShift: !0,
+		defaultUpperCase: !1,
+		switchable: ["symbol", "number"],
+		rows: [
+			{ keys: "qwertyuiop".split("").map(V) },
+			{ keys: "asdfghjkl".split("").map(V) },
+			{ keys: [
+				{
+					id: "shift",
+					type: "shift",
+					icon: i,
+					label: "",
+					width: 1.5,
+					className: "key-shift"
+				},
+				..."zxcvbnm".split("").map(V),
+				{
+					id: "backspace",
+					type: "backspace",
+					icon: e,
+					label: "",
+					width: 1.5,
+					className: "key-backspace"
+				}
+			] },
+			{ keys: [
+				{
+					id: "switch-number",
+					type: "tab",
+					label: "123",
+					width: 1.2,
+					className: "key-switch",
+					data: { targetType: "number" }
+				},
+				H("/", .8),
+				H(".", .8),
+				H("-", .8),
+				H(".com", 1.5),
+				H(".cn", 1.2),
+				{
+					id: "space",
+					type: "space",
+					label: "",
+					value: " ",
+					width: 1.5,
+					className: "key-space"
+				},
+				{
+					id: "url-go",
+					type: "done",
+					label: "前往",
+					width: 1.5,
+					className: "key-done"
+				}
+			] }
+		]
+	};
+	function W(e) {
+		return {
+			id: `verify-${e}`,
+			type: "char",
+			label: e,
+			value: e,
+			className: "key-num"
+		};
+	}
+	const Y = {
+		type: "verifycode",
+		name: "验证码键盘",
+		supportShift: !1,
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					W("1"),
+					W("2"),
+					W("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: e,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					W("4"),
+					W("5"),
+					W("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: t,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					W("7"),
+					W("8"),
+					W("9"),
+					{
+						id: "close",
+						type: "close",
+						label: "关闭",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "empty",
+						type: "char",
+						label: "",
+						value: "",
+						disabled: !0,
+						className: "key-numpad-empty"
+					},
+					W("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 6,
+			inputType: "verifycode"
+		}
+	}, X = {
+		qwerty: R,
+		number: P,
+		integer: M,
+		symbol: F,
+		"symbol-2": q,
+		"license-plate": T,
+		"license-plate-province": x,
+		"license-plate-letter": L,
+		"license-plate-alphanumeric": S,
+		idcard: w,
+		phone: z,
+		"phone-simple": I,
+		amount: p,
+		"amount-simple": u,
+		bankcard: y,
+		verifycode: Y,
+		email: b,
+		url: _,
+		search: j,
+		punct: D
+	}, G = {};
+	function Z(e, t) {
+		X[e] ? console.warn(`[Keyboard] Cannot override builtin layout "${e}"`) : G[e] = t;
+	}
+	function J(e) {
+		return G[e] || X[e];
+	}
+	const Q = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
+	let ee = null;
+	function te() {
+		return null !== ee ? ee : "undefined" != typeof window && (ee = "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0, ee);
+	}
+	function ae() {
+		return "undefined" != typeof navigator && Q.test(navigator.userAgent);
+	}
+	function se() {
+		return "undefined" != typeof window && (!!ae() || (window.innerWidth || document.documentElement.clientWidth) <= 768 || te());
+	}
+	function ne() {
+		if ("undefined" == typeof window) return {
+			width: 0,
+			height: 0,
+			scrollX: 0,
+			scrollY: 0,
+			isMobile: !1
+		};
+		const e = window.innerWidth || document.documentElement.clientWidth, t = window.innerHeight || document.documentElement.clientHeight, a = ie();
+		return {
+			width: e,
+			height: t,
+			scrollX: window.scrollX || window.pageXOffset,
+			scrollY: window.scrollY || window.pageYOffset,
+			isMobile: se(),
+			safeArea: a
+		};
+	}
+	function ie() {
+		if ("undefined" == typeof window || "undefined" == typeof CSS || !CSS.supports) return {
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0
+		};
+		if (!CSS.supports("padding-top", "env(safe-area-inset-top)")) return {
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0
+		};
+		const e = document.createElement("div");
+		e.style.cssText = "\n    position: fixed;\n    top: env(safe-area-inset-top);\n    right: env(safe-area-inset-right);\n    bottom: env(safe-area-inset-bottom);\n    left: env(safe-area-inset-left);\n    pointer-events: none;\n    visibility: hidden;\n  ";
+		const t = document.body;
+		if (!t) return {
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0
+		};
+		t.appendChild(e);
+		const a = getComputedStyle(e), s = {
+			top: Number.parseFloat(a.top) || 0,
+			right: Number.parseFloat(a.right) || 0,
+			bottom: Number.parseFloat(a.bottom) || 0,
+			left: Number.parseFloat(a.left) || 0
+		};
+		return t.removeChild(e), s;
+	}
+	function oe() {
+		return "undefined" != typeof navigator && "vibrate" in navigator;
+	}
+	function re(e = 10) {
+		return !!oe() && navigator.vibrate(e);
+	}
+	function le(e) {
+		const t = e.getBoundingClientRect();
+		return {
+			x: t.left,
+			y: t.top,
+			width: t.width,
+			height: t.height
+		};
+	}
+	function ce(e, t) {
+		const a = e.target;
+		return !t.contains(a);
+	}
+	function de(e, t) {
+		const a = (a) => {
+			ce(a, e) && t(a);
+		};
+		return document.addEventListener("mousedown", a), document.addEventListener("touchstart", a), () => {
+			document.removeEventListener("mousedown", a), document.removeEventListener("touchstart", a);
+		};
+	}
+	function pe(e) {
+		return e.selectionStart ?? e.value.length;
+	}
+	function ue(e, t) {
+		e.setSelectionRange(t, t);
+	}
+	function he(e, t, a) {
+		const s = e.selectionStart ?? e.value.length, n = e.selectionEnd ?? e.value.length, i = e.value, o = void 0 !== a && Number.isFinite(a) ? Math.max(0, Math.floor(a)) : void 0;
+		let r = t, l = i.substring(0, s) + r + i.substring(n);
+		if (void 0 !== o && l.length > o) {
+			const e = o - (i.length - (n - s));
+			if (e <= 0) return {
+				value: i,
+				cursorPosition: s
+			};
+			r = t.substring(0, e), l = i.substring(0, s) + r + i.substring(n);
+		}
+		const c = s + r.length;
+		return {
+			value: l,
+			cursorPosition: Math.min(c, l.length)
+		};
+	}
+	function ye(e) {
+		const t = e.selectionStart ?? e.value.length, a = e.selectionEnd ?? e.value.length, s = e.value;
+		if (t !== a) {
+			const e = s.substring(t, a);
+			return {
+				value: s.substring(0, t) + s.substring(a),
+				deletedChar: e,
+				cursorPosition: t
+			};
+		}
+		if (0 === t) return {
+			value: s,
+			deletedChar: "",
+			cursorPosition: 0
+		};
+		const n = s.charAt(t - 1);
+		return {
+			value: s.substring(0, t - 1) + s.substring(t),
+			deletedChar: n,
+			cursorPosition: t - 1
+		};
+	}
+	function me(e) {
+		if ("undefined" == typeof DOMParser || "undefined" == typeof XMLSerializer) return "";
+		const t = new DOMParser().parseFromString(e, "image/svg+xml"), a = t.documentElement;
+		return "svg" !== a.tagName.toLowerCase() || t.querySelector("parsererror") ? "" : (a.querySelectorAll("script, style, foreignObject").forEach((e) => e.remove()), a.querySelectorAll("*").forEach((e) => {
+			Array.from(e.attributes).forEach((t) => {
+				const a = t.name.toLowerCase(), s = t.value.trim();
+				!a.startsWith("on") && ("href" !== a && "xlink:href" !== a || s.startsWith("#")) || e.removeAttribute(t.name);
+			});
+		}), new XMLSerializer().serializeToString(a));
+	}
+	var ke = class {
+		constructor() {
+			this.handlers = /* @__PURE__ */ new Map();
+		}
+		on(e, t, a = {}) {
+			this.handlers.has(e) || this.handlers.set(e, /* @__PURE__ */ new Set());
+			const s = this.handlers.get(e);
+			if (!s) return () => {};
+			const n = {
+				handler: t,
+				options: a
+			};
+			return s.add(n), () => {
+				s.delete(n), 0 === s.size && this.handlers.delete(e);
+			};
+		}
+		once(e, t, a = {}) {
+			return this.on(e, t, {
+				...a,
+				once: !0
+			});
+		}
+		off(e, t) {
+			if (!t) return void this.handlers.delete(e);
+			const a = this.handlers.get(e);
+			a && (a.forEach((e) => {
+				e.handler === t && a.delete(e);
+			}), 0 === a.size && this.handlers.delete(e));
+		}
+		emit(e, t) {
+			const a = this.handlers.get(e);
+			if (!a || 0 === a.size) return;
+			const s = Array.from(a).sort((e, t) => {
+				const a = e.options.priority ?? 0;
+				return (t.options.priority ?? 0) - a;
+			}), n = [];
+			s.forEach((a) => {
+				try {
+					a.handler(t), a.options.once && n.push(a);
+				} catch (t) {
+					console.error(`[KeyboardEventEmitter] Error in event handler for "${String(e)}":`, t);
+				}
+			}), n.forEach((e) => a.delete(e)), 0 === a.size && this.handlers.delete(e);
+		}
+		clear() {
+			this.handlers.clear();
+		}
+		listenerCount(e) {
+			if (void 0 !== e) return this.handlers.get(e)?.size ?? 0;
+			let t = 0;
+			return this.handlers.forEach((e) => {
+				t += e.size;
+			}), t;
+		}
+	};
+	const fe = {
+		type: "qwerty",
+		value: "",
+		maxLength: void 0,
+		defaultUpperCase: !1,
+		closeOnClickOutside: !0,
+		enableSound: !1,
+		enableVibrate: !0,
+		customLayouts: {}
+	};
+	function be(e) {
+		if (void 0 !== e && Number.isFinite(e)) return Math.max(0, Math.floor(e));
+	}
+	function ge(e, t) {
+		return void 0 === t ? e : e.slice(0, t);
+	}
+	var we = class extends ke {
+		constructor(e = {}) {
+			super(), this.currentLayout = null, this.destroyed = !1;
+			const t = be(e.maxLength);
+			this.options = {
+				...fe,
+				...e,
+				maxLength: t,
+				customLayouts: {
+					...fe.customLayouts,
+					...e.customLayouts ?? {}
+				}
+			}, e.customLayouts && Object.entries(e.customLayouts).forEach(([e, t]) => {
+				this.options.customLayouts[e] = t;
+			}), this.state = {
+				visible: !1,
+				type: this.options.type,
+				isUpperCase: this.options.defaultUpperCase,
+				value: ge(this.options.value, this.options.maxLength),
+				cursorPosition: ge(this.options.value, this.options.maxLength).length,
+				maxLength: this.options.maxLength,
+				inputElement: null
+			}, this.loadLayout(this.options.type);
+		}
+		getState() {
+			return { ...this.state };
+		}
+		getLayout() {
+			return this.currentLayout;
+		}
+		getOptions() {
+			return {
+				...this.options,
+				customLayouts: { ...this.options.customLayouts }
+			};
+		}
+		loadLayout(e) {
+			let t = this.options.customLayouts[e];
+			return t || (t = J(e)), t ? (this.currentLayout = t, t.supportShift && (this.state.isUpperCase = t.defaultUpperCase ?? this.options.defaultUpperCase), !0) : (console.error(`[KeyboardManager] Layout "${e}" not found`), !1);
+		}
+		show(e) {
+			this.destroyed || (this.state.visible ? e && this.state.inputElement !== e && this.bindInput(e) : (this.state.visible = !0, this.state.inputElement = e ?? null, e && (this.state.value = e.value, this.state.cursorPosition = pe(e)), this.emitStateChange(), this.emit("show", { type: this.state.type })));
+		}
+		hide() {
+			if (this.destroyed) return;
+			if (!this.state.visible) return;
+			const e = this.state.type;
+			this.state.visible = !1, this.state.inputElement = null, this.emitStateChange(), this.emit("hide", { type: e });
+		}
+		toggle(e) {
+			this.destroyed || (this.state.visible ? this.hide() : this.show(e));
+		}
+		switchType(e) {
+			if (this.destroyed) return;
+			if (this.state.type === e) return;
+			const t = this.state.type;
+			this.loadLayout(e) && (this.state.type = e, this.emitStateChange(), this.emit("switch", {
+				from: t,
+				to: e
+			}));
+		}
+		toggleShift() {
+			this.destroyed || this.currentLayout?.supportShift && (this.state.isUpperCase = !this.state.isUpperCase, this.emitStateChange(), this.emit("shift", { isUpperCase: this.state.isUpperCase }));
+		}
+		setShift(e) {
+			this.destroyed || this.currentLayout?.supportShift && this.state.isUpperCase !== e && (this.state.isUpperCase = e, this.emitStateChange(), this.emit("shift", { isUpperCase: e }));
+		}
+		handleKey(e) {
+			if (!this.destroyed) switch (this.options.enableVibrate && se() && re(10), this.emit("keypress", {
+				key: e,
+				value: this.state.value
+			}), e.type) {
+				case "char":
+				case "space":
+					this.handleCharKey(e);
+					break;
+				case "backspace":
+					this.handleBackspace();
+					break;
+				case "shift":
+					this.toggleShift();
+					break;
+				case "clear":
+					this.handleClear();
+					break;
+				case "enter":
+				case "done":
+					this.handleConfirm();
+					break;
+				case "close":
+					this.hide();
+					break;
+				case "tab": this.handleTab(e);
+			}
+		}
+		handleCharKey(e) {
+			const t = this.getKeyValue(e);
+			if (!t) return;
+			const a = this.state.inputElement;
+			if (a) {
+				const e = he(a, t, this.state.maxLength);
+				a.value = e.value, ue(a, e.cursorPosition), this.state.value = e.value, this.state.cursorPosition = e.cursorPosition, this.dispatchInputEvent(a);
+			} else {
+				if (void 0 !== this.state.maxLength && this.state.value.length >= this.state.maxLength) return;
+				const e = void 0 === this.state.maxLength ? t.length : this.state.maxLength - this.state.value.length, a = t.slice(0, Math.max(0, e));
+				if (!a) return;
+				const s = this.state.value.slice(0, this.state.cursorPosition) + a + this.state.value.slice(this.state.cursorPosition);
+				this.state.value = s, this.state.cursorPosition += a.length;
+			}
+			this.emitStateChange(), this.emit("input", {
+				value: this.state.value,
+				key: e
+			}), this.autoSwitchLicensePlate();
+		}
+		handleBackspace() {
+			const e = this.state.inputElement;
+			if (e) {
+				const t = ye(e);
+				e.value = t.value, ue(e, t.cursorPosition), this.state.value = t.value, this.state.cursorPosition = t.cursorPosition, this.dispatchInputEvent(e), this.emitStateChange(), this.emit("backspace", {
+					deletedChar: t.deletedChar,
+					value: this.state.value
+				});
+			} else {
+				if (0 === this.state.cursorPosition) return;
+				const e = this.state.value.charAt(this.state.cursorPosition - 1);
+				this.state.value = this.state.value.slice(0, this.state.cursorPosition - 1) + this.state.value.slice(this.state.cursorPosition), this.state.cursorPosition--, this.emitStateChange(), this.emit("backspace", {
+					deletedChar: e,
+					value: this.state.value
+				});
+			}
+			this.autoSwitchLicensePlate();
+		}
+		autoSwitchLicensePlate() {
+			if (!this.state.type.startsWith("license-plate")) return;
+			let e = null;
+			e = 0 === this.state.value.length ? "license-plate-province" : "license-plate-alphanumeric", e && this.state.type !== e && this.switchType(e);
+		}
+		handleClear() {
+			const e = this.state.value;
+			this.state.inputElement && (this.state.inputElement.value = "", this.dispatchInputEvent(this.state.inputElement)), this.state.value = "", this.state.cursorPosition = 0, this.emitStateChange(), this.emit("clear", { previousValue: e }), this.autoSwitchLicensePlate();
+		}
+		handleConfirm() {
+			this.emit("confirm", { value: this.state.value }), this.hide();
+		}
+		handleTab(e) {
+			const t = e.data?.targetType;
+			t && this.switchType(t);
+		}
+		getKeyValue(e) {
+			const t = e.value ?? e.label;
+			return "string" == typeof t ? t : this.state.isUpperCase ? t.upper : t.lower;
+		}
+		getKeyLabel(e) {
+			const t = e.label;
+			return "string" == typeof t ? t : this.state.isUpperCase ? t.upper : t.lower;
+		}
+		setValue(e) {
+			if (this.destroyed) return;
+			const t = ge(e, this.state.maxLength);
+			this.state.value = t, this.state.cursorPosition = t.length, this.state.inputElement && (this.state.inputElement.value = t, ue(this.state.inputElement, t.length), this.dispatchInputEvent(this.state.inputElement)), this.emitStateChange(), this.autoSwitchLicensePlate();
+		}
+		appendValue(e) {
+			if (this.destroyed) return;
+			if (!e) return;
+			const t = this.state.inputElement;
+			if (t) {
+				const a = he(t, e, this.state.maxLength);
+				t.value = a.value, ue(t, a.cursorPosition), this.state.value = a.value, this.state.cursorPosition = a.cursorPosition, this.dispatchInputEvent(t);
+			} else {
+				if (void 0 !== this.state.maxLength && (e = e.slice(0, Math.max(0, this.state.maxLength - this.state.value.length))), !e) return;
+				const t = this.state.value.slice(0, this.state.cursorPosition) + e + this.state.value.slice(this.state.cursorPosition);
+				this.state.value = t, this.state.cursorPosition += e.length;
+			}
+			this.emitStateChange();
+		}
+		setMaxLength(e) {
+			if (this.destroyed) return;
+			const t = be(e);
+			this.state.maxLength = t;
+			const a = ge(this.state.value, t), s = a !== this.state.value;
+			this.state.value = a, this.state.cursorPosition = Math.min(this.state.cursorPosition, a.length), this.state.inputElement && this.state.inputElement.value !== a && (this.state.inputElement.value = a, ue(this.state.inputElement, this.state.cursorPosition), this.dispatchInputEvent(this.state.inputElement)), this.emitStateChange(), s && this.autoSwitchLicensePlate();
+		}
+		bindInput(e) {
+			if (this.destroyed) return;
+			this.state.inputElement = e;
+			const t = ge(e.value, this.state.maxLength);
+			e.value !== t && (e.value = t), this.state.value = t, this.state.cursorPosition = Math.min(pe(e), t.length), this.emitStateChange();
+		}
+		unbindInput() {
+			this.destroyed || (this.state.inputElement = null, this.emitStateChange());
+		}
+		emitStateChange() {
+			this.emit("stateChange", { ...this.state });
+		}
+		dispatchInputEvent(e) {
+			const t = e.ownerDocument.defaultView?.Event ?? Event;
+			e.dispatchEvent(new t("input", { bubbles: !0 }));
+		}
+		destroy() {
+			this.destroyed || (this.hide(), this.clear(), this.state.inputElement = null, this.destroyed = !0);
+		}
+	};
+	const ve = {
+		name: "miui",
+		displayName: "MIUI",
+		description: "小米风格 - 纯净简洁",
+		isDark: !1,
+		colors: {
+			background: "#f5f5f5",
+			keyBackground: "#ffffff",
+			keyColor: "#1a1a1a",
+			keyActiveBackground: "#e8e8e8",
+			fnKeyBackground: "#e0e0e0",
+			fnKeyColor: "#666666",
+			fnKeyActiveBackground: "#d0d0d0",
+			primaryBackground: "#ff6700",
+			primaryActiveBackground: "#e55d00",
+			primaryColor: "#ffffff",
+			borderColor: "transparent",
+			dividerColor: "#eeeeee"
+		},
+		sizes: {
+			keyHeight: 46,
+			keyRadius: 8,
+			keyGap: 6,
+			fontSize: 18,
+			fnFontSize: 14,
+			padding: 8
+		},
+		effects: {
+			keyShadow: "none",
+			keyActiveShadow: "none",
+			keyActiveScale: .96,
+			transitionDuration: 100,
+			enableBlur: !1,
+			blurAmount: 0,
+			enableRipple: !1
+		}
+	}, Ne = {
+		name: "ios",
+		displayName: "iOS",
+		description: "Apple 风格 - 精致优雅",
+		isDark: !1,
+		colors: {
+			background: "#d1d3d9",
+			keyBackground: "#ffffff",
+			keyColor: "#000000",
+			keyActiveBackground: "#b8bac2",
+			fnKeyBackground: "#a8aab4",
+			fnKeyColor: "#000000",
+			fnKeyActiveBackground: "#9699a3",
+			primaryBackground: "#007aff",
+			primaryActiveBackground: "#0062cc",
+			primaryColor: "#ffffff",
+			borderColor: "transparent",
+			dividerColor: "#c8cad0"
+		},
+		sizes: {
+			keyHeight: 43,
+			keyRadius: 5,
+			keyGap: 6,
+			fontSize: 22,
+			fnFontSize: 15,
+			padding: 4
+		},
+		effects: {
+			keyShadow: "0 1px 0 rgba(0,0,0,0.35)",
+			keyActiveShadow: "0 0 0 rgba(0,0,0,0)",
+			keyActiveScale: 1,
+			transitionDuration: 80,
+			enableBlur: !0,
+			blurAmount: 20,
+			enableRipple: !1
+		}
+	}, Ce = {
+		name: "material",
+		displayName: "Material",
+		description: "Google 风格 - 深邃现代",
+		isDark: !0,
+		colors: {
+			background: "#263238",
+			keyBackground: "#37474f",
+			keyColor: "#ffffff",
+			keyActiveBackground: "#455a64",
+			fnKeyBackground: "#455a64",
+			fnKeyColor: "#b0bec5",
+			fnKeyActiveBackground: "#546e7a",
+			primaryBackground: "#4caf50",
+			primaryActiveBackground: "#43a047",
+			primaryColor: "#ffffff",
+			borderColor: "transparent",
+			dividerColor: "#37474f"
+		},
+		sizes: {
+			keyHeight: 48,
+			keyRadius: 4,
+			keyGap: 4,
+			fontSize: 20,
+			fnFontSize: 14,
+			padding: 6
+		},
+		effects: {
+			keyShadow: "0 1px 3px rgba(0,0,0,0.2)",
+			keyActiveShadow: "0 2px 6px rgba(0,0,0,0.3)",
+			keyActiveScale: 1,
+			transitionDuration: 150,
+			enableBlur: !1,
+			blurAmount: 0,
+			enableRipple: !0
+		}
+	}, Ee = {
+		name: "minimal",
+		displayName: "Minimal",
+		description: "极简风格 - 轻盈透明",
+		isDark: !1,
+		colors: {
+			background: "rgba(250, 250, 250, 0.95)",
+			keyBackground: "transparent",
+			keyColor: "#333333",
+			keyActiveBackground: "rgba(0, 0, 0, 0.08)",
+			fnKeyBackground: "transparent",
+			fnKeyColor: "#888888",
+			fnKeyActiveBackground: "rgba(0, 0, 0, 0.08)",
+			primaryBackground: "#333333",
+			primaryActiveBackground: "#000000",
+			primaryColor: "#ffffff",
+			borderColor: "#eeeeee",
+			dividerColor: "#eeeeee"
+		},
+		sizes: {
+			keyHeight: 44,
+			keyRadius: 12,
+			keyGap: 8,
+			fontSize: 17,
+			fnFontSize: 13,
+			padding: 12
+		},
+		effects: {
+			keyShadow: "none",
+			keyActiveShadow: "none",
+			keyActiveScale: .92,
+			transitionDuration: 120,
+			enableBlur: !0,
+			blurAmount: 30,
+			enableRipple: !1
+		}
+	}, xe = {
+		name: "dark",
+		displayName: "Dark",
+		description: "深色模式 - 护眼舒适",
+		isDark: !0,
+		colors: {
+			background: "#1c1c1e",
+			keyBackground: "#3a3a3c",
+			keyColor: "#ffffff",
+			keyActiveBackground: "#4a4a4c",
+			fnKeyBackground: "#2c2c2e",
+			fnKeyColor: "#ebebf5",
+			fnKeyActiveBackground: "#3c3c3e",
+			primaryBackground: "#0a84ff",
+			primaryActiveBackground: "#0070e0",
+			primaryColor: "#ffffff",
+			borderColor: "#3a3a3c",
+			dividerColor: "#3a3a3c"
+		},
+		sizes: {
+			keyHeight: 45,
+			keyRadius: 8,
+			keyGap: 6,
+			fontSize: 18,
+			fnFontSize: 14,
+			padding: 8
+		},
+		effects: {
+			keyShadow: "0 1px 2px rgba(0,0,0,0.4)",
+			keyActiveShadow: "0 0 8px rgba(10,132,255,0.3)",
+			keyActiveScale: .97,
+			transitionDuration: 100,
+			enableBlur: !0,
+			blurAmount: 20,
+			enableRipple: !1
+		}
+	}, Se = {
+		miui: ve,
+		ios: Ne,
+		material: Ce,
+		minimal: Ee,
+		dark: xe
+	}, Le = ve, Te = /* @__PURE__ */ new Map();
+	let Ae = Le;
+	function Pe(e) {
+		return Te.get(e) || Se[e] || Le;
+	}
+	function Me(e) {
+		Te.set(e.name, e);
+	}
+	function Be(e) {
+		return {
+			"--keyboard-bg": e.colors.background,
+			"--keyboard-key-bg": e.colors.keyBackground,
+			"--keyboard-key-color": e.colors.keyColor,
+			"--keyboard-key-active-bg": e.colors.keyActiveBackground,
+			"--keyboard-fn-key-bg": e.colors.fnKeyBackground,
+			"--keyboard-fn-key-color": e.colors.fnKeyColor,
+			"--keyboard-fn-key-active-bg": e.colors.fnKeyActiveBackground,
+			"--keyboard-primary-bg": e.colors.primaryBackground,
+			"--keyboard-primary-active-bg": e.colors.primaryActiveBackground,
+			"--keyboard-primary-color": e.colors.primaryColor,
+			"--keyboard-key-height": `${e.sizes.keyHeight}px`,
+			"--keyboard-key-radius": `${e.sizes.keyRadius}px`,
+			"--keyboard-key-gap": `${e.sizes.keyGap}px`,
+			"--keyboard-font-size": `${e.sizes.fontSize}px`,
+			"--keyboard-fn-font-size": `${e.sizes.fnFontSize}px`,
+			"--keyboard-padding": `${e.sizes.padding}px`,
+			"--keyboard-key-shadow": e.effects.keyShadow,
+			"--keyboard-mask-bg": "color-mix(in srgb, var(--ld-black) 40%, var(--ld-transparent))",
+			"--keyboard-transition-duration": `${e.effects.transitionDuration}ms`,
+			"--keyboard-border-color": e.colors.borderColor,
+			"--keyboard-divider-color": e.colors.dividerColor
+		};
+	}
+	function ze(e, t) {
+		return {
+			...e,
+			...t,
+			colors: {
+				...e.colors,
+				...t.colors
+			},
+			sizes: {
+				...e.sizes,
+				...t.sizes
+			},
+			effects: {
+				...e.effects,
+				...t.effects
+			}
+		};
+	}
+	const Ie = {
+		offset: {
+			x: 0,
+			y: 8
+		},
+		autoAdjust: !0,
+		viewportPadding: 8,
+		desktopPlacement: "bottom",
+		mobilePlacement: "bottom-sheet",
+		showMask: !0,
+		maskClosable: !0,
+		animationDuration: 300
+	};
+	function $e(e = {}) {
+		return {
+			...Ie,
+			...e,
+			offset: {
+				...Ie.offset,
+				...e.offset
+			}
+		};
+	}
+	var De = class {
+		constructor(e = {}) {
+			this.config = $e(e);
+		}
+		updateConfig(e) {
+			this.config = $e({
+				...this.config,
+				...e,
+				offset: {
+					...this.config.offset,
+					...e.offset
+				}
+			});
+		}
+		getConfig() {
+			return {
+				...this.config,
+				offset: { ...this.config.offset }
+			};
+		}
+		calculate(e, t) {
+			const a = ne(), s = se();
+			if (s && "bottom-sheet" === this.config.mobilePlacement) return this.calculateBottomSheet(a, t);
+			if (!e) return this.calculateCentered(a, t);
+			const n = le(e), i = s ? this.config.mobilePlacement : this.config.desktopPlacement, o = "bottom-sheet" === i ? "bottom" : i;
+			return this.calculateRelativeToTarget(n, t, a, o);
+		}
+		calculateBottomSheet(e, t) {
+			const a = e.safeArea?.bottom ?? 0, s = Math.max(0, .6 * e.height - a), n = Math.min(Math.max(0, t.height), s);
+			return {
+				position: {
+					x: 0,
+					y: Math.max(0, e.height - n - a)
+				},
+				placement: "bottom-sheet",
+				flipped: !1,
+				maxHeight: s,
+				maxWidth: Math.max(0, e.width),
+				transform: "translateY(0)"
+			};
+		}
+		calculateCentered(e, t) {
+			return {
+				position: {
+					x: Math.max(0, (e.width - t.width) / 2),
+					y: Math.max(0, (e.height - t.height) / 2)
+				},
+				placement: "bottom",
+				flipped: !1
+			};
+		}
+		calculateRelativeToTarget(e, t, a, s) {
+			const { offset: n, viewportPadding: i, autoAdjust: o } = this.config;
+			let r, l = s, c = !1;
+			const d = {
+				x: e.x + (n.x ?? 0),
+				y: e.y + e.height + (n.y ?? 8)
+			}, p = {
+				x: e.x + (n.x ?? 0),
+				y: e.y - t.height - (n.y ?? 8)
+			};
+			if ("bottom" === s ? (r = d, o && r.y + t.height > a.height - i && p.y >= i && (r = p, l = "top", c = !0)) : (r = p, o && r.y < i && d.y + t.height <= a.height - i && (r = d, l = "bottom", c = !0)), o) {
+				const e = Math.max(i, a.width - t.width - i);
+				r.x = Math.min(Math.max(r.x, i), e);
+			}
+			const u = "bottom" === l ? a.height - r.y - i : e.y - i;
+			return {
+				position: r,
+				placement: l,
+				flipped: c,
+				maxHeight: Math.max(0, u),
+				maxWidth: Math.max(0, a.width - 2 * i)
+			};
+		}
+		getInitialStyles(e) {
+			switch (e) {
+				case "bottom-sheet": return {
+					transform: "translateY(100%)",
+					opacity: "1"
+				};
+				case "bottom": return {
+					transform: "translateY(calc(-1 * var(--ld-px-10)))",
+					opacity: "0"
+				};
+				case "top": return {
+					transform: "translateY(var(--ld-px-10))",
+					opacity: "0"
+				};
+				default: return { opacity: "0" };
+			}
+		}
+		getFinalStyles(e) {
+			return {
+				transform: "translateY(0)",
+				opacity: "1"
+			};
+		}
+		getExitStyles(e) {
+			return this.getInitialStyles(e);
+		}
+		getAnimationDuration() {
+			return this.config.animationDuration;
+		}
+		shouldShowMask() {
+			return se() && this.config.showMask;
+		}
+		isMaskClosable() {
+			return this.config.maskClosable;
+		}
+	};
+	const Oe = /* @__PURE__ */ new WeakMap();
+	var Re = class {
+		constructor(e = {}) {
+			this.rootEl = null, this.maskEl = null, this.keyboardEl = null, this.targetEl = null, this.cleanupFns = [], this.inputCleanupFns = /* @__PURE__ */ new Set(), this.styleDocument = null, this.destroyed = !1, this.options = e;
+			const t = e.container ?? ("undefined" != typeof document ? document.body : null);
+			if (!t) throw new Error("[KeyboardRenderer] A DOM container is required in non-browser environments");
+			this.container = t, this.manager = new we(e), this.positionManager = new De(e.position), "string" == typeof e.theme ? this.theme = Pe(e.theme) : e.theme ? this.theme = e.theme : this.theme = Le, this.setupEvents();
+		}
+		setupEvents() {
+			this.manager.on("stateChange", (e) => {
+				e.visible ? this.render() : this.unmount();
+			}), this.manager.on("input", ({ value: e }) => {
+				this.options.onInput?.(e);
+			}), this.manager.on("confirm", ({ value: e }) => {
+				this.options.onConfirm?.(e);
+			});
+		}
+		open(e) {
+			this.destroyed || (this.targetEl = e ?? null, this.manager.show(e));
+		}
+		close() {
+			if (this.destroyed) return;
+			const e = this.manager.getState().visible;
+			this.manager.hide(), e && this.options.onClose?.();
+		}
+		switchType(e) {
+			this.destroyed || this.manager.switchType(e);
+		}
+		setTheme(e) {
+			this.destroyed || (this.theme = "string" == typeof e ? Pe(e) : e, this.manager.getState().visible && this.render());
+		}
+		getValue() {
+			return this.manager.getState().value;
+		}
+		setValue(e) {
+			this.destroyed || this.manager.setValue(e);
+		}
+		render() {
+			if (this.destroyed) return;
+			const e = this.manager.getLayout();
+			if (!e) return;
+			this.unmount(), this.rootEl = document.createElement("div"), this.rootEl.className = "lk-renderer-root";
+			const t = se();
+			t && (this.maskEl = document.createElement("div"), this.maskEl.className = "lk-mask", this.maskEl.addEventListener("click", () => {
+				this.positionManager.isMaskClosable() && this.close();
+			}), this.rootEl.appendChild(this.maskEl)), this.keyboardEl = document.createElement("div"), this.keyboardEl.className = "lk-popup lk-popup--" + (t ? "mobile" : "desktop");
+			const a = Be(this.theme), s = this.keyboardEl;
+			if (!s) return;
+			Object.entries(a).forEach(([e, t]) => {
+				t && s.style.setProperty(e, t);
+			});
+			const n = this.renderKeyboard(e);
+			if (this.keyboardEl.appendChild(n), this.rootEl.appendChild(this.keyboardEl), this.container.appendChild(this.rootEl), !t && this.targetEl) {
+				const e = this.keyboardEl.getBoundingClientRect(), t = this.positionManager.calculate(this.targetEl, {
+					width: e.width,
+					height: e.height
+				});
+				this.keyboardEl.style.position = "fixed", this.keyboardEl.style.left = `${t.position.x}px`, this.keyboardEl.style.top = `${t.position.y}px`, this.keyboardEl.style.zIndex = "10000";
+			} else t && (this.keyboardEl.style.position = "fixed", this.keyboardEl.style.left = "0", this.keyboardEl.style.right = "0", this.keyboardEl.style.bottom = "0", this.keyboardEl.style.zIndex = "10000");
+			if (requestAnimationFrame(() => {
+				this.keyboardEl?.classList.add("lk-popup--visible"), this.maskEl?.classList.add("lk-mask--visible");
+			}), !1 !== this.options.closeOnClickOutside && this.keyboardEl) {
+				const e = de(this.keyboardEl, (e) => {
+					this.targetEl && e.target instanceof Node && this.targetEl.contains(e.target) || this.close();
+				});
+				this.cleanupFns.push(e);
+			}
+			this.injectStyles();
+		}
+		renderKeyboard(e) {
+			const t = document.createElement("div");
+			t.className = "lk-keyboard";
+			const a = this.manager.getState();
+			return e.rows.forEach((e) => {
+				const s = document.createElement("div");
+				s.className = `lk-row ${e.className || ""}`;
+				const n = "numpad-row" === e.className;
+				e.keys.forEach((e) => {
+					const t = document.createElement("div");
+					if (t.className = "lk-key-wrapper", n) t.style.flex = String(e.width ?? 1);
+					else if (e.width) {
+						const a = 36, s = this.theme.sizes?.keyGap ?? 6, n = a * e.width + (e.width - 1) * s;
+						t.style.width = `${n}px`;
+					}
+					const i = document.createElement("button");
+					if (i.type = "button", i.className = this.getKeyClass(e, a.isUpperCase), e.disabled && (i.disabled = !0), e.icon) {
+						const t = me(e.icon);
+						t ? i.innerHTML = t : i.textContent = e.icon;
+					} else i.textContent = "string" == typeof e.label ? e.label : a.isUpperCase ? e.label.upper : e.label.lower;
+					const o = (t) => {
+						t.preventDefault(), t.stopPropagation(), e.disabled || this.manager.handleKey(e);
+					};
+					i.addEventListener("mousedown", o), i.addEventListener("touchstart", o, { passive: !1 }), t.appendChild(i), s.appendChild(t);
+				}), t.appendChild(s);
+			}), t;
+		}
+		getKeyClass(e, t) {
+			const a = ["lk-key", `lk-key--${e.type}`];
+			return e.className && a.push(e.className), e.disabled && a.push("lk-key--disabled"), "shift" === e.type && t && a.push("lk-key--active"), a.join(" ");
+		}
+		unmount() {
+			this.cleanupFns.forEach((e) => e()), this.cleanupFns = [], this.rootEl && this.rootEl.parentNode && this.rootEl.parentNode.removeChild(this.rootEl), this.rootEl = null, this.maskEl = null, this.keyboardEl = null;
+		}
+		injectStyles() {
+			const e = this.container.ownerDocument;
+			if (this.styleDocument === e) return;
+			const t = Oe.get(e);
+			if (t) return t.users += 1, void (this.styleDocument = e);
+			const a = e.createElement("style");
+			a.textContent = "\n      .lk-renderer-root { font-family: var(--ld-font-family); }\n      .lk-mask { position: fixed; inset: 0; z-index: 9999; background: var(--keyboard-mask-bg); opacity: 0; transition: opacity var(--ld-duration-fast); }\n      .lk-mask--visible { opacity: 1; }\n      .lk-popup { overflow: hidden; background: var(--keyboard-bg); box-shadow: var(--ld-shadow-md, none); transform: translateY(var(--ld-px-20)); opacity: 0; transition: transform var(--ld-duration-fast), opacity var(--ld-duration-fast); }\n      .lk-popup--visible { transform: translateY(0); opacity: 1; }\n      .lk-popup--desktop { min-width: var(--ld-px-280); border-radius: var(--ld-radius-lg); box-shadow: var(--ld-shadow-lg, none); }\n      .lk-popup--mobile { border-top-left-radius: var(--ld-radius-lg); border-top-right-radius: var(--ld-radius-lg); padding-bottom: env(safe-area-inset-bottom, var(--ld-px-0)); }\n      .lk-keyboard { display: flex; flex-direction: column; gap: var(--keyboard-key-gap); padding: var(--keyboard-padding); user-select: none; -webkit-user-select: none; font-family: var(--ld-font-family); }\n      .lk-row { display: flex; justify-content: center; gap: var(--keyboard-key-gap); padding: 0 var(--ld-px-2); }\n      .lk-row.numpad-row { justify-content: stretch; }\n      .lk-row.numpad-row .lk-key-wrapper { flex: 1; }\n      .lk-key-wrapper { position: relative; display: inline-flex; }\n      .lk-key { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-width: var(--ld-px-32); height: var(--keyboard-key-height); padding: 0 var(--ld-spacing-xs); border: 0; border-radius: var(--keyboard-key-radius); background: var(--keyboard-key-bg); color: var(--keyboard-key-color); font-size: var(--keyboard-font-size); font-weight: 500; cursor: pointer; touch-action: manipulation; box-shadow: var(--keyboard-key-shadow); transition: background-color var(--ld-duration-fast), transform var(--ld-duration-fast); }\n      .lk-key:active { background: var(--keyboard-key-active-bg); transform: scale(0.95); }\n      .lk-key--disabled { opacity: 0.4; cursor: not-allowed; }\n      .lk-key--disabled:active { transform: none; background: var(--keyboard-key-bg); }\n      .lk-key--backspace, .lk-key--shift, .lk-key--tab, .lk-key--clear, .lk-key--close { background: var(--keyboard-fn-key-bg); color: var(--keyboard-fn-key-color); font-size: var(--keyboard-fn-font-size); }\n      .lk-key--backspace:active, .lk-key--shift:active, .lk-key--tab:active, .lk-key--clear:active, .lk-key--close:active { background: var(--keyboard-fn-key-active-bg); }\n      .lk-key--active { background: var(--keyboard-key-active-bg) !important; color: var(--ld-text-inverse) !important; }\n      .lk-key--done, .lk-key--enter { background: var(--keyboard-primary-bg); color: var(--keyboard-primary-color); font-size: var(--keyboard-fn-font-size); }\n      .lk-key--done:active, .lk-key--enter:active { background: var(--keyboard-primary-active-bg); }\n      .lk-key--space { background: var(--keyboard-key-bg); }\n      .lk-key svg { pointer-events: none; }\n    ", a.id = "lk-renderer-styles", e.head?.appendChild(a), Oe.set(e, {
+				element: a,
+				users: 1
+			}), this.styleDocument = e;
+		}
+		bindInput(e) {
+			if (this.destroyed) return () => {};
+			const t = () => this.open(e);
+			e.addEventListener("focus", t), e.setAttribute("readonly", "readonly"), e.style.caretColor = "transparent";
+			let a = !1;
+			const s = () => {
+				a || (a = !0, e.removeEventListener("focus", t), e.removeAttribute("readonly"), e.style.caretColor = "");
+			};
+			return this.inputCleanupFns.add(s), s;
+		}
+		destroy() {
+			if (!this.destroyed && (this.destroyed = !0, this.unmount(), this.inputCleanupFns.forEach((e) => e()), this.inputCleanupFns.clear(), this.manager.destroy(), this.styleDocument)) {
+				const e = Oe.get(this.styleDocument);
+				e && (e.users -= 1, e.users <= 0 && (e.element.remove(), Oe.delete(this.styleDocument))), this.styleDocument = null;
+			}
+		}
+	};
+	function Ke(e) {
+		const t = e.replace(/\D/g, "").slice(0, 11);
+		return t.length <= 3 ? t : t.length <= 7 ? `${t.slice(0, 3)} ${t.slice(3)}` : `${t.slice(0, 3)} ${t.slice(3, 7)} ${t.slice(7)}`;
+	}
+	function je(e) {
+		return e.replace(/\D/g, "").slice(0, 19).replace(/(\d{4})(?=\d)/g, "$1 ");
+	}
+	function Ue(e) {
+		return e.replace(/[^\dX]/gi, "").slice(0, 18).toUpperCase();
+	}
+	function Fe(e) {
+		return e.toUpperCase().slice(0, 8);
+	}
+	function qe(e, t = 6) {
+		return e.replace(/\D/g, "").slice(0, t);
+	}
+	const Ve = /* @__PURE__ */ new Map([
+		["phone", Ke],
+		["bankcard", je],
+		["idcard", Ue],
+		["license-plate", Fe],
+		["verifycode", qe]
+	]);
+	function He(e) {
+		const t = [...e];
+		for (let e = t.length - 1; e > 0; e--) {
+			const a = Math.floor(Math.random() * (e + 1));
+			[t[e], t[a]] = [t[a], t[e]];
+		}
+		return t;
+	}
+	function _e() {
+		return He([
+			"0",
+			"1",
+			"2",
+			"3",
+			"4",
+			"5",
+			"6",
+			"7",
+			"8",
+			"9"
+		]);
+	}
+	function We() {
+		return He(Array.from({ length: 26 }, (e, t) => String.fromCharCode(65 + t)));
+	}
+	function Ye() {
+		return He([
+			"0",
+			"1",
+			"2",
+			"3",
+			"4",
+			"5",
+			"6",
+			"7",
+			"8",
+			"9",
+			...Array.from({ length: 26 }, (e, t) => String.fromCharCode(65 + t))
+		]);
+	}
+	function Xe(e, t) {
+		return {
+			id: `random-${e}-${t}`,
+			type: "char",
+			label: e,
+			value: e,
+			className: "key-random"
+		};
+	}
+	function Ge(e) {
+		const { keysPerRow: t = 3, includeBackspace: a = !0, includeDone: s = !0, includeClear: n = !1 } = e || {}, i = function(e, t) {
+			const a = [];
+			for (let s = 0; s < e.length; s += t) a.push(e.slice(s, s + t));
+			return a;
+		}(_e().map((e, t) => Xe(e, t)), t).map((e) => ({
+			className: "numpad-row",
+			keys: e
+		})), o = [];
+		return n && o.push({
+			id: "clear",
+			type: "clear",
+			label: "清空",
+			className: "key-clear key-fn"
+		}), a && o.push({
+			id: "backspace",
+			type: "backspace",
+			label: "⌫",
+			className: "key-backspace key-fn"
+		}), s && o.push({
+			id: "done",
+			type: "done",
+			label: "确定",
+			className: "key-done key-fn"
+		}), o.length > 0 && i.push({
+			className: "numpad-row",
+			keys: o
+		}), {
+			type: "custom",
+			name: "随机数字键盘",
+			supportShift: !1,
+			rows: i,
+			data: {
+				isRandom: !0,
+				randomType: "number"
+			}
+		};
+	}
+	function Ze(e) {
+		const { includeBackspace: t = !0, includeDone: a = !0 } = e || {}, s = _e(), n = [
+			{
+				className: "numpad-row",
+				keys: s.slice(0, 3).map((e, t) => Xe(e, t))
+			},
+			{
+				className: "numpad-row",
+				keys: s.slice(3, 6).map((e, t) => Xe(e, t + 3))
+			},
+			{
+				className: "numpad-row",
+				keys: s.slice(6, 9).map((e, t) => Xe(e, t + 6))
+			}
+		], i = [];
+		return t ? i.push({
+			id: "backspace",
+			type: "backspace",
+			label: "⌫",
+			className: "key-backspace key-fn"
+		}) : i.push({
+			id: "empty-1",
+			type: "char",
+			label: "",
+			value: "",
+			disabled: !0,
+			className: "key-placeholder"
+		}), i.push(Xe(s[9], 9)), a ? i.push({
+			id: "done",
+			type: "done",
+			label: "确定",
+			className: "key-done key-fn"
+		}) : i.push({
+			id: "empty-2",
+			type: "char",
+			label: "",
+			value: "",
+			disabled: !0,
+			className: "key-placeholder"
+		}), n.push({
+			className: "numpad-row",
+			keys: i
+		}), {
+			type: "custom",
+			name: "随机PIN键盘",
+			supportShift: !1,
+			rows: n,
+			data: {
+				isRandom: !0,
+				randomType: "pin"
+			}
+		};
+	}
+	function Je(e) {
+		const { uppercase: t = !0, rowDistribution: a = [
+			10,
+			9,
+			7
+		] } = e || {};
+		let s = We();
+		t || (s = s.map((e) => e.toLowerCase()));
+		const n = s.map((e, t) => Xe(e, t)), i = [];
+		let o = 0;
+		for (const e of a) i.push({
+			className: "numpad-row",
+			keys: n.slice(o, o + e)
+		}), o += e;
+		return o < n.length && i.push({
+			className: "numpad-row",
+			keys: n.slice(o)
+		}), i.push({
+			className: "numpad-row",
+			keys: [
+				{
+					id: "clear",
+					type: "clear",
+					label: "清空",
+					className: "key-clear key-fn"
+				},
+				{
+					id: "backspace",
+					type: "backspace",
+					label: "⌫",
+					className: "key-backspace key-fn"
+				},
+				{
+					id: "done",
+					type: "done",
+					label: "确定",
+					className: "key-done key-fn"
+				}
+			]
+		}), {
+			type: "custom",
+			name: "随机字母键盘",
+			supportShift: !1,
+			rows: i,
+			data: {
+				isRandom: !0,
+				randomType: "letter"
+			}
+		};
+	}
+	function Qe(e) {
+		const { rowDistribution: t = [
+			10,
+			10,
+			9,
+			7
+		] } = e || {}, a = Ye().map((e, t) => Xe(e, t)), s = [];
+		let n = 0;
+		for (const e of t) {
+			if (n >= a.length) break;
+			s.push({
+				className: "numpad-row",
+				keys: a.slice(n, n + e)
+			}), n += e;
+		}
+		return n < a.length && s.push({
+			className: "numpad-row",
+			keys: a.slice(n)
+		}), s.push({
+			className: "numpad-row",
+			keys: [
+				{
+					id: "clear",
+					type: "clear",
+					label: "清空",
+					className: "key-clear key-fn"
+				},
+				{
+					id: "backspace",
+					type: "backspace",
+					label: "⌫",
+					className: "key-backspace key-fn"
+				},
+				{
+					id: "done",
+					type: "done",
+					label: "确定",
+					className: "key-done key-fn"
+				}
+			]
+		}), {
+			type: "custom",
+			name: "随机混合键盘",
+			supportShift: !1,
+			rows: s,
+			data: {
+				isRandom: !0,
+				randomType: "mixed"
+			}
+		};
+	}
+	exports.EMAIL_SUFFIXES = f, exports.EventEmitter = ke, exports.ICONS = c, exports.ICON_CHECK = s, exports.ICON_CLEAR = t, exports.ICON_CLOSE = a, exports.ICON_DELETE = e, exports.ICON_ENTER = n, exports.ICON_KEYBOARD = r, exports.ICON_SHIFT = i, exports.ICON_SPACE = o, exports.ICON_VOICE = l, exports.KeyboardManager = we, exports.KeyboardRenderer = Re, exports.PLATE_LETTERS = N, exports.PROVINCES = v, exports.PositionManager = De, exports.amountLayout = p, exports.amountSimpleLayout = u, exports.applyFormatter = function(e, t) {
+		const a = Ve.get(e);
+		return a ? a(t) : t;
+	}, exports.applyTheme = function(e, t) {
+		const a = Be(t);
+		Object.entries(a).forEach(([t, a]) => {
+			a && e.style.setProperty(t, a);
+		}), e.classList.remove("keyboard-theme-light", "keyboard-theme-dark"), e.classList.add(t.isDark ? "keyboard-theme-dark" : "keyboard-theme-light"), e.dataset.theme = t.name;
+	}, exports.bankcardLayout = y, exports.createElement = function(e, t, a) {
+		const s = document.createElement(e);
+		return t && Object.entries(t).forEach(([e, t]) => {
+			s.setAttribute(e, t);
+		}), a && a.forEach((e) => {
+			"string" == typeof e ? s.appendChild(document.createTextNode(e)) : s.appendChild(e);
+		}), s;
+	}, exports.createKeyboardManager = function(e) {
+		return new we(e);
+	}, exports.createKeyboardRenderer = function(e) {
+		return new Re(e);
+	}, exports.createPositionManager = function(e) {
+		return new De(e);
+	}, exports.createRandomLetterLayout = Je, exports.createRandomMixedLayout = Qe, exports.createRandomNumberLayout = Ge, exports.createRandomPinLayout = Ze, exports.createTheme = function(e, t, a) {
+		const s = ze(Pe(t), {
+			...a,
+			name: e
+		});
+		return Me(s), s;
+	}, exports.darkTheme = xe, exports.defaultTheme = Le, exports.deleteCharBeforeCursor = ye, exports.emailLayout = b, exports.formatAmount = function(e, t = 2) {
+		let a = e.replace(/[^\d.]/g, "");
+		const s = a.split(".");
+		return s.length > 2 && (a = `${s[0]}.${s.slice(1).join("")}`), 2 === s.length && s[1].length > t && (a = `${s[0]}.${s[1].slice(0, t)}`), a.length > 1 && a.startsWith("0") && "." !== a[1] && (a = a.replace(/^0+/, "") || "0"), a;
+	}, exports.formatBankCard = je, exports.formatIdCard = Ue, exports.formatLicensePlate = Fe, exports.formatPhone = Ke, exports.formatVerifyCode = qe, exports.generateThemeStyle = function(e) {
+		const t = Be(e);
+		return Object.entries(t).filter(([, e]) => e).map(([e, t]) => `${e}: ${t}`).join("; ");
+	}, exports.getAllThemes = function() {
+		return [...Object.values(Se), ...Te.values()];
+	}, exports.getAvailableLayouts = function() {
+		return [...Object.keys(X), ...Object.keys(G)];
+	}, exports.getAvailableThemes = function() {
+		return [...Object.keys(Se), ...Te.keys()];
+	}, exports.getBoundingRect = le, exports.getCurrentTheme = function() {
+		return Ae;
+	}, exports.getDeviceType = function() {
+		return se() ? "mobile" : "desktop";
+	}, exports.getElementOffset = function(e) {
+		const t = e.getBoundingClientRect(), a = window.pageXOffset || document.documentElement.scrollLeft, s = window.pageYOffset || document.documentElement.scrollTop;
+		return {
+			x: t.left + a,
+			y: t.top + s
+		};
+	}, exports.getFormatter = function(e) {
+		return Ve.get(e);
+	}, exports.getInputCursorPosition = pe, exports.getLayout = J, exports.getRandomAlphanumeric = Ye, exports.getRandomLetters = We, exports.getRandomNumbers = _e, exports.getSafeAreaInsets = ie, exports.getTheme = Pe, exports.getViewportInfo = ne, exports.hasLayout = function(e) {
+		return e in X || e in G;
+	}, exports.idcardLayout = w, exports.insertTextAtCursor = he, exports.integerLayout = M, exports.iosTheme = Ne, exports.isClickOutside = ce, exports.isElementInViewport = function(e) {
+		const t = e.getBoundingClientRect();
+		return t.top >= 0 && t.left >= 0 && t.bottom <= (window.innerHeight || document.documentElement.clientHeight) && t.right <= (window.innerWidth || document.documentElement.clientWidth);
+	}, exports.isMobile = se, exports.isMobileUA = ae, exports.isTouchDevice = te, exports.licensePlateAlphanumericLayout = S, exports.licensePlateLayout = T, exports.licensePlateLetterLayout = L, exports.licensePlateProvinceLayout = x, exports.materialTheme = Ce, exports.mergeTheme = ze, exports.minimalTheme = Ee, exports.miuiTheme = ve, exports.numberLayout = P, exports.onClickOutside = de, exports.onViewportChange = function(e) {
+		if ("undefined" == typeof window) return () => {};
+		const t = () => {
+			e(ne());
+		};
+		return window.addEventListener("resize", t), window.addEventListener("orientationchange", t), () => {
+			window.removeEventListener("resize", t), window.removeEventListener("orientationchange", t);
+		};
+	}, exports.phoneLayout = z, exports.phoneSimpleLayout = I, exports.presetThemes = Se, exports.preventDefaultAndStopPropagation = function(e) {
+		e.preventDefault(), e.stopPropagation();
+	}, exports.punctLayout = D, exports.qwertyLayout = R, exports.refreshRandomLayout = function(e) {
+		switch (e.data?.randomType) {
+			case "number": return Ge();
+			case "pin": return Ze();
+			case "letter": return Je();
+			case "mixed": return Qe();
+			default: return e;
+		}
+	}, exports.registerFormatter = function(e, t) {
+		Ve.set(e, t);
+	}, exports.registerLayout = Z, exports.registerLayouts = function(e) {
+		Object.entries(e).forEach(([e, t]) => {
+			Z(e, t);
+		});
+	}, exports.registerTheme = Me, exports.sanitizeSvgIcon = me, exports.scrollIntoViewIfNeeded = function(e, t) {
+		if (!t) return void e.scrollIntoView({
+			behavior: "smooth",
+			block: "nearest"
+		});
+		const a = e.getBoundingClientRect(), s = t.getBoundingClientRect();
+		a.bottom > s.bottom ? t.scrollTop += a.bottom - s.bottom : a.top < s.top && (t.scrollTop -= s.top - a.top);
+	}, exports.searchLayout = j, exports.setCurrentTheme = function(e) {
+		return Ae = Pe(e), Ae;
+	}, exports.setInputCursorPosition = ue, exports.setStyles = function(e, t) {
+		Object.assign(e.style, t);
+	}, exports.shuffleArray = He, exports.supportsVibrate = oe, exports.symbolLayout = F, exports.symbolLayout2 = q, exports.themeToCSS = Be, exports.toggleClass = function(e, t, a) {
+		e.classList.toggle(t, a);
+	}, exports.unregisterLayout = function(e) {
+		return e in G && (delete G[e], !0);
+	}, exports.urlLayout = _, exports.verifycodeLayout = Y, exports.vibrate = re;
+});
+/*! End of @composy/keyboard-core | Powered by @composy/builder */
+//# sourceMappingURL=index.min.js.map