ranui 0.1.6 → 0.1.8

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 (133) hide show
  1. package/dist/add-user-b2bed3e7.js +4 -0
  2. package/dist/book-b11a68eb.js +4 -0
  3. package/dist/build/config.d.ts +3 -0
  4. package/dist/check-circle-74bd09c3.js +4 -0
  5. package/dist/check-circle-fill-dc284144.js +4 -0
  6. package/dist/close-20925345.js +4 -0
  7. package/dist/close-circle-720c18be.js +4 -0
  8. package/dist/close-circle-fill-238a66b1.js +4 -0
  9. package/dist/components/button/index.js +4 -2
  10. package/dist/components/icon/index.js +3 -1
  11. package/dist/components/image/index.js +1 -1
  12. package/dist/components/input/index.js +2 -2
  13. package/dist/components/message/index.d.ts +12 -6
  14. package/dist/components/message/index.js +1 -2
  15. package/dist/components/modal/index.js +4 -0
  16. package/dist/components/option/index.d.ts +2 -0
  17. package/dist/components/option/index.js +95 -0
  18. package/dist/components/{video → player}/index.d.ts +198 -87
  19. package/dist/components/player/index.js +11 -0
  20. package/dist/components/preview/excel/excel.d.ts +0 -9
  21. package/dist/components/preview/index.d.ts +4 -0
  22. package/dist/components/preview/index.js +5 -4
  23. package/dist/components/progress/index.d.ts +36 -0
  24. package/dist/components/progress/index.js +8 -0
  25. package/dist/components/radar/index.js +4 -2
  26. package/dist/components/select/index.d.ts +101 -0
  27. package/dist/components/select/index.js +11 -0
  28. package/dist/components/skeleton/index.js +1 -1
  29. package/dist/components/tab/index.js +4 -2
  30. package/dist/components/tabpane/index.js +1 -1
  31. package/dist/docx-c5d02d8c.js +21 -0
  32. package/dist/eye-5e742329.js +4 -0
  33. package/dist/eye-close-3874f1ae.js +4 -0
  34. package/dist/home-c4a05e8b.js +4 -0
  35. package/dist/index-0e7229ea.js +328 -0
  36. package/dist/index-183517e7.js +265 -0
  37. package/dist/index-48653b79.js +162 -0
  38. package/dist/index-4d873a42.js +195 -0
  39. package/dist/index-57492b9b.js +48 -0
  40. package/dist/index-5975bbc0.js +126 -0
  41. package/dist/{index-64d03ac1.js → index-7b8840f9.js} +1 -4
  42. package/dist/index-7f513a14.js +175 -0
  43. package/dist/index-8e1e2573.js +19 -0
  44. package/dist/index-a1a53af6.js +354 -0
  45. package/dist/index-a216f328.js +662 -0
  46. package/dist/index-a43b144f.js +232 -0
  47. package/dist/index-aea75a9f.js +78 -0
  48. package/dist/index-b2be6bef.js +10423 -0
  49. package/dist/index-b90299ca.js +43 -0
  50. package/dist/index-d2d69b06.js +225 -0
  51. package/dist/index-ecaed5cc.js +439 -0
  52. package/dist/index-f6d6982d.js +516 -0
  53. package/dist/index.d.ts +4 -0
  54. package/dist/index.js +23 -13
  55. package/dist/info-circle-5826decc.js +4 -0
  56. package/dist/info-circle-fill-90ec9aa9.js +14 -0
  57. package/dist/loading-09ca52df.js +4 -0
  58. package/dist/lock-1d2487c9.js +4 -0
  59. package/dist/message-b2bfdea7.js +4 -0
  60. package/dist/{pdf-6e38f826.js → pdf-bdb7818a.js} +1 -2
  61. package/dist/playwright.config.d.ts +0 -2
  62. package/dist/power-off-6ade5a91.js +4 -0
  63. package/dist/preview-b291aea8.js +4 -0
  64. package/dist/setting-1e5ccb6d.js +4 -0
  65. package/dist/style.css +1 -1
  66. package/dist/team-ca6a12e1.js +4 -0
  67. package/dist/umd/build/config.d.ts +3 -0
  68. package/dist/umd/components/message/index.d.ts +12 -6
  69. package/dist/umd/components/option/index.d.ts +2 -0
  70. package/dist/umd/components/{video → player}/index.d.ts +198 -87
  71. package/dist/umd/components/preview/excel/excel.d.ts +0 -9
  72. package/dist/umd/components/preview/index.d.ts +4 -0
  73. package/dist/umd/components/progress/index.d.ts +36 -0
  74. package/dist/umd/components/select/index.d.ts +101 -0
  75. package/dist/umd/index.d.ts +4 -0
  76. package/dist/umd/index.umd.cjs +26 -8
  77. package/dist/umd/playwright.config.d.ts +0 -2
  78. package/dist/umd/style.css +1 -1
  79. package/dist/umd/utils/image.d.ts +32 -0
  80. package/dist/umd/utils/index.d.ts +41 -32
  81. package/dist/umd/utils/math.d.ts +26 -0
  82. package/dist/umd/utils/tween.d.ts +21 -0
  83. package/dist/unlock-f56086fd.js +4 -0
  84. package/dist/user-5c01e665.js +4 -0
  85. package/dist/utils/image.d.ts +32 -0
  86. package/dist/utils/index.d.ts +41 -32
  87. package/dist/utils/math.d.ts +26 -0
  88. package/dist/utils/tween.d.ts +21 -0
  89. package/dist/{index-a55c2dff.js → vendor-f71e6f68.js} +7771 -1268
  90. package/dist/warning-circle-035e025c.js +4 -0
  91. package/dist/warning-circle-fill-d17c37c9.js +4 -0
  92. package/package.json +38 -6
  93. package/readme.md +2 -3
  94. package/dist/_commonjs-dynamic-modules-2ceabb0b.js +0 -12
  95. package/dist/add-user-d07564bd.js +0 -4
  96. package/dist/assets/image/failImage.d.ts +0 -2
  97. package/dist/base-bcc748a2.js +0 -1
  98. package/dist/book-2a5a596c.js +0 -4
  99. package/dist/check-circle-2c986969.js +0 -4
  100. package/dist/check-circle-fill-62eaa796.js +0 -4
  101. package/dist/close-circle-2afb6e94.js +0 -4
  102. package/dist/close-circle-fill-b6906239.js +0 -4
  103. package/dist/close-ee3ba1d1.js +0 -4
  104. package/dist/docx-5262a8f1.js +0 -2635
  105. package/dist/eye-bd60afe1.js +0 -4
  106. package/dist/eye-close-bde3c1fc.js +0 -4
  107. package/dist/home-f824d8f4.js +0 -4
  108. package/dist/index-00913cab.js +0 -43
  109. package/dist/index-07c8e518.js +0 -327
  110. package/dist/index-105ed089.js +0 -127
  111. package/dist/index-2243317e.js +0 -155
  112. package/dist/index-441da303.js +0 -196
  113. package/dist/index-4459fbd0.js +0 -108
  114. package/dist/index-57d3be68.js +0 -450
  115. package/dist/index-a7db1b7b.js +0 -175
  116. package/dist/index-b580f377.js +0 -78
  117. package/dist/index-b99ac79f.js +0 -353
  118. package/dist/index-c558bde2.js +0 -218
  119. package/dist/info-circle-59333e1c.js +0 -4
  120. package/dist/info-circle-fill-3ab7660d.js +0 -4
  121. package/dist/jszip.min-97cf7c6a.js +0 -2655
  122. package/dist/loading-407d8249.js +0 -4
  123. package/dist/lock-6d20715b.js +0 -4
  124. package/dist/message-ee4fe153.js +0 -4
  125. package/dist/power-off-bbec6b5f.js +0 -4
  126. package/dist/preview-164a4944.js +0 -4
  127. package/dist/setting-735a1963.js +0 -4
  128. package/dist/team-42573142.js +0 -4
  129. package/dist/umd/assets/image/failImage.d.ts +0 -2
  130. package/dist/unlock-ae33c6f7.js +0 -4
  131. package/dist/user-b7098183.js +0 -4
  132. package/dist/warning-circle-536d4749.js +0 -4
  133. package/dist/warning-circle-fill-e4be98bc.js +0 -4
