hexo-theme-shokax 0.4.6-dev6 → 0.4.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (186) hide show
  1. package/CODE_OF_CONDUCT.md +128 -128
  2. package/CONTRIBUTING.md +58 -58
  3. package/LICENSE +660 -660
  4. package/LICENSE-shoka +21 -21
  5. package/README.md +76 -99
  6. package/README_en.MD +75 -91
  7. package/UsageRestrictions.md +25 -25
  8. package/_config.yml +381 -381
  9. package/_images.yml +9 -9
  10. package/eslint.config.mjs +55 -55
  11. package/languages/README.md +19 -19
  12. package/languages/default.yml +1 -1
  13. package/languages/en.yml +153 -153
  14. package/languages/ja.yml +153 -153
  15. package/languages/zh-CN.yml +153 -153
  16. package/languages/zh-HK.yml +153 -153
  17. package/languages/zh-TW.yml +153 -153
  18. package/layout/_alternate/atom.ejs +30 -30
  19. package/layout/_alternate/json.ejs +16 -16
  20. package/layout/_alternate/rss.ejs +34 -34
  21. package/layout/_mixin/breadcrumb.pug +33 -33
  22. package/layout/_mixin/card.pug +38 -38
  23. package/layout/_mixin/comment.pug +6 -6
  24. package/layout/_mixin/postmeta.pug +29 -29
  25. package/layout/_mixin/segment.pug +35 -35
  26. package/layout/_mixin/sidebar.pug +40 -40
  27. package/layout/_mixin/widgets.pug +28 -28
  28. package/layout/_partials/footer.pug +43 -43
  29. package/layout/_partials/head/head.pug +55 -55
  30. package/layout/_partials/head/head_com.pug +24 -24
  31. package/layout/_partials/head/pwa.pug +18 -18
  32. package/layout/_partials/header.pug +18 -18
  33. package/layout/_partials/layout.pug +140 -140
  34. package/layout/_partials/loading.pug +13 -13
  35. package/layout/_partials/pagination.pug +4 -4
  36. package/layout/_partials/post/copyright.pug +20 -20
  37. package/layout/_partials/post/footer.pug +17 -17
  38. package/layout/_partials/post/nav.pug +13 -13
  39. package/layout/_partials/post/post.pug +41 -41
  40. package/layout/_partials/post/reward.pug +18 -18
  41. package/layout/_partials/sidebar/menu.pug +37 -37
  42. package/layout/_partials/sidebar/overview.pug +42 -42
  43. package/layout/_partials/third-party/baidu-analytics.pug +11 -11
  44. package/layout/_partials/third-party/clarity.pug +8 -8
  45. package/layout/_partials/third-party/google-analytics.pug +9 -9
  46. package/layout/archive.pug +118 -118
  47. package/layout/category.pug +59 -59
  48. package/layout/index.pug +33 -33
  49. package/layout/page.pug +55 -55
  50. package/layout/post.pug +36 -36
  51. package/layout/tag.pug +43 -43
  52. package/package.json +72 -72
  53. package/scripts/filters/locals.js +52 -0
  54. package/scripts/filters/post.js +5 -0
  55. package/scripts/generaters/archive.js +133 -0
  56. package/scripts/generaters/config.js +51 -0
  57. package/scripts/generaters/images.js +23 -0
  58. package/scripts/generaters/index.js +107 -0
  59. package/scripts/generaters/pages.js +15 -0
  60. package/scripts/generaters/script.js +156 -0
  61. package/scripts/helpers/asset.js +73 -0
  62. package/scripts/helpers/engine.js +177 -0
  63. package/scripts/helpers/list_categories.js +80 -0
  64. package/scripts/helpers/summary_ai.js +107 -0
  65. package/scripts/helpers/symbols_count_time.js +69 -0
  66. package/scripts/plugin/check.js +32 -0
  67. package/scripts/plugin/index.js +81 -0
  68. package/scripts/plugin/lib/injects-point.js +20 -0
  69. package/scripts/plugin/lib/injects.js +89 -0
  70. package/scripts/tags/links.js +44 -0
  71. package/scripts/tags/media.js +19 -0
  72. package/scripts/utils.js +13 -0
  73. package/source/assets/algolia_logo.svg +9 -9
  74. package/source/assets/logo.svg +16 -16
  75. package/source/css/_colors.styl +207 -207
  76. package/source/css/_common/components/components.styl +6 -6
  77. package/source/css/_common/components/highlight/highlight.styl +357 -357
  78. package/source/css/_common/components/highlight/operation.styl +21 -21
  79. package/source/css/_common/components/pages/collapse.styl +119 -119
  80. package/source/css/_common/components/pages/home.styl +391 -391
  81. package/source/css/_common/components/pages/pages.styl +56 -56
  82. package/source/css/_common/components/pages/tag-cloud.styl +12 -12
  83. package/source/css/_common/components/post/breadcrumb.styl +39 -39
  84. package/source/css/_common/components/post/copyright.styl +41 -41
  85. package/source/css/_common/components/post/expand.styl +263 -263
  86. package/source/css/_common/components/post/footer.styl +11 -11
  87. package/source/css/_common/components/post/header.styl +79 -79
  88. package/source/css/_common/components/post/nav.styl +64 -64
  89. package/source/css/_common/components/post/post.styl +29 -29
  90. package/source/css/_common/components/post/reward.styl +50 -50
  91. package/source/css/_common/components/post/rtl.styl +12 -12
  92. package/source/css/_common/components/post/tags.styl +39 -39
  93. package/source/css/_common/components/tags/collapse.styl +72 -72
  94. package/source/css/_common/components/tags/container.styl +49 -49
  95. package/source/css/_common/components/tags/label.styl +12 -12
  96. package/source/css/_common/components/tags/links.styl +77 -77
  97. package/source/css/_common/components/tags/list.styl +131 -131
  98. package/source/css/_common/components/tags/note.styl +70 -70
  99. package/source/css/_common/components/tags/player.styl +361 -361
  100. package/source/css/_common/components/tags/quiz.styl +200 -200
  101. package/source/css/_common/components/tags/tabs.styl +89 -89
  102. package/source/css/_common/components/tags/tags.styl +9 -9
  103. package/source/css/_common/components/third-party/loading.styl +222 -222
  104. package/source/css/_common/components/third-party/mermaid/class.styl +90 -90
  105. package/source/css/_common/components/third-party/mermaid/flowchart.styl +72 -72
  106. package/source/css/_common/components/third-party/mermaid/gantt.styl +251 -251
  107. package/source/css/_common/components/third-party/mermaid/git.styl +7 -7
  108. package/source/css/_common/components/third-party/mermaid/mermaid.styl +37 -37
  109. package/source/css/_common/components/third-party/mermaid/pie.styl +9 -9
  110. package/source/css/_common/components/third-party/mermaid/sequence.styl +95 -95
  111. package/source/css/_common/components/third-party/mermaid/state.styl +130 -130
  112. package/source/css/_common/components/third-party/pace.styl +18 -18
  113. package/source/css/_common/components/third-party/search.styl +167 -167
  114. package/source/css/_common/components/third-party/theme.styl +151 -151
  115. package/source/css/_common/components/third-party/third-party.styl +22 -22
  116. package/source/css/_common/components/third-party/widgets.styl +57 -57
  117. package/source/css/_common/outline/footer/footer.styl +67 -67
  118. package/source/css/_common/outline/header/brand.styl +77 -77
  119. package/source/css/_common/outline/header/header.styl +20 -20
  120. package/source/css/_common/outline/header/image.styl +85 -85
  121. package/source/css/_common/outline/header/menu.styl +117 -117
  122. package/source/css/_common/outline/header/nav.styl +81 -81
  123. package/source/css/_common/outline/header/right.styl +15 -15
  124. package/source/css/_common/outline/header/tool.styl +207 -207
  125. package/source/css/_common/outline/header/waves.styl +57 -57
  126. package/source/css/_common/outline/mobile.styl +46 -46
  127. package/source/css/_common/outline/outline.styl +78 -78
  128. package/source/css/_common/outline/sidebar/author.styl +59 -59
  129. package/source/css/_common/outline/sidebar/dimmer.styl +23 -23
  130. package/source/css/_common/outline/sidebar/menu.styl +63 -63
  131. package/source/css/_common/outline/sidebar/quick.styl +43 -43
  132. package/source/css/_common/outline/sidebar/related.styl +56 -56
  133. package/source/css/_common/outline/sidebar/sidebar.styl +80 -80
  134. package/source/css/_common/outline/sidebar/social.styl +69 -69
  135. package/source/css/_common/outline/sidebar/state.styl +37 -37
  136. package/source/css/_common/outline/sidebar/tab.styl +71 -71
  137. package/source/css/_common/outline/sidebar/toc.styl +47 -47
  138. package/source/css/_common/scaffolding/animate.styl +322 -322
  139. package/source/css/_common/scaffolding/base.styl +190 -190
  140. package/source/css/_common/scaffolding/buttons.styl +48 -48
  141. package/source/css/_common/scaffolding/divider.styl +36 -36
  142. package/source/css/_common/scaffolding/iconfont.styl +443 -443
  143. package/source/css/_common/scaffolding/normalize.styl +273 -273
  144. package/source/css/_common/scaffolding/pagination.styl +81 -81
  145. package/source/css/_common/scaffolding/ribbon.styl +38 -38
  146. package/source/css/_common/scaffolding/scaffolding.styl +14 -14
  147. package/source/css/_common/scaffolding/scrollbar.styl +37 -37
  148. package/source/css/_common/scaffolding/tables.styl +50 -50
  149. package/source/css/_common/scaffolding/tip.styl +19 -19
  150. package/source/css/_common/scaffolding/toggles.styl +59 -59
  151. package/source/css/_iconfont.styl +455 -455
  152. package/source/css/_mixins.styl +148 -148
  153. package/source/css/_variables.styl +89 -89
  154. package/source/css/app.styl +41 -41
  155. package/source/css/mermaid.styl +5 -5
  156. package/source/css/optimize.styl +5 -5
  157. package/source/js/_app/components/comments.ts +88 -88
  158. package/source/js/_app/components/sidebar.ts +239 -239
  159. package/source/js/_app/components/tcomments.ts +54 -54
  160. package/source/js/_app/globals/globalVars.ts +99 -99
  161. package/source/js/_app/globals/handles.ts +124 -124
  162. package/source/js/_app/globals/themeColor.ts +63 -63
  163. package/source/js/_app/globals/thirdparty.ts +63 -63
  164. package/source/js/_app/globals/tools.ts +75 -75
  165. package/source/js/_app/library/anime.ts +110 -110
  166. package/source/js/_app/library/declare.d.ts +128 -128
  167. package/source/js/_app/library/dom.ts +28 -28
  168. package/source/js/_app/library/loadFile.ts +47 -47
  169. package/source/js/_app/library/proto.ts +137 -137
  170. package/source/js/_app/library/scriptPjax.ts +72 -72
  171. package/source/js/_app/library/storage.ts +12 -12
  172. package/source/js/_app/library/vue.ts +49 -49
  173. package/source/js/_app/page/common.ts +43 -43
  174. package/source/js/_app/page/fancybox.ts +72 -72
  175. package/source/js/_app/page/post.ts +266 -266
  176. package/source/js/_app/page/search.ts +115 -115
  177. package/source/js/_app/page/tab.ts +60 -60
  178. package/source/js/_app/pjax/domInit.ts +97 -97
  179. package/source/js/_app/pjax/refresh.ts +140 -140
  180. package/source/js/_app/pjax/siteInit.ts +106 -106
  181. package/source/js/_app/player.ts +798 -798
  182. package/toolbox/compiler.mjs +10 -6
  183. package/toolbox/hoistdep.mjs +5 -5
  184. package/toolbox/lib.mjs +63 -63
  185. package/index.html +0 -231
  186. package/meta.json +0 -6431
