@web-utils/component 4.0.16 → 5.0.0-beta02

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (325) hide show
  1. package/address-input/index.mjs +76 -74
  2. package/affix/index.mjs +71 -78
  3. package/aside-menu/index.mjs +20 -31
  4. package/avatar/index.mjs +94 -82
  5. package/awesome-button/index.mjs +54 -71
  6. package/capsule-tab/index.mjs +27 -32
  7. package/card/index.mjs +86 -69
  8. package/carousel/index.mjs +45 -32
  9. package/chat/index.mjs +441 -266
  10. package/chunk-file-uploader/index.mjs +2 -103
  11. package/chunks/ChunkFileUploader.C3EA0e5t.mjs +114 -0
  12. package/chunks/EditableTree.D0ByhRTi.mjs +648 -0
  13. package/chunks/ElementBaseInfo.B3pY8TkD.mjs +209 -0
  14. package/chunks/ElementDialog.DNsDHdQS.mjs +251 -0
  15. package/chunks/ElementForm.D_lXbe--.mjs +627 -0
  16. package/chunks/ElementListeners.Cufwd4bp.mjs +656 -0
  17. package/chunks/ElementMultiInstance.BhY8NY2z.mjs +290 -0
  18. package/chunks/ElementOtherConfig.DX1ZJ9w2.mjs +51 -0
  19. package/chunks/ElementProperties.BRafADXp.mjs +196 -0
  20. package/chunks/ElementTaskConfig.B6pqRir_.mjs +446 -0
  21. package/chunks/FlowCondition.Dvwji23j.mjs +194 -0
  22. package/chunks/FlowDesigner.LL-vXDIE.mjs +5100 -0
  23. package/chunks/FormBlock.Co7l6USP.mjs +117 -0
  24. package/chunks/FormCascader.DMY3uNc8.mjs +1227 -0
  25. package/chunks/FormInputTime.BC4FfWwY.mjs +1774 -0
  26. package/chunks/FormItem.BSXI2cZU.mjs +89 -0
  27. package/chunks/FormItemGroup.D2Htta7J.mjs +149 -0
  28. package/chunks/FormSelect.CY0K-izg.mjs +1473 -0
  29. package/chunks/FormSwitch.DLqFXaFF.mjs +297 -0
  30. package/chunks/FormTemp.PJFfNRls.mjs +139 -0
  31. package/chunks/FyCurd.me083T8V.mjs +2622 -0
  32. package/chunks/FyForm.vVp8aVtj.mjs +906 -0
  33. package/chunks/FyFormDesign.BCxVyiWY.mjs +5600 -0
  34. package/chunks/FyUEditor.BymtA5SJ.mjs +221 -0
  35. package/chunks/FyUpload.CA7Gfa6Q.mjs +504 -0
  36. package/chunks/ImagePreview.ByEWJYdu.mjs +639 -0
  37. package/chunks/Keyboard.4hi7CjGc.mjs +379 -0
  38. package/chunks/MonacoEditor.B7BUQwb7.mjs +302 -0
  39. package/chunks/PageableTable.Ba3XSbZ5.mjs +660 -0
  40. package/chunks/RecordVideo.VRFTaHSp.mjs +116 -0
  41. package/chunks/SignalAndMessage.DYhKWs3X.mjs +198 -0
  42. package/chunks/SplitPane.Bwe5Rc0J.mjs +219 -0
  43. package/chunks/TableColumn.72HOXQkb.mjs +186 -0
  44. package/chunks/TableView.BxfsOAxU.mjs +484 -0
  45. package/chunks/Toolbar.BVziVmyT.mjs +219 -0
  46. package/chunks/UserTaskListeners.CkeyTpnn.mjs +599 -0
  47. package/chunks/VueCron.DEvY5-i7.mjs +1823 -0
  48. package/chunks/VueTreeSelect.C6Ycu28Z.mjs +1873 -0
  49. package/chunks/_plugin-vue_export-helper.7vrlOII_.mjs +8 -0
  50. package/chunks/checkbox.C_9WZ8gc.mjs +437 -0
  51. package/chunks/confirmable-mixin.zegaXQTl.mjs +1762 -0
  52. package/chunks/core.DXaMPWGV.mjs +51 -0
  53. package/chunks/dataformat.CteBVoOe.mjs +144 -0
  54. package/chunks/dic.C0abEij9.mjs +116 -0
  55. package/chunks/dictionary.BRhZD-WH.mjs +19 -0
  56. package/chunks/dictionary.CNNpjPL2.mjs +87 -0
  57. package/chunks/event.B4iwtUNO.mjs +4 -0
  58. package/chunks/event.Dv4XTu8B.mjs +224 -0
  59. package/chunks/focus-trap.FbvlqAGe.mjs +211 -0
  60. package/chunks/form-input.BUGZmAI1.mjs +34 -0
  61. package/chunks/form-item.Ca8U2bIR.mjs +712 -0
  62. package/chunks/form-pick.DT5kumy4.mjs +7 -0
  63. package/chunks/form-validate.CUvMwtPN.mjs +11 -0
  64. package/chunks/icon.CxCY22-F.mjs +26 -0
  65. package/chunks/icon.ym7735_x.mjs +251 -0
  66. package/chunks/init.6jGmuY99.mjs +115 -0
  67. package/chunks/input.C2GWsuXE.mjs +547 -0
  68. package/chunks/install.yLcn5MLL.mjs +84 -0
  69. package/chunks/message.C4NdvfbE.mjs +400 -0
  70. package/chunks/packages.BLDb9e6G.mjs +56 -0
  71. package/chunks/permission.C-IUDxQQ.mjs +16 -0
  72. package/chunks/photo-swipe.BxnG4lip.mjs +55 -0
  73. package/chunks/radio.CeLeSOEo.mjs +273 -0
  74. package/chunks/scroll.DWjS-gnW.mjs +28 -0
  75. package/chunks/scrollbar.CAmrlKi9.mjs +345 -0
  76. package/chunks/slot.DT5QwXL-.mjs +25 -0
  77. package/chunks/style.BmlGmjpO.mjs +325 -0
  78. package/chunks/sub-table-plus-props.CRX7ERxJ.mjs +28 -0
  79. package/chunks/tab-mixin.7zuMMM1E.mjs +70 -0
  80. package/chunks/tag.ZhEIVRpP.mjs +141 -0
  81. package/chunks/tooltip.DNiltmX1.mjs +1939 -0
  82. package/chunks/typescript.CLl-2siQ.mjs +18 -0
  83. package/chunks/use-aria.BW7nWOl1.mjs +17 -0
  84. package/chunks/use-composition.mUaomyno.mjs +47 -0
  85. package/chunks/use-deprecated.BfDSbZS9.mjs +12 -0
  86. package/chunks/use-empty-values.D8KYIiKR.mjs +81 -0
  87. package/chunks/use-form-item.BlWa7ZKe.mjs +56 -0
  88. package/chunks/use-global-config.DRovgom9.mjs +57 -0
  89. package/chunks/use-locale.Be9HCpTQ.mjs +188 -0
  90. package/chunks/util.Ce4MHRmD.mjs +103 -0
  91. package/chunks/util.g-WQEec9.mjs +223 -0
  92. package/chunks/utilSelf.BttmSVX6.mjs +46 -0
  93. package/chunks/utils.BGJfM4oG.mjs +60 -0
  94. package/chunks/utils.CSPl1l4f.mjs +14 -0
  95. package/chunks/validator.DuBSEj8O.mjs +5 -0
  96. package/chunks/vnode.C3PXzhmg.mjs +14 -0
  97. package/code-mirror-editor/index.mjs +89 -88
  98. package/comment/index.mjs +62 -57
  99. package/configComponents.mjs +40 -50
  100. package/confirm-button/index.mjs +34 -46
  101. package/confirmable/index.mjs +7 -17
  102. package/context-menu/index.mjs +195 -174
  103. package/count-up/index.mjs +97 -105
  104. package/custom-scrollbar/index.mjs +91 -98
  105. package/data-box/index.mjs +64 -44
  106. package/data-box/style.css +1 -1
  107. package/data-card/index.mjs +60 -47
  108. package/data-card/style.css +1 -1
  109. package/data-card-text/index.mjs +63 -49
  110. package/data-display/index.mjs +71 -51
  111. package/data-display/style.css +1 -1
  112. package/data-icons/index.mjs +70 -50
  113. package/data-icons/style.css +1 -1
  114. package/data-imgtext/index.mjs +67 -43
  115. package/data-imgtext/style.css +1 -1
  116. package/data-operatext/index.mjs +51 -40
  117. package/data-operatext/style.css +1 -1
  118. package/data-panel/index.mjs +57 -44
  119. package/data-panel/style.css +1 -1
  120. package/data-pay/index.mjs +105 -48
  121. package/data-pay/style.css +1 -1
  122. package/data-price/index.mjs +48 -40
  123. package/data-price/style.css +1 -1
  124. package/data-progress/index.mjs +67 -44
  125. package/data-progress/style.css +1 -1
  126. package/data-rotate/index.mjs +61 -44
  127. package/data-rotate/style.css +1 -1
  128. package/data-table-picker/index.mjs +119 -71
  129. package/data-tabs/index.mjs +67 -44
  130. package/data-tabs/style.css +1 -1
  131. package/dialog-form/index.mjs +143 -87
  132. package/dynamic-table/index.mjs +166 -109
  133. package/e-charts/index.mjs +174 -200
  134. package/easy-popup/index.mjs +91 -102
  135. package/editable-progress/index.mjs +112 -83
  136. package/editable-tree/index.mjs +2 -481
  137. package/element-dialog/index.mjs +2 -306
  138. package/ellipsis/index.mjs +124 -148
  139. package/empty-view/index.mjs +48 -65
  140. package/error-view/index.mjs +39 -51
  141. package/flex-column/index.mjs +34 -51
  142. package/flex-item/index.mjs +60 -64
  143. package/flex-row/index.mjs +33 -39
  144. package/flex-scroller/index.mjs +29 -30
  145. package/flow/index.mjs +240 -247
  146. package/flow-designer/index.mjs +2 -4709
  147. package/flow-node/index.mjs +56 -64
  148. package/flow-viewer/index.mjs +159 -157
  149. package/form-block/index.mjs +2 -147
  150. package/form-button/index.mjs +35 -47
  151. package/form-card/index.mjs +14 -25
  152. package/form-cascader/index.mjs +2 -115
  153. package/form-checkbox/index.mjs +89 -70
  154. package/form-checkbox-group/index.mjs +161 -113
  155. package/form-date-picker/index.mjs +155 -142
  156. package/form-holder/index.mjs +134 -109
  157. package/form-input/index.mjs +113 -86
  158. package/form-input-cron-expression/index.mjs +97 -76
  159. package/form-input-email/index.mjs +65 -51
  160. package/form-input-id-card/index.mjs +73 -54
  161. package/form-input-phone-number/index.mjs +72 -56
  162. package/form-input-tag/index.mjs +88 -61
  163. package/form-input-time/index.mjs +2 -73
  164. package/form-item/index.mjs +2 -142
  165. package/form-item-config-provider/index.mjs +46 -60
  166. package/form-item-group/index.mjs +2 -157
  167. package/form-radio-group/index.mjs +161 -121
  168. package/form-select/index.mjs +2 -179
  169. package/form-switch/index.mjs +2 -54
  170. package/form-table/index.mjs +131 -84
  171. package/form-table-plus/index.mjs +164 -108
  172. package/form-textarea/index.mjs +90 -56
  173. package/form-tree-select/index.mjs +89 -71
  174. package/form-tree-select-multiple/index.mjs +92 -77
  175. package/form-view/index.mjs +280 -207
  176. package/fy-array/index.mjs +121 -70
  177. package/fy-article/index.mjs +73 -60
  178. package/fy-cascader/index.mjs +113 -90
  179. package/fy-checkbox/index.mjs +96 -64
  180. package/fy-code/index.mjs +48 -50
  181. package/fy-curd/index.mjs +2 -1879
  182. package/fy-date/index.mjs +76 -41
  183. package/fy-draggable/index.mjs +322 -317
  184. package/fy-dynamic/index.mjs +259 -224
  185. package/fy-empty/index.mjs +35 -36
  186. package/fy-form/index.mjs +2 -640
  187. package/fy-form-design/index.mjs +2 -2852
  188. package/fy-form-design/style.css +1 -1
  189. package/fy-from/crud/zh.d.ts +1 -1
  190. package/fy-input/index.mjs +117 -97
  191. package/fy-input-color/index.mjs +77 -54
  192. package/fy-input-icon/index.mjs +129 -82
  193. package/fy-input-map/index.mjs +242 -183
  194. package/fy-input-number/index.mjs +74 -49
  195. package/fy-input-table/index.mjs +160 -105
  196. package/fy-input-tree/index.mjs +259 -178
  197. package/fy-progress/index.mjs +36 -39
  198. package/fy-radio/index.mjs +53 -37
  199. package/fy-rate/index.mjs +86 -70
  200. package/fy-select/index.mjs +224 -137
  201. package/fy-slider/index.mjs +68 -43
  202. package/fy-switch/index.mjs +67 -41
  203. package/fy-tabs/index.mjs +46 -46
  204. package/fy-time/index.mjs +81 -53
  205. package/fy-title/index.mjs +18 -27
  206. package/fy-tree/index.mjs +382 -286
  207. package/fy-u-editor/index.mjs +2 -357
  208. package/fy-upload/index.mjs +2 -421
  209. package/guide-steps/index.mjs +72 -71
  210. package/helper-function.d.ts +3 -30
  211. package/helper-function.mjs +48 -67
  212. package/highlight-j-s/index.mjs +50 -59
  213. package/icon-card/index.mjs +34 -36
  214. package/icon-temp/index.mjs +27 -27
  215. package/iframe-window/index.mjs +39 -32
  216. package/image-cropper/index.mjs +171 -73
  217. package/image-preview/index.mjs +2 -116
  218. package/image-viewer/index.mjs +69 -66
  219. package/index.d.ts +3 -9
  220. package/index.mjs +173 -488
  221. package/input-number-range/index.mjs +78 -58
  222. package/j-s-x-component/index.mjs +13 -15
  223. package/keyboard/index.mjs +2 -369
  224. package/license/index.mjs +106 -115
  225. package/loading-view/index.mjs +39 -51
  226. package/login/index.mjs +252 -120
  227. package/monaco-editor/index.mjs +2 -7
  228. package/name-avatar/index.mjs +61 -53
  229. package/nav-bar/index.mjs +33 -30
  230. package/not-implement/index.mjs +10 -22
  231. package/notice/index.mjs +100 -93
  232. package/package.json +7 -7
  233. package/page/index.mjs +18 -25
  234. package/page-header/index.mjs +27 -33
  235. package/page-index/index.mjs +121 -99
  236. package/page-index-top/index.mjs +79 -74
  237. package/page-skeleton/index.mjs +47 -44
  238. package/page-skeleton-new/index.mjs +79 -49
  239. package/pageable-table/index.mjs +2 -512
  240. package/pageable-view/index.mjs +279 -274
  241. package/photo-swipe/index.d.ts +4 -0
  242. package/photo-swipe/index.mjs +33 -36
  243. package/picker-table-view/index.mjs +224 -117
  244. package/present-view/index.mjs +271 -196
  245. package/queue/index.mjs +45 -53
  246. package/record-video/index.mjs +2 -134
  247. package/resize-observer/index.mjs +43 -46
  248. package/search/index.mjs +116 -107
  249. package/sign/index.mjs +103 -110
  250. package/sign-panel/index.mjs +182 -141
  251. package/skeleton/index.mjs +51 -54
  252. package/skeleton-panel/index.mjs +33 -37
  253. package/split-pane/index.mjs +3 -196
  254. package/stateful/index.mjs +70 -73
  255. package/static-pageable-table/index.mjs +72 -64
  256. package/sub-table/index.mjs +508 -206
  257. package/sub-table-plus/index.mjs +592 -230
  258. package/swiper/index.mjs +128 -120
  259. package/tab/index.mjs +117 -119
  260. package/tab-item/index.mjs +48 -56
  261. package/table-column/index.mjs +2 -225
  262. package/table-view/index.mjs +3 -326
  263. package/tabs-view/index.mjs +109 -104
  264. package/tag-render/index.mjs +79 -67
  265. package/text-ellipsis/index.mjs +94 -77
  266. package/toolbar/index.mjs +2 -254
  267. package/toolbar-button/index.mjs +142 -120
  268. package/verify/index.mjs +58 -64
  269. package/vue-cron/index.mjs +2 -1180
  270. package/vue-qr-code/index.mjs +31 -54
  271. package/vue-quill-editor/index.mjs +123 -99
  272. package/vue-tags-input/index.mjs +348 -431
  273. package/vue-tree-select/index.mjs +2 -2627
  274. package/vue-video-player/index.mjs +135 -136
  275. package/watermark/index.mjs +46 -74
  276. package/web-types.json +225 -969
  277. package/x-input-tag/index.mjs +144 -106
  278. package/chunks/ElementBaseInfo.ZADwixb5.mjs +0 -125
  279. package/chunks/ElementForm.CQ3PN5qj.mjs +0 -223
  280. package/chunks/ElementListeners.De_PRuIm.mjs +0 -215
  281. package/chunks/ElementMultiInstance.DQo2wuAQ.mjs +0 -181
  282. package/chunks/ElementOtherConfig.B1NfMTYh.mjs +0 -60
  283. package/chunks/ElementProperties.CosfDrlW.mjs +0 -112
  284. package/chunks/ElementTaskConfig.Bko0kgTp.mjs +0 -317
  285. package/chunks/FlowCondition.Y6qEYi1T.mjs +0 -102
  286. package/chunks/FormTemp.BQxO5IQq.mjs +0 -123
  287. package/chunks/MonacoEditor.D31t4FTy.mjs +0 -327
  288. package/chunks/SignalAndMessage.Bb5PFX0N.mjs +0 -85
  289. package/chunks/UserTaskListeners.Bv3BDfEI.mjs +0 -169
  290. package/chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs +0 -10
  291. package/chunks/confirmable-mixin.B2TtLAdk.mjs +0 -86
  292. package/chunks/core.0Exl13Mz.mjs +0 -54
  293. package/chunks/dataformat.CpqOeGBl.mjs +0 -154
  294. package/chunks/dic.Dkl-leRW.mjs +0 -128
  295. package/chunks/dictionary.DGt59Ir7.mjs +0 -68
  296. package/chunks/dictionary.DqiP9x2m.mjs +0 -25
  297. package/chunks/event.9aDS6jcw.mjs +0 -236
  298. package/chunks/form-input.CvFdwlEV.mjs +0 -31
  299. package/chunks/form-item.LWjePsPa.mjs +0 -233
  300. package/chunks/form-pick.BFTIVn_i.mjs +0 -11
  301. package/chunks/form-validate.CVarNHKX.mjs +0 -12
  302. package/chunks/helper.BiMLcEEk.mjs +0 -41
  303. package/chunks/index.9OxHjTIE.mjs +0 -16
  304. package/chunks/index.B2TRddqf.mjs +0 -184
  305. package/chunks/index.BmYCjxZQ.mjs +0 -47
  306. package/chunks/init.DAsXSoLW.mjs +0 -122
  307. package/chunks/packages.ByyangTp.mjs +0 -58
  308. package/chunks/permission.CO31YIkD.mjs +0 -16
  309. package/chunks/slot.DXIbhGat.mjs +0 -27
  310. package/chunks/sub-table-plus-props.BVsD71hT.mjs +0 -30
  311. package/chunks/tab-mixin.BNK6dxLN.mjs +0 -81
  312. package/chunks/util.DqFv_pWg.mjs +0 -241
  313. package/chunks/utilSelf.Csq1766E.mjs +0 -48
  314. package/chunks/utils.DRcxC1Fb.mjs +0 -60
  315. package/color-picker/index.mjs +0 -78
  316. package/egd-collapse/index.mjs +0 -62
  317. package/egd-collapse-item/index.mjs +0 -72
  318. package/form-input-number/index.mjs +0 -69
  319. package/form-input-number/style.css +0 -1
  320. package/input-number/index.mjs +0 -232
  321. package/input-number/style.css +0 -1
  322. package/keep-view-alive/index.mjs +0 -117
  323. package/search-popover/index.mjs +0 -118
  324. package/search-popover/style.css +0 -1
  325. /package/{base.css → utils/style.css} +0 -0
