@lark-apaas/fullstack-rspack-preset 1.0.26-alpha.2 → 1.0.26-alpha.4

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 (3) hide show
  1. package/lib/module-alias/echartThemeUD.json +148 -0
  2. package/lib/rspack-plugins/slardar-performance-monitor-plugin.js +61 -38
  3. package/package.json +3 -3
package/lib/module-alias/echartThemeUD.json ADDED
@@ -0,0 +1,148 @@
1
+ {
2
+ "version": 1,
3
+ "themeName": "UD Theme Style",
4
+ "theme": {
5
+ "seriesCnt": "6",
6
+ "backgroundColor": "rgba(0,0,0,0)",
7
+ "titleColor": "#1f2329",
8
+ "subtitleColor": "#8f959e",
9
+ "textColorShow": false,
10
+ "textColor": "#333",
11
+ "markTextColor": "#ffffff",
12
+ "color": [
13
+ "#3370eb",
14
+ "#1bcebf",
15
+ "#ffc60a",
16
+ "#ed6d0c",
17
+ "#dca1e4",
18
+ "#25b2e5",
19
+ "#6dcdeb",
20
+ "#288fcb",
21
+ "#94b5f5",
22
+ "#8f61d1",
23
+ "#8f61d1",
24
+ "#bf78e9",
25
+ "#008280",
26
+ "#27ad8e",
27
+ "#7bc335"
28
+ ],
29
+ "borderColor": "#dee0e3",
30
+ "borderWidth": 0,
31
+ "visualMapColor": ["#25b2e5", "#6dcdeb", "#288fcb"],
32
+ "legendTextColor": "#8f959e",
33
+ "kColor": "#fdc6c4",
34
+ "kColor0": "transparent",
35
+ "kBorderColor": "#f54a45",
36
+ "kBorderColor0": "#32a645",
37
+ "kBorderWidth": "2",
38
+ "lineWidth": "1",
39
+ "symbolSize": "6",
40
+ "symbol": "emptyCircle",
41
+ "symbolBorderWidth": "1",
42
+ "lineSmooth": true,
43
+ "graphLineWidth": 1,
44
+ "graphLineColor": "#dee0e3",
45
+ "mapLabelColor": "#000",
46
+ "mapLabelColorE": "#516b91",
47
+ "mapBorderColor": "#516b91",
48
+ "mapBorderColorE": "#516b91",
49
+ "mapBorderWidth": 0.5,
50
+ "mapBorderWidthE": 1,
51
+ "mapAreaColor": "#f3f3f3",
52
+ "mapAreaColorE": "#a5e7f0",
53
+ "axes": [
54
+ {
55
+ "type": "all",
56
+ "name": "通用坐标轴",
57
+ "axisLineShow": true,
58
+ "axisLineColor": "#dee0e3",
59
+ "axisTickShow": false,
60
+ "axisTickColor": "#333",
61
+ "axisLabelShow": true,
62
+ "axisLabelColor": "#8f959e",
63
+ "splitLineShow": true,
64
+ "splitLineColor": ["#dee0e3"],
65
+ "splitAreaShow": false,
66
+ "splitAreaColor": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
67
+ },
68
+ {
69
+ "type": "category",
70
+ "name": "类目坐标轴",
71
+ "axisLineShow": true,
72
+ "axisLineColor": "#333",
73
+ "axisTickShow": true,
74
+ "axisTickColor": "#333",
75
+ "axisLabelShow": true,
76
+ "axisLabelColor": "#333",
77
+ "splitLineShow": false,
78
+ "splitLineColor": ["#ccc"],
79
+ "splitAreaShow": false,
80
+ "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
81
+ },
82
+ {
83
+ "type": "value",
84
+ "name": "数值坐标轴",
85
+ "axisLineShow": true,
86
+ "axisLineColor": "#333",
87
+ "axisTickShow": true,
88
+ "axisTickColor": "#333",
89
+ "axisLabelShow": true,
90
+ "axisLabelColor": "#333",
91
+ "splitLineShow": true,
92
+ "splitLineColor": ["#ccc"],
93
+ "splitAreaShow": false,
94
+ "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
95
+ },
96
+ {
97
+ "type": "log",
98
+ "name": "对数坐标轴",
99
+ "axisLineShow": true,
100
+ "axisLineColor": "#333",
101
+ "axisTickShow": true,
102
+ "axisTickColor": "#333",
103
+ "axisLabelShow": true,
104
+ "axisLabelColor": "#333",
105
+ "splitLineShow": true,
106
+ "splitLineColor": ["#ccc"],
107
+ "splitAreaShow": false,
108
+ "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
109
+ },
110
+ {
111
+ "type": "time",
112
+ "name": "时间坐标轴",
113
+ "axisLineShow": true,
114
+ "axisLineColor": "#333",
115
+ "axisTickShow": true,
116
+ "axisTickColor": "#333",
117
+ "axisLabelShow": true,
118
+ "axisLabelColor": "#333",
119
+ "splitLineShow": true,
120
+ "splitLineColor": ["#ccc"],
121
+ "splitAreaShow": false,
122
+ "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
123
+ }
124
+ ],
125
+ "axisSeperateSetting": false,
126
+ "toolboxColor": "#8f959e",
127
+ "toolboxEmphasisColor": "#1f2329",
128
+ "tooltipAxisColor": "#dee0e3",
129
+ "tooltipAxisWidth": 1,
130
+ "timelineLineColor": "#336df4",
131
+ "timelineLineWidth": "-1",
132
+ "timelineItemColor": "#336df4",
133
+ "timelineItemColorE": "#1456f0",
134
+ "timelineCheckColor": "#1456f0",
135
+ "timelineCheckBorderColor": "#94b4ff",
136
+ "timelineItemBorderWidth": "0.5",
137
+ "timelineControlColor": "#336df4",
138
+ "timelineControlBorderColor": "#336df4",
139
+ "timelineControlBorderWidth": 0.5,
140
+ "timelineLabelColor": "#8f959e",
141
+ "datazoomBackgroundColor": "rgba(0,0,0,0)",
142
+ "datazoomDataColor": "rgba(255,255,255,0.3)",
143
+ "datazoomFillColor": "rgba(167,183,204,0.4)",
144
+ "datazoomHandleColor": "#a7b7cc",
145
+ "datazoomHandleWidth": "100",
146
+ "datazoomLabelColor": "#333"
147
+ }
148
+ }
package/lib/rspack-plugins/slardar-performance-monitor-plugin.js CHANGED
@@ -39,15 +39,24 @@ class SlardarPerformanceMonitorPlugin {
39
39
  globalName: this.options.globalName,
40
40
  });
