enr 2.0.4 → 2.0.5

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 (155) hide show
  1. package/README.md +0 -4
  2. package/{cjs/components/ThemeContext/index.js → components/ThemeContext/index.cjs.js} +4 -6
  3. package/{es/components/ThemeContext/index.js → components/ThemeContext/index.es.js} +4 -6
  4. package/{cjs/components/image/index.js → components/image/index.cjs.js} +2 -2
  5. package/{es/components/image/index.js → components/image/index.es.js} +2 -2
  6. package/{cjs/components/image/useSrcChange.js → components/image/useSrcChange.cjs.js} +1 -1
  7. package/{es/components/image/useSrcChange.js → components/image/useSrcChange.es.js} +1 -1
  8. package/{cjs/components/layout/content.js → components/layout/content.cjs.js} +1 -1
  9. package/{es/components/layout/content.js → components/layout/content.es.js} +1 -1
  10. package/{cjs/components/layout/footer.js → components/layout/footer.cjs.js} +1 -1
  11. package/{es/components/layout/footer.js → components/layout/footer.es.js} +1 -1
  12. package/{cjs/components/layout/header.js → components/layout/header.cjs.js} +1 -1
  13. package/{es/components/layout/header.js → components/layout/header.es.js} +1 -1
  14. package/{cjs/components/layout/layout.js → components/layout/layout.cjs.js} +7 -9
  15. package/{es/components/layout/layout.js → components/layout/layout.es.js} +7 -9
  16. package/{cjs/components/layout/sidebar.js → components/layout/sidebar.cjs.js} +1 -1
  17. package/{es/components/layout/sidebar.js → components/layout/sidebar.es.js} +1 -1
  18. package/{es/src/components → components}/marquee/MarqueeEle.d.ts +0 -1
  19. package/{es/src/components → components}/menu/index.d.ts +2 -4
  20. package/{es/src/components → components}/menu/menu.d.ts +2 -4
  21. package/{cjs/components/ripples/Content.js → components/ripples/Content.cjs.js} +3 -2
  22. package/{es/src/components → components}/ripples/Content.d.ts +1 -0
  23. package/{es/components/ripples/Content.js → components/ripples/Content.es.js} +3 -2
  24. package/{cjs/components/ripples/LazyRippleEle.js → components/ripples/LazyRippleEle.cjs.js} +6 -8
  25. package/{es/src/components → components}/ripples/LazyRippleEle.d.ts +5 -8
  26. package/{es/components/ripples/LazyRippleEle.js → components/ripples/LazyRippleEle.es.js} +6 -8
  27. package/{cjs/components/ripples/RipplesEle.js → components/ripples/RipplesEle.cjs.js} +3 -9
  28. package/{es/src/components → components}/ripples/RipplesEle.d.ts +2 -9
  29. package/{es/components/ripples/RipplesEle.js → components/ripples/RipplesEle.es.js} +3 -9
  30. package/{cjs/components/ripples/imperative-handle.js → components/ripples/imperative-handle.cjs.js} +2 -3
  31. package/{es/src/components → components}/ripples/imperative-handle.d.ts +1 -2
  32. package/{es/components/ripples/imperative-handle.js → components/ripples/imperative-handle.es.js} +2 -3
  33. package/{es/src/components → components}/ripples/types.d.ts +2 -5
  34. package/{cjs/components/ripples/use-option-update.js → components/ripples/use-option-update.cjs.js} +1 -1
  35. package/{es/components/ripples/use-option-update.js → components/ripples/use-option-update.es.js} +1 -1
  36. package/{cjs/components/switch/index.js → components/switch/index.cjs.js} +3 -3
  37. package/{es/components/switch/index.js → components/switch/index.es.js} +3 -3
  38. package/{es/src/components → components}/type.d.ts +1 -3
  39. package/{cjs/customHooks/use-xcn/core.js → customHooks/use-xcn/core.cjs.js} +2 -4
  40. package/{es/src/customHooks → customHooks}/use-xcn/core.d.ts +2 -4
  41. package/{es/customHooks/use-xcn/core.js → customHooks/use-xcn/core.es.js} +2 -4
  42. package/{es/src/customHooks → customHooks}/use-xcn/types.d.ts +1 -3
  43. package/{cjs/customHooks/useAnimationFrame.js → customHooks/useAnimationFrame.cjs.js} +2 -11
  44. package/{es/src/customHooks → customHooks}/useAnimationFrame.d.ts +2 -11
  45. package/{es/customHooks/useAnimationFrame.js → customHooks/useAnimationFrame.es.js} +2 -11
  46. package/{cjs/customHooks/useInputIsComposing.js → customHooks/useInputIsComposing.cjs.js} +2 -8
  47. package/{es/src/customHooks → customHooks}/useInputIsComposing.d.ts +2 -8
  48. package/{es/customHooks/useInputIsComposing.js → customHooks/useInputIsComposing.es.js} +2 -8
  49. package/{cjs/customHooks/useRipples/class-build-background.js → customHooks/useRipples/class-build-background.cjs.js} +2 -5
  50. package/{es/src/customHooks → customHooks}/useRipples/class-build-background.d.ts +1 -4
  51. package/{es/customHooks/useRipples/class-build-background.js → customHooks/useRipples/class-build-background.es.js} +2 -5
  52. package/{cjs/customHooks/useRipples/class-element-environment.js → customHooks/useRipples/class-element-environment.cjs.js} +1 -3
  53. package/{es/src/customHooks → customHooks}/useRipples/class-element-environment.d.ts +1 -3
  54. package/{es/customHooks/useRipples/class-element-environment.js → customHooks/useRipples/class-element-environment.es.js} +1 -3
  55. package/{cjs/customHooks/useRipples/class-event-action.js → customHooks/useRipples/class-event-action.cjs.js} +2 -3
  56. package/{es/src/customHooks → customHooks}/useRipples/class-event-action.d.ts +2 -3
  57. package/{es/customHooks/useRipples/class-event-action.js → customHooks/useRipples/class-event-action.es.js} +2 -3
  58. package/{cjs/customHooks/useRipples/class-html-element-meta.js → customHooks/useRipples/class-html-element-meta.cjs.js} +2 -4
  59. package/{es/src/customHooks → customHooks}/useRipples/class-html-element-meta.d.ts +1 -3
  60. package/{es/customHooks/useRipples/class-html-element-meta.js → customHooks/useRipples/class-html-element-meta.es.js} +2 -4
  61. package/{cjs/customHooks/useRipples/class-param.js → customHooks/useRipples/class-param.cjs.js} +2 -4
  62. package/{es/src/customHooks → customHooks}/useRipples/class-param.d.ts +1 -3
  63. package/{es/customHooks/useRipples/class-param.js → customHooks/useRipples/class-param.es.js} +2 -4
  64. package/{cjs/customHooks/useRipples/class-render-action.js → customHooks/useRipples/class-render-action.cjs.js} +2 -4
  65. package/{es/src/customHooks → customHooks}/useRipples/class-render-action.d.ts +1 -3
  66. package/{es/customHooks/useRipples/class-render-action.js → customHooks/useRipples/class-render-action.es.js} +2 -4
  67. package/{cjs/customHooks/useRipples/class-render-data.js → customHooks/useRipples/class-render-data.cjs.js} +1 -3
  68. package/{es/src/customHooks → customHooks}/useRipples/class-render-data.d.ts +2 -4
  69. package/{es/customHooks/useRipples/class-render-data.js → customHooks/useRipples/class-render-data.es.js} +1 -3
  70. package/{cjs/customHooks/useRipples/class-ripple.js → customHooks/useRipples/class-ripple.cjs.js} +10 -15
  71. package/{es/src/customHooks → customHooks}/useRipples/class-ripple.d.ts +1 -6
  72. package/{es/customHooks/useRipples/class-ripple.js → customHooks/useRipples/class-ripple.es.js} +10 -15
  73. package/{cjs/customHooks/useRipples/class-webgl.js → customHooks/useRipples/class-webgl.cjs.js} +1 -3
  74. package/{es/src/customHooks → customHooks}/useRipples/class-webgl.d.ts +1 -3
  75. package/{es/customHooks/useRipples/class-webgl.js → customHooks/useRipples/class-webgl.es.js} +1 -3
  76. package/{cjs/customHooks/useRipples/data-default.js → customHooks/useRipples/data-default.cjs.js} +3 -1
  77. package/{es/src/customHooks → customHooks}/useRipples/data-default.d.ts +10 -1
  78. package/{es/customHooks/useRipples/data-default.js → customHooks/useRipples/data-default.es.js} +3 -1
  79. package/{cjs/customHooks/useRipples/index.js → customHooks/useRipples/index.cjs.js} +2 -11
  80. package/{es/src/customHooks → customHooks}/useRipples/index.d.ts +0 -19
  81. package/{es/customHooks/useRipples/index.js → customHooks/useRipples/index.es.js} +2 -11
  82. package/{cjs/customHooks/useRipples/tools.js → customHooks/useRipples/tools.cjs.js} +1 -2
  83. package/{es/src/customHooks → customHooks}/useRipples/tools.d.ts +1 -2
  84. package/{es/customHooks/useRipples/tools.js → customHooks/useRipples/tools.es.js} +1 -2
  85. package/{cjs/customHooks/useRipples/use-lazy-ripple.js → customHooks/useRipples/use-lazy-ripple.cjs.js} +9 -3
  86. package/{es/src/customHooks → customHooks}/useRipples/use-lazy-ripple.d.ts +1 -1
  87. package/{es/customHooks/useRipples/use-lazy-ripple.js → customHooks/useRipples/use-lazy-ripple.es.js} +9 -3
  88. package/{es/src/customHooks → customHooks}/useRipples/util-decoration-observable.d.ts +2 -6
  89. package/{cjs/customHooks/useTimeId.js → customHooks/useTimeId.cjs.js} +4 -17
  90. package/{es/src/customHooks → customHooks}/useTimeId.d.ts +2 -17
  91. package/{es/customHooks/useTimeId.js → customHooks/useTimeId.es.js} +4 -17
  92. package/{cjs/index.js → index.cjs.js} +17 -17
  93. package/{es/index.js → index.es.js} +17 -17
  94. package/package.json +21 -14
  95. package/{cjs/shared/dist/es/cookie.js → shared/dist/es/cookie.cjs.js} +10 -8
  96. package/{es/shared/dist/es/cookie.js → shared/dist/es/cookie.es.js} +10 -8
  97. package/{cjs/shared/dist/es/log-production.js → shared/dist/es/log-production.cjs.js} +1 -1
  98. package/{es/shared/dist/es/log-production.js → shared/dist/es/log-production.es.js} +1 -1
  99. package/{cjs/shared/dist/es/storage-store.js → shared/dist/es/storage-store.cjs.js} +1 -1
  100. package/{es/shared/dist/es/storage-store.js → shared/dist/es/storage-store.es.js} +1 -1
  101. package/styles/text.scss +2 -2
  102. /package/{cjs/components/Details/index.js → components/Details/index.cjs.js} +0 -0
  103. /package/{es/src/components → components}/Details/index.d.ts +0 -0
  104. /package/{es/components/Details/index.js → components/Details/index.es.js} +0 -0
  105. /package/{es/src/components → components}/ThemeContext/index.d.ts +0 -0
  106. /package/{es/src/components → components}/ThemeContext/types.d.ts +0 -0
  107. /package/{es/src/components → components}/button/button.d.ts +0 -0
  108. /package/{es/src/components → components}/button/index.d.ts +0 -0
  109. /package/{cjs/components/image/default.png.js → components/image/default.png.cjs.js} +0 -0
  110. /package/{es/components/image/default.png.js → components/image/default.png.es.js} +0 -0
  111. /package/{es/src/components → components}/image/index.d.ts +0 -0
  112. /package/{es/src/components → components}/image/useSrcChange.d.ts +0 -0
  113. /package/{es/src/components → components}/layout/content.d.ts +0 -0
  114. /package/{es/src/components → components}/layout/footer.d.ts +0 -0
  115. /package/{es/src/components → components}/layout/header.d.ts +0 -0
  116. /package/{es/src/components → components}/layout/index.d.ts +0 -0
  117. /package/{es/src/components → components}/layout/layout.d.ts +0 -0
  118. /package/{es/src/components → components}/layout/sidebar.d.ts +0 -0
  119. /package/{es/src/components → components}/layout/types.d.ts +0 -0
  120. /package/{cjs/components/layout/utils.js → components/layout/utils.cjs.js} +0 -0
  121. /package/{es/src/components → components}/layout/utils.d.ts +0 -0
  122. /package/{es/components/layout/utils.js → components/layout/utils.es.js} +0 -0
  123. /package/{es/src/components → components}/marquee/index.d.ts +0 -0
  124. /package/{es/src/components → components}/ripples/index.d.ts +0 -0
  125. /package/{es/src/components → components}/ripples/use-option-update.d.ts +0 -0
  126. /package/{cjs/components/shared/EnLayoutContent/index.js → components/shared/EnLayoutContent/index.cjs.js} +0 -0
  127. /package/{es/src/components → components}/shared/EnLayoutContent/index.d.ts +0 -0
  128. /package/{es/components/shared/EnLayoutContent/index.js → components/shared/EnLayoutContent/index.es.js} +0 -0
  129. /package/{es/src/components → components}/shared/EnLayoutContent/types.d.ts +0 -0
  130. /package/{cjs/components/switch/SwitchContainer.js → components/switch/SwitchContainer.cjs.js} +0 -0
  131. /package/{es/src/components → components}/switch/SwitchContainer.d.ts +0 -0
  132. /package/{es/components/switch/SwitchContainer.js → components/switch/SwitchContainer.es.js} +0 -0
  133. /package/{cjs/components/switch/SwitchContent.js → components/switch/SwitchContent.cjs.js} +0 -0
  134. /package/{es/src/components → components}/switch/SwitchContent.d.ts +0 -0
  135. /package/{es/components/switch/SwitchContent.js → components/switch/SwitchContent.es.js} +0 -0
  136. /package/{cjs/components/switch/SwitchLabel.js → components/switch/SwitchLabel.cjs.js} +0 -0
  137. /package/{es/src/components → components}/switch/SwitchLabel.d.ts +0 -0
  138. /package/{es/components/switch/SwitchLabel.js → components/switch/SwitchLabel.es.js} +0 -0
  139. /package/{es/src/components → components}/switch/index.d.ts +0 -0
  140. /package/{es/src/customHooks → customHooks}/use-xcn/css.d.ts +0 -0
  141. /package/{es/src/customHooks → customHooks}/use-xcn/index.d.ts +0 -0
  142. /package/{es/src/customHooks → customHooks}/use-xcn/reset-css.d.ts +0 -0
  143. /package/{es/src/customHooks → customHooks}/useRipples/ripple.html.d.ts +0 -0
  144. /package/{es/src/customHooks → customHooks}/useRipples/types.d.ts +0 -0
  145. /package/{es/src/customHooks → customHooks}/useRipples/util-scale.d.ts +0 -0
  146. /package/{es/src/index.client.d.ts → index.client.d.ts} +0 -0
  147. /package/{es/src/index.d.ts → index.d.ts} +0 -0
  148. /package/{es/src/index.server.d.ts → index.server.d.ts} +0 -0
  149. /package/{es/src/index.umd.d.ts → index.umd.d.ts} +0 -0
  150. /package/{cjs/shared/dist/es/node_modules/.pnpm/@qqi_log@1.1.4/node_modules/@qqi/log/es/virtual-dog.js → shared/dist/es/node_modules/.pnpm/@qqi_log@1.1.4/node_modules/@qqi/log/es/virtual-dog.cjs.js} +0 -0
  151. /package/{es/shared/dist/es/node_modules/.pnpm/@qqi_log@1.1.4/node_modules/@qqi/log/es/virtual-dog.js → shared/dist/es/node_modules/.pnpm/@qqi_log@1.1.4/node_modules/@qqi/log/es/virtual-dog.es.js} +0 -0
  152. /package/{cjs/shared/dist/es/storage.js → shared/dist/es/storage.cjs.js} +0 -0
  153. /package/{es/shared/dist/es/storage.js → shared/dist/es/storage.es.js} +0 -0
  154. /package/{cjs/shared/dist/es/sys.js → shared/dist/es/sys.cjs.js} +0 -0
  155. /package/{es/shared/dist/es/sys.js → shared/dist/es/sys.es.js} +0 -0
