inl-ui 0.1.112 → 0.1.114
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 +11 -5
- package/dist/components/index.js +11 -5
- package/dist/index.cjs +12 -6
- package/dist/index.d.ts +1 -1
- package/dist/index.js +12 -6
- 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/README.md
CHANGED
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
# 工业PC ui库
|
|
2
|
-
|
|
3
|
-
前端通用库,包括组件、hooks、utils等。
|
|
4
|
-
|
|
5
|
-
### 运行
|
|
6
|
-
|
|
7
|
-
+ 开发模式 yarn dev
|
|
8
|
-
+ 生产打包 yarn build
|
|
9
|
-
+ 生成文档 yarn build:docs
|
|
10
|
-
+ 打包图扑工具 yarn buildtp
|
|
11
|
-
|
|
12
|
-
### 使用方法
|
|
13
|
-
|
|
14
|
-
```javascript
|
|
15
|
-
import inl from 'inl-ui';
|
|
16
|
-
import 'inl-ui/dist/style.css';
|
|
17
|
-
|
|
18
|
-
vue.use(inl)
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
### 激活主题
|
|
24
|
-
|
|
25
|
-
**vite.config.ts**
|
|
26
|
-
|
|
27
|
-
```javascript
|
|
28
|
-
const additionalData = require("inl-ui/dist/theme").default;
|
|
29
|
-
|
|
30
|
-
...
|
|
31
|
-
|
|
32
|
-
css: {
|
|
33
|
-
preprocessorOptions: {
|
|
34
|
-
less: {
|
|
35
|
-
javascriptEnabled: true,
|
|
36
|
-
additionalData,
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
},
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
### 文档链接
|
|
43
|
-
|
|
44
|
-
##### [组件文档](./src/components/README.md)
|
|
45
|
-
|
|
46
|
-
##### [hooks文档](./src/hooks/README.md)
|
|
47
|
-
|
|
48
|
-
##### [Utils文档](./src/utils/README.md)
|
|
49
|
-
|
|
1
|
+
# 工业PC ui库
|
|
2
|
+
|
|
3
|
+
前端通用库,包括组件、hooks、utils等。
|
|
4
|
+
|
|
5
|
+
### 运行
|
|
6
|
+
|
|
7
|
+
+ 开发模式 yarn dev
|
|
8
|
+
+ 生产打包 yarn build
|
|
9
|
+
+ 生成文档 yarn build:docs
|
|
10
|
+
+ 打包图扑工具 yarn buildtp
|
|
11
|
+
|
|
12
|
+
### 使用方法
|
|
13
|
+
|
|
14
|
+
```javascript
|
|
15
|
+
import inl from 'inl-ui';
|
|
16
|
+
import 'inl-ui/dist/style.css';
|
|
17
|
+
|
|
18
|
+
vue.use(inl)
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
### 激活主题
|
|
24
|
+
|
|
25
|
+
**vite.config.ts**
|
|
26
|
+
|
|
27
|
+
```javascript
|
|
28
|
+
const additionalData = require("inl-ui/dist/theme").default;
|
|
29
|
+
|
|
30
|
+
...
|
|
31
|
+
|
|
32
|
+
css: {
|
|
33
|
+
preprocessorOptions: {
|
|
34
|
+
less: {
|
|
35
|
+
javascriptEnabled: true,
|
|
36
|
+
additionalData,
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
### 文档链接
|
|
43
|
+
|
|
44
|
+
##### [组件文档](./src/components/README.md)
|
|
45
|
+
|
|
46
|
+
##### [hooks文档](./src/hooks/README.md)
|
|
47
|
+
|
|
48
|
+
##### [Utils文档](./src/utils/README.md)
|
|
49
|
+
|
|
@@ -8729,20 +8729,26 @@ const getDetailContainer = () => vue.defineComponent({
|
|
|
8729
8729
|
}
|
|
8730
8730
|
};
|
|
8731
8731
|
const addTab = ___default["default"].debounce(newRoute => {
|
|
8732
|
-
dataId.value = newRoute.params.id;
|
|
8732
|
+
dataId.value = newRoute.params.id || newRoute.query.id;
|
|
8733
8733
|
const {
|
|
8734
|
-
name
|
|
8734
|
+
name,
|
|
8735
|
+
newTab
|
|
8735
8736
|
} = route.query;
|
|
8737
|
+
if (newTab) {
|
|
8738
|
+
dataId.value = newTab;
|
|
8739
|
+
}
|
|
8736
8740
|
const tab = {
|
|
8737
8741
|
name,
|
|
8738
8742
|
url: route.fullPath,
|
|
8739
8743
|
key: props.name,
|
|
8740
|
-
uniqueKey:
|
|
8744
|
+
uniqueKey: dataId.value,
|
|
8741
8745
|
icon: props.icon,
|
|
8742
8746
|
isExtraTab: true,
|
|
8743
8747
|
params: ___default["default"].omit(route.query, "name")
|
|
8744
8748
|
};
|
|
8745
8749
|
const detail = detailList.value.find(item => item.uniqueKey === tab.uniqueKey);
|
|
8750
|
+
console.log("tab", tab);
|
|
8751
|
+
debugger;
|
|
8746
8752
|
if (detail) {
|
|
8747
8753
|
detail.url = newRoute.fullPath;
|
|
8748
8754
|
if (Array.isArray(qiankunState.value.extraTabs)) {
|
|
@@ -8758,7 +8764,7 @@ const getDetailContainer = () => vue.defineComponent({
|
|
|
8758
8764
|
detailList.value.push({
|
|
8759
8765
|
...tab,
|
|
8760
8766
|
refreshKey: Date.now(),
|
|
8761
|
-
id:
|
|
8767
|
+
id: dataId.value
|
|
8762
8768
|
});
|
|
8763
8769
|
console.log("detailList.value", detailList.value);
|
|
8764
8770
|
setTimeout(() => {
|
|
@@ -8776,7 +8782,7 @@ const getDetailContainer = () => vue.defineComponent({
|
|
|
8776
8782
|
...(qiankunState.value ?? {}),
|
|
8777
8783
|
activeTabKey
|
|
8778
8784
|
};
|
|
8779
|
-
},
|
|
8785
|
+
}, 500, {
|
|
8780
8786
|
leading: true,
|
|
8781
8787
|
trailing: false
|
|
8782
8788
|
});
|
package/dist/components/index.js
CHANGED
|
@@ -8701,20 +8701,26 @@ const getDetailContainer = () => defineComponent({
|
|
|
8701
8701
|
}
|
|
8702
8702
|
};
|
|
8703
8703
|
const addTab = _.debounce(newRoute => {
|
|
8704
|
-
dataId.value = newRoute.params.id;
|
|
8704
|
+
dataId.value = newRoute.params.id || newRoute.query.id;
|
|
8705
8705
|
const {
|
|
8706
|
-
name
|
|
8706
|
+
name,
|
|
8707
|
+
newTab
|
|
8707
8708
|
} = route.query;
|
|
8709
|
+
if (newTab) {
|
|
8710
|
+
dataId.value = newTab;
|
|
8711
|
+
}
|
|
8708
8712
|
const tab = {
|
|
8709
8713
|
name,
|
|
8710
8714
|
url: route.fullPath,
|
|
8711
8715
|
key: props.name,
|
|
8712
|
-
uniqueKey:
|
|
8716
|
+
uniqueKey: dataId.value,
|
|
8713
8717
|
icon: props.icon,
|
|
8714
8718
|
isExtraTab: true,
|
|
8715
8719
|
params: _.omit(route.query, "name")
|
|
8716
8720
|
};
|
|
8717
8721
|
const detail = detailList.value.find(item => item.uniqueKey === tab.uniqueKey);
|
|
8722
|
+
console.log("tab", tab);
|
|
8723
|
+
debugger;
|
|
8718
8724
|
if (detail) {
|
|
8719
8725
|
detail.url = newRoute.fullPath;
|
|
8720
8726
|
if (Array.isArray(qiankunState.value.extraTabs)) {
|
|
@@ -8730,7 +8736,7 @@ const getDetailContainer = () => defineComponent({
|
|
|
8730
8736
|
detailList.value.push({
|
|
8731
8737
|
...tab,
|
|
8732
8738
|
refreshKey: Date.now(),
|
|
8733
|
-
id:
|
|
8739
|
+
id: dataId.value
|
|
8734
8740
|
});
|
|
8735
8741
|
console.log("detailList.value", detailList.value);
|
|
8736
8742
|
setTimeout(() => {
|
|
@@ -8748,7 +8754,7 @@ const getDetailContainer = () => defineComponent({
|
|
|
8748
8754
|
...(qiankunState.value ?? {}),
|
|
8749
8755
|
activeTabKey
|
|
8750
8756
|
};
|
|
8751
|
-
},
|
|
8757
|
+
}, 500, {
|
|
8752
8758
|
leading: true,
|
|
8753
8759
|
trailing: false
|
|
8754
8760
|
});
|
package/dist/index.cjs
CHANGED
|
@@ -43,7 +43,7 @@ var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios$2);
|
|
|
43
43
|
var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
|
|
44
44
|
var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
|
|
45
45
|
|
|
46
|
-
var version = "0.1.
|
|
46
|
+
var version = "0.1.113";
|
|
47
47
|
|
|
48
48
|
const setTheme = theme => {
|
|
49
49
|
if (theme === "dark") {
|
|
@@ -9715,20 +9715,26 @@ const getDetailContainer = () => vue.defineComponent({
|
|
|
9715
9715
|
}
|
|
9716
9716
|
};
|
|
9717
9717
|
const addTab = ___default["default"].debounce(newRoute => {
|
|
9718
|
-
dataId.value = newRoute.params.id;
|
|
9718
|
+
dataId.value = newRoute.params.id || newRoute.query.id;
|
|
9719
9719
|
const {
|
|
9720
|
-
name
|
|
9720
|
+
name,
|
|
9721
|
+
newTab
|
|
9721
9722
|
} = route.query;
|
|
9723
|
+
if (newTab) {
|
|
9724
|
+
dataId.value = newTab;
|
|
9725
|
+
}
|
|
9722
9726
|
const tab = {
|
|
9723
9727
|
name,
|
|
9724
9728
|
url: route.fullPath,
|
|
9725
9729
|
key: props.name,
|
|
9726
|
-
uniqueKey:
|
|
9730
|
+
uniqueKey: dataId.value,
|
|
9727
9731
|
icon: props.icon,
|
|
9728
9732
|
isExtraTab: true,
|
|
9729
9733
|
params: ___default["default"].omit(route.query, "name")
|
|
9730
9734
|
};
|
|
9731
9735
|
const detail = detailList.value.find(item => item.uniqueKey === tab.uniqueKey);
|
|
9736
|
+
console.log("tab", tab);
|
|
9737
|
+
debugger;
|
|
9732
9738
|
if (detail) {
|
|
9733
9739
|
detail.url = newRoute.fullPath;
|
|
9734
9740
|
if (Array.isArray(qiankunState.value.extraTabs)) {
|
|
@@ -9744,7 +9750,7 @@ const getDetailContainer = () => vue.defineComponent({
|
|
|
9744
9750
|
detailList.value.push({
|
|
9745
9751
|
...tab,
|
|
9746
9752
|
refreshKey: Date.now(),
|
|
9747
|
-
id:
|
|
9753
|
+
id: dataId.value
|
|
9748
9754
|
});
|
|
9749
9755
|
console.log("detailList.value", detailList.value);
|
|
9750
9756
|
setTimeout(() => {
|
|
@@ -9762,7 +9768,7 @@ const getDetailContainer = () => vue.defineComponent({
|
|
|
9762
9768
|
...(qiankunState.value ?? {}),
|
|
9763
9769
|
activeTabKey
|
|
9764
9770
|
};
|
|
9765
|
-
},
|
|
9771
|
+
}, 500, {
|
|
9766
9772
|
leading: true,
|
|
9767
9773
|
trailing: false
|
|
9768
9774
|
});
|
package/dist/index.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ import { Key } from 'ant-design-vue/lib/table/interface';
|
|
|
11
11
|
import * as vue_jsx_runtime from 'vue/jsx-runtime';
|
|
12
12
|
import * as _ant_design_icons_vue_lib_components_IconFont from '@ant-design/icons-vue/lib/components/IconFont';
|
|
13
13
|
|
|
14
|
-
var version = "0.1.
|
|
14
|
+
var version = "0.1.113";
|
|
15
15
|
|
|
16
16
|
declare const _default$p: {
|
|
17
17
|
set(theme: string): void;
|
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.113";
|
|
17
17
|
|
|
18
18
|
const setTheme = theme => {
|
|
19
19
|
if (theme === "dark") {
|
|
@@ -9685,20 +9685,26 @@ const getDetailContainer = () => defineComponent({
|
|
|
9685
9685
|
}
|
|
9686
9686
|
};
|
|
9687
9687
|
const addTab = _.debounce(newRoute => {
|
|
9688
|
-
dataId.value = newRoute.params.id;
|
|
9688
|
+
dataId.value = newRoute.params.id || newRoute.query.id;
|
|
9689
9689
|
const {
|
|
9690
|
-
name
|
|
9690
|
+
name,
|
|
9691
|
+
newTab
|
|
9691
9692
|
} = route.query;
|
|
9693
|
+
if (newTab) {
|
|
9694
|
+
dataId.value = newTab;
|
|
9695
|
+
}
|
|
9692
9696
|
const tab = {
|
|
9693
9697
|
name,
|
|
9694
9698
|
url: route.fullPath,
|
|
9695
9699
|
key: props.name,
|
|
9696
|
-
uniqueKey:
|
|
9700
|
+
uniqueKey: dataId.value,
|
|
9697
9701
|
icon: props.icon,
|
|
9698
9702
|
isExtraTab: true,
|
|
9699
9703
|
params: _.omit(route.query, "name")
|
|
9700
9704
|
};
|
|
9701
9705
|
const detail = detailList.value.find(item => item.uniqueKey === tab.uniqueKey);
|
|
9706
|
+
console.log("tab", tab);
|
|
9707
|
+
debugger;
|
|
9702
9708
|
if (detail) {
|
|
9703
9709
|
detail.url = newRoute.fullPath;
|
|
9704
9710
|
if (Array.isArray(qiankunState.value.extraTabs)) {
|
|
@@ -9714,7 +9720,7 @@ const getDetailContainer = () => defineComponent({
|
|
|
9714
9720
|
detailList.value.push({
|
|
9715
9721
|
...tab,
|
|
9716
9722
|
refreshKey: Date.now(),
|
|
9717
|
-
id:
|
|
9723
|
+
id: dataId.value
|
|
9718
9724
|
});
|
|
9719
9725
|
console.log("detailList.value", detailList.value);
|
|
9720
9726
|
setTimeout(() => {
|
|
@@ -9732,7 +9738,7 @@ const getDetailContainer = () => defineComponent({
|
|
|
9732
9738
|
...(qiankunState.value ?? {}),
|
|
9733
9739
|
activeTabKey
|
|
9734
9740
|
};
|
|
9735
|
-
},
|
|
9741
|
+
}, 500, {
|
|
9736
9742
|
leading: true,
|
|
9737
9743
|
trailing: false
|
|
9738
9744
|
});
|
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;
|