@web-utils/component 2.7.36 → 2.7.37

package/dist/components/keyboard/style.css

@@ -1,547 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-keyboard--default {
-  /*
-      number keyboard
-  */
-  /*
-      mobile keyboard
-  */
-}
-.avue-keyboard--default .akeyboard-keyboard {
-  height: 100%;
-  width: 100%;
-  background: #f0f0f0;
-  border-radius: 5px;
-  padding: 5px;
-  padding-top: 9px;
-  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: white;
-}
-.avue-keyboard--default .akeyboard-keyboard-keys-Delete {
-  width: 80px;
-}
-.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: white;
-}
-.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: 5px;
-  padding-top: 10px;
-  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: 5px;
-  padding-top: 11px;
-  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: 2px;
-  margin-top: 3px;
-  cursor: pointer;
-  user-select: none;
-  font-size: 10px;
-}
-.avue-keyboard--default .akeyboard-mobileKeyboard-keys:hover {
-  background: #1e9fff !important;
-  color: white;
-}
-.avue-keyboard--default .akeyboard-mobileKeyboard-keys-⇧ {
-  width: 25px;
-  background-color: rgb(153, 159, 175);
-}
-.avue-keyboard--default .akeyboard-mobileKeyboard-keys-⇦ {
-  width: 25px;
-  background-color: rgb(153, 159, 175);
-}
-.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: white;
-}
-.avue-keyboard--default .akeyboard-mobileKeyboard-keys-focus {
-  background: #1e9fff !important;
-  color: white;
-}
-.avue-keyboard--green {
-  /*
-      number keyboard
-  */
-  /*
-      mobile keyboard
-  */
-}
-.avue-keyboard--green .akeyboard-keyboard {
-  height: 100%;
-  width: 100%;
-  background: #003300;
-  border-radius: 5px;
-  padding: 5px;
-  padding-top: 9px;
-  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: white;
-}
-.avue-keyboard--green .akeyboard-keyboard-keys-Delete {
-  width: 80px;
-}
-.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: white;
-}
-.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: 5px;
-  padding-top: 10px;
-  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: 5px;
-  padding-top: 11px;
-  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: 2px;
-  margin-top: 3px;
-  cursor: pointer;
-  user-select: none;
-  font-size: 10px;
-}
-.avue-keyboard--green .akeyboard-mobileKeyboard-keys:hover {
-  background: #669933 !important;
-  color: white;
-}
-.avue-keyboard--green .akeyboard-mobileKeyboard-keys-⇧ {
-  width: 25px;
-  background-color: rgb(153, 159, 175);
-}
-.avue-keyboard--green .akeyboard-mobileKeyboard-keys-⇦ {
-  width: 25px;
-  background-color: rgb(153, 159, 175);
-}
-.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: white;
-}
-.avue-keyboard--green .akeyboard-mobileKeyboard-keys-focus {
-  background: #669933 !important;
-  color: white;
-}
-.avue-keyboard--dark {
-  /*
-      number keyboard
-  */
-  /*
-      mobile keyboard
-  */
-}
-.avue-keyboard--dark .akeyboard-keyboard {
-  height: 100%;
-  width: 100%;
-  background: black;
-  color: white;
-  border-radius: 5px;
-  padding: 5px;
-  padding-top: 9px;
-  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: white;
-  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 {
-  width: 80px;
-}
-.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: 5px;
-  padding-top: 10px;
-  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: 5px;
-  padding-top: 11px;
-  box-sizing: border-box;
-}
-.avue-keyboard--dark .akeyboard-mobileKeyboard-keys {
-  height: 25px;
-  min-width: 25px;
-  padding: 0 10px;
-  border-radius: 3px;
-  background: #393d49;
-  color: white;
-  display: inline-block;
-  line-height: 25px;
-  text-align: center;
-  box-sizing: border-box;
-  margin: 2px;
-  margin-top: 3px;
-  cursor: pointer;
-  user-select: none;
-  font-size: 10px;
-}
-.avue-keyboard--dark .akeyboard-mobileKeyboard-keys:hover {
-  background: #1e9fff !important;
-  color: white;
-}
-.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-⇧ {
-  width: 25px;
-  background-color: rgb(153, 159, 175);
-}
-.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-⇦ {
-  width: 25px;
-  background-color: rgb(153, 159, 175);
-}
-.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: white;
-}
-.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-focus {
-  background: #1e9fff !important;
-  color: white;
-}
-.avue-keyboard--classic {
-  /*
-      number keyboard
-  */
-  /*
-      mobile keyboard
-  */
-}
-.avue-keyboard--classic .akeyboard-keyboard {
-  height: 100%;
-  width: 100%;
-  background: #2f4056;
-  border-radius: 5px;
-  padding: 5px;
-  padding-top: 9px;
-  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: white;
-}
-.avue-keyboard--classic .akeyboard-keyboard-keys-Delete {
-  width: 80px;
-}
-.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: white;
-}
-.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: 5px;
-  padding-top: 10px;
-  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: 5px;
-  padding-top: 11px;
-  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: 2px;
-  margin-top: 3px;
-  cursor: pointer;
-  user-select: none;
-  font-size: 10px;
-}
-.avue-keyboard--classic .akeyboard-mobileKeyboard-keys:hover {
-  background: #c2c2c2 !important;
-  color: white;
-}
-.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-⇧ {
-  width: 25px;
-  background-color: rgb(153, 159, 175);
-}
-.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-⇦ {
-  width: 25px;
-  background-color: rgb(153, 159, 175);
-}
-.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: white;
-}
-.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-focus {
-  background: #c2c2c2 !important;
-  color: white;
-}
+.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:0;left:0;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:0;left:0;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:0;left:0;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:0;left:0;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.mjs