@@ -1,6 +1,6 @@
1
1
  import { isArray } from 'a-type-of-js';
2
2
  import { useRef, useEffect } from 'react';
3
- import { defaultDataKey } from '../../customHooks/useRipples/data-default.js';
3
+ import { defaultDataKey } from '../../customHooks/useRipples/data-default.es.js';
4
4
 
5
5
  /**
6
6
  * 更新参数数据
@@ -3,9 +3,9 @@
3
3
 
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
  var aTypeOfJs = require('a-type-of-js');
6
- var SwitchContainer = require('./SwitchContainer.js');
7
- var SwitchContent = require('./SwitchContent.js');
8
- var SwitchLabel = require('./SwitchLabel.js');
6
+ var SwitchContainer = require('./SwitchContainer.cjs.js');
7
+ var SwitchContent = require('./SwitchContent.cjs.js');
8
+ var SwitchLabel = require('./SwitchLabel.cjs.js');
9
9
 
10
10
  /**
11
11
  * 开关
@@ -1,9 +1,9 @@
1
1
  'use client';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { isFunction } from 'a-type-of-js';
4
- import { SwitchContainer } from './SwitchContainer.js';
5
- import { SwitchContent } from './SwitchContent.js';
6
- import { SwitchLabel } from './SwitchLabel.js';
4
+ import { SwitchContainer } from './SwitchContainer.es.js';
5
+ import { SwitchContent } from './SwitchContent.es.js';
6
+ import { SwitchLabel } from './SwitchLabel.es.js';
7
7
 
8
8
  /**
9
9
  * 开关
@@ -1,14 +1,12 @@
1
1
  /**
2
- * @packageDocumentation
3
2
  * @module @enr/type
4
3
  * @file type.ts
5
4
  * @description 组建公用类型声明
6
5
  * @author MrMudBean <Mr.MudBean@outlook.com>
7
- * @license MIT
8
6
  * @copyright 2026 ©️ MrMudBean
9
7
  * @since 2026-01-21 13:00
10
8
  * @version 2.0.0-alpha.0
11
- * @lastModified 2026-01-25 17:53
9
+ * @lastModified 2026-03-25 20:29
12
10
  */
