ranui 0.1.8 → 0.1.10-alpha-24

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 (201) hide show
  1. package/README.zh-CN.md +192 -0
  2. package/dist/assets/image/failImage.d.ts +2 -0
  3. package/dist/button.js +7 -0
  4. package/dist/checkbox.js +7 -0
  5. package/dist/colorpicker.js +11 -0
  6. package/dist/components/button/index.d.ts +37 -1
  7. package/dist/components/checkbox/index.d.ts +30 -0
  8. package/dist/components/colorpicker/index.d.ts +120 -0
  9. package/dist/components/dropdown/index.d.ts +34 -0
  10. package/dist/components/input/index.d.ts +209 -1
  11. package/dist/components/loading/index.d.ts +76 -0
  12. package/dist/components/math/index.d.ts +16 -0
  13. package/dist/components/message/index.d.ts +10 -7
  14. package/dist/components/player/index.d.ts +218 -492
  15. package/dist/components/popover/content/index.d.ts +16 -0
  16. package/dist/components/popover/index.d.ts +91 -0
  17. package/dist/components/preview/constant.d.ts +5 -0
  18. package/dist/components/preview/index.d.ts +1 -4
  19. package/dist/components/preview/pdf.d.ts +51 -1
  20. package/dist/components/preview/types.d.ts +11 -0
  21. package/dist/components/progress/index.d.ts +12 -7
  22. package/dist/components/radar/index.d.ts +1 -1
  23. package/dist/components/scratch/index.d.ts +21 -0
  24. package/dist/components/select/dropdown-item/index.d.ts +23 -0
  25. package/dist/components/select/index.d.ts +25 -12
  26. package/dist/components/select/option/index.d.ts +2 -0
  27. package/dist/components/tab/index.d.ts +80 -59
  28. package/dist/components/tabpane/index.d.ts +73 -52
  29. package/dist/icon.js +6 -0
  30. package/dist/iconShadowless.js +6 -0
  31. package/dist/image.js +4 -0
  32. package/dist/{index-aea75a9f.js → index-BEm1a2pr.js} +3 -6
  33. package/dist/{index-b2be6bef.js → index-BSyn-jmY.js} +5492 -3716
  34. package/dist/index-BVD0qcjJ.js +656 -0
  35. package/dist/{index-b90299ca.js → index-Bb55l8nf.js} +2 -11
  36. package/dist/{index-48653b79.js → index-BbW0dxzy.js} +12 -16
  37. package/dist/index-BgUpm4LA.js +103 -0
  38. package/dist/{index-a1a53af6.js → index-C841uRgZ.js} +16 -51
  39. package/dist/{index-a43b144f.js → index-CUZna268.js} +41 -69
  40. package/dist/index-CiA5qRK3.js +381 -0
  41. package/dist/index-CoJMn8Jm.js +511 -0
  42. package/dist/{index-5975bbc0.js → index-DAxs7Dd2.js} +6 -13
  43. package/dist/index-D_cD4u43.js +70 -0
  44. package/dist/index-DgVgxN1s.js +309 -0
  45. package/dist/index-DghvN1MU.js +710 -0
  46. package/dist/index-DvSe_Ms7.js +494 -0
  47. package/dist/{index-7f513a14.js → index-W52VzrXL.js} +20 -49
  48. package/dist/index-gBy2cXLV.js +140 -0
  49. package/dist/index-hdtEL8P_.js +101 -0
  50. package/dist/index-jVKJoKXA.js +490 -0
  51. package/dist/index-ltt3w4zP.js +187 -0
  52. package/dist/index-n4X6wdwJ.js +156 -0
  53. package/dist/{index-0e7229ea.js → index-s0ioL3L2.js} +23 -43
  54. package/dist/index.d.ts +276 -14
  55. package/dist/index.js +24 -24
  56. package/dist/input.js +7 -0
  57. package/dist/inputShadowless.js +6 -0
  58. package/dist/katex-es-CGqSCDjs.js +14634 -0
  59. package/dist/loading-scene-BMc2wqKm.js +4 -0
  60. package/dist/loading.js +8 -0
  61. package/dist/math.js +7 -0
  62. package/dist/message.js +6 -0
  63. package/dist/modal.js +4 -0
  64. package/dist/more-2vsTDpcc.js +31 -0
  65. package/dist/pdf-Bis_tkvj.js +134 -0
  66. package/dist/player.js +8 -0
  67. package/dist/plus-DgJxWGlo.js +56799 -0
  68. package/dist/popover.js +9 -0
  69. package/dist/preview.js +7 -0
  70. package/dist/progress.js +7 -0
  71. package/dist/radar.js +6 -0
  72. package/dist/ranui.css +1 -0
  73. package/dist/search-BWdfjyP8.js +4 -0
  74. package/dist/select.js +10 -0
  75. package/dist/{index-f6d6982d.js → selectShadowless.js} +203 -159
  76. package/dist/{umd/components/form → shadowless/icon}/index.d.ts +1 -0
  77. package/dist/shadowless/input/index.d.ts +210 -0
  78. package/dist/{umd/components → shadowless}/select/index.d.ts +22 -15
  79. package/dist/shadowless/select/option/index.d.ts +2 -0
  80. package/dist/shadowless.d.ts +3 -0
  81. package/dist/shadowless.js +8 -0
  82. package/dist/skeleton.js +4 -0
  83. package/dist/sort-DWqiUONr.js +4 -0
  84. package/dist/sprite-CH2zLtZy.js +141 -0
  85. package/dist/tab.js +6 -0
  86. package/dist/tabpane.js +4 -0
  87. package/dist/tsconfig.json +31 -0
  88. package/dist/typings.d.ts +257 -0
  89. package/dist/umd/index.css +1 -0
  90. package/dist/umd/index.umd.cjs +1 -71
  91. package/dist/umd/shadowless/shadowless.css +1 -0
  92. package/dist/umd/shadowless/shadowless.umd.cjs +1 -0
  93. package/dist/utils/color.d.ts +52 -0
  94. package/dist/utils/image.d.ts +8 -1
  95. package/dist/utils/index.d.ts +20 -5
  96. package/dist/utils/math.d.ts +3 -3
  97. package/dist/vite.config.d.ts +1 -0
  98. package/dist/without-content-CdJw7vHM.js +4 -0
  99. package/package.json +115 -67
  100. package/readme.md +41 -57
  101. package/typings.d.ts +257 -0
  102. package/dist/colz-746223ab.js +0 -241
  103. package/dist/components/button/index.js +0 -7
  104. package/dist/components/icon/index.js +0 -6
  105. package/dist/components/image/index.js +0 -4
  106. package/dist/components/input/index.js +0 -5
  107. package/dist/components/message/index.js +0 -4
  108. package/dist/components/modal/index.js +0 -4
  109. package/dist/components/option/index.d.ts +0 -2
  110. package/dist/components/option/index.js +0 -95
  111. package/dist/components/player/index.js +0 -11
  112. package/dist/components/preview/colz.d.ts +0 -72
  113. package/dist/components/preview/docx.d.ts +0 -8
  114. package/dist/components/preview/excel/excel.d.ts +0 -2
  115. package/dist/components/preview/excel/index.d.ts +0 -1
  116. package/dist/components/preview/excel/media.d.ts +0 -37
  117. package/dist/components/preview/index.js +0 -8
  118. package/dist/components/preview/pptx/index.d.ts +0 -16
  119. package/dist/components/preview/pptx/process_pptx.d.ts +0 -23
  120. package/dist/components/preview/pptx/t_xml.d.ts +0 -1
  121. package/dist/components/preview/pptx/worker.d.ts +0 -1
  122. package/dist/components/progress/index.js +0 -8
  123. package/dist/components/radar/index.js +0 -7
  124. package/dist/components/select/index.js +0 -11
  125. package/dist/components/skeleton/index.js +0 -4
  126. package/dist/components/tab/index.js +0 -7
  127. package/dist/components/tabpane/index.js +0 -4
  128. package/dist/docx-c5d02d8c.js +0 -21
  129. package/dist/index-183517e7.js +0 -265
  130. package/dist/index-4d873a42.js +0 -195
  131. package/dist/index-57492b9b.js +0 -48
  132. package/dist/index-7b8840f9.js +0 -18690
  133. package/dist/index-a216f328.js +0 -662
  134. package/dist/index-d2d69b06.js +0 -225
  135. package/dist/index-ecaed5cc.js +0 -439
  136. package/dist/pdf-bdb7818a.js +0 -113
  137. package/dist/style.css +0 -1
  138. package/dist/umd/build/config.d.ts +0 -3
  139. package/dist/umd/build/config.umd.d.ts +0 -2
  140. package/dist/umd/components/button/index.d.ts +0 -2
  141. package/dist/umd/components/icon/index.d.ts +0 -2
  142. package/dist/umd/components/image/index.d.ts +0 -2
  143. package/dist/umd/components/input/index.d.ts +0 -2
  144. package/dist/umd/components/message/index.d.ts +0 -14
  145. package/dist/umd/components/modal/index.d.ts +0 -2
  146. package/dist/umd/components/option/index.d.ts +0 -2
  147. package/dist/umd/components/player/index.d.ts +0 -524
  148. package/dist/umd/components/preview/colz.d.ts +0 -72
  149. package/dist/umd/components/preview/docx.d.ts +0 -8
  150. package/dist/umd/components/preview/excel/excel.d.ts +0 -2
  151. package/dist/umd/components/preview/excel/index.d.ts +0 -1
  152. package/dist/umd/components/preview/excel/media.d.ts +0 -37
  153. package/dist/umd/components/preview/index.d.ts +0 -6
  154. package/dist/umd/components/preview/pdf.d.ts +0 -1
  155. package/dist/umd/components/preview/pptx/index.d.ts +0 -16
  156. package/dist/umd/components/preview/pptx/process_pptx.d.ts +0 -23
  157. package/dist/umd/components/preview/pptx/t_xml.d.ts +0 -1
  158. package/dist/umd/components/preview/pptx/worker.d.ts +0 -1
  159. package/dist/umd/components/progress/index.d.ts +0 -36
  160. package/dist/umd/components/radar/index.d.ts +0 -2
  161. package/dist/umd/components/skeleton/index.d.ts +0 -2
  162. package/dist/umd/components/tab/index.d.ts +0 -403
  163. package/dist/umd/components/tabpane/index.d.ts +0 -347
  164. package/dist/umd/index.d.ts +0 -14
  165. package/dist/umd/playwright.config.d.ts +0 -9
  166. package/dist/umd/plugins/auto-import-file.d.ts +0 -0
  167. package/dist/umd/plugins/load-style.d.ts +0 -6
  168. package/dist/umd/plugins/load-svg.d.ts +0 -9
  169. package/dist/umd/style.css +0 -1
  170. package/dist/umd/tests/button.spec.d.ts +0 -1
  171. package/dist/umd/utils/image.d.ts +0 -32
  172. package/dist/umd/utils/index.d.ts +0 -64
  173. package/dist/umd/utils/math.d.ts +0 -26
  174. package/dist/umd/utils/tween.d.ts +0 -21
  175. package/dist/umd/vite.config.d.ts +0 -6
  176. package/dist/vendor-f71e6f68.js +0 -92126
  177. /package/dist/{add-user-b2bed3e7.js → add-user-BN1JlY7e.js} +0 -0
  178. /package/dist/{book-b11a68eb.js → book-nTEFXU2x.js} +0 -0
  179. /package/dist/{umd/build/config.es.d.ts → build/config.sha.d.ts} +0 -0
  180. /package/dist/{check-circle-fill-dc284144.js → check-circle-fill-B_pd8ZSs.js} +0 -0
  181. /package/dist/{check-circle-74bd09c3.js → check-circle-szyAJiap.js} +0 -0
  182. /package/dist/{close-20925345.js → close-CFnkhudp.js} +0 -0
  183. /package/dist/{close-circle-720c18be.js → close-circle-CwmuN2C6.js} +0 -0
  184. /package/dist/{close-circle-fill-238a66b1.js → close-circle-fill-jSqPPw9i.js} +0 -0
  185. /package/dist/{eye-5e742329.js → eye-D_mEt17f.js} +0 -0
  186. /package/dist/{eye-close-3874f1ae.js → eye-close-BVr3NJtg.js} +0 -0
  187. /package/dist/{home-c4a05e8b.js → home-BUQ4USMk.js} +0 -0
  188. /package/dist/{index-8e1e2573.js → index-CQTJoWhb.js} +0 -0
  189. /package/dist/{info-circle-5826decc.js → info-circle-COnL5bTJ.js} +0 -0
  190. /package/dist/{info-circle-fill-90ec9aa9.js → info-circle-fill-DjI8gXS3.js} +0 -0
  191. /package/dist/{loading-09ca52df.js → loading-Dcc5RApI.js} +0 -0
  192. /package/dist/{lock-1d2487c9.js → lock-Cr7BnmWN.js} +0 -0
  193. /package/dist/{message-b2bfdea7.js → message-D36_Zo2l.js} +0 -0
  194. /package/dist/{power-off-6ade5a91.js → power-off-lQRbiBak.js} +0 -0
  195. /package/dist/{preview-b291aea8.js → preview-CJbz9GjO.js} +0 -0
  196. /package/dist/{setting-1e5ccb6d.js → setting-DemlgzVC.js} +0 -0
  197. /package/dist/{team-ca6a12e1.js → team-tl4NJXPC.js} +0 -0
  198. /package/dist/{unlock-f56086fd.js → unlock-CeU74z9n.js} +0 -0
  199. /package/dist/{user-5c01e665.js → user-B-eVXwuk.js} +0 -0
  200. /package/dist/{warning-circle-035e025c.js → warning-circle-DDUgEDIv.js} +0 -0
  201. /package/dist/{warning-circle-fill-d17c37c9.js → warning-circle-fill-lODUKz0i.js} +0 -0
