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 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: newRoute.params.id,
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: newRoute.params.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
- }, 300, {
8785
+ }, 500, {
8780
8786
  leading: true,
8781
8787
  trailing: false
8782
8788
  });
@@ -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: newRoute.params.id,
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: newRoute.params.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
- }, 300, {
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.111";
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: newRoute.params.id,
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: newRoute.params.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
- }, 300, {
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.111";
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.111";
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: newRoute.params.id,
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: newRoute.params.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
- }, 300, {
9741
+ }, 500, {
9736
9742
  leading: true,
9737
9743
  trailing: false
9738
9744
  });
@@ -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;