13
11
  import type { AnchorHTMLAttributes, AreaHTMLAttributes, AudioHTMLAttributes, BaseHTMLAttributes, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CanvasHTMLAttributes, ColgroupHTMLAttributes, ColHTMLAttributes, ComponentPropsWithoutRef, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, ElementType, EmbedHTMLAttributes, FieldsetHTMLAttributes, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InsHTMLAttributes, JSX, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, Ref, ScriptHTMLAttributes, SelectHTMLAttributes, SlotHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, SVGAttributes, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, VideoHTMLAttributes, WebViewHTMLAttributes } from 'react';
14
12
  /**
@@ -3,19 +3,17 @@
3
3
  var xcn = require('xcn');
4
4
 
5
5
  /**
6
- * @packageDocumentation
7
6
  * @module @enr/core
8
7
  * @file core.ts
9
8
  * @description _
10
9
  * @author MrMudBean <Mr.MudBean@outlook.com>
11
- * @license MIT
12
10
  * @copyright 2026 ©️ MrMudBean
13
11
  * @since 2026-01-28 13:03
14
12
  * @version 2.0.0-alpha.0
15
- * @lastModified 2026-02-02 11:38
13
+ * @lastModified 2026-03-25 20:28
16
14
  */
17
15
  /**
18
- * 在 xcn 中使用 enr 样式类
16
+ * ## 在 xcn 中使用 enr 样式类
19
17
  * @param classNameList
20
18
  */
