ranui 0.1.9 → 0.1.10-alpha-25

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 (199) 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 +8 -5
  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 +66 -41
  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 +46 -9
  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 +7 -5
  24. package/dist/components/select/dropdown-item/index.d.ts +23 -0
  25. package/dist/components/select/index.d.ts +22 -13
  26. package/dist/components/select/option/index.d.ts +2 -0
  27. package/dist/components/tab/index.d.ts +80 -64
  28. package/dist/components/tabpane/index.d.ts +73 -57
  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-01b17e26.js → index-BEm1a2pr.js} +3 -6
  33. package/dist/{index-e2e5d725.js → index-BSyn-jmY.js} +4734 -2976
  34. package/dist/index-BVD0qcjJ.js +656 -0
  35. package/dist/{index-e03d23e7.js → index-Bb55l8nf.js} +2 -11
  36. package/dist/{index-0d5b9435.js → index-BbW0dxzy.js} +12 -16
  37. package/dist/index-BgUpm4LA.js +103 -0
  38. package/dist/{index-458debf7.js → index-C841uRgZ.js} +16 -51
  39. package/dist/{index-4443363f.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-b7790662.js → index-DAxs7Dd2.js} +6 -13
  43. package/dist/index-DHI8URkB.js +309 -0
  44. package/dist/index-D_cD4u43.js +70 -0
  45. package/dist/index-DghvN1MU.js +710 -0
  46. package/dist/index-DvSe_Ms7.js +494 -0
  47. package/dist/{index-7216d6b0.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-1048a998.js → index-jVKJoKXA.js} +105 -62
  51. package/dist/{index-2d16a084.js → index-ltt3w4zP.js} +13 -23
  52. package/dist/index-n4X6wdwJ.js +156 -0
  53. package/dist/{index-3cf72afd.js → index-s0ioL3L2.js} +23 -45
  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-BKWcQYL4.js +136 -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-1b73beee.js → selectShadowless.js} +159 -167
  76. package/dist/{umd/components → shadowless}/icon/index.d.ts +1 -0
  77. package/dist/{umd/components → shadowless}/input/index.d.ts +66 -41
  78. package/dist/{umd/components → shadowless}/select/index.d.ts +19 -16
  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 -64
  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 -8
  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 -6
  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 -12
  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-57492b9b.js +0 -48
  130. package/dist/index-73ce455b.js +0 -264
  131. package/dist/index-7913ec46.js +0 -239
  132. package/dist/index-7b8840f9.js +0 -18690
  133. package/dist/index-c14450a9.js +0 -662
  134. package/dist/pdf-bdb7818a.js +0 -113
  135. package/dist/style.css +0 -1
  136. package/dist/umd/build/config.d.ts +0 -3
  137. package/dist/umd/build/config.umd.d.ts +0 -2
  138. package/dist/umd/components/button/index.d.ts +0 -35
  139. package/dist/umd/components/form/index.d.ts +0 -2
  140. package/dist/umd/components/image/index.d.ts +0 -2
  141. package/dist/umd/components/message/index.d.ts +0 -14
  142. package/dist/umd/components/modal/index.d.ts +0 -2
  143. package/dist/umd/components/option/index.d.ts +0 -2
  144. package/dist/umd/components/player/index.d.ts +0 -213
  145. package/dist/umd/components/preview/colz.d.ts +0 -72
  146. package/dist/umd/components/preview/docx.d.ts +0 -8
  147. package/dist/umd/components/preview/excel/excel.d.ts +0 -2
  148. package/dist/umd/components/preview/excel/index.d.ts +0 -1
  149. package/dist/umd/components/preview/excel/media.d.ts +0 -37
  150. package/dist/umd/components/preview/index.d.ts +0 -6
  151. package/dist/umd/components/preview/pdf.d.ts +0 -1
  152. package/dist/umd/components/preview/pptx/index.d.ts +0 -16
  153. package/dist/umd/components/preview/pptx/process_pptx.d.ts +0 -23
  154. package/dist/umd/components/preview/pptx/t_xml.d.ts +0 -1
  155. package/dist/umd/components/preview/pptx/worker.d.ts +0 -1
  156. package/dist/umd/components/progress/index.d.ts +0 -36
  157. package/dist/umd/components/radar/index.d.ts +0 -2
  158. package/dist/umd/components/scratch/index.d.ts +0 -19
  159. package/dist/umd/components/skeleton/index.d.ts +0 -2
  160. package/dist/umd/components/tab/index.d.ts +0 -408
  161. package/dist/umd/components/tabpane/index.d.ts +0 -352
  162. package/dist/umd/index.d.ts +0 -14
  163. package/dist/umd/playwright.config.d.ts +0 -9
  164. package/dist/umd/plugins/auto-import-file.d.ts +0 -0
  165. package/dist/umd/plugins/load-style.d.ts +0 -6
  166. package/dist/umd/plugins/load-svg.d.ts +0 -9
  167. package/dist/umd/style.css +0 -1
  168. package/dist/umd/tests/button.spec.d.ts +0 -1
  169. package/dist/umd/utils/image.d.ts +0 -32
  170. package/dist/umd/utils/index.d.ts +0 -64
  171. package/dist/umd/utils/math.d.ts +0 -26
  172. package/dist/umd/utils/tween.d.ts +0 -21
  173. package/dist/umd/vite.config.d.ts +0 -6
  174. package/dist/vendor-f71e6f68.js +0 -92126
  175. /package/dist/{add-user-b2bed3e7.js → add-user-BN1JlY7e.js} +0 -0
  176. /package/dist/{book-b11a68eb.js → book-nTEFXU2x.js} +0 -0
  177. /package/dist/{umd/build/config.es.d.ts → build/config.sha.d.ts} +0 -0
  178. /package/dist/{check-circle-fill-dc284144.js → check-circle-fill-B_pd8ZSs.js} +0 -0
  179. /package/dist/{check-circle-74bd09c3.js → check-circle-szyAJiap.js} +0 -0
  180. /package/dist/{close-20925345.js → close-CFnkhudp.js} +0 -0
  181. /package/dist/{close-circle-720c18be.js → close-circle-CwmuN2C6.js} +0 -0
  182. /package/dist/{close-circle-fill-238a66b1.js → close-circle-fill-jSqPPw9i.js} +0 -0
  183. /package/dist/{eye-5e742329.js → eye-D_mEt17f.js} +0 -0
  184. /package/dist/{eye-close-3874f1ae.js → eye-close-BVr3NJtg.js} +0 -0
  185. /package/dist/{home-c4a05e8b.js → home-BUQ4USMk.js} +0 -0
  186. /package/dist/{index-8e1e2573.js → index-CQTJoWhb.js} +0 -0
  187. /package/dist/{info-circle-5826decc.js → info-circle-COnL5bTJ.js} +0 -0
  188. /package/dist/{info-circle-fill-90ec9aa9.js → info-circle-fill-DjI8gXS3.js} +0 -0
  189. /package/dist/{loading-09ca52df.js → loading-Dcc5RApI.js} +0 -0
  190. /package/dist/{lock-1d2487c9.js → lock-Cr7BnmWN.js} +0 -0
  191. /package/dist/{message-b2bfdea7.js → message-D36_Zo2l.js} +0 -0
  192. /package/dist/{power-off-6ade5a91.js → power-off-lQRbiBak.js} +0 -0
  193. /package/dist/{preview-b291aea8.js → preview-CJbz9GjO.js} +0 -0
  194. /package/dist/{setting-1e5ccb6d.js → setting-DemlgzVC.js} +0 -0
  195. /package/dist/{team-ca6a12e1.js → team-tl4NJXPC.js} +0 -0
  196. /package/dist/{unlock-f56086fd.js → unlock-CeU74z9n.js} +0 -0
  197. /package/dist/{user-5c01e665.js → user-B-eVXwuk.js} +0 -0
  198. /package/dist/{warning-circle-035e025c.js → warning-circle-DDUgEDIv.js} +0 -0
  199. /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,5 +1,8 @@
1
- /// <reference types="node" />
2
- export declare class Button extends HTMLElement {
1
+ declare const Button_base: {
2
+ new (): HTMLElement;
3
+ prototype: HTMLElement;
4
+ };
5
+ export declare class Button extends Button_base {
3
6
  _btn: HTMLDivElement;
4
7
  _btnContent: HTMLDivElement;
5
8
  _iconElement?: HTMLElement;
@@ -19,17 +22,17 @@ export declare class Button extends HTMLElement {
19
22
  get effect(): string;
20
23
  set effect(value: string | null);
21
24
  /**
22
- * @description: 设置button的icon
25
+ * @description: 设置 button 的 icon
23
26
  * @return {*}
24
27
  */
25
28
  setIcon: () => void;
26
29
  mousedown: (event: MouseEvent) => void;
27
- mouseup: (event: MouseEvent) => void;
30
+ mouseup: () => void;
28
31
  debounceMouseEvent: () => void;
29
32
  handlerExternalCss: () => void;
30
33
  connectedCallback(): void;
31
34
  disconnectCallback(): void;
32
35
  attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
33
36
  }
34
- declare const _default: import('../../utils/index').CustomErrorType;
37
+ declare const _default: import("@/utils/index").CustomErrorType;
35
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;