inl-ui 0.1.118 → 0.1.119

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
+
@@ -8737,6 +8737,7 @@ const getDetailContainer = () => vue.defineComponent({
8737
8737
  if (newTab) {
8738
8738
  dataId.value = newTab;
8739
8739
  }
8740
+ dataId.value = props.name + dataId.value;
8740
8741
  const tab = {
8741
8742
  name,
8742
8743
  url: route.fullPath,
@@ -8746,7 +8747,7 @@ const getDetailContainer = () => vue.defineComponent({
8746
8747
  isExtraTab: true,
8747
8748
  params: ___default["default"].omit(route.query, "name")
8748
8749
  };
8749
- const detail = detailList.value.find(item => item.key + item.uniqueKey === tab.key + tab.uniqueKey);
8750
+ const detail = detailList.value.find(item => item.uniqueKey === tab.uniqueKey);
8750
8751
  if (detail) {
8751
8752
  detail.url = newRoute.fullPath;
8752
8753
  if (Array.isArray(qiankunState.value.extraTabs)) {
@@ -8775,7 +8776,7 @@ const getDetailContainer = () => vue.defineComponent({
8775
8776
  }
8776
8777
  });
8777
8778
  }
8778
- const activeTabKey = props.name + tab.uniqueKey;
8779
+ const activeTabKey = tab.uniqueKey;
8779
8780
  qiankunState.value = {
8780
8781
  ...(qiankunState.value ?? {}),
8781
8782
  activeTabKey
@@ -8709,6 +8709,7 @@ const getDetailContainer = () => defineComponent({
8709
8709
  if (newTab) {
8710
8710
  dataId.value = newTab;
8711
8711
  }
8712
+ dataId.value = props.name + dataId.value;
8712
8713
  const tab = {
8713
8714
  name,
8714
8715
  url: route.fullPath,
@@ -8718,7 +8719,7 @@ const getDetailContainer = () => defineComponent({
8718
8719
  isExtraTab: true,
8719
8720
  params: _.omit(route.query, "name")
8720
8721
  };
8721
- const detail = detailList.value.find(item => item.key + item.uniqueKey === tab.key + tab.uniqueKey);
8722
+ const detail = detailList.value.find(item => item.uniqueKey === tab.uniqueKey);
8722
8723
  if (detail) {
8723
8724
  detail.url = newRoute.fullPath;
8724
8725
  if (Array.isArray(qiankunState.value.extraTabs)) {
@@ -8747,7 +8748,7 @@ const getDetailContainer = () => defineComponent({
8747
8748
  }
8748
8749
  });
8749
8750
  }
8750
- const activeTabKey = props.name + tab.uniqueKey;
8751
+ const activeTabKey = tab.uniqueKey;
8751
8752
  qiankunState.value = {
8752
8753
  ...(qiankunState.value ?? {}),
8753
8754
  activeTabKey
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.117";
46
+ var version = "0.1.119";
47
47
 
48
48
  const setTheme = theme => {
49
49
  if (theme === "dark") {
@@ -9723,6 +9723,7 @@ const getDetailContainer = () => vue.defineComponent({
9723
9723
  if (newTab) {
9724
9724
  dataId.value = newTab;
9725
9725
  }
9726
+ dataId.value = props.name + dataId.value;
9726
9727
  const tab = {
9727
9728
  name,
9728
9729
  url: route.fullPath,
@@ -9732,7 +9733,7 @@ const getDetailContainer = () => vue.defineComponent({
9732
9733
  isExtraTab: true,
9733
9734
  params: ___default["default"].omit(route.query, "name")
9734
9735
  };
9735
- const detail = detailList.value.find(item => item.key + item.uniqueKey === tab.key + tab.uniqueKey);
9736
+ const detail = detailList.value.find(item => item.uniqueKey === tab.uniqueKey);
9736
9737
  if (detail) {
9737
9738
  detail.url = newRoute.fullPath;
9738
9739
  if (Array.isArray(qiankunState.value.extraTabs)) {
@@ -9761,7 +9762,7 @@ const getDetailContainer = () => vue.defineComponent({
9761
9762
  }
9762
9763
  });
9763
9764
  }
9764
- const activeTabKey = props.name + tab.uniqueKey;
9765
+ const activeTabKey = tab.uniqueKey;
9765
9766
  qiankunState.value = {
9766
9767
  ...(qiankunState.value ?? {}),
9767
9768
  activeTabKey
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.117";
14
+ var version = "0.1.119";
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.117";
16
+ var version = "0.1.119";
17
17
 
18
18
  const setTheme = theme => {
19
19
  if (theme === "dark") {
@@ -9693,6 +9693,7 @@ const getDetailContainer = () => defineComponent({
9693
9693
  if (newTab) {
9694
9694
  dataId.value = newTab;
9695
9695
  }
9696
+ dataId.value = props.name + dataId.value;
9696
9697
  const tab = {
9697
9698
  name,
9698
9699
  url: route.fullPath,
@@ -9702,7 +9703,7 @@ const getDetailContainer = () => defineComponent({
9702
9703
  isExtraTab: true,
9703
9704
  params: _.omit(route.query, "name")
9704
9705
  };
9705
- const detail = detailList.value.find(item => item.key + item.uniqueKey === tab.key + tab.uniqueKey);
9706
+ const detail = detailList.value.find(item => item.uniqueKey === tab.uniqueKey);
9706
9707
  if (detail) {
9707
9708
  detail.url = newRoute.fullPath;
9708
9709
  if (Array.isArray(qiankunState.value.extraTabs)) {
@@ -9731,7 +9732,7 @@ const getDetailContainer = () => defineComponent({
9731
9732
  }
9732
9733
  });
9733
9734
  }
9734
- const activeTabKey = props.name + tab.uniqueKey;
9735
+ const activeTabKey = tab.uniqueKey;
9735
9736
  qiankunState.value = {
9736
9737
  ...(qiankunState.value ?? {}),
9737
9738
  activeTabKey
@@ -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;