package/README.zh-CN.md ADDED
@@ -0,0 +1,192 @@
1
+ # ranui
2
+
3
+ 基于 `Web Components` 组件方案
4
+
5
+ ---
6
+
7
+ <a href="https://github.com/chaxus/ran"><img src="https://img.shields.io/github/actions/workflow/status/chaxus/ran/ci.yml" alt="Build Status"></a>
8
+ <a href="https://github.com/chaxus/ran"><img src="https://img.shields.io/npm/v/ranui.svg" alt="npm-v"></a>
9
+ <a href="https://github.com/chaxus/ran"><img src="https://img.shields.io/npm/dt/ranui.svg" alt="npm-d"></a>
10
+ <a href="https://github.com/chaxus/ran"><img src="https://img.badgesize.io/https:/unpkg.com/ranui/dist/umd/shadowless/shadowless.umd.cjs?label=brotli&compression=brotli" alt="brotli"></a>
11
+ <a href="https://github.com/chaxus/ran"><img src="https://img.shields.io/badge/module%20formats-umd%2C%20esm-green.svg" alt="module formats: umd, esm"></a>
12
+
13
+ **中文** | [English](./readme.md)
14
+
15
+ ## 特点
16
+
17
+ 1. **跨框架兼容：** 与 React, Vue, Preact, SolidJS, Svelte 等兼容。可以和遵循 W3C 标准的任何 JavaScript 项目集成。
18
+ 2. **原生体验：** 易于入门，像使用本地 div 标签，简化项目大小和减少学习成本。
19
+ 3. **模块化设计：** 可选导入和全量导入，以增强可维护性和可伸缩性。
20
+ 4. **交互式丰富文档：** 提供详细的交互式文档，并附有有效的示例子。
21
+ 5. **支持类型校验：** 基于 TypeScript 构建，具有类型支持，确保代码的健壮性和可维护性。
22
+ 6. **持久和稳定：** 与框架 (React/vue) 无关，避免破坏性的更新，并确保持续的项目运行。
23
+
24
+ ## 安装
25
+
26
+ 使用 npm:
27
+
28
+ ```console
29
+ npm install ranui --save
30
+ ```
31
+
32
+ ## 文档和示例
33
+
34
+ [See components and use examples](https://chaxus.github.io/ran/cn/src/ranui/)
35
+
36
+ ## 引入方式
37
+
38
+ 支持按需导入，以显著减少包体积大小
39
+
40
+ ```js
41
+ import 'ranui/button';
42
+ ```
43
+
44
+ 如果遇到样式问题，可以选择手动导入样式文件
45
+
46
+ ```js
47
+ import 'ranui/style';
48
+ ```
49
+
50
+ 如果遇到类型问题，可以选择手动导入类型文件
51
+
52
+ ```ts
53
+ import 'ranui/typings';
54
+ // 或者
55
+ import 'ranui/dist/index.d.ts';
56
+ // 或者
57
+ import 'ranui/type';
58
+ // 或者
59
+ import 'ranui/dist/typings';
60
+ ```
61
+
62
+ 并不是都要，选一个能生效的就行
63
+
64
+ 也支持全量导入
65
+
66
+ ```ts
67
+ import 'ranui';
68
+ ```
69
+
70
+ - ES module
71
+
72
+ ```js
73
+ import 'ranui';
74
+ ```
75
+
76
+ 或者
77
+
78
+ ```js
79
+ import 'ranui/button';
80
+ ```
81
+
82
+ - UMD, IIFE, CJS
83
+
84
+ ```html
85
+ <script src="./ranui/dist/umd/index.umd.cjs"></script>
86
+ ```
87
+
88
+ ## 使用方式
89
+
90
+ 它是基于`Web Components`的组件，你可以不用关注框架就可以使用它。
91
+
92
+ 在大多数情况下，您可以像使用本地 `div` 标签一样使用它
93
+
94
+ 下面是一些例子：
95
+
96
+ - html
97
+ - js
98
+ - jsx
99
+ - vue
100
+ - tsx
101
+
102
+ ### html
103
+
104
+ ```html
105
+ <script src="./ranui/dist/umd/index.umd.cjs"></script>
106
+
107
+ <body>
108
+ <r-button>Button</r-button>
109
+ </body>
110
+ ```
111
+
112
+ ### js
113
+
114
+ ```js
115
+ import 'ranui';
116
+
117
+ const Button = document.createElement('r-button');
118
+ Button.appendChild('this is button text');
119
+ document.body.appendChild(Button);
120
+ ```
121
+
122
+ ### jsx
123
+
124
+ ```jsx
125
+ import 'ranui';
126
+
127
+ const App = () => {
128
+ return (
129
+ <>
130
+ <r-button>Button</r-button>
131
+ </>
132
+ );
133
+ };
134
+ ```
135
+
136
+ ### vue
137
+
138
+ ```vue
139
+ <template>
140
+ <r-button></r-button>
141
+ </template>
142
+ <script>
143
+ import 'ranui';
144
+ </script>
145
+ ```
146
+
147
+ ### tsx
148
+
149
+ ```tsx
150
+ // react 18
151
+ import type { SyntheticEvent } from 'react';
152
+ import React, { useRef } from 'react';
153
+ import 'ranui';
154
+
155
+ const FilePreview = () => {
156
+ const ref = useRef<HTMLDivElement | null>(null);
157
+ const uploadFile = (e: SyntheticEvent<HTMLDivElement>) => {
158
+ if (ref.current) {
159
+ const uploadFile = document.createElement('input');
160
+ uploadFile.setAttribute('type', 'file');
161
+ uploadFile.click();
162
+ uploadFile.onchange = (e) => {
163
+ const { files = [] } = uploadFile;
164
+ if (files && files?.length > 0 && ref.current) {
165
+ ref.current.setAttribute('src', '');
166
+ const file = files[0];
167
+ const url = URL.createObjectURL(file);
168
+ ref.current.setAttribute('src', url);
169
+ }
170
+ };
171
+ }
172
+ };
173
+ return (
174
+ <div>
175
+ <r-preview ref={ref}></r-preview>
176
+ <r-button type="primary" onClick={uploadFile}>
177
+ choose file to preview
178
+ </r-button>
179
+ </div>
180
+ );
181
+ };
182
+ ```
183
+
184
+ ## 贡献者
185
+
186
+ <a href="https://github.com/chaxus/ran/graphs/contributors">
187
+ <img src="https://contrib.rocks/image?repo=chaxus/ran" />
188
+ </a>
189
+
190
+ ## Meta
191
+
192
+ [LICENSE (MIT)](/LICENSE)
package/dist/assets/image/failImage.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const failImage = "\n data:image/png;base64,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\n";
2
+ export default failImage;
package/dist/button.js ADDED
@@ -0,0 +1,7 @@
1
+ import { B, a } from "./index-ltt3w4zP.js";
2
+ import "./plus-DgJxWGlo.js";
3
+ import "./index-hdtEL8P_.js";
4
+ export {
5
+ B as Button,
6
+ a as default
7
+ };
package/dist/checkbox.js ADDED
@@ -0,0 +1,7 @@
1
+ import { C, a } from "./index-gBy2cXLV.js";
2
+ import "./plus-DgJxWGlo.js";
3
+ import "./index-hdtEL8P_.js";
4
+ export {
5
+ C as Checkbox,
6
+ a as default
7
+ };
package/dist/colorpicker.js ADDED
@@ -0,0 +1,11 @@
1
+ import "./plus-DgJxWGlo.js";
2
+ import "./index-hdtEL8P_.js";
3
+ import { C, a } from "./index-CoJMn8Jm.js";
4
+ import "./index-CiA5qRK3.js";
5
+ import "./index-jVKJoKXA.js";
6
+ import "./selectShadowless.js";
7
+ import "./index-CUZna268.js";
8
+ export {
9
+ C as ColorPicker,
10
+ a as default
11
+ };
package/dist/components/button/index.d.ts CHANGED
@@ -1,2 +1,38 @@
1
- declare const _default: import('../../utils/index').CustomErrorType;
1
+ declare const Button_base: {
2
+ new (): HTMLElement;
3
+ prototype: HTMLElement;
4
+ };
5
+ export declare class Button extends Button_base {
6
+ _btn: HTMLDivElement;
7
+ _btnContent: HTMLDivElement;
8
+ _iconElement?: HTMLElement;
9
+ _slot: HTMLSlotElement;
10
+ _shadowDom: ShadowRoot;
11
+ debounceTimeId?: NodeJS.Timeout;
12
+ static get observedAttributes(): string[];
13
+ constructor();
14
+ get sheet(): string;
15
+ set sheet(value: string);
16
+ get disabled(): boolean | string;
17
+ set disabled(value: boolean | string | undefined | null);
18
+ get iconSize(): string;
19
+ set iconSize(value: string | undefined | null);
20
+ get icon(): string;
21
+ set icon(value: string | null);
22
+ get effect(): string;
23
+ set effect(value: string | null);
24
+ /**
25
+ * @description: 设置 button 的 icon
26
+ * @return {*}
27
+ */
28
+ setIcon: () => void;
29
+ mousedown: (event: MouseEvent) => void;
30
+ mouseup: () => void;
31
+ debounceMouseEvent: () => void;
32
+ handlerExternalCss: () => void;
33
+ connectedCallback(): void;
34
+ disconnectCallback(): void;
35
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
36
+ }
37
+ declare const _default: import("@/utils/index").CustomErrorType;
2
38
  export default _default;
package/dist/components/checkbox/index.d.ts ADDED
@@ -0,0 +1,30 @@
1
+ export interface Context {
2
+ checked: boolean;
3
+ }
4
+ declare const Checkbox_base: {
5
+ new (): HTMLElement;
6
+ prototype: HTMLElement;
7
+ };
8
+ export declare class Checkbox extends Checkbox_base {
9
+ checkInput: HTMLInputElement;
10
+ checkInner: HTMLSpanElement;
11
+ context: Context;
12
+ container: HTMLElement;
13
+ _shadowDom: ShadowRoot;
14
+ static get observedAttributes(): string[];
15
+ constructor();
16
+ get disabled(): string;
17
+ set disabled(value: string);
18
+ get value(): string;
19
+ set value(value: string);
20
+ get checked(): string;
21
+ set checked(value: string);
22
+ updateChecked: () => void;
23
+ update: () => void;
24
+ onChange: () => void;
25
+ connectedCallback(): void;
26
+ disconnectCallback(): void;
27
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
28
+ }
29
+ declare const _default: import("@/utils/index").CustomErrorType;
30
+ export default _default;
package/dist/components/colorpicker/index.d.ts ADDED
@@ -0,0 +1,120 @@
1
+ import '@/components/popover';
2
+ import '@/shadowless/input';
3
+ import '@/shadowless/select';
4
+ import '@/components/progress';
5
+ import './index.less';
6
+ export interface Context {
7
+ disabled: Signal<boolean>;
8
+ value: Signal<string>;
9
+ hue: Signal<number>;
10
+ saturation: Signal<number>;
11
+ lightness: Signal<number>;
12
+ transparency: Signal<number>;
13
+ }
14
+ export interface RGBA {
15
+ r: number;
16
+ g: number;
17
+ b: number;
18
+ a: number;
19
+ }
20
+ export interface Signal<T> {
21
+ getter: () => T;
22
+ setter: (newValue: T) => void;
23
+ }
24
+ declare const ColorPicker_base: {
25
+ new (): HTMLElement;
26
+ prototype: HTMLElement;
27
+ };
28
+ /**
29
+ * @description: 数据驱动视图，改变数据，即改变视图
30
+ * @return {*}
31
+ */
32
+ export declare class ColorPicker extends ColorPicker_base {
33
+ colorpicker: HTMLDivElement;
34
+ colorpickerInner: HTMLDivElement;
35
+ context: Context;
36
+ popoverBlock: HTMLElement;
37
+ popoverContent: HTMLElement;
38
+ colorPickerInner?: HTMLDivElement;
39
+ colorPickerInnerContent?: HTMLDivElement;
40
+ colorPickerPanel?: HTMLDivElement;
41
+ colorPickerInputContainer?: HTMLDivElement;
42
+ colorPickerPanelDot?: HTMLDivElement;
43
+ colorPickerPanelSliderContainer?: HTMLDivElement;
44
+ colorPickerPanelSliderGroup?: HTMLDivElement;
45
+ colorPickerPanelSliderHue?: HTMLElement;
46
+ colorPickerPanelSliderAlpha?: HTMLElement;
47
+ colorPickerColorBlockInner?: HTMLDivElement;
48
+ colorPickerColorBlock?: HTMLDivElement;
49
+ colorPickerInnerContentSelect?: HTMLDivElement;
50
+ colorPickerPanelPalette?: HTMLDivElement;
51
+ colorPickerPanelSaturation?: HTMLDivElement;
52
+ colorPickerInputContainerSelect?: HTMLElement;
53
+ colorPickerInputContainerInputColor?: HTMLElement;
54
+ colorPickerInputContainerInputNumber?: HTMLElement;
55
+ colorPickerInputContainerSelectItem?: HTMLElement;
56
+ colorPickerPaletteSelect: boolean;
57
+ colorPickerPanelDotInner?: HTMLDivElement;
58
+ static get observedAttributes(): string[];
59
+ constructor();
60
+ get value(): string;
61
+ set value(value: string);
62
+ createContext: () => void;
63
+ /**
64
+ * @description: 0 - 360 色相 hue
65
+ * @param {*} Signal
66
+ * @return {*}
67
+ */
68
+ createColorHue: () => Signal<number>;
69
+ /**
70
+ * @description: 0 - 100 饱和度 x
71
+ * @param {*} Signal
72
+ * @return {*}
73
+ */
74
+ createColorSaturation: () => Signal<number>;
75
+ /**
76
+ * @description: 0 - 100 亮度 y
77
+ * @param {*} Signal
78
+ * @return {*}
79
+ */
80
+ createColorLightness: () => Signal<number>;
81
+ /**
82
+ * @description: 0 - 100 透明度
83
+ * @param {*} Signal
84
+ * @return {*}
85
+ */
86
+ createColorTransparency: () => Signal<number>;
87
+ createColorDisabled: () => Signal<boolean>;
88
+ createColorValueSignal: () => Signal<string>;
89
+ generateHue2rgb: () => string;
90
+ generateHsv2Rgb: () => string;
91
+ generateHsv2Rgba: () => RGBA;
92
+ generateHsv2RgbaValue: () => string;
93
+ generateColorPickerProgress: () => string;
94
+ updateColorValue: (value: string) => void;
95
+ updateColorPickerPanelSliderHueProgressPercent: (hue: number) => void;
96
+ updateColorPickerPanelSliderAlphaProgressPercent: (alpha: number) => void;
97
+ updateColorPickerPanelSliderAlphaProgressWrap: () => void;
98
+ updateColorPickerPanelSliderAlphaProgressDot: () => void;
99
+ updateColorPickerPanelSliderHueProgressDot: () => void;
100
+ updateColorPickerColorBlockInnerBackground: () => void;
101
+ updateColorPickerPanelSaturationBackground: () => void;
102
+ clickStop: (e: MouseEvent) => void;
103
+ changeColorPalettePositionByContext: () => void;
104
+ changeColorPalettePosition: (offsetX: number, offsetY: number) => void;
105
+ clickColorPalette: (e: MouseEvent) => void;
106
+ createColorPickerProgress: () => void;
107
+ changeColorPickerHue: (e: Event) => void;
108
+ changeColorPickerAlpha: (e: Event) => void;
109
+ createColorPickerSelect: () => void;
110
+ createColorPickerInput: () => void;
111
+ openColorPicker: () => void;
112
+ mouseMoveColorPickerPalette: (e: MouseEvent) => void;
113
+ mouseDownColorPickerPalette: (e: MouseEvent) => void;
114
+ mouseUpColorPickerPalette: () => void;
115
+ connectedCallback(): void;
116
+ disconnectCallback(): void;
117
+ attributeChangedCallback(n: string, o: string, v: string): void;
118
+ }
119
+ declare const _default: import("@/utils/index").CustomErrorType;
120
+ export default _default;
package/dist/components/dropdown/index.d.ts ADDED
@@ -0,0 +1,34 @@
1
+ import type { Chain } from 'ranuts/utils';
2
+ export declare enum ARROW_TYPE {
3
+ TOP = "top",
4
+ BOTTOM = "bottom",
5
+ LEFT = "left",
6
+ RIGHT = "right"
7
+ }
8
+ declare const Dropdown_base: {
9
+ new (): HTMLElement;
10
+ prototype: HTMLElement;
11
+ };
12
+ export declare class Dropdown extends Dropdown_base {
13
+ dropdown: Chain;
14
+ _slot: Chain;
15
+ _shadowDom: ShadowRoot;
16
+ arrowIcon?: Chain;
17
+ container: Chain;
18
+ static get observedAttributes(): string[];
19
+ constructor();
20
+ get transit(): string;
21
+ set transit(value: string);
22
+ get arrow(): string;
23
+ set arrow(value: string);
24
+ get show(): string;
25
+ set show(value: string);
26
+ handlerTransit: () => void;
27
+ handlerArrow: () => void;
28
+ stopPropagation: (e: Event) => void;
29
+ connectedCallback(): void;
30
+ disconnectedCallback(): void;
31
+ attributeChangedCallback(name: string, _: string, newValue: string): void;
32
+ }
33
+ declare const _default: import("@/utils/index").CustomErrorType;
34
+ export default _default;
package/dist/components/input/index.d.ts CHANGED
@@ -1,2 +1,210 @@
1
- declare const _default: import('../../utils/index').CustomErrorType;
1
+ import '@/components/icon/index';
2
+ declare const Input_base: {
3
+ new (): HTMLElement;
4
+ prototype: HTMLElement;
5
+ };
6
+ export declare class Input extends Input_base {
7
+ static get observedAttributes(): string[];
8
+ _input: HTMLDivElement;
9
+ _label: HTMLLabelElement | undefined;
10
+ _inputContent: HTMLInputElement;
11
+ _icon: HTMLElement | undefined;
12
+ constructor();
13
+ /**
14
+ * @description: 获取 input 的值
15
+ * @return {String}
16
+ */
17
+ get value(): string;
18
+ /**
19
+ * @description: 设置 input 的值
20
+ * @param {String} value
21
+ */
22
+ set value(value: string);
23
+ /**
24
+ * @description: 获取 input 的占位字符
25
+ * @return {String}
26
+ */
27
+ get placeholder(): string;
28
+ /**
29
+ * @description: 设置 input 的占位字符
30
+ * @param {String} value
31
+ */
32
+ set placeholder(value: string);
33
+ /**
34
+ * @description: input 是否为必选
35
+ * @return {String}
36
+ */
37
+ get required(): string;
38
+ /**
39
+ * @description: 设置 input 是否为必选，除非设置成 false，否则都是必填
40
+ * @param {*} value
41
+ */
42
+ set required(value: string);
43
+ /**
44
+ * @description: 获取 input 上 disabled 属性
45
+ * @return {String | null}
46
+ */
47
+ get disabled(): string;
48
+ /**
49
+ * @description: 设置 input 的 disabled 属性
50
+ * @param {String} value
51
+ */
52
+ set disabled(value: string);
53
+ /**
54
+ * @description: 获取类似于 Metiral Design 的输入体验。
55
+ */
56
+ get label(): string;
57
+ /**
58
+ * @description: 设置类似于 Metiral Design 的输入体验。
59
+ */
60
+ set label(value: string);
61
+ /**
62
+ * @description: 获取 input 框的状态
63
+ */
64
+ get status(): string;
65
+ /**
66
+ * @description: 设置 input 框的状态
67
+ */
68
+ set status(value: string);
69
+ /**
70
+ * @description: 与 form 组件联动时，收集的属性名
71
+ * @return {String}
72
+ */
73
+ get name(): string;
74
+ /**
75
+ * @description: 设置 name 属性
76
+ * @param {string} value
77
+ */
78
+ set name(value: string);
79
+ /**
80
+ * @description: 当 input 类型为 number 类型时，可以获取 min 属性
81
+ * @return {String}
82
+ */
83
+ get min(): string;
84
+ /**
85
+ * @description: 当 input 类型为 number 类型时，设置 min 属性
86
+ * @param {string} value
87
+ */
88
+ set min(value: string);
89
+ /**
90
+ * @description: 当 input 类型为 number 类型时，可以获取 max 属性
91
+ * @return {String}
92
+ */
93
+ get max(): string;
94
+ /**
95
+ * @description: 当 input 类型为 number 类型时，设置 max 属性
96
+ * @param {string} value
97
+ */
98
+ set max(value: string);
99
+ /**
100
+ * @description: 当 input 类型为 number 类型时，可以获取 step 属性
101
+ * @return {String}
102
+ */
103
+ get step(): string;
104
+ /**
105
+ * @description: 当 input 类型为 number 类型时，设置 step 属性
106
+ * @param {string} value
107
+ */
108
+ set step(value: string);
109
+ /**
110
+ * @description: 获取一个 icon
111
+ * @return {String}
112
+ */
113
+ get icon(): string;
114
+ /**
115
+ * @description: 设置 icon 来表示标识
116
+ * @param {string|null} value
117
+ */
118
+ set icon(value: string);
119
+ /**
120
+ * @description: 获取前面的 icon
121
+ * @return {String}
122
+ */
123
+ get prefix(): string;
124
+ /**
125
+ * @description: 设置前面的 icon 来表示标识
126
+ * @param {string|null} value
127
+ */
128
+ set prefix(value: string);
129
+ /**
130
+ * @description: 获取后面的 icon
131
+ * @return {String}
132
+ */
133
+ get suffix(): string;
134
+ /**
135
+ * @description: 设置后面的 icon 来表示标识
136
+ * @param {string|null} value
137
+ */
138
+ set suffix(value: string);
139
+ /**
140
+ * @description: 获取 input 的类型
141
+ * @return {string|null}
142
+ */
143
+ get type(): string;
144
+ /**
145
+ * @description: 设置 input 的类型
146
+ * @param {string|null} value
147
+ */
148
+ set type(value: string);
149
+ /**
150
+ * @description: 原生的 input 方法
151
+ * @param {Event} event
152
+ */
153
+ customInput: (event: Event) => void;
154
+ /**
155
+ * @description: 增加 change 方法，同时兼容大小写的情况
156
+ */
157
+ customChange: () => void;
158
+ /**
159
+ * @description: 监听 placeholder 属性函数
160
+ * @param {string} name
161
+ * @param {string} value
162
+ */
163
+ listenPlaceholder: (name: string, value: string) => void;
164
+ /**
165
+ * @description: 监听 label 属性函数
166
+ * @param {string} name
167
+ * @param {string} value
168
+ */
169
+ listenLabel: (name: string, value: string) => void;
170
+ /**
171
+ * @description: 监听 type 属性
172
+ * @param {string} name
173
+ * @param {string} value
174
+ */
175
+ listenType: (name: string, value: string) => void;
176
+ /**
177
+ * @description: 监听 status 属性
178
+ * @param {string} name
179
+ * @param {string} value
180
+ */
181
+ listenStatus: (name: string, value: string) => void;
182
+ /**
183
+ * @description: 监听 disabled 属性
184
+ * @param {string} name
185
+ * @param {string} value
186
+ */
187
+ listenDisabled: (name: string, value: string) => void;
188
+ /**
189
+ * @description: 监听 icon 属性
190
+ * @param {string} name
191
+ * @param {string} value
192
+ */
193
+ listenIcon: (name: string, value: string, oldValue: string) => void;
194
+ /**
195
+ * @description: 处理 icon 属性的问题
196
+ */
197
+ dealIcon: () => void;
198
+ /**
199
+ * @description: 聚合监听事件
200
+ * @param {string} name
201
+ * @param {string} oldValue
202
+ * @param {string} newValue
203
+ */
204
+ listenEvent: (name: string, oldValue: string, newValue: string) => void;
205
+ connectedCallback(): void;
206
+ disconnectCallback(): void;
207
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
208
+ }
209
+ declare const _default: import("@/utils/index").CustomErrorType;
2
210
  export default _default;