21
19
  function _en(...classNameList) {
@@ -1,19 +1,17 @@
1
1
  /**
2
- * @packageDocumentation
3
2
  * @module @enr/core
4
3
  * @file core.ts
5
4
  * @description _
6
5
  * @author MrMudBean <Mr.MudBean@outlook.com>
7
- * @license MIT
8
6
  * @copyright 2026 ©️ MrMudBean
9
7
  * @since 2026-01-28 13:03
10
8
  * @version 2.0.0-alpha.0
11
- * @lastModified 2026-02-02 11:38
9
+ * @lastModified 2026-03-25 20:28
12
10
  */
13
11
  import { type EnTypeofClassNameItem, type EnXcn } from 'xcn';
14
12
  import type { EnClassName } from './types';
15
13
  /**
16
- * 在 xcn 中使用 enr 样式类
14
+ * ## 在 xcn 中使用 enr 样式类
17
15
  * @param classNameList
18
16
  */
19
17
  export declare function _en<T extends EnClassName[]>(...classNameList: T): EnXcn<{
@@ -1,19 +1,17 @@
1
1
  import { xcn } from 'xcn';
2
2
 
3
3
  /**
4
- * @packageDocumentation
5
4
  * @module @enr/core
6
5
  * @file core.ts
7
6
  * @description _
8
7
  * @author MrMudBean <Mr.MudBean@outlook.com>
9
- * @license MIT
10
8
  * @copyright 2026 ©️ MrMudBean
11
9
  * @since 2026-01-28 13:03
12
10
  * @version 2.0.0-alpha.0
13
- * @lastModified 2026-02-02 11:38
11
+ * @lastModified 2026-03-25 20:28
14
12
  */
15
13
  /**
16
- * 在 xcn 中使用 enr 样式类
14
+ * ## 在 xcn 中使用 enr 样式类
17
15
  * @param classNameList
18
16
  */
19
17
  function _en(...classNameList) {
@@ -1,13 +1,11 @@
1
1
  /**
2
- * @packageDocumentation
3
2
  * @module @enr/types
4
3
  * @file types.ts
5
4
  * @description _
6
5
  * @author MrMudBean <Mr.MudBean@outlook.com>
7
- * @license MIT
8
6
  * @copyright 2026 ©️ MrMudBean
9
7
  * @since 2026-01-28 13:03
10
8
  * @version 2.0.0-alpha.0
11
- * @lastModified 2026-01-28 13:45
9
+ * @lastModified 2026-03-25 19:10
12
10
  */
13
11
  export type EnClassName = 'light' | 'dark' | 'style' | 'weird-dark' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'flex' | 'flex-row' | 'flex-row-reverse' | 'flex-column' | 'flex-column-reverse' | 'flex-wrap' | 'full-container' | 'inline-block' | 'padding-horizontal-4' | 'padding-horizontal-8' | 'padding-horizontal-12' | 'padding-horizontal-16' | 'padding-horizontal-20' | 'padding-horizontal-24' | 'padding-horizontal-28' | 'padding-horizontal-32' | 'padding-horizontal-36' | 'padding-horizontal-40' | 'padding-vertical-4' | 'padding-vertical-8' | 'padding-vertical-12' | 'padding-vertical-16' | 'padding-vertical-20' | 'padding-vertical-24' | 'padding-vertical-28' | 'padding-vertical-32' | 'padding-vertical-36' | 'padding-vertical-40' | 'padding-4' | 'padding-8' | 'padding-12' | 'padding-16' | 'padding-20' | 'padding-24' | 'padding-28' | 'padding-32' | 'padding-36' | 'padding-40' | 'margin-horizontal-4' | 'margin-horizontal-8' | 'margin-horizontal-12' | 'margin-horizontal-16' | 'margin-horizontal-20' | 'margin-horizontal-24' | 'margin-horizontal-28' | 'margin-horizontal-32' | 'margin-horizontal-36' | 'margin-horizontal-40' | 'margin-vertical-4' | 'margin-vertical-8' | 'margin-vertical-12' | 'margin-vertical-16' | 'margin-vertical-20' | 'margin-vertical-24' | 'margin-vertical-28' | 'margin-vertical-32' | 'margin-vertical-36' | 'margin-vertical-40' | 'margin-4' | 'margin-8' | 'margin-12' | 'margin-16' | 'margin-20' | 'margin-24' | 'margin-28' | 'margin-32' | 'margin-36' | 'margin-40' | 'box-shadow-light-red-10' | 'box-shadow-light-red-20' | 'box-shadow-light-red-30' | 'box-shadow-light-red-40' | 'box-shadow-light-red-50' | 'box-shadow-light-red-60' | 'box-shadow-light-red-70' | 'box-shadow-light-red-80' | 'box-shadow-light-red-90' | 'border-radius-4' | 'border-radius-8' | 'border-radius-12' | 'border-radius-16' | 'border-radius-20' | 'border-radius-24' | 'border-radius-28' | 'border-radius-32' | 'border-radius-36' | 'border-radius-40' | 'radius-4' | 'radius-8' | 'radius-12' | 'radius-16' | 'radius-20' | 'radius-24' | 'radius-28' | 'radius-32' | 'radius-36' | 'radius-40' | 'center' | 'dust' | 'text-in-one-line' | 'text-in-one-line-hide' | 'text-in-two-line' | 'color-text' | 'bg-red' | 'float-left' | 'float' | 'float-right' | 'clear-float' | 'clear' | 'loading' | 'text-center' | 'text-right' | 'text-small' | 'text-decoration-none' | 'text-decoration-style-solid' | 'text-decoration-style-double' | 'text-decoration-style-dotted' | 'text-decoration-style-dashed' | 'text-decoration-style-wavy' | 'text-decoration-line-none' | 'text-decoration-line-underline' | 'text-decoration-line-overline' | 'text-decoration-line-line-through' | 'text-decoration-line-underline-line-through' | 'text-decoration-line-overline-line-through' | 'text-decoration-line-overline-underline' | 'text-decoration-line-all' | 'img' | 'input-type-text-primary' | 'input-type-text-revers' | 'input-type-image-primary' | 'input-type-radio-primary' | 'input-focus-visible-none' | 'relative' | 'user-select-text' | 'user-select-none' | 'user-select-all' | 'cursor-pointer';
@@ -9,17 +9,14 @@ var react = require('react');
9
9
  * @file useAnimationFrame.ts
10
10
  * @description 使用 animationFrame
11
11
  * @author MrMudBean <Mr.MudBean@outlook.com>
12
- * @license MIT
13
12
  * @copyright 2026 ©️ MrMudBean
14
13
  * @since 2025-01-07 11:23
15
14
  * @version 2.0.0-alpha.0
16
- * @lastModified 2026-02-07 08:11
15
+ * @lastModified 2026-03-25 19:11
17
16
  */
18
17
  /**
19
- *
20
- * 该钩子在组件卸载时会自动调用 `window.cancelAnimationFrame` 清理传入的回调方法。
18
+ * ## 该钩子在组件卸载时会自动调用 `window.cancelAnimationFrame` 清理传入的回调方法
21
19
  * 默认是传入即启动调用方法
22
- *
23
20
  * @description 创建一个会自己关闭(组建卸载时)的 animationFrame。当然,可以通过返回值手动终止
24
21
  * @param callback 使用回调函数。回调函数有两个参数,除了默认的时间,还有另一个用于暂停后的记时时间。如果没有主动暂停,两者时间总是趋近于相等的(可能有其他延迟造成时间差越来越大)。如果没有暂停需求,使用第一个默认时间就可以了。
25
22
  * @param [option=false] 使用第二参数,可指定是否立即执行及是否仅执行一次
@@ -27,8 +24,6 @@ var react = require('react');
27
24
  * @version 0.2.0
28
25
  * @see https://lmssee.com/custom-hooks/use-animation-frame
29
26
  * @example
30
- * 使用:
31
- *
32
27
  * ```ts
33
28
  * // import { useAnimationFrame } from 'enr';
34
29
  * ...
@@ -39,7 +34,6 @@ var react = require('react');
39
34
  * ... //
40
35
  * });
41
36
  *
42
- *
43
37
  * return <>
44
38
  *
45
39
  * <button onclick={() => result.cancel()}>暂停</button>
@@ -47,11 +41,8 @@ var react = require('react');
47
41
  * </>
48
42
  * }
49
43
  * ...
50
- *
51
44
  * ```
52
- *
53
45
  * 当然,可使用第二参数执行立即执行还是仅执行一次(作用不大,不与赘述)
54
- *
55
46
  */
56
47
  function useAnimationFrame(callback, option = false) {
57
48
  if (aTypeOfJs.isBoolean(option)) {
@@ -3,11 +3,10 @@
3
3
  * @file useAnimationFrame.ts
4
4
  * @description 使用 animationFrame
5
5
  * @author MrMudBean <Mr.MudBean@outlook.com>
6
- * @license MIT
7
6
  * @copyright 2026 ©️ MrMudBean
8
7
  * @since 2025-01-07 11:23
9
8
  * @version 2.0.0-alpha.0
10
- * @lastModified 2026-02-07 08:11
9
+ * @lastModified 2026-03-25 19:11
11
10
  */
12
11
  /** 使用动画结果 */
13
12
  export interface UseAnimationFrameResult {
@@ -42,10 +41,8 @@ export type AnimationFrameOption = boolean | {
42
41
  once?: boolean;
43
42
  };
44
43
  /**
45
- *
46
- * 该钩子在组件卸载时会自动调用 `window.cancelAnimationFrame` 清理传入的回调方法。
44
+ * ## 该钩子在组件卸载时会自动调用 `window.cancelAnimationFrame` 清理传入的回调方法
47
45
  * 默认是传入即启动调用方法
48
- *
49
46
  * @description 创建一个会自己关闭(组建卸载时)的 animationFrame。当然,可以通过返回值手动终止
50
47
  * @param callback 使用回调函数。回调函数有两个参数,除了默认的时间,还有另一个用于暂停后的记时时间。如果没有主动暂停,两者时间总是趋近于相等的(可能有其他延迟造成时间差越来越大)。如果没有暂停需求,使用第一个默认时间就可以了。
51
48
  * @param [option=false] 使用第二参数,可指定是否立即执行及是否仅执行一次
@@ -53,8 +50,6 @@ export type AnimationFrameOption = boolean | {
53
50
  * @version 0.2.0
54
51
  * @see https://lmssee.com/custom-hooks/use-animation-frame
55
52
  * @example
56
- * 使用:
57
- *
58
53
  * ```ts
59
54
  * // import { useAnimationFrame } from 'enr';
60
55
  * ...
@@ -65,7 +60,6 @@ export type AnimationFrameOption = boolean | {
65
60
  * ... //
66
61
  * });
67
62
  *
68
- *
69
63
  * return <>
70
64
  *
71
65
  * <button onclick={() => result.cancel()}>暂停</button>
@@ -73,10 +67,7 @@ export type AnimationFrameOption = boolean | {
73
67
  * </>
74
68
  * }
75
69
  * ...
76
- *
77
70
  * ```
78
- *
79
71
  * 当然,可使用第二参数执行立即执行还是仅执行一次(作用不大,不与赘述)
80
- *
81
72
  */
82
73
  export declare function useAnimationFrame(callback: (time: number, runtime: number) => void, option?: AnimationFrameOption): UseAnimationFrameResult;
@@ -7,17 +7,14 @@ import { useRef, useCallback, useEffect } from 'react';
7
7
  * @file useAnimationFrame.ts
8
8
  * @description 使用 animationFrame
9
9
  * @author MrMudBean <Mr.MudBean@outlook.com>
10
- * @license MIT
11
10
  * @copyright 2026 ©️ MrMudBean
12
11
  * @since 2025-01-07 11:23
13
12
  * @version 2.0.0-alpha.0
14
- * @lastModified 2026-02-07 08:11
13
+ * @lastModified 2026-03-25 19:11
15
14
  */
16
15
  /**
17
- *
18
- * 该钩子在组件卸载时会自动调用 `window.cancelAnimationFrame` 清理传入的回调方法。
16
+ * ## 该钩子在组件卸载时会自动调用 `window.cancelAnimationFrame` 清理传入的回调方法
19
17
  * 默认是传入即启动调用方法
20
- *
21
18
  * @description 创建一个会自己关闭(组建卸载时)的 animationFrame。当然,可以通过返回值手动终止
22
19
  * @param callback 使用回调函数。回调函数有两个参数,除了默认的时间,还有另一个用于暂停后的记时时间。如果没有主动暂停,两者时间总是趋近于相等的(可能有其他延迟造成时间差越来越大)。如果没有暂停需求,使用第一个默认时间就可以了。
23
20
  * @param [option=false] 使用第二参数,可指定是否立即执行及是否仅执行一次
@@ -25,8 +22,6 @@ import { useRef, useCallback, useEffect } from 'react';
25
22
  * @version 0.2.0
26
23
  * @see https://lmssee.com/custom-hooks/use-animation-frame
27
24
  * @example
28
- * 使用:
29
- *
30
25
  * ```ts
31
26
  * // import { useAnimationFrame } from 'enr';
32
27
  * ...
@@ -37,7 +32,6 @@ import { useRef, useCallback, useEffect } from 'react';
37
32
  * ... //
38
33
  * });
39
34
  *
40
- *
41
35
  * return <>
42
36
  *
43
37
  * <button onclick={() => result.cancel()}>暂停</button>
@@ -45,11 +39,8 @@ import { useRef, useCallback, useEffect } from 'react';
45
39
  * </>
46
40
  * }
47
41
  * ...
48
- *
49
42
  * ```
50
- *
51
43
  * 当然,可使用第二参数执行立即执行还是仅执行一次(作用不大,不与赘述)
52
- *
53
44
  */
54
45
  function useAnimationFrame(callback, option = false) {
55
46
  if (isBoolean(option)) {
@@ -8,16 +8,13 @@ var react = require('react');
8
8
  * @file useInputIsComposing.ts
9
9
  * @description 使用输入框是否完成输入状态
10
10
  * @author MrMudBean <Mr.MudBean@outlook.com>
11
- * @license MIT
12
11
  * @copyright 2026 ©️ MrMudBean
13
12
  * @since 2025-01-07 11:23
14
13
  * @version 2.0.0-alpha.0
15
- * @lastModified 2026-02-07 08:11
14
+ * @lastModified 2026-03-25 19:11
16
15
  */
17
16
  /**
18
- *
19
- * ### 导出一个使用 `useRef` 创建的 `boolean`
20
- *
17
+ * ## 导出一个使用 `useRef` 创建的 `boolean`
21
18
  * *由于是包裹在 RefObject 之中,判断时务必使用 `isComposing.current` 进行判断*
22
19
  * @description 用于判断当前的输入状态是否结束
23
20
  * @param inputRef [RefObject<HTMLInputElement | HTMLTextAreaElement>] 输入框的 ref
@@ -25,9 +22,6 @@ var react = require('react');
25
22
  * @version 0.0.4
26
23
  * @see https://lmssee.com/custom-hooks/use-input-is-composing
27
24
  * @example
28
- *
29
- * 使用:
30
- *
31
25
  * ```ts
32
26
  * import { useInputIsComposing } from 'enr';
33
27
  *
@@ -3,17 +3,14 @@
3
3
  * @file useInputIsComposing.ts
4
4
  * @description 使用输入框是否完成输入状态
5
5
  * @author MrMudBean <Mr.MudBean@outlook.com>
6
- * @license MIT
7
6
  * @copyright 2026 ©️ MrMudBean
8
7
  * @since 2025-01-07 11:23
9
8
  * @version 2.0.0-alpha.0
10
- * @lastModified 2026-02-07 08:11
9
+ * @lastModified 2026-03-25 19:11
11
10
  */
12
11
  import type { RefObject } from 'react';
13
12
  /**
14
- *
15
- * ### 导出一个使用 `useRef` 创建的 `boolean`
16
- *
13
+ * ## 导出一个使用 `useRef` 创建的 `boolean`
17
14
  * *由于是包裹在 RefObject 之中,判断时务必使用 `isComposing.current` 进行判断*
18
15
  * @description 用于判断当前的输入状态是否结束
19
16
  * @param inputRef [RefObject<HTMLInputElement | HTMLTextAreaElement>] 输入框的 ref
@@ -21,9 +18,6 @@ import type { RefObject } from 'react';
21
18
  * @version 0.0.4
22
19
  * @see https://lmssee.com/custom-hooks/use-input-is-composing
23
20
  * @example
24
- *
25
- * 使用:
26
- *
27
21
  * ```ts
28
22
  * import { useInputIsComposing } from 'enr';
29
23
  *
@@ -6,16 +6,13 @@ import { useRef, useEffect } from 'react';
6
6
  * @file useInputIsComposing.ts
7
7
  * @description 使用输入框是否完成输入状态
8
8
  * @author MrMudBean <Mr.MudBean@outlook.com>
9
- * @license MIT
10
9
  * @copyright 2026 ©️ MrMudBean
11
10
  * @since 2025-01-07 11:23
12
11
  * @version 2.0.0-alpha.0
13
- * @lastModified 2026-02-07 08:11
12
+ * @lastModified 2026-03-25 19:11
14
13
  */
15
14
  /**
16
- *
17
- * ### 导出一个使用 `useRef` 创建的 `boolean`
18
- *
15
+ * ## 导出一个使用 `useRef` 创建的 `boolean`
19
16
  * *由于是包裹在 RefObject 之中,判断时务必使用 `isComposing.current` 进行判断*
20
17
  * @description 用于判断当前的输入状态是否结束
21
18
  * @param inputRef [RefObject<HTMLInputElement | HTMLTextAreaElement>] 输入框的 ref
@@ -23,9 +20,6 @@ import { useRef, useEffect } from 'react';
23
20
  * @version 0.0.4
24
21
  * @see https://lmssee.com/custom-hooks/use-input-is-composing
25
22
  * @example
26
- *
27
- * 使用:
28
- *
29
23
  * ```ts
30
24
  * import { useInputIsComposing } from 'enr';
31
25
  *
@@ -2,23 +2,20 @@
2
2
 
3
3
  var aJsTools = require('a-js-tools');
4
4
  var aTypeOfJs = require('a-type-of-js');
5
- var tools = require('./tools.js');
5
+ var tools = require('./tools.cjs.js');
6
6
 
7
7
  /**
8
- * @packageDocumentation
9
8
  * @module @enr/class-build-background
10
9
  * @file class-build-background.ts
11
10
  * @description 构建默认的页面
12
11
  * @author MrMudBean <Mr.MudBean@outlook.com>
13
- * @license MIT
14
12
  * @copyright 2026 ©️ MrMudBean
15
13
  * @since 2026-01-22 14:17
16
14
  * @version 2.0.0-alpha.0
17
- * @lastModified 2026-02-05 17:41
15
+ * @lastModified 2026-03-25 20:28
18
16
  */
19
17
  /**
20
18
  * ## 构建背景
21
- *
22
19
  * 触发构建:
23
20
  *
24
21
  * - 通过 {@link setImage()} 方法重新尝试加载图片
@@ -1,14 +1,12 @@
1
1
  /**
2
- * @packageDocumentation
3
2
  * @module @enr/class-build-background
4
3
  * @file class-build-background.ts
5
4
  * @description 构建默认的页面
6
5
  * @author MrMudBean <Mr.MudBean@outlook.com>
7
- * @license MIT
8
6
  * @copyright 2026 ©️ MrMudBean
9
7
  * @since 2026-01-22 14:17
10
8
  * @version 2.0.0-alpha.0
11
- * @lastModified 2026-02-05 17:41
9
+ * @lastModified 2026-03-25 20:28
12
10
  */
13
11
  import type { ElementMeta } from './class-html-element-meta';
14
12
  import type { RippleParam } from './class-param';
@@ -16,7 +14,6 @@ import type { RenderData } from './class-render-data';
16
14
  import type { DrawImage } from './types';
17
15
  /**
18
16
  * ## 构建背景
19
- *
20
17
  * 触发构建:
21
18
  *
22
19
  * - 通过 {@link setImage()} 方法重新尝试加载图片
@@ -1,22 +1,19 @@
1
1
  import { getRandomInt, getRandomString } from 'a-js-tools';
2
2
  import { isNull, isArray, isEmptyArray, isString } from 'a-type-of-js';
3
- import { createImageBySrc, isNoneBackGroundColor, extractUrl } from './tools.js';
3
+ import { createImageBySrc, isNoneBackGroundColor, extractUrl } from './tools.es.js';
4
4
 
5
5
  /**
6
- * @packageDocumentation
7
6
  * @module @enr/class-build-background
8
7
  * @file class-build-background.ts
9
8
  * @description 构建默认的页面
10
9
  * @author MrMudBean <Mr.MudBean@outlook.com>
11
- * @license MIT
12
10
  * @copyright 2026 ©️ MrMudBean
13
11
  * @since 2026-01-22 14:17
14
12
  * @version 2.0.0-alpha.0
15
- * @lastModified 2026-02-05 17:41
13
+ * @lastModified 2026-03-25 20:28
16
14
  */
17
15
  /**
18
16
  * ## 构建背景
19
- *
20
17
  * 触发构建:
21
18
  *
22
19
  * - 通过 {@link setImage()} 方法重新尝试加载图片
@@ -3,16 +3,14 @@
3
3
  var aTypeOfJs = require('a-type-of-js');
4
4
 
5
5
  /**
6
- * @packageDocumentation
7
6
  * @module @enr/class-test-envelop
8
7
  * @file class-element-environment.ts
9
8
  * @description _
10
9
  * @author MrMudBean <Mr.MudBean@outlook.com>
11
- * @license MIT
12
10
  * @copyright 2026 ©️ MrMudBean
13
11
  * @since 2026-01-26 01:24
14
12
  * @version 2.0.0-alpha.0
15
- * @lastModified 2026-02-01 06:00
13
+ * @lastModified 2026-03-25 20:28
16
14
  */
17
15
  /**
18
16
  * ## 执行环境校验并初始化 WebGl
@@ -1,14 +1,12 @@
1
1
  /**
2
- * @packageDocumentation
3
2
  * @module @enr/class-test-envelop
4
3
  * @file class-element-environment.ts
5
4
  * @description _
6
5
  * @author MrMudBean <Mr.MudBean@outlook.com>
7
- * @license MIT
8
6
  * @copyright 2026 ©️ MrMudBean
9
7
  * @since 2026-01-26 01:24
10
8
  * @version 2.0.0-alpha.0
11
- * @lastModified 2026-02-01 06:00
9
+ * @lastModified 2026-03-25 20:28
12
10
  */
13
11
  /**
14
12
  * ## 执行环境校验并初始化 WebGl
@@ -1,16 +1,14 @@
1
1
  import { isNull } from 'a-type-of-js';
2
2
 
3
3
  /**
4
- * @packageDocumentation
5
4
  * @module @enr/class-test-envelop
6
5
  * @file class-element-environment.ts
7
6
  * @description _
8
7
  * @author MrMudBean <Mr.MudBean@outlook.com>
9
- * @license MIT
10
8
  * @copyright 2026 ©️ MrMudBean
11
9
  * @since 2026-01-26 01:24
12
10
  * @version 2.0.0-alpha.0
13
- * @lastModified 2026-02-01 06:00
11
+ * @lastModified 2026-03-25 20:28
14
12
  */
15
13
  /**
16
14
  * ## 执行环境校验并初始化 WebGl
@@ -7,14 +7,13 @@ var aJsTools = require('a-js-tools');
7
7
  * @file class-event-action.ts
8
8
  * @description 交互事件
9
9
  * @author MrMudBean <Mr.MudBean@outlook.com>
10
- * @license MIT
11
10
  * @copyright 2026 ©️ MrMudBean
12
11
  * @since 2026-01-23 01:23
13
12
  * @version 2.0.0-alpha.0
14
- * @lastModified 2026-02-04 06:46
13
+ * @lastModified 2026-03-25 20:27
15
14
  */
16
15
  /**
17
- *
16
+ * 执行动作
18
17
  */
19
18
  class EventAction {
20
19
  element;
@@ -3,11 +3,10 @@
3
3
  * @file class-event-action.ts
4
4
  * @description 交互事件
5
5
  * @author MrMudBean <Mr.MudBean@outlook.com>
6
- * @license MIT
7
6
  * @copyright 2026 ©️ MrMudBean
8
7
  * @since 2026-01-23 01:23
9
8
  * @version 2.0.0-alpha.0
10
- * @lastModified 2026-02-04 06:46
9
+ * @lastModified 2026-03-25 20:27
11
10
  */
12
11
  import type { BuildBackground } from './class-build-background';
13
12
  import type { ElementEnvironment } from './class-element-environment';
@@ -17,7 +16,7 @@ import type { RenderAction } from './class-render-action';
17
16
  import type { RenderData } from './class-render-data';
18
17
  import type { RippleGl } from './class-webgl';
19
18
  /**
20
- *
19
+ * 执行动作
21
20
  */
22
21
  export declare class EventAction {
23
22
  private readonly element;
@@ -5,14 +5,13 @@ import { debounce, getRandomInt } from 'a-js-tools';
5
5
  * @file class-event-action.ts
6
6
  * @description 交互事件
7
7
  * @author MrMudBean <Mr.MudBean@outlook.com>
8
- * @license MIT
9
8
  * @copyright 2026 ©️ MrMudBean
10
9
  * @since 2026-01-23 01:23
11
10
  * @version 2.0.0-alpha.0
12
- * @lastModified 2026-02-04 06:46
11
+ * @lastModified 2026-03-25 20:27
13
12
  */
14
13
  /**
15
- *
14
+ * 执行动作
16
15
  */
17
16
  class EventAction {
18
17
  element;
@@ -3,19 +3,17 @@
3
3
  var aElementInlineStyle = require('a-element-inline-style');
4
4
  var aJsTools = require('a-js-tools');
5
5
  var aTypeOfJs = require('a-type-of-js');
6
- var tools = require('./tools.js');
6
+ var tools = require('./tools.cjs.js');
7
7
 
8
8
  /**
9
- * @packageDocumentation
10
9
  * @module @enr/class-element-html-meta
11
10
  * @file class-html-element-meta.ts
12
11
  * @description 构建元素节点数据
13
12
  * @author MrMudBean <Mr.MudBean@outlook.com>
14
- * @license MIT
15
13
  * @copyright 2026 ©️ MrMudBean
16
14
  * @since 2026-01-21 21:32
17
15
  * @version 2.0.0-alpha.0
18
- * @lastModified 2026-02-03 12:53
16
+ * @lastModified 2026-03-25 20:27
19
17
  */
20
18
  /**
21
19
  * ## 渲染的 canvas 及其父级元素数据
@@ -1,14 +1,12 @@
1
1
  /**
2
- * @packageDocumentation
3
2
  * @module @enr/class-element-html-meta
4
3
  * @file class-html-element-meta.ts
5
4
  * @description 构建元素节点数据
6
5
  * @author MrMudBean <Mr.MudBean@outlook.com>
7
- * @license MIT
8
6
  * @copyright 2026 ©️ MrMudBean
9
7
  * @since 2026-01-21 21:32
10
8
  * @version 2.0.0-alpha.0
11
- * @lastModified 2026-02-03 12:53
9
+ * @lastModified 2026-03-25 20:27
12
10
  */
13
11
  import type { StateManager } from '@qqi/state';
14
12
  import type { ElementEnvironment } from './class-element-environment';
@@ -1,19 +1,17 @@
1
1
  import { setStyle } from 'a-element-inline-style';
2
2
  import { enArr } from 'a-js-tools';
3
3
  import { isEmptyArray } from 'a-type-of-js';
4
- import { isNoneBackgroundImage, isNoneBackGroundColor } from './tools.js';
4
+ import { isNoneBackgroundImage, isNoneBackGroundColor } from './tools.es.js';
5
5
 
6
6
  /**
7
- * @packageDocumentation
8
7
  * @module @enr/class-element-html-meta
9
8
  * @file class-html-element-meta.ts
10
9
  * @description 构建元素节点数据
11
10
  * @author MrMudBean <Mr.MudBean@outlook.com>
12
- * @license MIT
13
11
  * @copyright 2026 ©️ MrMudBean
14
12
  * @since 2026-01-21 21:32
15
13
  * @version 2.0.0-alpha.0
16
- * @lastModified 2026-02-03 12:53
14
+ * @lastModified 2026-03-25 20:27
17
15
  */
18
16
  /**
19
17
  * ## 渲染的 canvas 及其父级元素数据