41
41
  const teaSnippet = getTeaScriptContent();
42
- if (!snippet)
42
+ if (!snippet) {
43
43
  return data;
44
+ }
44
45
  // 创建 Slardar 脚本标签对象
45
- const slardarTag = {
46
- tagName: 'script',
47
- voidTag: false,
48
- innerHTML: snippet,
49
- attributes: {},
50
- };
46
+ let slardarTags;
47
+ if (Array.isArray(snippet)) {
48
+ slardarTags = snippet;
49
+ }
50
+ else {
51
+ slardarTags = [
52
+ {
53
+ tagName: 'script',
54
+ voidTag: false,
55
+ innerHTML: snippet,
56
+ attributes: {},
57
+ },
58
+ ];
59
+ }
51
60
  // 创建 Tea 脚本标签对象
52
61
  const teaTag = {
53
62
  tagName: 'script',
@@ -62,11 +71,15 @@ class SlardarPerformanceMonitorPlugin {
62
71
  tag.attributes.src.includes('main.js'));
63
72
  if (mainJsIndex !== -1) {
64
73
  // 在 main.js 之前插入 Slardar 脚本
65
- data.headTags.splice(mainJsIndex, 0, slardarTag, teaTag);
74
+ data.headTags = [
75
+ ...data.headTags.slice(0, mainJsIndex),
76
+ ...slardarTags,
77
+ ...data.headTags.slice(mainJsIndex),
78
+ ];
66
79
  }
67
80
  else {
68
81
  // 如果没找到 main.js，插入到 headTags 最前面
69
- data.headTags.unshift(slardarTag);
82
+ data.headTags = slardarTags.concat(data.headTags);
70
83
  data.headTags.unshift(teaTag);
71
84
  }
72
85
  return data;
@@ -82,38 +95,48 @@ exports.default = SlardarPerformanceMonitorPlugin;
82
95
  function getSlardarScriptContent(option = {}) {
83
96
  const bid = option.bid || 'apaas_ai';
84
97
  const globalName = option.globalName || 'KSlardarWeb';
85
- return `
86
- // 创建 Slardar 脚本元素
87
- const slardarScript = document.createElement('script');
88
- slardarScript.src = 'https://lf3-short.ibytedapm.com/slardar/fe/sdk-web/browser.cn.js?bid=${bid}&globalName=${globalName}';
89
- slardarScript.crossOrigin = 'anonymous';
98
+ return [
99
+ {
100
+ tagName: 'script',
101
+ voidTag: false,
102
+ innerHTML: `
103
+ const slardarScript = document.createElement('script');
104
+ slardarScript.src = 'https://lf3-short.ibytedapm.com/slardar/fe/sdk-web/browser.cn.js?bid=${bid}&globalName=${globalName}';
105
+ slardarScript.crossOrigin = 'anonymous';
90
106
 
91
- // 添加 onload 事件处理
92
- slardarScript.onload = function() {
93
- // 脚本加载完成后执行初始化
94
- if (window.${globalName}) {
95
- window.${globalName}('init', {
96
- bid: '${bid}',
97
- // 四种类型：dev/boe/pre/online
98
- env: 'online',
99
- });
100
- window.${globalName}('start');
101
- }
102
- };
103
-
104
- // 添加错误处理
105
- slardarScript.onerror = function() {
106
- console.warn('Failed to load Slardar script');
107
- };
107
+ // 添加 onload 事件处理
108
+ slardarScript.onload = function() {
109
+ // 脚本加载完成后执行初始化
110
+ if (window.${globalName}) {
111
+ window.${globalName}('init', {
112
+ bid: '${bid}',
113
+ // 四种类型：dev/boe/pre/online
114
+ env: 'online',
115
+ });
116
+ window.${globalName}('start');
117
+ }
118
+ };
108
119
 
109
- // 将脚本添加到页面
110
- document.head.appendChild(slardarScript);
120
+ // 添加错误处理
121
+ slardarScript.onerror = function() {
122
+ console.warn('Failed to load Slardar script');
123
+ };
111
124
 
112
- // 添加 TTI 监控脚本
113
- const performanceScript = document.createElement('script');
114
- performanceScript.src = 'https://sf3-scmcdn-cn.feishucdn.com/obj/unpkg/byted/performance/0.1.2/dist/performance.iife.js';
115
- document.head.appendChild(performanceScript);
116
- `;
125
+ // 将脚本添加到页面
126
+ document.head.appendChild(slardarScript);
127
+ `,
128
+ attributes: {},
129
+ },
130
+ {
131
+ tagName: 'script',
132
+ voidTag: false,
133
+ attributes: {
134
+ src: 'https://sf3-scmcdn-cn.feishucdn.com/obj/unpkg/byted/performance/0.1.2/dist/performance.iife.js',
135
+ crossOrigin: 'anonymous',
136
+ defer: true,
137
+ },
138
+ },
139
+ ];
117
140
  }
118
141
  // 获取 tea sdk 脚本
119
142
  function getTeaScriptContent() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lark-apaas/fullstack-rspack-preset",
3
- "version": "1.0.26-alpha.2",
3
+ "version": "1.0.26-alpha.4",
4
4
  "files": [
5
5
  "lib",
6
6
  "patches",
@@ -31,11 +31,11 @@
31
31
  "@babel/parser": "^7.28.0",
32
32
  "@babel/traverse": "^7.28.0",
33
33
  "@babel/types": "^7.28.2",
34
- "@lark-apaas/devtool-kits": "1.2.11-alpha.0",
34
+ "@lark-apaas/devtool-kits": "^1.2.10",
35
35
  "@lark-apaas/miaoda-inspector-babel-plugin": "^1.0.0",
36
36
  "@lark-apaas/miaoda-inspector-jsx-runtime": "^1.0.0",
37
37
  "@rspack/plugin-react-refresh": "^1.5.1",
38
- "@swc/plugin-styled-jsx": "^11.0.0",
38
+ "@swc/plugin-styled-jsx": "11.0.0",
39
39
  "clsx": "^2.1.1",
40
40
  "colorjs.io": "^0.5.2",
41
41
  "dotenv": "^16.4.5",