hexo-theme-shokax 0.4.6-dev6 → 0.4.7
Sign up to get free protection for your applications and to get access to all the features.
- package/CODE_OF_CONDUCT.md +128 -128
- package/CONTRIBUTING.md +58 -58
- package/LICENSE +660 -660
- package/LICENSE-shoka +21 -21
- package/README.md +76 -99
- package/README_en.MD +75 -91
- package/UsageRestrictions.md +25 -25
- package/_config.yml +381 -381
- package/_images.yml +9 -9
- package/eslint.config.mjs +55 -55
- package/languages/README.md +19 -19
- package/languages/default.yml +1 -1
- package/languages/en.yml +153 -153
- package/languages/ja.yml +153 -153
- package/languages/zh-CN.yml +153 -153
- package/languages/zh-HK.yml +153 -153
- package/languages/zh-TW.yml +153 -153
- package/layout/_alternate/atom.ejs +30 -30
- package/layout/_alternate/json.ejs +16 -16
- package/layout/_alternate/rss.ejs +34 -34
- package/layout/_mixin/breadcrumb.pug +33 -33
- package/layout/_mixin/card.pug +38 -38
- package/layout/_mixin/comment.pug +6 -6
- package/layout/_mixin/postmeta.pug +29 -29
- package/layout/_mixin/segment.pug +35 -35
- package/layout/_mixin/sidebar.pug +40 -40
- package/layout/_mixin/widgets.pug +28 -28
- package/layout/_partials/footer.pug +43 -43
- package/layout/_partials/head/head.pug +55 -55
- package/layout/_partials/head/head_com.pug +24 -24
- package/layout/_partials/head/pwa.pug +18 -18
- package/layout/_partials/header.pug +18 -18
- package/layout/_partials/layout.pug +140 -140
- package/layout/_partials/loading.pug +13 -13
- package/layout/_partials/pagination.pug +4 -4
- package/layout/_partials/post/copyright.pug +20 -20
- package/layout/_partials/post/footer.pug +17 -17
- package/layout/_partials/post/nav.pug +13 -13
- package/layout/_partials/post/post.pug +41 -41
- package/layout/_partials/post/reward.pug +18 -18
- package/layout/_partials/sidebar/menu.pug +37 -37
- package/layout/_partials/sidebar/overview.pug +42 -42
- package/layout/_partials/third-party/baidu-analytics.pug +11 -11
- package/layout/_partials/third-party/clarity.pug +8 -8
- package/layout/_partials/third-party/google-analytics.pug +9 -9
- package/layout/archive.pug +118 -118
- package/layout/category.pug +59 -59
- package/layout/index.pug +33 -33
- package/layout/page.pug +55 -55
- package/layout/post.pug +36 -36
- package/layout/tag.pug +43 -43
- package/package.json +71 -72
- package/scripts/filters/locals.js +52 -0
- package/scripts/filters/post.js +5 -0
- package/scripts/generaters/archive.js +133 -0
- package/scripts/generaters/config.js +51 -0
- package/scripts/generaters/images.js +23 -0
- package/scripts/generaters/index.js +107 -0
- package/scripts/generaters/pages.js +15 -0
- package/scripts/generaters/script.js +156 -0
- package/scripts/helpers/asset.js +73 -0
- package/scripts/helpers/engine.js +177 -0
- package/scripts/helpers/list_categories.js +80 -0
- package/scripts/helpers/summary_ai.js +107 -0
- package/scripts/helpers/symbols_count_time.js +69 -0
- package/scripts/plugin/check.js +32 -0
- package/scripts/plugin/index.js +81 -0
- package/scripts/plugin/lib/injects-point.js +20 -0
- package/scripts/plugin/lib/injects.js +89 -0
- package/scripts/tags/links.js +44 -0
- package/scripts/tags/media.js +19 -0
- package/scripts/utils.js +13 -0
- package/source/assets/algolia_logo.svg +9 -9
- package/source/assets/logo.svg +16 -16
- package/source/css/_colors.styl +207 -207
- package/source/css/_common/components/components.styl +6 -6
- package/source/css/_common/components/highlight/highlight.styl +357 -357
- package/source/css/_common/components/highlight/operation.styl +21 -21
- package/source/css/_common/components/pages/collapse.styl +119 -119
- package/source/css/_common/components/pages/home.styl +391 -391
- package/source/css/_common/components/pages/pages.styl +56 -56
- package/source/css/_common/components/pages/tag-cloud.styl +12 -12
- package/source/css/_common/components/post/breadcrumb.styl +39 -39
- package/source/css/_common/components/post/copyright.styl +41 -41
- package/source/css/_common/components/post/expand.styl +263 -263
- package/source/css/_common/components/post/footer.styl +11 -11
- package/source/css/_common/components/post/header.styl +79 -79
- package/source/css/_common/components/post/nav.styl +64 -64
- package/source/css/_common/components/post/post.styl +29 -29
- package/source/css/_common/components/post/reward.styl +50 -50
- package/source/css/_common/components/post/rtl.styl +12 -12
- package/source/css/_common/components/post/tags.styl +39 -39
- package/source/css/_common/components/tags/collapse.styl +72 -72
- package/source/css/_common/components/tags/container.styl +49 -49
- package/source/css/_common/components/tags/label.styl +12 -12
- package/source/css/_common/components/tags/links.styl +77 -77
- package/source/css/_common/components/tags/list.styl +131 -131
- package/source/css/_common/components/tags/note.styl +70 -70
- package/source/css/_common/components/tags/player.styl +361 -361
- package/source/css/_common/components/tags/quiz.styl +200 -200
- package/source/css/_common/components/tags/tabs.styl +89 -89
- package/source/css/_common/components/tags/tags.styl +9 -9
- package/source/css/_common/components/third-party/loading.styl +222 -222
- package/source/css/_common/components/third-party/mermaid/class.styl +90 -90
- package/source/css/_common/components/third-party/mermaid/flowchart.styl +72 -72
- package/source/css/_common/components/third-party/mermaid/gantt.styl +251 -251
- package/source/css/_common/components/third-party/mermaid/git.styl +7 -7
- package/source/css/_common/components/third-party/mermaid/mermaid.styl +37 -37
- package/source/css/_common/components/third-party/mermaid/pie.styl +9 -9
- package/source/css/_common/components/third-party/mermaid/sequence.styl +95 -95
- package/source/css/_common/components/third-party/mermaid/state.styl +130 -130
- package/source/css/_common/components/third-party/pace.styl +18 -18
- package/source/css/_common/components/third-party/search.styl +167 -167
- package/source/css/_common/components/third-party/theme.styl +151 -151
- package/source/css/_common/components/third-party/third-party.styl +22 -22
- package/source/css/_common/components/third-party/widgets.styl +57 -57
- package/source/css/_common/outline/footer/footer.styl +67 -67
- package/source/css/_common/outline/header/brand.styl +77 -77
- package/source/css/_common/outline/header/header.styl +20 -20
- package/source/css/_common/outline/header/image.styl +85 -85
- package/source/css/_common/outline/header/menu.styl +117 -117
- package/source/css/_common/outline/header/nav.styl +81 -81
- package/source/css/_common/outline/header/right.styl +15 -15
- package/source/css/_common/outline/header/tool.styl +207 -207
- package/source/css/_common/outline/header/waves.styl +57 -57
- package/source/css/_common/outline/mobile.styl +46 -46
- package/source/css/_common/outline/outline.styl +78 -78
- package/source/css/_common/outline/sidebar/author.styl +59 -59
- package/source/css/_common/outline/sidebar/dimmer.styl +23 -23
- package/source/css/_common/outline/sidebar/menu.styl +63 -63
- package/source/css/_common/outline/sidebar/quick.styl +43 -43
- package/source/css/_common/outline/sidebar/related.styl +56 -56
- package/source/css/_common/outline/sidebar/sidebar.styl +80 -80
- package/source/css/_common/outline/sidebar/social.styl +69 -69
- package/source/css/_common/outline/sidebar/state.styl +37 -37
- package/source/css/_common/outline/sidebar/tab.styl +71 -71
- package/source/css/_common/outline/sidebar/toc.styl +47 -47
- package/source/css/_common/scaffolding/animate.styl +322 -322
- package/source/css/_common/scaffolding/base.styl +190 -190
- package/source/css/_common/scaffolding/buttons.styl +48 -48
- package/source/css/_common/scaffolding/divider.styl +36 -36
- package/source/css/_common/scaffolding/iconfont.styl +443 -443
- package/source/css/_common/scaffolding/normalize.styl +273 -273
- package/source/css/_common/scaffolding/pagination.styl +81 -81
- package/source/css/_common/scaffolding/ribbon.styl +38 -38
- package/source/css/_common/scaffolding/scaffolding.styl +14 -14
- package/source/css/_common/scaffolding/scrollbar.styl +37 -37
- package/source/css/_common/scaffolding/tables.styl +50 -50
- package/source/css/_common/scaffolding/tip.styl +19 -19
- package/source/css/_common/scaffolding/toggles.styl +59 -59
- package/source/css/_iconfont.styl +455 -455
- package/source/css/_mixins.styl +148 -148
- package/source/css/_variables.styl +89 -89
- package/source/css/app.styl +41 -41
- package/source/css/mermaid.styl +5 -5
- package/source/css/optimize.styl +5 -5
- package/source/js/_app/components/comments.ts +88 -88
- package/source/js/_app/components/sidebar.ts +239 -239
- package/source/js/_app/components/tcomments.ts +54 -54
- package/source/js/_app/globals/globalVars.ts +99 -99
- package/source/js/_app/globals/handles.ts +124 -124
- package/source/js/_app/globals/themeColor.ts +63 -63
- package/source/js/_app/globals/thirdparty.ts +63 -63
- package/source/js/_app/globals/tools.ts +75 -75
- package/source/js/_app/library/anime.ts +110 -110
- package/source/js/_app/library/declare.d.ts +128 -128
- package/source/js/_app/library/dom.ts +28 -28
- package/source/js/_app/library/loadFile.ts +47 -47
- package/source/js/_app/library/proto.ts +137 -137
- package/source/js/_app/library/scriptPjax.ts +72 -72
- package/source/js/_app/library/storage.ts +12 -12
- package/source/js/_app/library/vue.ts +49 -49
- package/source/js/_app/page/common.ts +43 -43
- package/source/js/_app/page/fancybox.ts +72 -72
- package/source/js/_app/page/post.ts +266 -266
- package/source/js/_app/page/search.ts +115 -115
- package/source/js/_app/page/tab.ts +60 -60
- package/source/js/_app/pjax/domInit.ts +97 -97
- package/source/js/_app/pjax/refresh.ts +140 -140
- package/source/js/_app/pjax/siteInit.ts +106 -106
- package/source/js/_app/player.ts +798 -798
- package/toolbox/compiler.mjs +10 -19
- package/toolbox/hoistdep.mjs +5 -5
- package/toolbox/lib.mjs +63 -63
- package/index.html +0 -231
- 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
|
+
}
|