@@ -0,0 +1,134 @@
+import { B as l } from "../../chunks/util.eca708b6.mjs";
+import { n as g } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var m = function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("div", {
+    staticClass: "avue-license",
+    staticStyle: {
+      position: "relative"
+    }
+  }, [s("canvas", {
+    ref: "canvas",
+    attrs: {
+      id: `canvas${t.id}`
+    }
+  }), t._t("default")], 2);
+}, f = [];
+const w = {
+  name: "License",
+  props: {
+    id: {
+      type: String,
+      default: ""
+    },
+    option: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      base64: "",
+      draw: !1,
+      canvas: "",
+      context: ""
+    };
+  },
+  computed: {
+    img() {
+      return this.option.img;
+    },
+    list() {
+      return this.option.list || [];
+    }
+  },
+  watch: {
+    option: {
+      handler() {
+        this.init();
+      },
+      deep: !0
+    }
+  },
+  mounted() {
+    this.canvas = document.getElementById(`canvas${this.id}`), this.context = this.canvas.getContext("2d"), this.init();
+  },
+  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(() => {
+              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();
+            };
+          } 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();
+        });
+      };
+    },
+    getFile(t = new Date().getTime()) {
+      return new Promise((e) => {
+        const s = setInterval(() => {
+          if (this.draw) {
+            const i = this.canvas.toDataURL("image/jpeg", 1), a = this.dataURLtoFile(i, t);
+            clearInterval(s), e(a);
+          }
+        }, 1e3);
+      });
+    },
+    downFile(t = new Date().getTime()) {
+      l(this.base64, t);
+    },
+    getBase64() {
+      return new Promise((t) => {
+        const e = setInterval(() => {
+          if (this.draw) {
+            const s = this.canvas.toDataURL("image/jpeg", 1);
+            this.base64 = s, clearInterval(e), t(s);
+          }
+        }, 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);
+      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`);
+    }
+  }
+}, d = {};
+var p = /* @__PURE__ */ g(
+  w,
+  m,
+  f,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(t) {
+  for (let e in d)
+    this[e] = d[e];
+}
+const _ = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  _ as default
+};