@@ -1,450 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
3
- var __publicField = (obj, key, value) => {
4
- __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
5
- return value;
6
- };
7
- import { c as createCustomError, i as isDisabled, f as falseList } from "./index-4459fbd0.js";
8
- const f7170ee498e0dd32cbdcb63fba8f75cc = '@keyframes MessageMoveIn{0%{padding:0;transform:translateY(-100%);opacity:0}to{padding:8px;transform:translateY(0);opacity:1}}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}.ranui-message{box-sizing:border-box;margin:0;padding:0;color:#000000d9;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:fixed;top:8px;left:0;z-index:1010;width:100%;pointer-events:none}.ranui-message .message-in{animation-name:MessageMoveIn;animation-duration:.3s;animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ranui-message .message-leave{animation-name:MessageMoveOut;animation-duration:.3s;animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.r-preview-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000073;z-index:1081}.r-preview-mask .r-preview-loading{position:absolute;top:30vh;left:50vw;transform:translate(-50%);display:flex;flex-flow:column;align-items:center}.r-preview-mask .r-preview-loading-text{color:#fff;font-size:16px}.r-preview-mask .r-preview-options{width:100%;pointer-events:auto;display:flex;flex-flow:row-reverse nowrap;align-items:center;justify-content:space-between}.r-preview-mask .r-preview-options-close{margin:14px;border:none;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.r-preview-mask .r-preview-contain{max-width:calc(100vw - 20px);margin:0 auto;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.r-preview-mask .r-preview-contain .r-preview-context{margin:0 auto;height:calc(100vh - 68px);display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;overflow:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main{width:100%;height:100%;margin-bottom:10px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet{font-size:13px;line-height:normal;-webkit-user-select:none;user-select:none;-moz-user-select:none;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;box-sizing:content-box;background:#fff;-webkit-font-smoothing:antialiased}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet textarea{font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-sheet{position:relative;overflow:hidden}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-table{vertical-align:bottom}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-tooltip{font-family:inherit;position:absolute;padding:5px 10px;color:#fff;border-radius:1px;background:#000000;font-size:12px;z-index:201}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-tooltip:before{pointer-events:none;position:absolute;left:calc(50% - 4px);top:-4px;content:"";width:8px;height:8px;background:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1;box-shadow:1px 1px 3px -1px #0000004d}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette{padding:5px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:2;background:#fff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table td{margin:0;cursor:pointer;border:1px solid transparent}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table td:hover{border-color:#ddd}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell{width:16px;height:16px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette{padding:6px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:0;background:#fff;table-layout:fixed}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette table td{margin:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left{border-right:1px solid #eee;padding-right:6px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell{width:30px;height:30px;cursor:pointer;text-align:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover{background-color:#eee}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-right{padding-left:6px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type{position:relative;left:0;top:-3px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown{position:relative}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown .x-spreadsheet-dropdown-content{position:absolute;z-index:200;background:#fff;box-shadow:1px 2px 5px 2px #33333326}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content{top:calc(100% + 5px);left:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content{top:calc(100% + 5px);right:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);left:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);right:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown .x-spreadsheet-dropdown-title{padding:0 5px;display:inline-block}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer{position:absolute;z-index:11}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer .x-spreadsheet-resizer-hover{background-color:#4b89ff40}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer .x-spreadsheet-resizer-line{position:absolute}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.horizontal{cursor:row-resize}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line{border-bottom:2px dashed #4b89ff;left:0;bottom:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.vertical{cursor:col-resize}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line{border-right:2px dashed #4b89ff;top:0;right:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar{position:absolute;bottom:0;right:0;background-color:#f4f5f8;opacity:.9;z-index:12}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.horizontal{right:15px;overflow-x:scroll;overflow-y:hidden}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.horizontal>div{height:1px;background:#ddd}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.vertical{bottom:15px;overflow-x:hidden;overflow-y:scroll}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.vertical>div{width:1px;background:#ddd}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-overlayer{position:absolute;left:0;top:0;z-index:10}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-overlayer .x-spreadsheet-overlayer-content{position:absolute;overflow:hidden;pointer-events:none;width:100%;height:100%}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector{box-sizing:content-box;position:absolute;overflow:hidden;pointer-events:none;top:0;left:0;width:100%;height:100%}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .hide-input{position:absolute;z-index:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .hide-input input{padding:0;width:0;border:none!important}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-area{position:absolute;border:2px solid #4b89ff;background:rgba(75,137,255,.1);z-index:5}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-clipboard,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-autofill{position:absolute;background:transparent;z-index:100}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-clipboard{border:2px dashed #4b89ff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-autofill{border:1px dashed rgba(0,0,0,.45)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-corner{pointer-events:auto;position:absolute;cursor:crosshair;font-size:0;height:5px;width:5px;right:-5px;bottom:-5px;border:2px solid #ffffff;background:#4b89ff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor{z-index:20}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor .x-spreadsheet-editor-area{position:absolute;text-align:left;border:2px solid #4b89ff;line-height:0;z-index:100;pointer-events:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor .x-spreadsheet-editor-area textarea{box-sizing:content-box;border:none;padding:0 3px;outline:none;resize:none;text-align:start;overflow-y:hidden;font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif;color:inherit;white-space:normal;word-wrap:break-word;line-height:22px;margin:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor .x-spreadsheet-editor-area .textline{overflow:hidden;visibility:hidden;position:fixed;top:0;left:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item{-webkit-user-select:none;user-select:none;background:0;border:1px solid transparent;outline:none;height:26px;color:#000000e6;line-height:26px;list-style:none;padding:2px 10px;cursor:default;text-align:left;overflow:hidden}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.disabled{pointer-events:none;opacity:.5}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item:hover,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.active{background:rgba(0,0,0,.05)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.divider{height:0;padding:0;margin:5px 0;border:none;border-bottom:1px solid rgba(0,0,0,.1)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item .label{float:right;opacity:.65;font-size:1em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.state,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-header.state{padding-left:35px!important;position:relative}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.state:before,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-header.state:before{content:"";position:absolute;width:10px;height:10px;left:12px;top:calc(50% - 5px);background:rgba(0,0,0,.08);border-radius:2px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.state.checked:before,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-header.state.checked:before{background:#4b89ff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-checkbox{position:relative;display:inline-block;backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;font-size:1rem;line-height:1em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-checkbox>input{position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:-1}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-suggest,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-contextmenu,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-sort-filter{position:absolute;box-shadow:1px 2px 5px 2px #33333326;background:#fff;z-index:100;width:260px;pointer-events:auto;overflow:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-suggest{width:200px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-filter{border:1px solid #e9e9e9;font-size:12px;margin:10px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-filter .x-spreadsheet-header{padding:.5em .75em;background:#f8f8f9;border-bottom:1px solid #e9e9e9;border-left:1px solid transparent}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-filter .x-spreadsheet-body{height:200px;overflow-y:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item{height:20px;line-height:20px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-sort-filter .x-spreadsheet-buttons{margin:10px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-bottombar{height:40px;padding:0 30px;text-align:left;background:#f5f6f7;display:flex}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-bottombar{position:relative;border-top:1px solid #e0e2e4}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-bottombar .x-spreadsheet-menu>li{line-height:40px;height:40px;padding-top:0;padding-bottom:0;vertical-align:middle;border-right:1px solid #e8eaed}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-menu{list-style:none;margin:0;padding:0;-webkit-user-select:none;user-select:none}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-menu>li{float:left;line-height:1.25em;padding:.785em 1em;margin:0;vertical-align:middle;text-align:left;font-weight:400;color:#80868b;white-space:nowrap;cursor:pointer;transition:all .3s;font-weight:700}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-menu>li.active{background-color:#fff;color:#000000a6}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-menu>li .x-spreadsheet-dropdown{display:inline-block}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print{position:absolute;left:0;top:0;z-index:100;width:100%;height:100%;display:flex;flex-direction:column}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-bar{background:#424242;height:60px;line-height:60px;padding:0 30px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-bar .-title{color:#fff;font-weight:700;font-size:1.2em;float:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-bar .-right{float:right;margin-top:12px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-content{display:flex;flex:auto;flex-direction:row;background:#d0d0d0;height:calc(100% - 60px)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-content .-sider{flex:0 0 300px;width:300px;border-left:2px solid #ccc;background:#fff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-content .-content{flex:auto;overflow-x:auto;overflow-y:scroll;height:100%}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-canvas-card-wraper{margin:40px 20px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-canvas-card{background:#fff;margin:auto;page-break-before:auto;page-break-after:always;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 3px #0000001f,0 4px 5px #0003}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar{color:#000000a6;background:#ffffff;-webkit-user-select:none;user-select:none}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-header{font-weight:700;line-height:30px;text-align:center;width:100%;float:left;background:#f9fafb}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-header .calendar-header-left{padding-left:5px;float:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-header .calendar-header-right{float:right}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-header .calendar-header-right a{padding:3px 0;margin-right:2px;border-radius:2px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-header .calendar-header-right a:hover{background:rgba(0,0,0,.08)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body{border-collapse:collapse;border-spacing:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body th,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body td{width:14.28571429%;min-width:32px;text-align:center;font-weight:700;line-height:30px;padding:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body td>.cell:hover{background:#ecf6fd}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body td>.cell.active,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body td>.cell.active:hover{background:#ecf6fd;color:#2185d0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body td>.cell.disabled{pointer-events:none;opacity:.5}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-datepicker{box-shadow:2px 2px 5px #0003;position:absolute;left:0;top:calc(100% + 5px);z-index:10;width:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-buttons{display:flex;justify-content:flex-end}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-buttons .x-spreadsheet-button{margin-left:8px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button{display:inline-block;border-radius:3px;line-height:1em;min-height:1em;white-space:nowrap;text-align:center;cursor:pointer;font-size:1em;font-weight:700;padding:.75em 1em;color:#0009;background:#e0e1e2;text-decoration:none;font-family:Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;outline:none;vertical-align:baseline;zoom:1;-webkit-user-select:none;user-select:none;transition:all .1s linear}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button.active,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button:hover{background-color:#c0c1c2;color:#000c}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button.primary{color:#fff;background-color:#2185d0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button.primary:hover,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button.primary.active{color:#fff;background-color:#1678c2}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-input{font-size:1em;position:relative;font-weight:400;display:inline-flex;color:#000000de}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-input input{z-index:1;margin:0;max-width:100%;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:30px;height:30px;padding:0 8px;background:#fff;border:1px solid #e9e9e9;border-radius:3px;transition:box-shadow .1s ease,border-color .1s ease;box-shadow:inset 0 1px 2px #0a0a0a0f}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-input input:focus{border-color:#4b89ff;box-shadow:inset 0 1px 2px #4b89ff33}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-select{position:relative;display:inline-block;background:#fff;border:1px solid #e9e9e9;border-radius:2px;cursor:pointer;color:#000000de;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 2px #0a0a0a0f}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-select .input-text{text-overflow:ellipsis;white-space:nowrap;min-width:60px;width:auto;height:30px;line-height:30px;padding:0 8px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-fields{display:flex;flex-direction:row;flex-wrap:wrap}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-fields .x-spreadsheet-form-field{flex:0 1 auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-fields .x-spreadsheet-form-field .label{display:inline-block;margin:0 10px 0 0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-field{display:block;vertical-align:middle;margin-left:10px;margin-bottom:10px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-field:first-child{margin-left:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-field.error .x-spreadsheet-form-select,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-field.error input{border-color:#f04134}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-field .tip{color:#f04134;font-size:.9em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dimmer{display:none;position:absolute;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;background-color:#0009;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;transition:background-color .5s linear;-webkit-user-select:none;user-select:none;z-index:1000}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dimmer.active{display:block;opacity:1}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main form fieldset{border:none}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main form fieldset label{display:block;margin-bottom:.5em;font-size:1em;color:#666}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main form fieldset select{font-size:1.1em;width:100%;background-color:#fff;border:none;border-bottom:2px solid #ddd;padding:.5em .85em;border-radius:2px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-modal,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast{font-size:13px;position:fixed;z-index:1001;text-align:left;line-height:1.25em;min-width:360px;color:#000000de;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;border-radius:4px;border:1px solid rgba(0,0,0,.1);background-color:#fff;background-clip:padding-box;box-shadow:#0003 0 2px 8px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast{background-color:#ffffffd9}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-modal-header,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast-header{font-weight:600;background-clip:padding-box;background-color:#ffffffd9;border-bottom:1px solid rgba(0,0,0,.05);border-radius:4px 4px 0 0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast-header{color:#f2711c}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-modal-header{border-bottom:1px solid #e0e2e4;background:rgba(0,0,0,.08);font-size:1.0785em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-modal-header,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-modal-content,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast-header,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast-content{padding:.75em 1em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-menu li:first-child{display:none}.r-preview-mask .r-preview-contain .r-preview-context .docx-wrapper{background:none}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section{width:100%;height:690px;position:relative;border:1px solid #333;background-color:#efefef;text-align:center;border-radius:10px;box-shadow:1px 1px 3px #aaa;overflow:hidden}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.block{position:absolute;top:0;left:0;width:100%}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.content{display:flex;flex-direction:column}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.v-up{justify-content:flex-start}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.v-mid{justify-content:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.v-down{justify-content:flex-end}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.h-left{align-items:flex-start;text-align:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.h-mid{align-items:center;text-align:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.h-right{align-items:flex-end;text-align:right}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.up-left{justify-content:flex-start;align-items:flex-start;text-align:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.up-center{justify-content:flex-start;align-items:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.up-right{justify-content:flex-start;align-items:flex-end}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.center-left{justify-content:center;align-items:flex-start;text-align:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.center-center{justify-content:center;align-items:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.center-right{justify-content:center;align-items:flex-end}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.down-left{justify-content:flex-end;align-items:flex-start;text-align:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.down-center{justify-content:flex-end;align-items:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.down-right{justify-content:flex-end;align-items:flex-end}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main li.slide{margin:10px 0;font-size:18px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main div.footer{text-align:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section table{position:absolute}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section table,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section th,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section td{border:1px solid black}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section svg.drawing{position:absolute;overflow:visible}.input{position:relative;display:flex;width:calc(100% - 18px);min-width:0;padding:2px 8px;color:#000000d9;font-size:12px;line-height:1.5715;background-color:#fff;background-image:none;border-width:1px;border-style:solid;border-color:#d9d9d9;border-radius:2px;transition:all .3s}.input:active{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33;border-right-width:1px;outline:0}.input:hover{border-color:#40a9ff;border-right-width:1px}.input>.input-main:hover~.input-label{color:#40a9ff}.input[value]>.input-label{transform:translateY(calc(-50% - .43em)) scale(.8);color:#00000040}.input[status=error]{border-color:#ff4d4f}.input[status=error]>.input-main~.input-label{color:#ff4d4f}.input[status=warning]{border-color:#ff7875}.input[status=warning]>.input-main~.input-label{color:#ff7875}.input[disabled]{color:#00000040;background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;cursor:not-allowed;opacity:1}.input[disabled]>.input-main{color:#00000040;background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;cursor:not-allowed;opacity:1}.input[disabled]>.input-main~.input-label{color:#00000040;background-color:#f5f5f5}.input[disabled]>.input-label{color:#999;border-color:#d9d9d9;box-shadow:none;cursor:not-allowed}.input-main{writing-mode:horizontal-tb;text-rendering:auto;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0px;text-shadow:none;text-align:start;-webkit-rtl-ordering:logical;cursor:text;touch-action:manipulation;-webkit-appearance:none;text-overflow:ellipsis;box-sizing:border-box;margin:0;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";position:relative;border:none;width:100%;min-width:0;color:#000000d9;font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;transition:all .3s}.input-main:focus,.input-main:hover{border:none;outline:0}.input-main::placeholder{color:#999}.input-main:placeholder-shown~.input-label{transform:translateY(calc(-50% - .43em)) scale(.8)}.input-main:focus~.input-label{transform:translateY(calc(-50% - .43em)) scale(.8)}.input-label{pointer-events:none;position:absolute;font-size:14px;left:8px;transition:transform .3s,color .3s,background-color .3s,backdrop-filter .3s;transform-origin:left;padding:0 .2em;color:#999;background:#fff;opacity:.9}\n';
9
- function Custom() {
10
- if (typeof window !== "undefined" && !customElements.get("r-input")) {
11
- class CustomElement extends HTMLElement {
12
- constructor() {
13
- super();
14
- __publicField(this, "_container");
15
- __publicField(this, "_label");
16
- __publicField(this, "_input");
17
- __publicField(this, "_icon");
18
- /**
19
- * @description: 原生的input方法
20
- * @param {Event} event
21
- */
22
- __publicField(this, "customInput", (event) => {
23
- event.stopPropagation();
24
- const target = event.target;
25
- this.value = target ? target.value : "";
26
- this.customChange();
27
- this.dispatchEvent(
28
- new CustomEvent("input", {
29
- detail: {
30
- value: this.value
31
- }
32
- })
33
- );
34
- this.dispatchEvent(
35
- new CustomEvent("Input", {
36
- detail: {
37
- value: this.value
38
- }
39
- })
40
- );
41
- });
42
- /**
43
- * @description: 增加change方法,同时兼容大小写的情况
44
- */
45
- __publicField(this, "customChange", () => {
46
- this.dispatchEvent(
47
- new CustomEvent("change", {
48
- detail: {
49
- value: this.value
50
- }
51
- })
52
- );
53
- this.dispatchEvent(
54
- new CustomEvent("Change", {
55
- detail: {
56
- value: this.value
57
- }
58
- })
59
- );
60
- });
61
- /**
62
- * @description: 处理icon属性的问题
63
- */
64
- __publicField(this, "dealIcon", () => {
65
- if (!this._icon) {
66
- this._icon = document.createElement("r-icon");
67
- const { width, height } = this._input.getBoundingClientRect();
68
- const size = Math.min(width, height);
69
- this._icon.setAttribute("size", `${size}`);
70
- this._input.insertAdjacentElement("beforebegin", this._icon);
71
- }
72
- this.icon && this._icon.setAttribute("name", this.icon);
73
- });
74
- const shadowRoot = this.attachShadow({ mode: "closed" });
75
- const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement("style");
76
- F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
77
- shadowRoot.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);
78
- this._container = document.createElement("div");
79
- this._container.setAttribute("class", "input");
80
- this._input = document.createElement("input");
81
- this._input.setAttribute("class", "input-main");
82
- this._container.appendChild(this._input);
83
- shadowRoot.appendChild(this._container);
84
- }
85
- static get observedAttributes() {
86
- return [
87
- "label",
88
- "disabled",
89
- "name",
90
- "placeholder",
91
- "type",
92
- "icon",
93
- "status"
94
- ];
95
- }
96
- /**
97
- * @description: 获取input的值
98
- * @return {String}
99
- */
100
- get value() {
101
- return this.getAttribute("value");
102
- }
103
- /**
104
- * @description: 设置input的值
105
- * @param {String} value
106
- */
107
- set value(value) {
108
- if (!isDisabled(this) && value) {
109
- this.setAttribute("value", value);
110
- this._container.setAttribute("value", value);
111
- } else {
112
- this.removeAttribute("value");
113
- this._container.removeAttribute("value");
114
- }
115
- }
116
- /**
117
- * @description: 获取input的占位字符
118
- * @return {String}
119
- */
120
- get placeholder() {
121
- return this.getAttribute("placeholder");
122
- }
123
- /**
124
- * @description: 设置input的占位字符
125
- * @param {String} value
126
- */
127
- set placeholder(value) {
128
- if (value) {
129
- this.setAttribute("placeholder", value);
130
- } else {
131
- this.removeAttribute("placeholder");
132
- }
133
- }
134
- /**
135
- * @description: input是否为必选
136
- * @return {String}
137
- */
138
- get required() {
139
- return this.getAttribute("required");
140
- }
141
- /**
142
- * @description: 设置input是否为必选,除非设置成false,否则都是必填
143
- * @param {*} value
144
- */
145
- set required(value) {
146
- if (!value || value === "false") {
147
- this.removeAttribute("required");
148
- } else {
149
- this.setAttribute("required", "");
150
- }
151
- }
152
- /**
153
- * @description: 获取input上disabled属性
154
- * @return {String | null}
155
- */
156
- get disabled() {
157
- return isDisabled(this);
158
- }
159
- /**
160
- * @description: 设置input的disabled属性
161
- * @param {String} value
162
- */
163
- set disabled(value) {
164
- if (falseList.includes(value)) {
165
- this.removeAttribute("disabled");
166
- this._container.removeAttribute("disabled");
167
- this._input.removeAttribute("disabled");
168
- } else {
169
- this.setAttribute("disabled", "");
170
- this._container.setAttribute("disabled", "");
171
- this._input.setAttribute("disabled", "");
172
- }
173
- }
174
- /**
175
- * @description: 获取类似于Metiral Design的输入体验。
176
- */
177
- get label() {
178
- return this.getAttribute("label") || "";
179
- }
180
- /**
181
- * @description: 设置类似于Metiral Design的输入体验。
182
- */
183
- set label(value) {
184
- this.setAttribute("label", value);
185
- }
186
- /**
187
- * @description: 获取input框的状态
188
- */
189
- get status() {
190
- return this.getAttribute("status") || "";
191
- }
192
- /**
193
- * @description: 设置input框的状态
194
- */
195
- set status(value) {
196
- if (value) {
197
- this.setAttribute("status", value);
198
- this._container.setAttribute("status", value);
199
- } else {
200
- this.removeAttribute("status");
201
- this._container.removeAttribute("status");
202
- }
203
- }
204
- /**
205
- * @description: 与form组件联动时,收集的属性名
206
- * @return {String}
207
- */
208
- get name() {
209
- return this.getAttribute("name") || "";
210
- }
211
- /**
212
- * @description: 设置name属性
213
- * @param {string} value
214
- */
215
- set name(value) {
216
- this.setAttribute("name", value);
217
- }
218
- /**
219
- * @description: 当input类型为number类型时,可以获取min属性
220
- * @return {String}
221
- */
222
- get min() {
223
- return this.getAttribute("min") || "";
224
- }
225
- /**
226
- * @description: 当input类型为number类型时,设置min属性
227
- * @param {string} value
228
- */
229
- set min(value) {
230
- if (this.type === "number")
231
- this.setAttribute("min", value);
232
- }
233
- /**
234
- * @description: 当input类型为number类型时,可以获取max属性
235
- * @return {String}
236
- */
237
- get max() {
238
- return this.getAttribute("max") || "";
239
- }
240
- /**
241
- * @description: 当input类型为number类型时,设置max属性
242
- * @param {string} value
243
- */
244
- set max(value) {
245
- if (this.type === "number")
246
- this.setAttribute("max", value);
247
- }
248
- /**
249
- * @description: 当input类型为number类型时,可以获取step属性
250
- * @return {String}
251
- */
252
- get step() {
253
- return this.getAttribute("step") || "";
254
- }
255
- /**
256
- * @description: 当input类型为number类型时,设置step属性
257
- * @param {string} value
258
- */
259
- set step(value) {
260
- if (this.type === "number")
261
- this.setAttribute("step", value);
262
- }
263
- /**
264
- * @description: 获取一个icon
265
- * @return {String}
266
- */
267
- get icon() {
268
- return this.getAttribute("icon");
269
- }
270
- /**
271
- * @description: 设置icon来表示标识
272
- * @param {string|null} value
273
- */
274
- set icon(value) {
275
- if (value) {
276
- this.setAttribute("icon", value);
277
- } else {
278
- this.removeAttribute("icon");
279
- }
280
- }
281
- /**
282
- * @description: 获取input的类型
283
- * @return {string|null}
284
- */
285
- get type() {
286
- return this.getAttribute("type");
287
- }
288
- /**
289
- * @description: 设置input的类型
290
- * @param {string|null} value
291
- */
292
- set type(value) {
293
- if (value) {
294
- this.setAttribute("type", value);
295
- } else {
296
- this.removeAttribute("type");
297
- }
298
- }
299
- /**
300
- * @description: 监听placeholder属性函数
301
- * @param {string} name
302
- * @param {string} value
303
- */
304
- listenPlaceholder(name, value) {
305
- if (name === "placeholder" && this._input) {
306
- if (value != null) {
307
- this._input.setAttribute("placeholder", value);
308
- } else {
309
- this._input.removeAttribute("placeholder");
310
- }
311
- }
312
- }
313
- /**
314
- * @description: 监听label属性函数
315
- * @param {string} name
316
- * @param {string} value
317
- */
318
- listenLabel(name, value) {
319
- if (name === "label" && this._input) {
320
- if (value != null) {
321
- if (this._label) {
322
- this._label.innerHTML = value;
323
- } else {
324
- this._label = document.createElement("label");
325
- this._label.innerHTML = value;
326
- this._label.setAttribute("class", "input-label");
327
- this._container.appendChild(this._label);
328
- }
329
- } else {
330
- this._container.removeAttribute("label");
331
- if (this._label) {
332
- this._container.removeChild(this._label);
333
- this._label = void 0;
334
- }
335
- }
336
- }
337
- }
338
- /**
339
- * @description: 监听type属性
340
- * @param {string} name
341
- * @param {string} value
342
- */
343
- listenType(name, value) {
344
- if (name === "type" && this._input) {
345
- if (value) {
346
- this._input.setAttribute("type", value);
347
- } else {
348
- this._input.removeAttribute("type");
349
- this._input.removeAttribute("min");
350
- this._input.removeAttribute("max");
351
- this._input.removeAttribute("step");
352
- }
353
- }
354
- }
355
- /**
356
- * @description: 监听status属性
357
- * @param {string} name
358
- * @param {string} value
359
- */
360
- listenStatus(name, value) {
361
- if (name === "status" && this._container) {
362
- if (value) {
363
- this._container.setAttribute("status", value);
364
- } else {
365
- this._container.removeAttribute("status");
366
- }
367
- }
368
- }
369
- /**
370
- * @description: 监听disabled属性
371
- * @param {string} name
372
- * @param {string} value
373
- */
374
- listenDisabled(name, value) {
375
- if (name === "disabled" && this._container) {
376
- if (falseList.includes(value)) {
377
- this._container.removeAttribute("disabled");
378
- } else {
379
- this._container.setAttribute("disabled", "");
380
- this._input.setAttribute("disabled", "");
381
- }
382
- }
383
- }
384
- /**
385
- * @description: 监听icon属性
386
- * @param {string} name
387
- * @param {string} value
388
- */
389
- listenIcon(name, value, oldValue) {
390
- if (name === "icon" && value && value !== oldValue) {
391
- this.removeAttribute("label");
392
- this.setAttribute("icon", value);
393
- this.dealIcon();
394
- }
395
- }
396
- /**
397
- * @description: 聚合监听事件
398
- * @param {string} name
399
- * @param {string} oldValue
400
- * @param {string} newValue
401
- */
402
- listenEvent(name, oldValue, newValue) {
403
- this.listenPlaceholder(name, newValue);
404
- this.listenLabel(name, newValue);
405
- this.listenStatus(name, newValue);
406
- this.listenDisabled(name, newValue);
407
- this.listenIcon(name, newValue, oldValue);
408
- }
409
- connectedCallback() {
410
- if (this.value) {
411
- this._input.value = this.value;
412
- this._container.setAttribute("value", this.value);
413
- }
414
- if (this.status) {
415
- this._container.setAttribute("status", this.status);
416
- }
417
- if (isDisabled(this)) {
418
- this._container.setAttribute("disabled", "");
419
- this._input.setAttribute("disabled", "");
420
- }
421
- if (this.type) {
422
- this._input.setAttribute("type", this.type);
423
- }
424
- this._input.addEventListener("input", this.customInput);
425
- if (document.readyState === "complete") {
426
- this.dealIcon();
427
- }
428
- }
429
- disconnectCallback() {
430
- this._input.removeEventListener("input", this.customInput);
431
- }
432
- attributeChangedCallback(name, oldValue, newValue) {
433
- this.listenEvent(name, oldValue, newValue);
434
- }
435
- }
436
- customElements.define("r-input", CustomElement);
437
- return CustomElement;
438
- } else {
439
- return createCustomError("document is undefined or r-input is exist");
440
- }
441
- }
442
- const index = Custom();
443
- const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
444
- __proto__: null,
445
- default: index
446
- }, Symbol.toStringTag, { value: "Module" }));
447
- export {
448
- index as a,
449
- index$1 as i
450
- };