inl-ui 0.1.76 → 0.1.78
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.
- package/README.md +49 -49
- package/dist/components/index.cjs +25 -27
- package/dist/components/index.js +25 -27
- package/dist/iconfont.js +1 -1
- package/dist/index.cjs +85 -30
- package/dist/index.d.ts +1 -1
- package/dist/index.js +85 -30
- package/dist/theme/index.js +70 -70
- package/dist/theme/scripts/dark-vars.js +21 -21
- package/dist/theme/scripts/default-vars.js +25 -25
- package/dist/theme/scripts/light-vars.js +22 -22
- package/dist/theme/style/color/bezierEasing.less +110 -110
- package/dist/theme/style/color/colorPalette.less +81 -81
- package/dist/theme/style/color/colors.less +162 -162
- package/dist/theme/style/color/tinyColor.less +1184 -1184
- package/dist/theme/style/compact.less +4 -4
- package/dist/theme/style/dark.less +4 -4
- package/dist/theme/style/default.less +4 -4
- package/dist/theme/style/index.less +2 -2
- package/dist/theme/style/index.tsx +2 -2
- package/dist/theme/style/themes/compact.less +295 -295
- package/dist/theme/style/themes/dark.less +790 -790
- package/dist/theme/style/themes/default.less +1067 -1067
- package/dist/theme/style/themes/index.less +7 -7
- package/dist/theme/style/themes/var-dark.less +343 -343
- package/dist/theme/style/themes/var-default.less +184 -184
- package/dist/theme/style/themes/variable.less +1122 -1122
- package/dist/theme/style/variable.less +4 -4
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -13,7 +13,7 @@ import { XPopup, CommentBlock, setAxiosOption } from '@sszj-temp/mobile';
|
|
|
13
13
|
import { marked } from 'marked';
|
|
14
14
|
import '@sszj-temp/mobile/style.css';
|
|
15
15
|
|
|
16
|
-
var version = "0.1.
|
|
16
|
+
var version = "0.1.78";
|
|
17
17
|
|
|
18
18
|
const setTheme = theme => {
|
|
19
19
|
if (theme === "dark") {
|
|
@@ -910,6 +910,8 @@ const Events$1 = {
|
|
|
910
910
|
WEBRTC_ON_DATA_CHANNEL_MSG: "WEBRTC_ON_DATA_CHANNEL_MSG",
|
|
911
911
|
CAPTURE_STREAM_FAILED: "CAPTURE_STREAM_FAILED"
|
|
912
912
|
};
|
|
913
|
+
const VERSION$1 = "1.0.1";
|
|
914
|
+
const BUILD_DATE = "Sat Mar 30 2024 13:57:14 GMT+0800 (\u4E2D\u56FD\u6807\u51C6\u65F6\u95F4)";
|
|
913
915
|
function isFirefox() {
|
|
914
916
|
return window.navigator.userAgent.match("Firefox") !== null;
|
|
915
917
|
}
|
|
@@ -939,6 +941,7 @@ class Resolution {
|
|
|
939
941
|
}
|
|
940
942
|
}
|
|
941
943
|
let logDisabled_ = true;
|
|
944
|
+
let deprecationWarnings_ = true;
|
|
942
945
|
function extractVersion(uastring, expr, pos) {
|
|
943
946
|
const match = uastring.match(expr);
|
|
944
947
|
return match && match.length >= pos && parseInt(match[pos], 10);
|
|
@@ -1016,6 +1019,7 @@ function disableWarnings(bool) {
|
|
|
1016
1019
|
if (typeof bool !== "boolean") {
|
|
1017
1020
|
return new Error("Argument type: " + typeof bool + ". Please use a boolean.");
|
|
1018
1021
|
}
|
|
1022
|
+
deprecationWarnings_ = !bool;
|
|
1019
1023
|
return "adapter.js deprecation warnings " + (bool ? "disabled" : "enabled");
|
|
1020
1024
|
}
|
|
1021
1025
|
function log$1() {
|
|
@@ -1023,8 +1027,17 @@ function log$1() {
|
|
|
1023
1027
|
if (logDisabled_) {
|
|
1024
1028
|
return;
|
|
1025
1029
|
}
|
|
1030
|
+
if (typeof console !== "undefined" && typeof console.log === "function") {
|
|
1031
|
+
console.log.apply(console, arguments);
|
|
1032
|
+
}
|
|
1026
1033
|
}
|
|
1027
1034
|
}
|
|
1035
|
+
function deprecated(oldMethod, newMethod) {
|
|
1036
|
+
if (!deprecationWarnings_) {
|
|
1037
|
+
return;
|
|
1038
|
+
}
|
|
1039
|
+
console.warn(oldMethod + " is deprecated, please use " + newMethod + " instead.");
|
|
1040
|
+
}
|
|
1028
1041
|
function detectBrowser(window2) {
|
|
1029
1042
|
const result = {
|
|
1030
1043
|
browser: null,
|
|
@@ -1283,6 +1296,7 @@ function shimGetDisplayMedia$2(window2, getSourceId) {
|
|
|
1283
1296
|
return;
|
|
1284
1297
|
}
|
|
1285
1298
|
if (typeof getSourceId !== "function") {
|
|
1299
|
+
console.error("shimGetDisplayMedia: getSourceId argument is not a function");
|
|
1286
1300
|
return;
|
|
1287
1301
|
}
|
|
1288
1302
|
window2.navigator.mediaDevices.getDisplayMedia = function getDisplayMedia(constraints) {
|
|
@@ -1868,7 +1882,9 @@ function filterIceServers$1(iceServers, edgeVersion) {
|
|
|
1868
1882
|
return iceServers.filter(server => {
|
|
1869
1883
|
if (server && (server.urls || server.url)) {
|
|
1870
1884
|
let urls = server.urls || server.url;
|
|
1871
|
-
if (server.url && !server.urls)
|
|
1885
|
+
if (server.url && !server.urls) {
|
|
1886
|
+
deprecated("RTCIceServer.url", "RTCIceServer.urls");
|
|
1887
|
+
}
|
|
1872
1888
|
const isString2 = typeof urls === "string";
|
|
1873
1889
|
if (isString2) {
|
|
1874
1890
|
urls = [urls];
|
|
@@ -2540,7 +2556,9 @@ function filterIceServers(iceServers, edgeVersion) {
|
|
|
2540
2556
|
return iceServers.filter(function (server) {
|
|
2541
2557
|
if (server && (server.urls || server.url)) {
|
|
2542
2558
|
var urls = server.urls || server.url;
|
|
2543
|
-
if (server.url && !server.urls)
|
|
2559
|
+
if (server.url && !server.urls) {
|
|
2560
|
+
console.warn("RTCIceServer.url is deprecated! Use urls instead.");
|
|
2561
|
+
}
|
|
2544
2562
|
var isString2 = typeof urls === "string";
|
|
2545
2563
|
if (isString2) {
|
|
2546
2564
|
urls = [urls];
|
|
@@ -3399,6 +3417,7 @@ var rtcpeerconnection = function (window2, edgeVersion) {
|
|
|
3399
3417
|
}
|
|
3400
3418
|
pc.transceivers.forEach(function (transceiver) {
|
|
3401
3419
|
if (transceiver.iceTransport && transceiver.iceTransport.state === "new" && transceiver.iceTransport.getRemoteCandidates().length > 0) {
|
|
3420
|
+
console.warn("Timeout for addRemoteCandidate. Consider sending an end-of-candidates notification");
|
|
3402
3421
|
transceiver.iceTransport.addRemoteCandidate({});
|
|
3403
3422
|
}
|
|
3404
3423
|
});
|
|
@@ -3981,6 +4000,7 @@ function shimGetUserMedia$1(window2, browserDetails) {
|
|
|
3981
4000
|
const navigator2 = window2 && window2.navigator;
|
|
3982
4001
|
const MediaStreamTrack = window2 && window2.MediaStreamTrack;
|
|
3983
4002
|
navigator2.getUserMedia = function (constraints, onSuccess, onError) {
|
|
4003
|
+
deprecated("navigator.getUserMedia", "navigator.mediaDevices.getUserMedia");
|
|
3984
4004
|
navigator2.mediaDevices.getUserMedia(constraints).then(onSuccess, onError);
|
|
3985
4005
|
};
|
|
3986
4006
|
if (!(browserDetails.version > 55 && "autoGainControl" in navigator2.mediaDevices.getSupportedConstraints())) {
|
|
@@ -4161,6 +4181,7 @@ function shimRemoveStream(window2) {
|
|
|
4161
4181
|
return;
|
|
4162
4182
|
}
|
|
4163
4183
|
window2.RTCPeerConnection.prototype.removeStream = function removeStream(stream) {
|
|
4184
|
+
deprecated("removeStream", "removeTrack");
|
|
4164
4185
|
this.getSenders().forEach(sender => {
|
|
4165
4186
|
if (sender.track && stream.getTracks().includes(sender.track)) {
|
|
4166
4187
|
this.removeTrack(sender);
|
|
@@ -4492,6 +4513,7 @@ function shimRTCIceServerUrls(window2) {
|
|
|
4492
4513
|
for (let i = 0; i < pcConfig.iceServers.length; i++) {
|
|
4493
4514
|
let server = pcConfig.iceServers[i];
|
|
4494
4515
|
if (!server.hasOwnProperty("urls") && server.hasOwnProperty("url")) {
|
|
4516
|
+
deprecated("RTCIceServer.url", "RTCIceServer.urls");
|
|
4495
4517
|
server = JSON.parse(JSON.stringify(server));
|
|
4496
4518
|
server.urls = server.url;
|
|
4497
4519
|
delete server.url;
|
|
@@ -4871,6 +4893,7 @@ function adapterFactory({
|
|
|
4871
4893
|
shimEdge: true,
|
|
4872
4894
|
shimSafari: true
|
|
4873
4895
|
}) {
|
|
4896
|
+
const logging2 = log$1;
|
|
4874
4897
|
const browserDetails = detectBrowser(window2);
|
|
4875
4898
|
const adapter = {
|
|
4876
4899
|
browserDetails,
|
|
@@ -4882,11 +4905,14 @@ function adapterFactory({
|
|
|
4882
4905
|
switch (browserDetails.browser) {
|
|
4883
4906
|
case "chrome":
|
|
4884
4907
|
if (!chromeShim || !shimPeerConnection$2 || !options.shimChrome) {
|
|
4908
|
+
logging2("Chrome shim is not included in this adapter release.");
|
|
4885
4909
|
return adapter;
|
|
4886
4910
|
}
|
|
4887
4911
|
if (browserDetails.version === null) {
|
|
4912
|
+
logging2("Chrome shim can not determine version, not shimming.");
|
|
4888
4913
|
return adapter;
|
|
4889
4914
|
}
|
|
4915
|
+
logging2("adapter.js shimming chrome.");
|
|
4890
4916
|
adapter.browserShim = chromeShim;
|
|
4891
4917
|
shimAddIceCandidateNullOrEmpty(window2, browserDetails);
|
|
4892
4918
|
shimGetUserMedia$3(window2, browserDetails);
|
|
@@ -4906,8 +4932,10 @@ function adapterFactory({
|
|
|
4906
4932
|
break;
|
|
4907
4933
|
case "firefox":
|
|
4908
4934
|
if (!firefoxShim || !shimPeerConnection || !options.shimFirefox) {
|
|
4935
|
+
logging2("Firefox shim is not included in this adapter release.");
|
|
4909
4936
|
return adapter;
|
|
4910
4937
|
}
|
|
4938
|
+
logging2("adapter.js shimming firefox.");
|
|
4911
4939
|
adapter.browserShim = firefoxShim;
|
|
4912
4940
|
shimAddIceCandidateNullOrEmpty(window2, browserDetails);
|
|
4913
4941
|
shimGetUserMedia$1(window2, browserDetails);
|
|
@@ -4928,8 +4956,10 @@ function adapterFactory({
|
|
|
4928
4956
|
break;
|
|
4929
4957
|
case "edge":
|
|
4930
4958
|
if (!edgeShim || !shimPeerConnection$1 || !options.shimEdge) {
|
|
4959
|
+
logging2("MS edge shim is not included in this adapter release.");
|
|
4931
4960
|
return adapter;
|
|
4932
4961
|
}
|
|
4962
|
+
logging2("adapter.js shimming edge.");
|
|
4933
4963
|
adapter.browserShim = edgeShim;
|
|
4934
4964
|
shimGetUserMedia$2(window2);
|
|
4935
4965
|
shimGetDisplayMedia$1(window2);
|
|
@@ -4940,8 +4970,10 @@ function adapterFactory({
|
|
|
4940
4970
|
break;
|
|
4941
4971
|
case "safari":
|
|
4942
4972
|
if (!safariShim || !options.shimSafari) {
|
|
4973
|
+
logging2("Safari shim is not included in this adapter release.");
|
|
4943
4974
|
return adapter;
|
|
4944
4975
|
}
|
|
4976
|
+
logging2("adapter.js shimming safari.");
|
|
4945
4977
|
adapter.browserShim = safariShim;
|
|
4946
4978
|
shimAddIceCandidateNullOrEmpty(window2, browserDetails);
|
|
4947
4979
|
shimRTCIceServerUrls(window2);
|
|
@@ -4957,6 +4989,9 @@ function adapterFactory({
|
|
|
4957
4989
|
shimSendThrowTypeError(window2);
|
|
4958
4990
|
removeExtmapAllowMixed(window2, browserDetails);
|
|
4959
4991
|
break;
|
|
4992
|
+
default:
|
|
4993
|
+
logging2("Unsupported browser!");
|
|
4994
|
+
break;
|
|
4960
4995
|
}
|
|
4961
4996
|
return adapter;
|
|
4962
4997
|
}
|
|
@@ -6035,6 +6070,7 @@ validators$1.transitional = function transitional2(validator2, version, message)
|
|
|
6035
6070
|
}
|
|
6036
6071
|
if (version && !deprecatedWarnings[opt]) {
|
|
6037
6072
|
deprecatedWarnings[opt] = true;
|
|
6073
|
+
console.warn(formatMessage(opt, " has been deprecated since v" + version + " and will be removed in the near future"));
|
|
6038
6074
|
}
|
|
6039
6075
|
return validator2 ? validator2(value, opt, opts) : true;
|
|
6040
6076
|
};
|
|
@@ -6566,6 +6602,8 @@ class RTCEndpoint extends Event$1 {
|
|
|
6566
6602
|
return this._localStream;
|
|
6567
6603
|
}
|
|
6568
6604
|
}
|
|
6605
|
+
console.log("build date:", BUILD_DATE);
|
|
6606
|
+
console.log("version:", VERSION$1);
|
|
6569
6607
|
const Events = Events$1;
|
|
6570
6608
|
const Endpoint = RTCEndpoint;
|
|
6571
6609
|
|
|
@@ -6673,6 +6711,7 @@ class WebRtcMt$1 {
|
|
|
6673
6711
|
if (res.code === 0) {
|
|
6674
6712
|
this.startPlay(plays);
|
|
6675
6713
|
} else {
|
|
6714
|
+
console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
|
|
6676
6715
|
setTimeout(() => {
|
|
6677
6716
|
this.rePlay();
|
|
6678
6717
|
}, 3 * 60 * 1e3);
|
|
@@ -6680,6 +6719,7 @@ class WebRtcMt$1 {
|
|
|
6680
6719
|
resolve(res);
|
|
6681
6720
|
});
|
|
6682
6721
|
}).catch(err => {
|
|
6722
|
+
console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
|
|
6683
6723
|
setTimeout(() => {
|
|
6684
6724
|
this.rePlay();
|
|
6685
6725
|
}, 3 * 60 * 1e3);
|
|
@@ -6690,6 +6730,11 @@ class WebRtcMt$1 {
|
|
|
6690
6730
|
switch (type) {
|
|
6691
6731
|
case "err":
|
|
6692
6732
|
throw new Error(text);
|
|
6733
|
+
case "warn":
|
|
6734
|
+
console.log(text);
|
|
6735
|
+
break;
|
|
6736
|
+
default:
|
|
6737
|
+
console.log(text);
|
|
6693
6738
|
}
|
|
6694
6739
|
}
|
|
6695
6740
|
// 停止播放0
|
|
@@ -6733,6 +6778,7 @@ class WebRtcMt$1 {
|
|
|
6733
6778
|
this.rePlay(videoElm);
|
|
6734
6779
|
});
|
|
6735
6780
|
player.on(Events.WEBRTC_ON_CONNECTION_STATE_CHANGE, state => {
|
|
6781
|
+
console.log("webrtc:" + state);
|
|
6736
6782
|
if (state === "disconnected" || state === "failed") {
|
|
6737
6783
|
this.rePlay(videoElm);
|
|
6738
6784
|
}
|
|
@@ -6740,8 +6786,10 @@ class WebRtcMt$1 {
|
|
|
6740
6786
|
}
|
|
6741
6787
|
// 重播
|
|
6742
6788
|
rePlay(videoElm) {
|
|
6789
|
+
console.log("\u5E95\u90E8\u505C\u6B62\u64AD\u653E");
|
|
6743
6790
|
this.stopPlay();
|
|
6744
6791
|
setTimeout(() => {
|
|
6792
|
+
console.log("\u5E95\u90E8\u91CD\u64AD");
|
|
6745
6793
|
this.init(this.opt);
|
|
6746
6794
|
}, 5 * 1e3);
|
|
6747
6795
|
}
|
|
@@ -7589,29 +7637,27 @@ function useMicroApp(appList) {
|
|
|
7589
7637
|
id: domId
|
|
7590
7638
|
});
|
|
7591
7639
|
}
|
|
7592
|
-
|
|
7593
|
-
|
|
7594
|
-
if (loadApp) {
|
|
7595
|
-
|
|
7596
|
-
loadApp.app.mount();
|
|
7597
|
-
}
|
|
7598
|
-
return;
|
|
7640
|
+
const loadApp = loadedApp.get(microAppName);
|
|
7641
|
+
if (loadApp) {
|
|
7642
|
+
if (!loadApp.mounted) {
|
|
7643
|
+
loadApp.app.mount();
|
|
7599
7644
|
}
|
|
7600
|
-
|
|
7601
|
-
|
|
7602
|
-
|
|
7603
|
-
|
|
7604
|
-
}
|
|
7605
|
-
|
|
7606
|
-
|
|
7607
|
-
|
|
7608
|
-
|
|
7609
|
-
|
|
7610
|
-
|
|
7611
|
-
|
|
7612
|
-
|
|
7613
|
-
|
|
7614
|
-
|
|
7645
|
+
return;
|
|
7646
|
+
}
|
|
7647
|
+
const app = loadMicroApp({
|
|
7648
|
+
name: microAppDefine ? microAppDefine.name : microAppName,
|
|
7649
|
+
entry: microAppDefine ? microAppDefine.entry : `/${microAppName}/`,
|
|
7650
|
+
container: `#${domId}`
|
|
7651
|
+
});
|
|
7652
|
+
const microApp = {
|
|
7653
|
+
name: microAppName,
|
|
7654
|
+
domId,
|
|
7655
|
+
app,
|
|
7656
|
+
mounted: true
|
|
7657
|
+
};
|
|
7658
|
+
loadAppList.value.push(microApp);
|
|
7659
|
+
loadedApp.set(microAppName, microApp);
|
|
7660
|
+
await app.mountPromise;
|
|
7615
7661
|
}, 100);
|
|
7616
7662
|
watch(route, handleRouteChange, {
|
|
7617
7663
|
immediate: true
|
|
@@ -8380,13 +8426,13 @@ const PageContent = defineComponent({
|
|
|
8380
8426
|
"alt": ""
|
|
8381
8427
|
}, null)]), [[vShow, show]]);
|
|
8382
8428
|
};
|
|
8383
|
-
const childTypes = [];
|
|
8384
|
-
childTypes.push(createVNode(Fragment, null, [appDomList.value.map(item => withDirectives(createVNode("div", {
|
|
8429
|
+
const childTypes = ref([]);
|
|
8430
|
+
childTypes.value.push(createVNode(Fragment, null, [appDomList.value.map(item => withDirectives(createVNode("div", {
|
|
8385
8431
|
"key": item.id,
|
|
8386
8432
|
"id": item.id
|
|
8387
8433
|
}, null), [[vShow, item.name === activeAppName.value]]))]));
|
|
8388
|
-
childTypes.push(createVNode(Fragment, null, [iframeList.value.map(iframeRender)]));
|
|
8389
|
-
childTypes.push(createVNode(Fragment, null, [extraPageList.value.map(item => {
|
|
8434
|
+
childTypes.value.push(createVNode(Fragment, null, [iframeList.value.map(iframeRender)]));
|
|
8435
|
+
childTypes.value.push(createVNode(Fragment, null, [extraPageList.value.map(item => {
|
|
8390
8436
|
const extraPageShoe = getTabUniqueKey(item) === activeKey.value;
|
|
8391
8437
|
return withDirectives(createVNode("div", {
|
|
8392
8438
|
"key": item.key + item.refreshKey,
|
|
@@ -8403,7 +8449,7 @@ const PageContent = defineComponent({
|
|
|
8403
8449
|
}, [props.showTabList && tabs, createVNode("div", {
|
|
8404
8450
|
"class": ["page-container", containerCns],
|
|
8405
8451
|
"ref": props.pageContainerRef
|
|
8406
|
-
}, [childTypes])]);
|
|
8452
|
+
}, [childTypes.value])]);
|
|
8407
8453
|
};
|
|
8408
8454
|
}
|
|
8409
8455
|
});
|
|
@@ -11517,6 +11563,7 @@ const CloudVideo = defineComponent({
|
|
|
11517
11563
|
initVideo();
|
|
11518
11564
|
});
|
|
11519
11565
|
onBeforeUnmount(() => {
|
|
11566
|
+
console.log("\u9500\u6BC1");
|
|
11520
11567
|
player?.stop();
|
|
11521
11568
|
});
|
|
11522
11569
|
return () => createVNode("div", {
|
|
@@ -11606,6 +11653,11 @@ class WebRtcMt {
|
|
|
11606
11653
|
switch (type) {
|
|
11607
11654
|
case "err":
|
|
11608
11655
|
throw new Error(text);
|
|
11656
|
+
case "warn":
|
|
11657
|
+
console.warn(text);
|
|
11658
|
+
break;
|
|
11659
|
+
default:
|
|
11660
|
+
console.info(text);
|
|
11609
11661
|
}
|
|
11610
11662
|
}
|
|
11611
11663
|
// 停止播放0
|
|
@@ -14075,6 +14127,7 @@ const SszComment = defineComponent({
|
|
|
14075
14127
|
token,
|
|
14076
14128
|
corpUser
|
|
14077
14129
|
} = await getZxUser(props.zxIp);
|
|
14130
|
+
console.log("corpUser", corpUser);
|
|
14078
14131
|
currentUserId.value = corpUser.id;
|
|
14079
14132
|
setAxiosOption({
|
|
14080
14133
|
baseURL: props.baseUrl,
|
|
@@ -14092,6 +14145,7 @@ const SszComment = defineComponent({
|
|
|
14092
14145
|
}
|
|
14093
14146
|
});
|
|
14094
14147
|
} catch (e) {
|
|
14148
|
+
console.log(e);
|
|
14095
14149
|
setAxiosOption({
|
|
14096
14150
|
baseURL: props.baseUrl,
|
|
14097
14151
|
headers: {
|
|
@@ -14748,6 +14802,7 @@ const QaContext = defineComponent({
|
|
|
14748
14802
|
}) {
|
|
14749
14803
|
const containerRef = ref();
|
|
14750
14804
|
const onAnswerRender = text => {
|
|
14805
|
+
console.log("%c%s", "color: #bd08b7;", text);
|
|
14751
14806
|
containerRef.value.scrollTo({
|
|
14752
14807
|
top: containerRef.value.scrollHeight,
|
|
14753
14808
|
behavior: "smooth"
|
package/dist/theme/index.js
CHANGED
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
const less = require("less");
|
|
2
|
-
const defaultVars = require("./scripts/default-vars");
|
|
3
|
-
|
|
4
|
-
const dark = require("./scripts/dark-vars");
|
|
5
|
-
const light = require("./scripts/light-vars");
|
|
6
|
-
|
|
7
|
-
const path = require("path");
|
|
8
|
-
const varDark = path.join(__dirname, ".", "style");
|
|
9
|
-
const themeConfig = [
|
|
10
|
-
{
|
|
11
|
-
theme: "dark",
|
|
12
|
-
htmlThemeAttr: "dark",
|
|
13
|
-
modifyVars: {
|
|
14
|
-
hack: `true;@import "${require.resolve(
|
|
15
|
-
varDark + "/color/colorPalette.less"
|
|
16
|
-
)}";@import "${require.resolve(varDark + "/themes/var-dark.less")}";`,
|
|
17
|
-
...defaultVars,
|
|
18
|
-
...dark,
|
|
19
|
-
"root-entry-name": "dark",
|
|
20
|
-
},
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
theme: "light",
|
|
24
|
-
htmlThemeAttr: "light",
|
|
25
|
-
modifyVars: {
|
|
26
|
-
// 引入除了变量外的其他内容
|
|
27
|
-
hack: `true;@import "${require.resolve(
|
|
28
|
-
varDark + "/color/colorPalette.less"
|
|
29
|
-
)}";@import "${require.resolve(varDark + "/themes/var-default.less")}";`,
|
|
30
|
-
...defaultVars,
|
|
31
|
-
...light,
|
|
32
|
-
"root-entry-name": "default",
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
];
|
|
36
|
-
const additionalData = async (content, filename) => {
|
|
37
|
-
const themePromises = themeConfig.map(async (t) => {
|
|
38
|
-
const { htmlThemeAttr, modifyVars = {} } = t;
|
|
39
|
-
const options = {
|
|
40
|
-
javascriptEnabled: true,
|
|
41
|
-
modifyVars,
|
|
42
|
-
relativeUrls: true,
|
|
43
|
-
filename,
|
|
44
|
-
};
|
|
45
|
-
try {
|
|
46
|
-
const { css } = await less.render(content, options);
|
|
47
|
-
let res = "";
|
|
48
|
-
if (htmlThemeAttr && css) {
|
|
49
|
-
res = `
|
|
50
|
-
[data-doc-theme=${htmlThemeAttr}] {
|
|
51
|
-
${css}
|
|
52
|
-
}
|
|
53
|
-
`;
|
|
54
|
-
}
|
|
55
|
-
return Promise.resolve(res);
|
|
56
|
-
} catch (error) {
|
|
57
|
-
// eslint-disable-next-line no-console
|
|
58
|
-
console.log(error);
|
|
59
|
-
return Promise.reject(content);
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
let res = content;
|
|
63
|
-
for (const themePromise of themePromises) {
|
|
64
|
-
const theme = await themePromise;
|
|
65
|
-
res += theme;
|
|
66
|
-
}
|
|
67
|
-
return res;
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
exports.default = additionalData;
|
|
1
|
+
const less = require("less");
|
|
2
|
+
const defaultVars = require("./scripts/default-vars");
|
|
3
|
+
|
|
4
|
+
const dark = require("./scripts/dark-vars");
|
|
5
|
+
const light = require("./scripts/light-vars");
|
|
6
|
+
|
|
7
|
+
const path = require("path");
|
|
8
|
+
const varDark = path.join(__dirname, ".", "style");
|
|
9
|
+
const themeConfig = [
|
|
10
|
+
{
|
|
11
|
+
theme: "dark",
|
|
12
|
+
htmlThemeAttr: "dark",
|
|
13
|
+
modifyVars: {
|
|
14
|
+
hack: `true;@import "${require.resolve(
|
|
15
|
+
varDark + "/color/colorPalette.less"
|
|
16
|
+
)}";@import "${require.resolve(varDark + "/themes/var-dark.less")}";`,
|
|
17
|
+
...defaultVars,
|
|
18
|
+
...dark,
|
|
19
|
+
"root-entry-name": "dark",
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
theme: "light",
|
|
24
|
+
htmlThemeAttr: "light",
|
|
25
|
+
modifyVars: {
|
|
26
|
+
// 引入除了变量外的其他内容
|
|
27
|
+
hack: `true;@import "${require.resolve(
|
|
28
|
+
varDark + "/color/colorPalette.less"
|
|
29
|
+
)}";@import "${require.resolve(varDark + "/themes/var-default.less")}";`,
|
|
30
|
+
...defaultVars,
|
|
31
|
+
...light,
|
|
32
|
+
"root-entry-name": "default",
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
];
|
|
36
|
+
const additionalData = async (content, filename) => {
|
|
37
|
+
const themePromises = themeConfig.map(async (t) => {
|
|
38
|
+
const { htmlThemeAttr, modifyVars = {} } = t;
|
|
39
|
+
const options = {
|
|
40
|
+
javascriptEnabled: true,
|
|
41
|
+
modifyVars,
|
|
42
|
+
relativeUrls: true,
|
|
43
|
+
filename,
|
|
44
|
+
};
|
|
45
|
+
try {
|
|
46
|
+
const { css } = await less.render(content, options);
|
|
47
|
+
let res = "";
|
|
48
|
+
if (htmlThemeAttr && css) {
|
|
49
|
+
res = `
|
|
50
|
+
[data-doc-theme=${htmlThemeAttr}] {
|
|
51
|
+
${css}
|
|
52
|
+
}
|
|
53
|
+
`;
|
|
54
|
+
}
|
|
55
|
+
return Promise.resolve(res);
|
|
56
|
+
} catch (error) {
|
|
57
|
+
// eslint-disable-next-line no-console
|
|
58
|
+
console.log(error);
|
|
59
|
+
return Promise.reject(content);
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
let res = content;
|
|
63
|
+
for (const themePromise of themePromises) {
|
|
64
|
+
const theme = await themePromise;
|
|
65
|
+
res += theme;
|
|
66
|
+
}
|
|
67
|
+
return res;
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
exports.default = additionalData;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* convert dark.less into js vars
|
|
3
|
-
*
|
|
4
|
-
* const darkVars = require('./dark-vars');
|
|
5
|
-
*/
|
|
6
|
-
const fs = require("fs");
|
|
7
|
-
const path = require("path");
|
|
8
|
-
const lessToJs = require("less-vars-to-js");
|
|
9
|
-
|
|
10
|
-
const stylePath = path.join(__dirname, "..", "style");
|
|
11
|
-
const darkLess = fs.readFileSync(
|
|
12
|
-
path.join(stylePath, "themes", "var-dark.less"),
|
|
13
|
-
"utf8"
|
|
14
|
-
);
|
|
15
|
-
|
|
16
|
-
const darkPaletteLess = lessToJs(darkLess, {
|
|
17
|
-
stripPrefix: true,
|
|
18
|
-
resolveVariables: false,
|
|
19
|
-
});
|
|
20
|
-
|
|
21
|
-
module.exports = darkPaletteLess;
|
|
1
|
+
/**
|
|
2
|
+
* convert dark.less into js vars
|
|
3
|
+
*
|
|
4
|
+
* const darkVars = require('./dark-vars');
|
|
5
|
+
*/
|
|
6
|
+
const fs = require("fs");
|
|
7
|
+
const path = require("path");
|
|
8
|
+
const lessToJs = require("less-vars-to-js");
|
|
9
|
+
|
|
10
|
+
const stylePath = path.join(__dirname, "..", "style");
|
|
11
|
+
const darkLess = fs.readFileSync(
|
|
12
|
+
path.join(stylePath, "themes", "var-dark.less"),
|
|
13
|
+
"utf8"
|
|
14
|
+
);
|
|
15
|
+
|
|
16
|
+
const darkPaletteLess = lessToJs(darkLess, {
|
|
17
|
+
stripPrefix: true,
|
|
18
|
+
resolveVariables: false,
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
module.exports = darkPaletteLess;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* convert default.less into js vars
|
|
3
|
-
*
|
|
4
|
-
* const darkVars = require('./default-vars');
|
|
5
|
-
*/
|
|
6
|
-
const fs = require("fs");
|
|
7
|
-
const path = require("path");
|
|
8
|
-
const lessToJs = require("less-vars-to-js");
|
|
9
|
-
|
|
10
|
-
const stylePath = path.join(__dirname, "..", "style");
|
|
11
|
-
const colorLess = fs.readFileSync(
|
|
12
|
-
path.join(stylePath, "color", "colors.less"),
|
|
13
|
-
"utf8"
|
|
14
|
-
);
|
|
15
|
-
const defaultLess = fs.readFileSync(
|
|
16
|
-
path.join(stylePath, "themes", "default.less"),
|
|
17
|
-
"utf8"
|
|
18
|
-
);
|
|
19
|
-
|
|
20
|
-
const defaultPaletteLess = lessToJs(`${colorLess}${defaultLess}`, {
|
|
21
|
-
stripPrefix: true,
|
|
22
|
-
resolveVariables: false,
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
module.exports = defaultPaletteLess;
|
|
1
|
+
/**
|
|
2
|
+
* convert default.less into js vars
|
|
3
|
+
*
|
|
4
|
+
* const darkVars = require('./default-vars');
|
|
5
|
+
*/
|
|
6
|
+
const fs = require("fs");
|
|
7
|
+
const path = require("path");
|
|
8
|
+
const lessToJs = require("less-vars-to-js");
|
|
9
|
+
|
|
10
|
+
const stylePath = path.join(__dirname, "..", "style");
|
|
11
|
+
const colorLess = fs.readFileSync(
|
|
12
|
+
path.join(stylePath, "color", "colors.less"),
|
|
13
|
+
"utf8"
|
|
14
|
+
);
|
|
15
|
+
const defaultLess = fs.readFileSync(
|
|
16
|
+
path.join(stylePath, "themes", "default.less"),
|
|
17
|
+
"utf8"
|
|
18
|
+
);
|
|
19
|
+
|
|
20
|
+
const defaultPaletteLess = lessToJs(`${colorLess}${defaultLess}`, {
|
|
21
|
+
stripPrefix: true,
|
|
22
|
+
resolveVariables: false,
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
module.exports = defaultPaletteLess;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* convert dark.less into js vars
|
|
3
|
-
*
|
|
4
|
-
* const darkVars = require('./dark-vars');
|
|
5
|
-
*/
|
|
6
|
-
const fs = require("fs");
|
|
7
|
-
const path = require("path");
|
|
8
|
-
const lessToJs = require("less-vars-to-js");
|
|
9
|
-
|
|
10
|
-
const stylePath = path.join(__dirname, "..", "style");
|
|
11
|
-
const lightLess = fs.readFileSync(
|
|
12
|
-
path.join(stylePath, "themes", "var-default.less"),
|
|
13
|
-
"utf8"
|
|
14
|
-
);
|
|
15
|
-
|
|
16
|
-
// 注册变量,过滤其他内容
|
|
17
|
-
const lightPaletteLess = lessToJs(lightLess, {
|
|
18
|
-
stripPrefix: true,
|
|
19
|
-
resolveVariables: false,
|
|
20
|
-
});
|
|
21
|
-
|
|
22
|
-
module.exports = lightPaletteLess;
|
|
1
|
+
/**
|
|
2
|
+
* convert dark.less into js vars
|
|
3
|
+
*
|
|
4
|
+
* const darkVars = require('./dark-vars');
|
|
5
|
+
*/
|
|
6
|
+
const fs = require("fs");
|
|
7
|
+
const path = require("path");
|
|
8
|
+
const lessToJs = require("less-vars-to-js");
|
|
9
|
+
|
|
10
|
+
const stylePath = path.join(__dirname, "..", "style");
|
|
11
|
+
const lightLess = fs.readFileSync(
|
|
12
|
+
path.join(stylePath, "themes", "var-default.less"),
|
|
13
|
+
"utf8"
|
|
14
|
+
);
|
|
15
|
+
|
|
16
|
+
// 注册变量,过滤其他内容
|
|
17
|
+
const lightPaletteLess = lessToJs(lightLess, {
|
|
18
|
+
stripPrefix: true,
|
|
19
|
+
resolveVariables: false,
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
module.exports = lightPaletteLess;
|