inl-ui 0.1.112 → 0.1.113

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 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,7 +8729,7 @@ 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
8734
  name
8735
8735
  } = route.query;
@@ -8737,7 +8737,7 @@ const getDetailContainer = () => vue.defineComponent({
8737
8737
  name,
8738
8738
  url: route.fullPath,
8739
8739
  key: props.name,
8740
- uniqueKey: newRoute.params.id,
8740
+ uniqueKey: dataId.value,
8741
8741
  icon: props.icon,
8742
8742
  isExtraTab: true,
8743
8743
  params: ___default["default"].omit(route.query, "name")
@@ -8758,7 +8758,7 @@ const getDetailContainer = () => vue.defineComponent({
8758
8758
  detailList.value.push({
8759
8759
  ...tab,
8760
8760
  refreshKey: Date.now(),
8761
- id: newRoute.params.id
8761
+ id: dataId.value
8762
8762
  });
8763
8763
  console.log("detailList.value", detailList.value);
8764
8764
  setTimeout(() => {
@@ -8701,7 +8701,7 @@ 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
8706
  name
8707
8707
  } = route.query;
@@ -8709,7 +8709,7 @@ const getDetailContainer = () => defineComponent({
8709
8709
  name,
8710
8710
  url: route.fullPath,
8711
8711
  key: props.name,
8712
- uniqueKey: newRoute.params.id,
8712
+ uniqueKey: dataId.value,
8713
8713
  icon: props.icon,
8714
8714
  isExtraTab: true,
8715
8715
  params: _.omit(route.query, "name")
@@ -8730,7 +8730,7 @@ const getDetailContainer = () => defineComponent({
8730
8730
  detailList.value.push({
8731
8731
  ...tab,
8732
8732
  refreshKey: Date.now(),
8733
- id: newRoute.params.id
8733
+ id: dataId.value
8734
8734
  });
8735
8735
  console.log("detailList.value", detailList.value);
8736
8736
  setTimeout(() => {
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.111";
46
+ var version = "0.1.112";
47
47
 
48
48
  const setTheme = theme => {
49
49
  if (theme === "dark") {
@@ -9715,7 +9715,7 @@ 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
9720
  name
9721
9721
  } = route.query;
@@ -9723,7 +9723,7 @@ const getDetailContainer = () => vue.defineComponent({
9723
9723
  name,
9724
9724
  url: route.fullPath,
9725
9725
  key: props.name,
9726
- uniqueKey: newRoute.params.id,
9726
+ uniqueKey: dataId.value,
9727
9727
  icon: props.icon,
9728
9728
  isExtraTab: true,
9729
9729
  params: ___default["default"].omit(route.query, "name")
@@ -9744,7 +9744,7 @@ const getDetailContainer = () => vue.defineComponent({
9744
9744
  detailList.value.push({
9745
9745
  ...tab,
9746
9746
  refreshKey: Date.now(),
9747
- id: newRoute.params.id
9747
+ id: dataId.value
9748
9748
  });
9749
9749
  console.log("detailList.value", detailList.value);
9750
9750
  setTimeout(() => {
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.111";
14
+ var version = "0.1.112";
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.111";
16
+ var version = "0.1.112";
17
17
 
18
18
  const setTheme = theme => {
19
19
  if (theme === "dark") {
@@ -9685,7 +9685,7 @@ 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
9690
  name
9691
9691
  } = route.query;
@@ -9693,7 +9693,7 @@ const getDetailContainer = () => defineComponent({
9693
9693
  name,
9694
9694
  url: route.fullPath,
9695
9695
  key: props.name,
9696
- uniqueKey: newRoute.params.id,
9696
+ uniqueKey: dataId.value,
9697
9697
  icon: props.icon,
9698
9698
  isExtraTab: true,
9699
9699
  params: _.omit(route.query, "name")
@@ -9714,7 +9714,7 @@ const getDetailContainer = () => defineComponent({
9714
9714
  detailList.value.push({
9715
9715
  ...tab,
9716
9716
  refreshKey: Date.now(),
9717
- id: newRoute.params.id
9717
+ id: dataId.value
9718
9718
  });
9719
9719
  console.log("detailList.value", detailList.value);
9720
9720
  setTimeout(() => {
@@ -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;