@web-utils/component 2.7.19 → 2.7.21

package/dist/components/keyboard/style.css

@@ -1 +1,473 @@
-.avue-keyboard--default .akeyboard-keyboard{height:100%;width:100%;background:#f0f0f0;border-radius:5px;padding:9px 5px 5px;box-sizing:border-box}.avue-keyboard--default .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--default .akeyboard-keyboard-keys{height:40px;min-width:40px;padding:0 10px;border-radius:5px;background:white;display:inline-block;line-height:40px;text-align:center;box-sizing:border-box;margin:4px;cursor:pointer;user-select:none}.avue-keyboard--default .akeyboard-keyboard-keys:hover{background:#1e9fff;color:#fff}.avue-keyboard--default .akeyboard-keyboard-keys-Delete,.avue-keyboard--default .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--default .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--default .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--default .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--default .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--default .keyboard-keyboard-keys-focus{background:#1e9fff;color:#fff}.avue-keyboard--default .akeyboard-keyboard-fixedBottomCenter{width:100%!important;height:auto!important;position:fixed;bottom:0px;left:0px;border-radius:0!important}.avue-keyboard--default .akeyboard-numberKeyboard{height:100%;width:100%;background:#f0f0f0;border-radius:5px;padding:10px 5px 5px;box-sizing:border-box}.avue-keyboard--default .akeyboard-numberKeyboard-keys-Enter{height:40px;width:100px}.avue-keyboard--default .akeyboard-mobileKeyboard{height:100%;width:100%;background:#f0f0f0;border-radius:5px;padding:11px 5px 5px;box-sizing:border-box}.avue-keyboard--default .akeyboard-mobileKeyboard-keys{height:25px;min-width:25px;padding:0 10px;border-radius:3px;background:white;display:inline-block;line-height:25px;text-align:center;box-sizing:border-box;margin:3px 2px 2px;cursor:pointer;user-select:none;font-size:10px}.avue-keyboard--default .akeyboard-mobileKeyboard-keys:hover{background:#1e9fff!important;color:#fff}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-\21e7 ,.avue-keyboard--default .akeyboard-mobileKeyboard-keys-\21e6 {width:25px;background-color:#999faf}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-Space{height:28px;width:100px;line-height:28px;margin-left:55px}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-Enter{height:28px;width:55px;line-height:28px;background:#1e9fff!important;color:#fff}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-focus{background:#1e9fff!important;color:#fff}.avue-keyboard--green .akeyboard-keyboard{height:100%;width:100%;background:#003300;border-radius:5px;padding:9px 5px 5px;box-sizing:border-box}.avue-keyboard--green .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--green .akeyboard-keyboard-keys{height:40px;min-width:40px;padding:0 10px;border-radius:5px;background:#cccc99;display:inline-block;line-height:40px;text-align:center;box-sizing:border-box;margin:4px;cursor:pointer;user-select:none}.avue-keyboard--green .akeyboard-keyboard-keys:hover{background:#669933;color:#fff}.avue-keyboard--green .akeyboard-keyboard-keys-Delete,.avue-keyboard--green .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--green .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--green .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--green .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--green .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--green .keyboard-keyboard-keys-focus{background:#669933;color:#fff}.avue-keyboard--green .akeyboard-keyboard-fixedBottomCenter{width:100%!important;height:auto!important;position:fixed;bottom:0px;left:0px;border-radius:0!important}.avue-keyboard--green .akeyboard-numberKeyboard{height:100%;width:100%;background:#003300;border-radius:5px;padding:10px 5px 5px;box-sizing:border-box}.avue-keyboard--green .akeyboard-numberKeyboard-keys-Enter{height:40px;width:100px}.avue-keyboard--green .akeyboard-mobileKeyboard{height:100%;width:100%;background:#003300;border-radius:5px;padding:11px 5px 5px;box-sizing:border-box}.avue-keyboard--green .akeyboard-mobileKeyboard-keys{height:25px;min-width:25px;padding:0 10px;border-radius:3px;background:#cccc99;display:inline-block;line-height:25px;text-align:center;box-sizing:border-box;margin:3px 2px 2px;cursor:pointer;user-select:none;font-size:10px}.avue-keyboard--green .akeyboard-mobileKeyboard-keys:hover{background:#669933!important;color:#fff}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-\21e7 ,.avue-keyboard--green .akeyboard-mobileKeyboard-keys-\21e6 {width:25px;background-color:#999faf}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-Space{height:28px;width:100px;line-height:28px;margin-left:55px}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-Enter{height:28px;width:55px;line-height:28px;background:#669933!important;color:#fff}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-focus{background:#669933!important;color:#fff}.avue-keyboard--dark .akeyboard-keyboard{height:100%;width:100%;background:black;color:#fff;border-radius:5px;padding:9px 5px 5px;box-sizing:border-box}.avue-keyboard--dark .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--dark .akeyboard-keyboard-keys{height:40px;min-width:40px;padding:0 10px;border-radius:5px;background:#393d49;color:#fff;display:inline-block;line-height:40px;text-align:center;box-sizing:border-box;margin:4px;cursor:pointer;user-select:none}.avue-keyboard--dark .akeyboard-keyboard-keys:hover{background:#1e9fff}.avue-keyboard--dark .akeyboard-keyboard-keys-Delete,.avue-keyboard--dark .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--dark .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--dark .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--dark .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--dark .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--dark .keyboard-keyboard-keys-focus{background:#1e9fff}.avue-keyboard--dark .akeyboard-keyboard-fixedBottomCenter{width:100%!important;height:auto!important;position:fixed;bottom:0px;left:0px;border-radius:0!important}.avue-keyboard--dark .akeyboard-numberKeyboard{height:100%;width:100%;background:black;border-radius:5px;padding:10px 5px 5px;box-sizing:border-box}.avue-keyboard--dark .akeyboard-numberKeyboard-keys-Enter{height:40px;width:100px}.avue-keyboard--dark .akeyboard-mobileKeyboard{height:100%;width:100%;background:black;border-radius:5px;padding:11px 5px 5px;box-sizing:border-box}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys{height:25px;min-width:25px;padding:0 10px;border-radius:3px;background:#393d49;color:#fff;display:inline-block;line-height:25px;text-align:center;box-sizing:border-box;margin:3px 2px 2px;cursor:pointer;user-select:none;font-size:10px}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys:hover{background:#1e9fff!important;color:#fff}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-\21e7 ,.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-\21e6 {width:25px;background-color:#999faf}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-Space{height:28px;width:100px;line-height:28px;margin-left:55px}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-Enter{height:28px;width:55px;line-height:28px;background:#1e9fff!important;color:#fff}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-focus{background:#1e9fff!important;color:#fff}.avue-keyboard--classic .akeyboard-keyboard{height:100%;width:100%;background:#2f4056;border-radius:5px;padding:9px 5px 5px;box-sizing:border-box}.avue-keyboard--classic .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--classic .akeyboard-keyboard-keys{height:40px;min-width:40px;padding:0 10px;border-radius:5px;background:white;display:inline-block;line-height:40px;text-align:center;box-sizing:border-box;margin:4px;cursor:pointer;user-select:none}.avue-keyboard--classic .akeyboard-keyboard-keys:hover{background:#c2c2c2;color:#fff}.avue-keyboard--classic .akeyboard-keyboard-keys-Delete,.avue-keyboard--classic .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--classic .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--classic .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--classic .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--classic .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--classic .keyboard-keyboard-keys-focus{background:#c2c2c2;color:#fff}.avue-keyboard--classic .akeyboard-keyboard-fixedBottomCenter{width:100%!important;height:auto!important;position:fixed;bottom:0px;left:0px;border-radius:0!important}.avue-keyboard--classic .akeyboard-numberKeyboard{height:100%;width:100%;background:#2f4056;border-radius:5px;padding:10px 5px 5px;box-sizing:border-box}.avue-keyboard--classic .akeyboard-numberKeyboard-keys-Enter{height:40px;width:100px}.avue-keyboard--classic .akeyboard-mobileKeyboard{height:100%;width:100%;background:#2f4056;border-radius:5px;padding:11px 5px 5px;box-sizing:border-box}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys{height:25px;min-width:25px;padding:0 10px;border-radius:3px;background:white;display:inline-block;line-height:25px;text-align:center;box-sizing:border-box;margin:3px 2px 2px;cursor:pointer;user-select:none;font-size:10px}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys:hover{background:#c2c2c2!important;color:#fff}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-\21e7 ,.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-\21e6 {width:25px;background-color:#999faf}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-Space{height:28px;width:100px;line-height:28px;margin-left:55px}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-Enter{height:28px;width:55px;line-height:28px;background:#c2c2c2!important;color:#fff}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-focus{background:#c2c2c2!important;color:#fff}
+.avue-keyboard--default .akeyboard-keyboard {
+  height: 100%;
+  width: 100%;
+  background: #f0f0f0;
+  border-radius: 5px;
+  padding: 9px 5px 5px;
+  box-sizing: border-box;
+}
+.avue-keyboard--default .akeyboard-keyboard-innerKeys {
+  text-align: center;
+}
+.avue-keyboard--default .akeyboard-keyboard-keys {
+  height: 40px;
+  min-width: 40px;
+  padding: 0 10px;
+  border-radius: 5px;
+  background: white;
+  display: inline-block;
+  line-height: 40px;
+  text-align: center;
+  box-sizing: border-box;
+  margin: 4px;
+  cursor: pointer;
+  user-select: none;
+}
+.avue-keyboard--default .akeyboard-keyboard-keys:hover {
+  background: #1e9fff;
+  color: #fff;
+}
+.avue-keyboard--default .akeyboard-keyboard-keys-Delete,
+.avue-keyboard--default .akeyboard-keyboard-keys-Tab {
+  width: 80px;
+}
+.avue-keyboard--default .akeyboard-keyboard-keys-Caps {
+  width: 77px;
+}
+.avue-keyboard--default .akeyboard-keyboard-keys-Enter {
+  width: 90px;
+}
+.avue-keyboard--default .akeyboard-keyboard-keys-Shift {
+  width: 106px;
+}
+.avue-keyboard--default .akeyboard-keyboard-keys-Space {
+  width: 350px;
+}
+.avue-keyboard--default .keyboard-keyboard-keys-focus {
+  background: #1e9fff;
+  color: #fff;
+}
+.avue-keyboard--default .akeyboard-keyboard-fixedBottomCenter {
+  width: 100% !important;
+  height: auto !important;
+  position: fixed;
+  bottom: 0px;
+  left: 0px;
+  border-radius: 0 !important;
+}
+.avue-keyboard--default .akeyboard-numberKeyboard {
+  height: 100%;
+  width: 100%;
+  background: #f0f0f0;
+  border-radius: 5px;
+  padding: 10px 5px 5px;
+  box-sizing: border-box;
+}
+.avue-keyboard--default .akeyboard-numberKeyboard-keys-Enter {
+  height: 40px;
+  width: 100px;
+}
+.avue-keyboard--default .akeyboard-mobileKeyboard {
+  height: 100%;
+  width: 100%;
+  background: #f0f0f0;
+  border-radius: 5px;
+  padding: 11px 5px 5px;
+  box-sizing: border-box;
+}
+.avue-keyboard--default .akeyboard-mobileKeyboard-keys {
+  height: 25px;
+  min-width: 25px;
+  padding: 0 10px;
+  border-radius: 3px;
+  background: white;
+  display: inline-block;
+  line-height: 25px;
+  text-align: center;
+  box-sizing: border-box;
+  margin: 3px 2px 2px;
+  cursor: pointer;
+  user-select: none;
+  font-size: 10px;
+}
+.avue-keyboard--default .akeyboard-mobileKeyboard-keys:hover {
+  background: #1e9fff !important;
+  color: #fff;
+}
+.avue-keyboard--default .akeyboard-mobileKeyboard-keys-\21e7 ,
+.avue-keyboard--default .akeyboard-mobileKeyboard-keys-\21e6  {
+  width: 25px;
+  background-color: #999faf;
+}
+.avue-keyboard--default .akeyboard-mobileKeyboard-keys-Space {
+  height: 28px;
+  width: 100px;
+  line-height: 28px;
+  margin-left: 55px;
+}
+.avue-keyboard--default .akeyboard-mobileKeyboard-keys-Enter {
+  height: 28px;
+  width: 55px;
+  line-height: 28px;
+  background: #1e9fff !important;
+  color: #fff;
+}
+.avue-keyboard--default .akeyboard-mobileKeyboard-keys-focus {
+  background: #1e9fff !important;
+  color: #fff;
+}
+.avue-keyboard--green .akeyboard-keyboard {
+  height: 100%;
+  width: 100%;
+  background: #003300;
+  border-radius: 5px;
+  padding: 9px 5px 5px;
+  box-sizing: border-box;
+}
+.avue-keyboard--green .akeyboard-keyboard-innerKeys {
+  text-align: center;
+}
+.avue-keyboard--green .akeyboard-keyboard-keys {
+  height: 40px;
+  min-width: 40px;
+  padding: 0 10px;
+  border-radius: 5px;
+  background: #cccc99;
+  display: inline-block;
+  line-height: 40px;
+  text-align: center;
+  box-sizing: border-box;
+  margin: 4px;
+  cursor: pointer;
+  user-select: none;
+}
+.avue-keyboard--green .akeyboard-keyboard-keys:hover {
+  background: #669933;
+  color: #fff;
+}
+.avue-keyboard--green .akeyboard-keyboard-keys-Delete,
+.avue-keyboard--green .akeyboard-keyboard-keys-Tab {
+  width: 80px;
+}
+.avue-keyboard--green .akeyboard-keyboard-keys-Caps {
+  width: 77px;
+}
+.avue-keyboard--green .akeyboard-keyboard-keys-Enter {
+  width: 90px;
+}
+.avue-keyboard--green .akeyboard-keyboard-keys-Shift {
+  width: 106px;
+}
+.avue-keyboard--green .akeyboard-keyboard-keys-Space {
+  width: 350px;
+}
+.avue-keyboard--green .keyboard-keyboard-keys-focus {
+  background: #669933;
+  color: #fff;
+}
+.avue-keyboard--green .akeyboard-keyboard-fixedBottomCenter {
+  width: 100% !important;
+  height: auto !important;
+  position: fixed;
+  bottom: 0px;
+  left: 0px;
+  border-radius: 0 !important;
+}
+.avue-keyboard--green .akeyboard-numberKeyboard {
+  height: 100%;
+  width: 100%;
+  background: #003300;
+  border-radius: 5px;
+  padding: 10px 5px 5px;
+  box-sizing: border-box;
+}
+.avue-keyboard--green .akeyboard-numberKeyboard-keys-Enter {
+  height: 40px;
+  width: 100px;
+}
+.avue-keyboard--green .akeyboard-mobileKeyboard {
+  height: 100%;
+  width: 100%;
+  background: #003300;
+  border-radius: 5px;
+  padding: 11px 5px 5px;
+  box-sizing: border-box;
+}
+.avue-keyboard--green .akeyboard-mobileKeyboard-keys {
+  height: 25px;
+  min-width: 25px;
+  padding: 0 10px;
+  border-radius: 3px;
+  background: #cccc99;
+  display: inline-block;
+  line-height: 25px;
+  text-align: center;
+  box-sizing: border-box;
+  margin: 3px 2px 2px;
+  cursor: pointer;
+  user-select: none;
+  font-size: 10px;
+}
+.avue-keyboard--green .akeyboard-mobileKeyboard-keys:hover {
+  background: #669933 !important;
+  color: #fff;
+}
+.avue-keyboard--green .akeyboard-mobileKeyboard-keys-\21e7 ,
+.avue-keyboard--green .akeyboard-mobileKeyboard-keys-\21e6  {
+  width: 25px;
+  background-color: #999faf;
+}
+.avue-keyboard--green .akeyboard-mobileKeyboard-keys-Space {
+  height: 28px;
+  width: 100px;
+  line-height: 28px;
+  margin-left: 55px;
+}
+.avue-keyboard--green .akeyboard-mobileKeyboard-keys-Enter {
+  height: 28px;
+  width: 55px;
+  line-height: 28px;
+  background: #669933 !important;
+  color: #fff;
+}
+.avue-keyboard--green .akeyboard-mobileKeyboard-keys-focus {
+  background: #669933 !important;
+  color: #fff;
+}
+.avue-keyboard--dark .akeyboard-keyboard {
+  height: 100%;
+  width: 100%;
+  background: black;
+  color: #fff;
+  border-radius: 5px;
+  padding: 9px 5px 5px;
+  box-sizing: border-box;
+}
+.avue-keyboard--dark .akeyboard-keyboard-innerKeys {
+  text-align: center;
+}
+.avue-keyboard--dark .akeyboard-keyboard-keys {
+  height: 40px;
+  min-width: 40px;
+  padding: 0 10px;
+  border-radius: 5px;
+  background: #393d49;
+  color: #fff;
+  display: inline-block;
+  line-height: 40px;
+  text-align: center;
+  box-sizing: border-box;
+  margin: 4px;
+  cursor: pointer;
+  user-select: none;
+}
+.avue-keyboard--dark .akeyboard-keyboard-keys:hover {
+  background: #1e9fff;
+}
+.avue-keyboard--dark .akeyboard-keyboard-keys-Delete,
+.avue-keyboard--dark .akeyboard-keyboard-keys-Tab {
+  width: 80px;
+}
+.avue-keyboard--dark .akeyboard-keyboard-keys-Caps {
+  width: 77px;
+}
+.avue-keyboard--dark .akeyboard-keyboard-keys-Enter {
+  width: 90px;
+}
+.avue-keyboard--dark .akeyboard-keyboard-keys-Shift {
+  width: 106px;
+}
+.avue-keyboard--dark .akeyboard-keyboard-keys-Space {
+  width: 350px;
+}
+.avue-keyboard--dark .keyboard-keyboard-keys-focus {
+  background: #1e9fff;
+}
+.avue-keyboard--dark .akeyboard-keyboard-fixedBottomCenter {
+  width: 100% !important;
+  height: auto !important;
+  position: fixed;
+  bottom: 0px;
+  left: 0px;
+  border-radius: 0 !important;
+}
+.avue-keyboard--dark .akeyboard-numberKeyboard {
+  height: 100%;
+  width: 100%;
+  background: black;
+  border-radius: 5px;
+  padding: 10px 5px 5px;
+  box-sizing: border-box;
+}
+.avue-keyboard--dark .akeyboard-numberKeyboard-keys-Enter {
+  height: 40px;
+  width: 100px;
+}
+.avue-keyboard--dark .akeyboard-mobileKeyboard {
+  height: 100%;
+  width: 100%;
+  background: black;
+  border-radius: 5px;
+  padding: 11px 5px 5px;
+  box-sizing: border-box;
+}
+.avue-keyboard--dark .akeyboard-mobileKeyboard-keys {
+  height: 25px;
+  min-width: 25px;
+  padding: 0 10px;
+  border-radius: 3px;
+  background: #393d49;
+  color: #fff;
+  display: inline-block;
+  line-height: 25px;
+  text-align: center;
+  box-sizing: border-box;
+  margin: 3px 2px 2px;
+  cursor: pointer;
+  user-select: none;
+  font-size: 10px;
+}
+.avue-keyboard--dark .akeyboard-mobileKeyboard-keys:hover {
+  background: #1e9fff !important;
+  color: #fff;
+}
+.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-\21e7 ,
+.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-\21e6  {
+  width: 25px;
+  background-color: #999faf;
+}
+.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-Space {
+  height: 28px;
+  width: 100px;
+  line-height: 28px;
+  margin-left: 55px;
+}
+.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-Enter {
+  height: 28px;
+  width: 55px;
+  line-height: 28px;
+  background: #1e9fff !important;
+  color: #fff;
+}
+.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-focus {
+  background: #1e9fff !important;
+  color: #fff;
+}
+.avue-keyboard--classic .akeyboard-keyboard {
+  height: 100%;
+  width: 100%;
+  background: #2f4056;
+  border-radius: 5px;
+  padding: 9px 5px 5px;
+  box-sizing: border-box;
+}
+.avue-keyboard--classic .akeyboard-keyboard-innerKeys {
+  text-align: center;
+}
+.avue-keyboard--classic .akeyboard-keyboard-keys {
+  height: 40px;
+  min-width: 40px;
+  padding: 0 10px;
+  border-radius: 5px;
+  background: white;
+  display: inline-block;
+  line-height: 40px;
+  text-align: center;
+  box-sizing: border-box;
+  margin: 4px;
+  cursor: pointer;
+  user-select: none;
+}
+.avue-keyboard--classic .akeyboard-keyboard-keys:hover {
+  background: #c2c2c2;
+  color: #fff;
+}
+.avue-keyboard--classic .akeyboard-keyboard-keys-Delete,
+.avue-keyboard--classic .akeyboard-keyboard-keys-Tab {
+  width: 80px;
+}
+.avue-keyboard--classic .akeyboard-keyboard-keys-Caps {
+  width: 77px;
+}
+.avue-keyboard--classic .akeyboard-keyboard-keys-Enter {
+  width: 90px;
+}
+.avue-keyboard--classic .akeyboard-keyboard-keys-Shift {
+  width: 106px;
+}
+.avue-keyboard--classic .akeyboard-keyboard-keys-Space {
+  width: 350px;
+}
+.avue-keyboard--classic .keyboard-keyboard-keys-focus {
+  background: #c2c2c2;
+  color: #fff;
+}
+.avue-keyboard--classic .akeyboard-keyboard-fixedBottomCenter {
+  width: 100% !important;
+  height: auto !important;
+  position: fixed;
+  bottom: 0px;
+  left: 0px;
+  border-radius: 0 !important;
+}
+.avue-keyboard--classic .akeyboard-numberKeyboard {
+  height: 100%;
+  width: 100%;
+  background: #2f4056;
+  border-radius: 5px;
+  padding: 10px 5px 5px;
+  box-sizing: border-box;
+}
+.avue-keyboard--classic .akeyboard-numberKeyboard-keys-Enter {
+  height: 40px;
+  width: 100px;
+}
+.avue-keyboard--classic .akeyboard-mobileKeyboard {
+  height: 100%;
+  width: 100%;
+  background: #2f4056;
+  border-radius: 5px;
+  padding: 11px 5px 5px;
+  box-sizing: border-box;
+}
+.avue-keyboard--classic .akeyboard-mobileKeyboard-keys {
+  height: 25px;
+  min-width: 25px;
+  padding: 0 10px;
+  border-radius: 3px;
+  background: white;
+  display: inline-block;
+  line-height: 25px;
+  text-align: center;
+  box-sizing: border-box;
+  margin: 3px 2px 2px;
+  cursor: pointer;
+  user-select: none;
+  font-size: 10px;
+}
+.avue-keyboard--classic .akeyboard-mobileKeyboard-keys:hover {
+  background: #c2c2c2 !important;
+  color: #fff;
+}
+.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-\21e7 ,
+.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-\21e6  {
+  width: 25px;
+  background-color: #999faf;
+}
+.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-Space {
+  height: 28px;
+  width: 100px;
+  line-height: 28px;
+  margin-left: 55px;
+}
+.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-Enter {
+  height: 28px;
+  width: 55px;
+  line-height: 28px;
+  background: #c2c2c2 !important;
+  color: #fff;
+}
+.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-focus {
+  background: #c2c2c2 !important;
+  color: #fff;
+}

package/dist/components/license/index.js

@@ -1,20 +1,20 @@
-import { y as l } from "../../chunks/util.23fe58fb.js";
-import { n as g } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var m = function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
+import { B as downFile } from "../../chunks/util.89913643.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "avue-license",
     staticStyle: {
       position: "relative"
     }
-  }, [s("canvas", {
+  }, [_c("canvas", {
     ref: "canvas",
     attrs: {
-      id: `canvas${t.id}`
+      id: `canvas${_vm.id}`
     }
-  }), t._t("default")], 2);
-}, f = [];
-const w = {
+  }), _vm._t("default")], 2);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "License",
   props: {
     id: {
@@ -56,79 +56,79 @@ const w = {
   methods: {
     init() {
       this.draw = !1;
-      const t = new Image();
-      t.src = this.img, t.onload = () => {
-        const e = this.option.width || t.width, s = this.option.width ? t.height / t.width * this.option.width : t.height;
-        this.$refs.canvas.width = e, this.$refs.canvas.height = s, this.context.clearRect(0, 0, e, s), this.context.drawImage(t, 0, 0, e, s), this.list.forEach((i, a) => {
-          const o = () => {
-            a === this.list.length - 1 && setTimeout(() => {
+      const beauty = new Image();
+      beauty.src = this.img, beauty.onload = () => {
+        const width = this.option.width || beauty.width, height = this.option.width ? beauty.height / beauty.width * this.option.width : beauty.height;
+        this.$refs.canvas.width = width, this.$refs.canvas.height = height, this.context.clearRect(0, 0, width, height), this.context.drawImage(beauty, 0, 0, width, height), this.list.forEach((ele, index) => {
+          const callback = () => {
+            index === this.list.length - 1 && setTimeout(() => {
               this.draw = !0;
             }, 0);
           };
-          if (i.img) {
-            const n = new Image();
-            n.src = i.img, n.onload = () => {
-              const h = i.width || n.width, c = i.width ? n.height / n.width * i.width : n.height;
-              this.context.drawImage(n, i.left, i.top, h, c), o();
+          if (ele.img) {
+            const img = new Image();
+            img.src = ele.img, img.onload = () => {
+              const widths = ele.width || img.width, heights = ele.width ? img.height / img.width * ele.width : img.height;
+              this.context.drawImage(img, ele.left, ele.top, widths, heights), callback();
             };
           } else
-            i.bold ? this.context.font = `bold ${i.size}px ${i.style}` : this.context.font = `${i.size}px ${i.style}`, this.context.fillStyle = i.color, this.context.fillText(i.text, i.left, i.top), this.context.stroke(), o();
+            ele.bold ? this.context.font = `bold ${ele.size}px ${ele.style}` : this.context.font = `${ele.size}px ${ele.style}`, this.context.fillStyle = ele.color, this.context.fillText(ele.text, ele.left, ele.top), this.context.stroke(), callback();
         });
       };
     },
-    getFile(t = new Date().getTime()) {
-      return new Promise((e) => {
-        const s = setInterval(() => {
+    getFile(name = new Date().getTime()) {
+      return new Promise((resolve) => {
+        const time = setInterval(() => {
           if (this.draw) {
-            const i = this.canvas.toDataURL("image/jpeg", 1), a = this.dataURLtoFile(i, t);
-            clearInterval(s), e(a);
+            const data = this.canvas.toDataURL("image/jpeg", 1), file = this.dataURLtoFile(data, name);
+            clearInterval(time), resolve(file);
           }
         }, 1e3);
       });
     },
-    downFile(t = new Date().getTime()) {
-      l(this.base64, t);
+    downFile(filename = new Date().getTime()) {
+      downFile(this.base64, filename);
     },
     getBase64() {
-      return new Promise((t) => {
-        const e = setInterval(() => {
+      return new Promise((resolve) => {
+        const time = setInterval(() => {
           if (this.draw) {
-            const s = this.canvas.toDataURL("image/jpeg", 1);
-            this.base64 = s, clearInterval(e), t(s);
+            const data = this.canvas.toDataURL("image/jpeg", 1);
+            this.base64 = data, clearInterval(time), resolve(data);
           }
         }, 100);
       });
     },
-    getPdf(t = new Date().getTime()) {
-      const e = this.canvas.width, s = this.canvas.height, i = e / 592.28 * 841.89;
-      let a = s, o = 0;
-      const n = 595.28, h = 592.28 / e * s, c = this.canvas.toDataURL("image/jpeg", 1), r = new window.jsPDF("", "pt", "a4");
-      if (a < i)
-        r.addImage(c, "JPEG", 0, 0, n, h);
+    getPdf(name = new Date().getTime()) {
+      const contentWidth = this.canvas.width, contentHeight = this.canvas.height, pageHeight = contentWidth / 592.28 * 841.89;
+      let leftHeight = contentHeight, position = 0;
+      const imgWidth = 595.28, imgHeight = 592.28 / contentWidth * contentHeight, pageData = this.canvas.toDataURL("image/jpeg", 1), PDF = new window.jsPDF("", "pt", "a4");
+      if (leftHeight < pageHeight)
+        PDF.addImage(pageData, "JPEG", 0, 0, imgWidth, imgHeight);
       else
-        for (; a > 0; )
-          r.addImage(c, "JPEG", 0, o, n, h), a -= i, o -= 841.89, a > 0 && r.addPage();
-      r.save(`${t}.pdf`);
+        for (; leftHeight > 0; )
+          PDF.addImage(pageData, "JPEG", 0, position, imgWidth, imgHeight), leftHeight -= pageHeight, position -= 841.89, leftHeight > 0 && PDF.addPage();
+      PDF.save(`${name}.pdf`);
     }
   }
-}, d = {};
-var p = /* @__PURE__ */ g(
-  w,
-  m,
-  f,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  v,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function v(t) {
-  for (let e in d)
-    this[e] = d[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const _ = /* @__PURE__ */ function() {
-  return p.exports;
+const License = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  _ as default
+  License as default
 };