@@ -0,0 +1,379 @@
1
+ import { t as e } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
2
+ import { createElementBlock as t, createElementVNode as n, normalizeClass as r, openBlock as i } from "vue";
3
+ //#region src/components/keyboard/index.js
4
+ var a = class {
5
+ constructor(e) {
6
+ if (typeof e != "object") {
7
+ console.error("aKeyboard: The obj parameter needs to be an object <In \"new aKeyboard()\">");
8
+ return;
9
+ }
10
+ this.obj = e;
11
+ let t = document.querySelector(e.el), n = "";
12
+ if (typeof e.style == "object") for (let t in e.style) n += `${t}: ${e.style[t]};`;
13
+ let r = `<div class="akeyboard-keyboard${e.fixedBottomCenter ? " akeyboard-keyboard-fixedBottomCenter" : ""}" style="${n}">`, i = [];
14
+ for (let e = 1; e < 10; e++) i.push(e.toString());
15
+ i.push("0");
16
+ let a = e.keys || [
17
+ ["`"].concat(i, [
18
+ "-",
19
+ "=",
20
+ "Delete"
21
+ ]),
22
+ [
23
+ "Tab",
24
+ "q",
25
+ "w",
26
+ "e",
27
+ "r",
28
+ "t",
29
+ "y",
30
+ "u",
31
+ "i",
32
+ "o",
33
+ "p",
34
+ "[",
35
+ "]",
36
+ "\\"
37
+ ],
38
+ [
39
+ "Caps",
40
+ "a",
41
+ "s",
42
+ "d",
43
+ "f",
44
+ "g",
45
+ "h",
46
+ "j",
47
+ "k",
48
+ "l",
49
+ ";",
50
+ "'",
51
+ "Enter"
52
+ ],
53
+ [
54
+ "Shift",
55
+ "z",
56
+ "x",
57
+ "c",
58
+ "v",
59
+ "b",
60
+ "n",
61
+ "m",
62
+ ",",
63
+ ".",
64
+ "/",
65
+ "Shift"
66
+ ],
67
+ ["Space"]
68
+ ], o, s = [], c = [];
69
+ for (let e = 0; e < a.length; e++) {
70
+ s.push([]), c.push([]), o = a[e];
71
+ for (let t = 0; t < o.length; t++) {
72
+ if (o[t].length === 1) {
73
+ switch (c[e].push(o[t].toUpperCase()), o[t]) {
74
+ case "`":
75
+ s[e].push("~");
76
+ continue;
77
+ case "1":
78
+ s[e].push("!");
79
+ continue;
80
+ case "2":
81
+ s[e].push("@");
82
+ continue;
83
+ case "3":
84
+ s[e].push("#");
85
+ continue;
86
+ case "4":
87
+ s[e].push("$");
88
+ continue;
89
+ case "5":
90
+ s[e].push("%");
91
+ continue;
92
+ case "6":
93
+ s[e].push("^");
94
+ continue;
95
+ case "7":
96
+ s[e].push("&");
97
+ continue;
98
+ case "8":
99
+ s[e].push("*");
100
+ continue;
101
+ case "9":
102
+ s[e].push("(");
103
+ continue;
104
+ case "0":
105
+ s[e].push(")");
106
+ continue;
107
+ case "-":
108
+ s[e].push("_");
109
+ continue;
110
+ case "=":
111
+ s[e].push("+");
112
+ continue;
113
+ case "[":
114
+ s[e].push("{");
115
+ continue;
116
+ case "]":
117
+ s[e].push("}");
118
+ continue;
119
+ case "\\":
120
+ s[e].push("|");
121
+ continue;
122
+ case ";":
123
+ s[e].push(":");
124
+ continue;
125
+ case "'":
126
+ s[e].push("\"");
127
+ continue;
128
+ case ",":
129
+ s[e].push("<");
130
+ continue;
131
+ case ".":
132
+ s[e].push(">");
133
+ continue;
134
+ case "/":
135
+ s[e].push("?");
136
+ continue;
137
+ }
138
+ s[e].push(o[t].toUpperCase());
139
+ continue;
140
+ }
141
+ s[e].push(o[t]), c[e].push(o[t]);
142
+ }
143
+ }
144
+ for (let e = 0; e < a.length; e++) {
145
+ o = a[e], r += "<div class=\"akeyboard-keyboard-innerKeys\">";
146
+ for (let e = 0; e < o.length; e++) r += `<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-${o[e]}">${o[e]}</div>`;
147
+ r += "</div>";
148
+ }
149
+ r += "</div>", t.innerHTML = r;
150
+ let l = !1;
151
+ a.forEach((e) => {
152
+ e.includes("Shift") && (l = !0);
153
+ }), l && document.querySelectorAll(`${e.el} .akeyboard-keyboard-keys-Shift`).forEach((t) => {
154
+ t.onclick = function() {
155
+ if (!this.isShift) {
156
+ let n = document.querySelector(`${e.el} .akeyboard-keyboard-keys-Caps`);
157
+ if (n && n.isCaps) return;
158
+ t.isShift = !0, t.innerHTML = "SHIFT", this.classList.add("keyboard-keyboard-keys-focus");
159
+ let r = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`), i;
160
+ for (let e = 0; e < r.length; e++) {
161
+ i = r[e];
162
+ for (let t = 0; t < i.childNodes.length; t++) s[e][t] !== "Shift" && (i.childNodes[t].innerHTML = s[e][t]);
163
+ }
164
+ return;
165
+ }
166
+ t.isShift = !1, t.innerHTML = "Shift", this.classList.remove("keyboard-keyboard-keys-focus");
167
+ let n = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`), r;
168
+ for (let e = 0; e < n.length; e++) {
169
+ r = n[e];
170
+ for (let t = 0; t < r.childNodes.length; t++) r.childNodes[t].innerHTML = a[e][t];
171
+ }
172
+ };
173
+ });
174
+ let u = !1;
175
+ a.forEach((e) => {
176
+ e.includes("Caps") && (u = !0);
177
+ }), u && document.querySelectorAll(`${e.el} .akeyboard-keyboard-keys-Caps`).forEach((t) => {
178
+ t.onclick = function() {
179
+ if (!this.isCaps) {
180
+ let t = document.querySelector(`${e.el} .akeyboard-keyboard-keys-Shift`);
181
+ if (t && t.isShift) return;
182
+ this.isCaps = !0, this.classList.add("keyboard-keyboard-keys-focus");
183
+ let n = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`), r;
184
+ for (let e = 0; e < n.length; e++) {
185
+ r = n[e];
186
+ for (let t = 0; t < r.childNodes.length; t++) r.childNodes[t].innerHTML = c[e][t];
187
+ }
188
+ return;
189
+ }
190
+ this.isCaps = !1, this.classList.remove("keyboard-keyboard-keys-focus");
191
+ let t = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`), n;
192
+ for (let e = 0; e < t.length; e++) {
193
+ n = t[e];
194
+ for (let t = 0; t < n.childNodes.length; t++) n.childNodes[t].innerHTML = a[e][t];
195
+ }
196
+ };
197
+ });
198
+ }
199
+ inputOn(e, t, n, r) {
200
+ if (typeof e != "string") {
201
+ console.error("aKeyboard: The inputEle parameter needs to be a string <In \"aKeyboard.inputOn()\">");
202
+ return;
203
+ }
204
+ if (typeof t != "string") {
205
+ console.error("aKeyboard: The type parameter needs to be a string <In \"aKeyboard.inputOn()\">");
206
+ return;
207
+ }
208
+ let i = document.querySelector(e), a = document.querySelectorAll(`${this.obj.el} .akeyboard-keyboard-keys`);
209
+ for (let e = 0; e < a.length; e++) if (!["Shift", "Caps"].includes(a[e].innerHTML)) {
210
+ if (a[e].innerHTML === "Delete") {
211
+ a[e].onclick = function() {
212
+ i[t] = i[t].substr(0, i[t].length - 1), n("Delete", i[t]);
213
+ };
214
+ continue;
215
+ }
216
+ if (a[e].innerHTML === "Tab") {
217
+ a[e].onclick = function() {
218
+ i[t] += " ", n("Tab", i[t]);
219
+ };
220
+ continue;
221
+ }
222
+ if (a[e].innerHTML === "Enter") {
223
+ a[e].onclick = function() {
224
+ i[t] += "\n", n("Enter", i[t]);
225
+ };
226
+ continue;
227
+ }
228
+ if (a[e].innerHTML === "Space") {
229
+ a[e].onclick = function() {
230
+ i[t] += " ", n("Space", i[t]);
231
+ };
232
+ continue;
233
+ }
234
+ r && typeof r == "object" && Object.keys(r).length > 0 && r[a[e].innerHTML] ? a[e].onclick = r[a[e].innerHTML] : a[e].onclick = function() {
235
+ i[t] += this.innerText, n(this.innerText, i[t]);
236
+ };
237
+ }
238
+ }
239
+ onclick(e, t) {
240
+ if (typeof e != "string") {
241
+ console.error("aKeyboard: The btn parameter needs to be a string <In \"aKeyboard.onclick()\">");
242
+ return;
243
+ }
244
+ if (typeof t != "function") {
245
+ console.error("aKeyboard: The fn parameter needs to be a function <In \"aKeyboard.onclick()\">");
246
+ return;
247
+ }
248
+ let n = document.querySelector(`${this.obj.el} .akeyboard-keyboard-keys-${e}`);
249
+ n ? n.onclick = t : console.error(`Can not find key: ${e}`);
250
+ }
251
+ }, o = class {
252
+ constructor(e) {
253
+ if (typeof e != "object") {
254
+ console.error("aKeyboard: The obj parameter needs to be an object <In \"new aKeyboard()\">");
255
+ return;
256
+ }
257
+ this.obj = e;
258
+ let t = document.querySelector(e.el), n = "";
259
+ if (typeof e.style == "object") for (let t in e.style) n += `${t}: ${e.style[t]};`;
260
+ let r = `<div class="akeyboard-numberKeyboard${e.fixedBottomCenter ? " akeyboard-keyboard-fixedBottomCenter" : ""}" style="${n}">`;
261
+ r += "<div class=\"akeyboard-keyboard-innerKeys\">";
262
+ for (let e = 1; e < 10; e++) r += `<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-${e}">${e}</div>`, e % 3 == 0 && (r += "</div><div class=\"akeyboard-keyboard-innerKeys\">");
263
+ r += "<div class=\"akeyboard-keyboard-keys akeyboard-keyboard-keys-0\">0</div><div class=\"akeyboard-keyboard-keys akeyboard-keyboard-keys-Delete\">Delete</div></div><div class=\"akeyboard-keyboard-innerKeys\"><div class=\"akeyboard-keyboard-keys akeyboard-numberKeyboard-keys-Enter\">Enter</div></div>", r += "</div>", t.innerHTML = r;
264
+ }
265
+ inputOn(e, t, n, r) {
266
+ if (typeof e != "string") {
267
+ console.error("aKeyboard: The inputEle parameter needs to be a string <In \"aKeyboard.inputOn()\">");
268
+ return;
269
+ }
270
+ if (typeof t != "string") {
271
+ console.error("aKeyboard: The type parameter needs to be a string <In \"aKeyboard.inputOn()\">");
272
+ return;
273
+ }
274
+ let i = document.querySelector(e), a = document.querySelectorAll(`${this.obj.el} .akeyboard-keyboard-keys`);
275
+ for (let e = 0; e < a.length; e++) {
276
+ if (a[e].innerHTML === "Delete") {
277
+ a[e].onclick = function() {
278
+ i[t] = i[t].substr(0, i[t].length - 1), n("Delete", i[t]);
279
+ };
280
+ continue;
281
+ }
282
+ if (a[e].innerHTML === "Enter") {
283
+ a[e].onclick = function() {
284
+ i[t] += "\n", n("Enter", i[t]);
285
+ };
286
+ continue;
287
+ }
288
+ r && typeof r == "object" && Object.keys(r).length > 0 && r[a[e].innerHTML] ? a[e].onclick = r[a[e].innerHTML] : a[e].onclick = function() {
289
+ i[t] += this.innerText, n(this.innerText, i[t]);
290
+ };
291
+ }
292
+ }
293
+ onclick(e, t) {
294
+ if (typeof e != "string") {
295
+ console.error("aKeyboard: The btn parameter needs to be a string <In \"aKeyboard.onclick()\">");
296
+ return;
297
+ }
298
+ if (typeof t != "function") {
299
+ console.error("aKeyboard: The fn parameter needs to be a function <In \"aKeyboard.onclick()\">");
300
+ return;
301
+ }
302
+ let n = document.querySelector(`${this.obj.el} .akeyboard-keyboard-keys-${e}`);
303
+ n ? n.onclick = t : console.error(`Can not find key: ${e}`);
304
+ }
305
+ }, s = {
306
+ name: "Keyboard",
307
+ props: {
308
+ ele: {
309
+ type: String,
310
+ required: !0
311
+ },
312
+ keys: Array,
313
+ theme: {
314
+ type: String,
315
+ default: "default",
316
+ validator: (e) => [
317
+ "default",
318
+ "dark",
319
+ "green",
320
+ "classic"
321
+ ].includes(e)
322
+ },
323
+ type: {
324
+ type: String,
325
+ default: "default",
326
+ validator: (e) => [
327
+ "default",
328
+ "number",
329
+ "mobile"
330
+ ].includes(e)
331
+ },
332
+ fixedBottomCenter: {
333
+ type: Boolean,
334
+ default: !1
335
+ },
336
+ rebind: {
337
+ type: Boolean,
338
+ default: !0
339
+ }
340
+ },
341
+ emits: ["click"],
342
+ data() {
343
+ return { customClick: {} };
344
+ },
345
+ computed: { className() {
346
+ return `avue-keyboard--${this.theme}`;
347
+ } },
348
+ watch: { ele() {
349
+ this.init();
350
+ } },
351
+ async mounted() {
352
+ await this.$nextTick(), this.init();
353
+ },
354
+ methods: {
355
+ init() {
356
+ if (!this.ele) return;
357
+ let e, t = {
358
+ el: "#keyboard",
359
+ style: {},
360
+ keys: this.keys,
361
+ fixedBottomCenter: this.fixedBottomCenter
362
+ };
363
+ this.type === "default" ? e = new a(t) : this.type === "number" && (e = new o(t));
364
+ let n = this.ele.indexOf("#") === 0 ? this.ele.substring(1) : this.ele;
365
+ e.inputOn(`#${n}`, "value", (e, t) => {
366
+ this.$emit("click", e, t);
367
+ }, this.rebind ? this.customClick : null), this.keyboard = e;
368
+ },
369
+ bindClick(e, t) {
370
+ this.keyboard.onclick(e, t), this.customClick[e] = t;
371
+ }
372
+ }
373
+ };
374
+ function c(e, a, o, s, c, l) {
375
+ return i(), t("div", { class: r(["avue-keyboard", l.className]) }, [...a[0] || (a[0] = [n("div", { id: "keyboard" }, null, -1)])], 2);
376
+ }
377
+ var l = /* @__PURE__ */ e(s, [["render", c]]);
378
+ //#endregion
379
+ export { l as t };
@@ -0,0 +1,302 @@
1
+ import { h as e } from "vue";
2
+ import { NOOP as t } from "@web-utils/core";
3
+ import * as n from "monaco-editor/esm/vs/editor/editor.api";
4
+ //#region src/components/monaco-editor/json-beautifier.js
5
+ var r = /[\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, i = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/, a, o, s = {
6
+ "\b": "\\b",
7
+ " ": "\\t",
8
+ "\n": "\\n",
9
+ "\f": "\\f",
10
+ "\r": "\\r",
11
+ "\"": "\\\"",
12
+ "'": "\\'",
13
+ "\\": "\\\\"
14
+ }, c;
15
+ function l(e, t = {}) {
16
+ let n = t.space || 2, r = t.dropQuotesOnKeys !== !1, i = t.dropQuotesOnNumbers || !1, a = t.inlineShortArrays || !1, o = t.inlineShortArraysDepth || 1, s = t.quoteType || "single", c = t.minify || !1;
17
+ i && u(e);
18
+ let l = p(e, null, c ? void 0 : n, r, s);
19
+ if (a && !c) {
20
+ let e = f(l);
21
+ if (o > 1) for (let t = 1; t < o && (l = e, e = f(l), e !== l); t++);
22
+ l = e;
23
+ }
24
+ return l;
25
+ }
26
+ function u(e) {
27
+ if (!d(e)) return;
28
+ let t = Object.keys(e);
29
+ t && t.forEach(function(t) {
30
+ let n = e[t];
31
+ if (typeof n == "string") {
32
+ let r = n - 0;
33
+ e[t] = isNaN(r) ? n : r;
34
+ } else (d(n) || Array.isArray(n)) && u(n);
35
+ });
36
+ }
37
+ function d(e) {
38
+ return e && typeof e == "object";
39
+ }
40
+ function f(e, t) {
41
+ if (t || (t = 80), typeof t != "number" || t < 20) throw Error(`Invalid width '${t}'. Expecting number equal or larger than 20.`);
42
+ let n = e.split("\n"), r = 0, i = null, a = [];
43
+ for (; r < n.length;) {
44
+ let e = !!n[r].match(/\[/), o = !!n[r].match(/\],?/);
45
+ if (e && !o) a = [n[r]], i = r;
46
+ else if (o && !e && i) {
47
+ a.push((n[r] || "").trim());
48
+ let e = a.join(" ");
49
+ e.length < t && (n.splice(i, r - i + 1, e), r = i), i = null, a = [];
50
+ } else i && a.push((n[r] || "").trim());
51
+ r += 1;
52
+ }
53
+ return n.join("\n");
54
+ }
55
+ function p(e, t, n, r, i) {
56
+ let s;
57
+ if (a = "", o = "", typeof n == "number") for (s = 0; s < n; s += 1) o += " ";
58
+ else typeof n == "string" && (o = n);
59
+ if (c = t, t && typeof t != "function" && (typeof t != "object" || typeof t.length != "number")) throw Error("JSON.stringify");
60
+ return m("", { "": e }, r, i);
61
+ }
62
+ function m(e, t, n, r) {
63
+ let i, s, l, u, d = a, f, p = t[e];
64
+ switch (p && typeof p == "object" && typeof p.toJSON == "function" && (p = p.toJSON(e)), typeof c == "function" && (p = c.call(t, e, p)), typeof p) {
65
+ case "function": return p;
66
+ case "string": return h(p, r);
67
+ case "number": return isFinite(p) ? String(p) : "null";
68
+ case "boolean":
69
+ case "null": return String(p);
70
+ case "object":
71
+ if (!p) return "null";
72
+ if (a += o, f = [], Object.prototype.toString.apply(p) === "[object Array]") {
73
+ for (u = p.length, i = 0; i < u; i += 1) f[i] = m(i, p, n, r) || "null";
74
+ return l = f.length === 0 ? "[]" : a ? `[\n${a}${f.join(`,\n${a}`)}\n${d}]` : `[${f.join(",")}]`, a = d, l;
75
+ }
76
+ if (c && typeof c == "object") for (u = c.length, i = 0; i < u; i += 1) typeof c[i] == "string" && (s = c[i], l = m(s, p, n, r), l && f.push((n ? g(s, r) : h(s, r)) + (a ? ": " : ":") + l));
77
+ else for (s in p) Object.prototype.hasOwnProperty.call(p, s) && (l = m(s, p, n, r), l && f.push((n ? g(s, r) : h(s, r)) + (a ? ": " : ":") + l));
78
+ return l = f.length === 0 ? "{}" : a ? `{\n${a}${f.join(`,\n${a}`)}\n${d}}` : `{${f.join(",")}}`, a = d, l;
79
+ }
80
+ }
81
+ function h(e, t) {
82
+ r.lastIndex = 0;
83
+ let n = "\"";
84
+ return t === "single" && (n = "'"), r.test(e) ? n + e.replace(r, function(e) {
85
+ let t = s[e];
86
+ return typeof t == "string" ? t : `\\u${`0000${e.charCodeAt(0).toString(16)}`.slice(-4)}`;
87
+ }) + n : n + e + n;
88
+ }
89
+ function g(e, t) {
90
+ return i.test(e) ? e : h(e, t);
91
+ }
92
+ //#endregion
93
+ //#region src/components/monaco-editor/MonacoEditor.vue
94
+ var _ = {
95
+ name: "MonacoEditor",
96
+ props: {
97
+ diffEditor: {
98
+ type: Boolean,
99
+ default: !1
100
+ },
101
+ width: {
102
+ type: [String, Number],
103
+ default: "100%"
104
+ },
105
+ height: {
106
+ type: [String, Number],
107
+ default: "100%"
108
+ },
109
+ original: String,
110
+ modelValue: [String, Object],
111
+ language: {
112
+ type: String,
113
+ default: "javascript"
114
+ },
115
+ theme: {
116
+ type: String,
117
+ default: "vs"
118
+ },
119
+ readOnly: {
120
+ type: Boolean,
121
+ default: !1
122
+ },
123
+ options: {
124
+ type: Object,
125
+ default() {
126
+ return {};
127
+ }
128
+ },
129
+ editorMounted: {
130
+ type: Function,
131
+ default: t
132
+ },
133
+ editorBeforeMount: {
134
+ type: Function,
135
+ default: t
136
+ },
137
+ keyIndex: { type: String }
138
+ },
139
+ emits: ["change", "update:modelValue"],
140
+ data() {
141
+ return { fullscreen: !1 };
142
+ },
143
+ computed: { style() {
144
+ return this.fullscreen ? {} : {
145
+ width: /^\d+$/.test(this.width) ? `${this.width}px` : this.width,
146
+ height: /^\d+$/.test(this.height) ? `${this.height}px` : this.height,
147
+ position: "relative"
148
+ };
149
+ } },
150
+ watch: {
151
+ options: {
152
+ deep: !0,
153
+ handler(e) {
154
+ var t;
155
+ (t = this.editor) == null || t.updateOptions(e);
156
+ }
157
+ },
158
+ keyIndex() {
159
+ let e = this.modelValue;
160
+ typeof e == "object" && (e = l(e)), this.editor && e !== this._getValue() && this._setValue(e);
161
+ },
162
+ language() {
163
+ if (this.editor) if (this.diffEditor) {
164
+ let { original: e, modified: t } = this.editor.getModel();
165
+ n.editor.setModelLanguage(e, this.language), n.editor.setModelLanguage(t, this.language);
166
+ } else n.editor.setModelLanguage(this.editor.getModel(), this.language);
167
+ },
168
+ theme() {
169
+ this.editor && n.editor.setTheme(this.theme);
170
+ },
171
+ style() {
172
+ this.$nextTick(() => {
173
+ var e;
174
+ (e = this.editor) == null || e.layout();
175
+ });
176
+ },
177
+ modelValue(e) {
178
+ this.editor && e !== this._getValue() && this._setValue(e);
179
+ }
180
+ },
181
+ mounted() {
182
+ this.initMonaco(), window.addEventListener("resize", this.onResize);
183
+ },
184
+ beforeUnmount() {
185
+ var e;
186
+ window.removeEventListener("resize", this.onResize), (e = this.editor) == null || e.dispose();
187
+ },
188
+ methods: {
189
+ initMonaco() {
190
+ let { modelValue: e, language: t, theme: r, readOnly: i, options: a } = this;
191
+ Object.assign(a, this._editorBeforeMount()), this.editor = n.editor[this.diffEditor ? "createDiffEditor" : "create"](this.$el, {
192
+ value: typeof e == "string" ? e : l(e),
193
+ language: t,
194
+ theme: r,
195
+ readOnly: i,
196
+ ...a
197
+ }), this.diffEditor && this._setModel(this.modelValue, this.original), this._editorMounted(this.editor), this.editor.addAction({
198
+ id: "f1",
199
+ label: "full screen",
200
+ keybindings: [n.KeyCode.F1],
201
+ run: (e) => {
202
+ this.toggleFullScreen();
203
+ }
204
+ }), this.editor.addAction({
205
+ id: "escape",
206
+ label: "exit full screen",
207
+ keybindings: [n.KeyCode.Escape],
208
+ run: (e) => {
209
+ this.fullscreen = !1;
210
+ }
211
+ });
212
+ },
213
+ toggleFullScreen() {
214
+ this.fullscreen = !this.fullscreen;
215
+ },
216
+ async onResize() {
217
+ await this.$nextTick();
218
+ let e = this.$el;
219
+ this.editor.layout({
220
+ width: e.clientWidth,
221
+ height: e.clientHeight
222
+ });
223
+ },
224
+ _handleFullScreen() {
225
+ this.isMaximum ? this.minEditor() : this.maxEditor();
226
+ },
227
+ maxEditor() {
228
+ this.isMaximum = !0;
229
+ let e = this.$el;
230
+ this.originSize = {
231
+ width: e.clientWidth,
232
+ height: e.clientHeight
233
+ }, e.classList.add("editor-fullscreen"), this.editor.layout({
234
+ height: document.body.clientHeight,
235
+ width: document.body.clientWidth
236
+ }), document.addEventListener("keyup", this.handleEsc);
237
+ },
238
+ handleEsc(e) {
239
+ e.keyCode === 27 && this.minEditor();
240
+ },
241
+ minEditor() {
242
+ this.isMaximum = !1, this.$el.classList.remove("editor-fullscreen"), this.editor.layout({
243
+ height: this.originSize.height,
244
+ width: this.originSize.width
245
+ }), document.removeEventListener("keyup", this.handleEsc);
246
+ },
247
+ _getEditor() {
248
+ return this.editor ? this.diffEditor ? this.editor.modifiedEditor : this.editor : null;
249
+ },
250
+ _setModel(e, t) {
251
+ let { language: r } = this, i = n.editor.createModel(t, r), a = n.editor.createModel(e, r);
252
+ this.editor.setModel({
253
+ original: i,
254
+ modified: a
255
+ });
256
+ },
257
+ _setValue(e) {
258
+ let t = this._getEditor();
259
+ if (t) return t.setValue(e);
260
+ },
261
+ _getValue() {
262
+ let e = this._getEditor();
263
+ return e ? e.getValue() : "";
264
+ },
265
+ _editorBeforeMount() {
266
+ return this.editorBeforeMount(n) || {};
267
+ },
268
+ _editorMounted(e) {
269
+ this.editorMounted(e, n), this.diffEditor ? e.onDidUpdateDiff((e) => {
270
+ let t = this._getValue();
271
+ this._emitChange(t, e);
272
+ }) : e.onDidChangeModelContent((e) => {
273
+ let t = this._getValue();
274
+ this._emitChange(t, e);
275
+ });
276
+ },
277
+ _emitChange(e, t) {
278
+ this.$emit("change", e, t), this.$emit("update:modelValue", e);
279
+ }
280
+ },
281
+ render() {
282
+ let t = this.options.fullScreen;
283
+ return e("div", {
284
+ class: ["monaco_editor_container", this.fullscreen ? "fullscreen" : ""],
285
+ style: this.style
286
+ }, [t ? e("i", {
287
+ class: "el-icon-full-screen",
288
+ style: {
289
+ width: "1.2em",
290
+ height: "1.2em",
291
+ position: "absolute",
292
+ left: "0px",
293
+ top: "0px",
294
+ zIndex: "1",
295
+ cursor: "pointer"
296
+ },
297
+ on: { click: this._handleFullScreen }
298
+ }) : ""]);
299
+ }
300
+ };
301
+ //#endregion
302
+ export { l as n, _ as t };