@@ -1,128 +1,128 @@
1
- /*
2
- 对注释的说明: 部分注释为openai-chatgpt生成的注释,可能存在描述或语义的问题
3
- */
4
- interface AudioItem {
5
- title: string;
6
- list: string[];
7
- }
8
-
9
- declare interface EventTarget {
10
- changeOrGetHeight(h: number | string): void;
11
- changeOrGetHeight(): number;
12
- changeOrGetWidth(w: number | string): void;
13
- changeOrGetWidth(): number;
14
- getTop(): number;
15
- left(): number;
16
- insertAfter(element: HTMLElement): void;
17
- display(d: string): EventTarget;
18
- display():string
19
- find(selector: string): NodeListOf<HTMLElement>;
20
- _class(type: string, className: string, display?: boolean): void;
21
- addClass(className: string): EventTarget;
22
- removeClass(className: string): EventTarget;
23
- toggleClass(className: string, display?: boolean): EventTarget;
24
- hasClass(className: string): boolean;
25
- }
26
-
27
- type walineMeta = 'nick'|'mail'|'link'
28
-
29
- declare const LOCAL: {
30
- ispost: boolean;
31
- path: string;
32
- ignores: Array<(uri:string)=>boolean>;
33
- audio: string[];
34
- search: {
35
- placeholder: string,
36
- empty: string,
37
- stats: string
38
- };
39
- quiz: {
40
- choice: string,
41
- multiple: string,
42
- true_false: string,
43
- essay: string,
44
- gap_fill: string,
45
- mistake: string
46
- };
47
- nocopy: boolean;
48
- copyright: string;
49
- outime: boolean
50
- template: string
51
- favicon: {
52
- hide: string
53
- show: string
54
- }
55
- }
56
- interface configType {
57
- hostname: string;
58
- fireworks: any;
59
- audio: AudioItem[];
60
- version: number
61
- root: string
62
- statics: string
63
- outime: {
64
- enable: boolean
65
- days: number
66
- }
67
- favicon: {
68
- normal: string,
69
- hidden: string
70
- }
71
- darkmode: boolean
72
- auto_dark: {
73
- enable: boolean
74
- start: number
75
- end: number
76
- }
77
- auto_scroll: boolean
78
- loader: {
79
- start: boolean
80
- switch: boolean
81
- }
82
- js: {
83
- copy_tex: string
84
- fancybox: string
85
- }
86
- css: {
87
- valine: string
88
- katex: string
89
- mermaid: string
90
- fancybox: string
91
- }
92
- search: any,
93
- waline: {
94
- serverURL: string
95
- lang: string
96
- locale: object
97
- emoji: boolean
98
- meta: walineMeta[]
99
- requiredMeta: walineMeta[]
100
- wordLimit: number
101
- pageSize: number
102
- pageview: boolean
103
- }
104
- twikoo: {
105
- envId: string
106
- region: string
107
- }
108
- walinePageView: boolean
109
- quicklink: {
110
- ignores: any
111
- timeout: number
112
- priority: boolean
113
- }
114
- playerAPI: string
115
- }
116
- // esbuild 静态常量
117
- declare const __shokax_player__:boolean
118
- declare const __shokax_fireworks__:boolean
119
- declare const __shokax_search__:boolean
120
- declare const __shokax_VL__:boolean
121
- declare const __shokax_outime__:boolean
122
- declare const __shokax_tabs__: boolean
123
- declare const __shokax_quiz__: boolean
124
- declare const __shokax_fancybox__: boolean
125
- declare const __shokax_waline__:boolean
126
- declare const __shokax_twikoo__:boolean
127
- declare const shokax_CONFIG:configType
128
- declare const shokax_siteURL:string
1
+ /*
2
+ 对注释的说明: 部分注释为openai-chatgpt生成的注释,可能存在描述或语义的问题
3
+ */
4
+ interface AudioItem {
5
+ title: string;
6
+ list: string[];
7
+ }
8
+
9
+ declare interface EventTarget {
10
+ changeOrGetHeight(h: number | string): void;
11
+ changeOrGetHeight(): number;
12
+ changeOrGetWidth(w: number | string): void;
13
+ changeOrGetWidth(): number;
14
+ getTop(): number;
15
+ left(): number;
16
+ insertAfter(element: HTMLElement): void;
17
+ display(d: string): EventTarget;
18
+ display():string
19
+ find(selector: string): NodeListOf<HTMLElement>;
20
+ _class(type: string, className: string, display?: boolean): void;
21
+ addClass(className: string): EventTarget;
22
+ removeClass(className: string): EventTarget;
23
+ toggleClass(className: string, display?: boolean): EventTarget;
24
+ hasClass(className: string): boolean;
25
+ }
26
+
27
+ type walineMeta = 'nick'|'mail'|'link'
28
+
29
+ declare const LOCAL: {
30
+ ispost: boolean;
31
+ path: string;
32
+ ignores: Array<(uri:string)=>boolean>;
33
+ audio: string[];
34
+ search: {
35
+ placeholder: string,
36
+ empty: string,
37
+ stats: string
38
+ };
39
+ quiz: {
40
+ choice: string,
41
+ multiple: string,
42
+ true_false: string,
43
+ essay: string,
44
+ gap_fill: string,
45
+ mistake: string
46
+ };
47
+ nocopy: boolean;
48
+ copyright: string;
49
+ outime: boolean
50
+ template: string
51
+ favicon: {
52
+ hide: string
53
+ show: string
54
+ }
55
+ }
56
+ interface configType {
57
+ hostname: string;
58
+ fireworks: any;
59
+ audio: AudioItem[];
60
+ version: number
61
+ root: string
62
+ statics: string
63
+ outime: {
64
+ enable: boolean
65
+ days: number
66
+ }
67
+ favicon: {
68
+ normal: string,
69
+ hidden: string
70
+ }
71
+ darkmode: boolean
72
+ auto_dark: {
73
+ enable: boolean
74
+ start: number
75
+ end: number
76
+ }
77
+ auto_scroll: boolean
78
+ loader: {
79
+ start: boolean
80
+ switch: boolean
81
+ }
82
+ js: {
83
+ copy_tex: string
84
+ fancybox: string
85
+ }
86
+ css: {
87
+ valine: string
88
+ katex: string
89
+ mermaid: string
90
+ fancybox: string
91
+ }
92
+ search: any,
93
+ waline: {
94
+ serverURL: string
95
+ lang: string
96
+ locale: object
97
+ emoji: boolean
98
+ meta: walineMeta[]
99
+ requiredMeta: walineMeta[]
100
+ wordLimit: number
101
+ pageSize: number
102
+ pageview: boolean
103
+ }
104
+ twikoo: {
105
+ envId: string
106
+ region: string
107
+ }
108
+ walinePageView: boolean
109
+ quicklink: {
110
+ ignores: any
111
+ timeout: number
112
+ priority: boolean
113
+ }
114
+ playerAPI: string
115
+ }
116
+ // esbuild 静态常量
117
+ declare const __shokax_player__:boolean
118
+ declare const __shokax_fireworks__:boolean
119
+ declare const __shokax_search__:boolean
120
+ declare const __shokax_VL__:boolean
121
+ declare const __shokax_outime__:boolean
122
+ declare const __shokax_tabs__: boolean
123
+ declare const __shokax_quiz__: boolean
124
+ declare const __shokax_fancybox__: boolean
125
+ declare const __shokax_waline__:boolean
126
+ declare const __shokax_twikoo__:boolean
127
+ declare const shokax_CONFIG:configType
128
+ declare const shokax_siteURL:string
@@ -1,28 +1,28 @@
1
- /**
2
- * 获取一个dom选择器对应的元素
3
- * @deprecated Will be removed in the v0.5
4
- */
5
- const $dom = (selector: string, element: Document = document): HTMLElement => {
6
- // 在测试环境中这能优化0.01-0.02ms左右
7
- if (selector[0] === '#') {
8
- return <HTMLElement> element.getElementById(selector.substring(1))
9
- }
10
- return <HTMLElement> element.querySelector(selector)
11
- }
12
-
13
- /**
14
- * 获取具有此选择器的所有dom节点
15
- * @deprecated Will be removed in the v0.5
16
- */
17
- $dom.all = (selector: string, element: Document = document): NodeListOf<HTMLElement> => {
18
- return element.querySelectorAll(selector)
19
- }
20
- /**
21
- * 获取具有此选择器的所有dom节点,并依次执行callback函数
22
- * @deprecated Will be removed in the v0.5
23
- */
24
- $dom.each = (selector: string, callback: (value: HTMLElement, key: number, parent: NodeListOf<Element>) => void, element?: Document): void => {
25
- $dom.all(selector, element).forEach(callback)
26
- }
27
-
28
- export { $dom }
1
+ /**
2
+ * 获取一个dom选择器对应的元素
3
+ * @deprecated Will be removed in the v0.5
4
+ */
5
+ const $dom = (selector: string, element: Document = document): HTMLElement => {
6
+ // 在测试环境中这能优化0.01-0.02ms左右
7
+ if (selector[0] === '#') {
8
+ return <HTMLElement> element.getElementById(selector.substring(1))
9
+ }
10
+ return <HTMLElement> element.querySelector(selector)
11
+ }
12
+
13
+ /**
14
+ * 获取具有此选择器的所有dom节点
15
+ * @deprecated Will be removed in the v0.5
16
+ */
17
+ $dom.all = (selector: string, element: Document = document): NodeListOf<HTMLElement> => {
18
+ return element.querySelectorAll(selector)
19
+ }
20
+ /**
21
+ * 获取具有此选择器的所有dom节点,并依次执行callback函数
22
+ * @deprecated Will be removed in the v0.5
23
+ */
24
+ $dom.each = (selector: string, callback: (value: HTMLElement, key: number, parent: NodeListOf<Element>) => void, element?: Document): void => {
25
+ $dom.all(selector, element).forEach(callback)
26
+ }
27
+
28
+ export { $dom }
@@ -1,47 +1,47 @@
1
- import { getScript } from './scriptPjax'
2
- import { CONFIG } from '../globals/globalVars'
3
- import { createChild } from './proto'
4
-
5
- /**
6
- * 用途是根据不同的资源名称和类型生成相应的资源 URL。
7
- * @deprecated Use smart bundle and import() instead.
8
- */
9
- const assetUrl = (asset: string, type: string): string => {
10
- const str = CONFIG[asset][type]
11
- if (str.includes('http')) {
12
- return str
13
- }
14
- if (str.includes('gh') || str.includes('combine')) {
15
- return `https://cdn.jsdelivr.net/${str}`
16
- }
17
- if (str.includes('npm')) {
18
- return `https://cdn.jsdelivr.net/${str}`
19
- }
20
- return `/${str}`
21
- }
22
-
23
- /**
24
- @deprecated Use smart bundle and import() instead. Will be removed in the v0.5
25
- */
26
- export const vendorJs = (type: string, callback?: Function, condition?: string) => {
27
- if (LOCAL[type]) {
28
- getScript(assetUrl('js', type), callback || function () {
29
- window[type] = true
30
- }, condition || window[type])
31
- }
32
- }
33
-
34
- export const vendorCss = (type: string, condition?: string): void => {
35
- if (window['css' + type]) {
36
- return
37
- }
38
-
39
- if (LOCAL[type]) {
40
- createChild(document.head, 'link', {
41
- rel: 'stylesheet',
42
- href: assetUrl('css', type)
43
- })
44
-
45
- window['css' + type] = true
46
- }
47
- }
1
+ import { getScript } from './scriptPjax'
2
+ import { CONFIG } from '../globals/globalVars'
3
+ import { createChild } from './proto'
4
+
5
+ /**
6
+ * 用途是根据不同的资源名称和类型生成相应的资源 URL。
7
+ * @deprecated Use smart bundle and import() instead.
8
+ */
9
+ const assetUrl = (asset: string, type: string): string => {
10
+ const str = CONFIG[asset][type]
11
+ if (str.includes('http')) {
12
+ return str
13
+ }
14
+ if (str.includes('gh') || str.includes('combine')) {
15
+ return `https://cdn.jsdelivr.net/${str}`
16
+ }
17
+ if (str.includes('npm')) {
18
+ return `https://cdn.jsdelivr.net/${str}`
19
+ }
20
+ return `/${str}`
21
+ }
22
+
23
+ /**
24
+ @deprecated Use smart bundle and import() instead. Will be removed in the v0.5
25
+ */
26
+ export const vendorJs = (type: string, callback?: Function, condition?: string) => {
27
+ if (LOCAL[type]) {
28
+ getScript(assetUrl('js', type), callback || function () {
29
+ window[type] = true
30
+ }, condition || window[type])
31
+ }
32
+ }
33
+
34
+ export const vendorCss = (type: string, condition?: string): void => {
35
+ if (window['css' + type]) {
36
+ return
37
+ }
38
+
39
+ if (LOCAL[type]) {
40
+ createChild(document.head, 'link', {
41
+ rel: 'stylesheet',
42
+ href: assetUrl('css', type)
43
+ })
44
+
45
+ window['css' + type] = true
46
+ }
47
+ }
@@ -1,137 +1,137 @@
1
- import { $dom } from './dom'
2
-
3
- export const insertAfter = function (el: Element, element: HTMLElement): void {
4
- const parent = el.parentNode
5
- if (parent.lastChild === el) {
6
- parent.appendChild(element)
7
- } else {
8
- parent.insertBefore(element, el.nextSibling)
9
- }
10
- }
11
-
12
- /**
13
- * 创建一个子节点并放置
14
- */
15
- export const createChild = function (parent: Element, tag: string, obj: object, positon?: string): HTMLElement {
16
- const child = document.createElement(tag)
17
- Object.assign(child, obj)
18
- switch (positon) {
19
- case 'after':
20
- insertAfter(parent, child)
21
- break
22
- case 'replace':
23
- parent.innerHTML = ''
24
- parent.appendChild(child)
25
- break
26
- default:
27
- parent.appendChild(child)
28
- }
29
- return child
30
- }
31
-
32
- /**
33
- * 此方法使用`<div>`包装一个 DOM 元素
34
- * @param parent
35
- * @param obj 需要被包装的对象
36
- */
37
- export const wrapObject = function (parent: HTMLElement, obj: any): void {
38
- const box = document.createElement('div')
39
- Object.assign(box, obj)
40
- parent.parentNode.insertBefore(box, parent)
41
- parent.parentNode.removeChild(parent)
42
- box.appendChild(parent)
43
- }
44
-
45
- export const getHeight = function (el: HTMLElement): number {
46
- return el.getBoundingClientRect().height
47
- }
48
-
49
- export const setWidth = function (el: HTMLElement, w: number|string): void {
50
- el.style.width = typeof w === 'number' ? w + 'rem' : w
51
- }
52
-
53
- export const getWidth = function (el: HTMLElement): number {
54
- return el.getBoundingClientRect().width
55
- }
56
-
57
- export const getTop = function (el: HTMLElement): number {
58
- return el.getBoundingClientRect().top
59
- }
60
-
61
- export const getLeft = function (el: HTMLElement): number {
62
- return el.getBoundingClientRect().left
63
- }
64
-
65
- export const getDisplay = function (el: HTMLElement): string {
66
- return el.style.display
67
- }
68
-
69
- export const setDisplay = function (el: HTMLElement, d: string): HTMLElement {
70
- el.style.display = d
71
- return el
72
- }
73
-
74
- export default function initProto () {
75
- Object.assign(HTMLElement.prototype, {
76
- /**
77
- * 找到此节点所有符合selector选择器的子节点
78
- * @deprecated Will be removed in the v0.5
79
- */
80
- find (selector: string): NodeListOf<HTMLElement> {
81
- return $dom.all(selector, this)
82
- },
83
- /**
84
- * 这个方法接受三个参数:
85
- * type 表示操作类型('add'、'remove'、'toggle'),
86
- * className 是一个或多个要操作的类名,
87
- * display 是一个可选的布尔值,用于在执行切换操作时指定类名是否应显示或隐藏。
88
- * 该方法会根据操作类型执行相应的类名操作。
89
- * @deprecated Will be removed in the v0.5
90
- */
91
- _class (type: string, className: string, display?: boolean): void {
92
- const classNames = className.indexOf(' ') ? className.split(' ') : [className]
93
- classNames.forEach((name) => {
94
- if (type === 'toggle') {
95
- this.classList.toggle(name, display)
96
- } else {
97
- this.classList[type](name)
98
- }
99
- })
100
- },
101
- /**
102
- * 这个方法是对 _class 方法的封装,调用时会将操作类型设为 'add',然后执行添加类名的操作。
103
- * 最后,它返回当前的 EventTarget,通常是 DOM 元素本身,以支持链式调用。
104
- * @deprecated Will be removed in the v0.5
105
- */
106
- addClass (className: string): EventTarget {
107
- this._class('add', className)
108
- return this
109
- },
110
- /**
111
- * 这个方法是对 _class 方法的封装,调用时会将操作类型设为 'remove',然后执行移除类名的操作。
112
- * 最后,它返回当前的 EventTarget,通常是 DOM 元素本身,以支持链式调用。
113
- * @deprecated Will be removed in the v0.5
114
- */
115
- removeClass (className: string): EventTarget {
116
- this._class('remove', className)
117
- return this
118
- },
119
- /**
120
- * 这个方法是对 _class 方法的封装,调用时会将操作类型设为 'toggle',然后执行切换类名的操作。
121
- * 如果提供了 display 参数,它将根据布尔值决定是否显示或隐藏类名。
122
- * 最后,它返回当前的 EventTarget,通常是 DOM 元素本身,以支持链式调用。
123
- * @deprecated Will be removed in the v0.5
124
- */
125
- toggleClass (className: string, display?: boolean): EventTarget {
126
- this._class('toggle', className, display)
127
- return this
128
- },
129
- /**
130
- * 这个方法返回一个布尔值,表示元素是否包含指定的类名。
131
- * @deprecated Will be removed in the v0.5
132
- */
133
- hasClass (className: string): boolean {
134
- return this.classList.contains(className)
135
- }
136
- })
137
- }
1
+ import { $dom } from './dom'
2
+
3
+ export const insertAfter = function (el: Element, element: HTMLElement): void {
4
+ const parent = el.parentNode
5
+ if (parent.lastChild === el) {
6
+ parent.appendChild(element)
7
+ } else {
8
+ parent.insertBefore(element, el.nextSibling)
9
+ }
10
+ }
11
+
12
+ /**
13
+ * 创建一个子节点并放置
14
+ */
15
+ export const createChild = function (parent: Element, tag: string, obj: object, positon?: string): HTMLElement {
16
+ const child = document.createElement(tag)
17
+ Object.assign(child, obj)
18
+ switch (positon) {
19
+ case 'after':
20
+ insertAfter(parent, child)
21
+ break
22
+ case 'replace':
23
+ parent.innerHTML = ''
24
+ parent.appendChild(child)
25
+ break
26
+ default:
27
+ parent.appendChild(child)
28
+ }
29
+ return child
30
+ }
31
+
32
+ /**
33
+ * 此方法使用`<div>`包装一个 DOM 元素
34
+ * @param parent
35
+ * @param obj 需要被包装的对象
36
+ */
37
+ export const wrapObject = function (parent: HTMLElement, obj: any): void {
38
+ const box = document.createElement('div')
39
+ Object.assign(box, obj)
40
+ parent.parentNode.insertBefore(box, parent)
41
+ parent.parentNode.removeChild(parent)
42
+ box.appendChild(parent)
43
+ }
44
+
45
+ export const getHeight = function (el: HTMLElement): number {
46
+ return el.getBoundingClientRect().height
47
+ }
48
+
49
+ export const setWidth = function (el: HTMLElement, w: number|string): void {
50
+ el.style.width = typeof w === 'number' ? w + 'rem' : w
51
+ }
52
+
53
+ export const getWidth = function (el: HTMLElement): number {
54
+ return el.getBoundingClientRect().width
55
+ }
56
+
57
+ export const getTop = function (el: HTMLElement): number {
58
+ return el.getBoundingClientRect().top
59
+ }
60
+
61
+ export const getLeft = function (el: HTMLElement): number {
62
+ return el.getBoundingClientRect().left
63
+ }
64
+
65
+ export const getDisplay = function (el: HTMLElement): string {
66
+ return el.style.display
67
+ }
68
+
69
+ export const setDisplay = function (el: HTMLElement, d: string): HTMLElement {
70
+ el.style.display = d
71
+ return el
72
+ }
73
+
74
+ export default function initProto () {
75
+ Object.assign(HTMLElement.prototype, {
76
+ /**
77
+ * 找到此节点所有符合selector选择器的子节点
78
+ * @deprecated Will be removed in the v0.5
79
+ */
80
+ find (selector: string): NodeListOf<HTMLElement> {
81
+ return $dom.all(selector, this)
82
+ },
83
+ /**
84
+ * 这个方法接受三个参数:
85
+ * type 表示操作类型('add'、'remove'、'toggle'),
86
+ * className 是一个或多个要操作的类名,
87
+ * display 是一个可选的布尔值,用于在执行切换操作时指定类名是否应显示或隐藏。
88
+ * 该方法会根据操作类型执行相应的类名操作。
89
+ * @deprecated Will be removed in the v0.5
90
+ */
91
+ _class (type: string, className: string, display?: boolean): void {
92
+ const classNames = className.indexOf(' ') ? className.split(' ') : [className]
93
+ classNames.forEach((name) => {
94
+ if (type === 'toggle') {
95
+ this.classList.toggle(name, display)
96
+ } else {
97
+ this.classList[type](name)
98
+ }
99
+ })
100
+ },
101
+ /**
102
+ * 这个方法是对 _class 方法的封装,调用时会将操作类型设为 'add',然后执行添加类名的操作。
103
+ * 最后,它返回当前的 EventTarget,通常是 DOM 元素本身,以支持链式调用。
104
+ * @deprecated Will be removed in the v0.5
105
+ */
106
+ addClass (className: string): EventTarget {
107
+ this._class('add', className)
108
+ return this
109
+ },
110
+ /**
111
+ * 这个方法是对 _class 方法的封装,调用时会将操作类型设为 'remove',然后执行移除类名的操作。
112
+ * 最后,它返回当前的 EventTarget,通常是 DOM 元素本身,以支持链式调用。
113
+ * @deprecated Will be removed in the v0.5
114
+ */
115
+ removeClass (className: string): EventTarget {
116
+ this._class('remove', className)
117
+ return this
118
+ },
119
+ /**
120
+ * 这个方法是对 _class 方法的封装,调用时会将操作类型设为 'toggle',然后执行切换类名的操作。
121
+ * 如果提供了 display 参数,它将根据布尔值决定是否显示或隐藏类名。
122
+ * 最后,它返回当前的 EventTarget,通常是 DOM 元素本身,以支持链式调用。
123
+ * @deprecated Will be removed in the v0.5
124
+ */
125
+ toggleClass (className: string, display?: boolean): EventTarget {
126
+ this._class('toggle', className, display)
127
+ return this
128
+ },
129
+ /**
130
+ * 这个方法返回一个布尔值,表示元素是否包含指定的类名。
131
+ * @deprecated Will be removed in the v0.5
132
+ */
133
+ hasClass (className: string): boolean {
134
+ return this.classList.contains(className)
135
+ }
136
+ })
137
+ }