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 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
+
@@ -557,29 +557,27 @@ function useMicroApp(appList) {
557
557
  id: domId
558
558
  });
559
559
  }
560
- setTimeout(async () => {
561
- const loadApp = loadedApp.get(microAppName);
562
- if (loadApp) {
563
- if (!loadApp.mounted) {
564
- loadApp.app.mount();
565
- }
566
- return;
560
+ const loadApp = loadedApp.get(microAppName);
561
+ if (loadApp) {
562
+ if (!loadApp.mounted) {
563
+ loadApp.app.mount();
567
564
  }
568
- const app = qiankun.loadMicroApp({
569
- name: microAppDefine ? microAppDefine.name : microAppName,
570
- entry: microAppDefine ? microAppDefine.entry : `/${microAppName}/`,
571
- container: `#${domId}`
572
- });
573
- const microApp = {
574
- name: microAppName,
575
- domId,
576
- app,
577
- mounted: true
578
- };
579
- loadAppList.value.push(microApp);
580
- loadedApp.set(microAppName, microApp);
581
- await app.mountPromise;
582
- }, 10);
565
+ return;
566
+ }
567
+ const app = qiankun.loadMicroApp({
568
+ name: microAppDefine ? microAppDefine.name : microAppName,
569
+ entry: microAppDefine ? microAppDefine.entry : `/${microAppName}/`,
570
+ container: `#${domId}`
571
+ });
572
+ const microApp = {
573
+ name: microAppName,
574
+ domId,
575
+ app,
576
+ mounted: true
577
+ };
578
+ loadAppList.value.push(microApp);
579
+ loadedApp.set(microAppName, microApp);
580
+ await app.mountPromise;
583
581
  }, 100);
584
582
  vue.watch(route, handleRouteChange, {
585
583
  immediate: true
@@ -7255,13 +7253,13 @@ const PageContent = vue.defineComponent({
7255
7253
  "alt": ""
7256
7254
  }, null)]), [[vue.vShow, show]]);
7257
7255
  };
7258
- const childTypes = [];
7259
- childTypes.push(vue.createVNode(vue.Fragment, null, [appDomList.value.map(item => vue.withDirectives(vue.createVNode("div", {
7256
+ const childTypes = vue.ref([]);
7257
+ childTypes.value.push(vue.createVNode(vue.Fragment, null, [appDomList.value.map(item => vue.withDirectives(vue.createVNode("div", {
7260
7258
  "key": item.id,
7261
7259
  "id": item.id
7262
7260
  }, null), [[vue.vShow, item.name === activeAppName.value]]))]));
7263
- childTypes.push(vue.createVNode(vue.Fragment, null, [iframeList.value.map(iframeRender)]));
7264
- childTypes.push(vue.createVNode(vue.Fragment, null, [extraPageList.value.map(item => {
7261
+ childTypes.value.push(vue.createVNode(vue.Fragment, null, [iframeList.value.map(iframeRender)]));
7262
+ childTypes.value.push(vue.createVNode(vue.Fragment, null, [extraPageList.value.map(item => {
7265
7263
  const extraPageShoe = getTabUniqueKey(item) === activeKey.value;
7266
7264
  return vue.withDirectives(vue.createVNode("div", {
7267
7265
  "key": item.key + item.refreshKey,
@@ -7278,7 +7276,7 @@ const PageContent = vue.defineComponent({
7278
7276
  }, [props.showTabList && tabs, vue.createVNode("div", {
7279
7277
  "class": ["page-container", containerCns],
7280
7278
  "ref": props.pageContainerRef
7281
- }, [childTypes])]);
7279
+ }, [childTypes.value])]);
7282
7280
  };
7283
7281
  }
7284
7282
  });
@@ -529,29 +529,27 @@ function useMicroApp(appList) {
529
529
  id: domId
530
530
  });
531
531
  }
532
- setTimeout(async () => {
533
- const loadApp = loadedApp.get(microAppName);
534
- if (loadApp) {
535
- if (!loadApp.mounted) {
536
- loadApp.app.mount();
537
- }
538
- return;
532
+ const loadApp = loadedApp.get(microAppName);
533
+ if (loadApp) {
534
+ if (!loadApp.mounted) {
535
+ loadApp.app.mount();
539
536
  }
540
- const app = loadMicroApp({
541
- name: microAppDefine ? microAppDefine.name : microAppName,
542
- entry: microAppDefine ? microAppDefine.entry : `/${microAppName}/`,
543
- container: `#${domId}`
544
- });
545
- const microApp = {
546
- name: microAppName,
547
- domId,
548
- app,
549
- mounted: true
550
- };
551
- loadAppList.value.push(microApp);
552
- loadedApp.set(microAppName, microApp);
553
- await app.mountPromise;
554
- }, 10);
537
+ return;
538
+ }
539
+ const app = loadMicroApp({
540
+ name: microAppDefine ? microAppDefine.name : microAppName,
541
+ entry: microAppDefine ? microAppDefine.entry : `/${microAppName}/`,
542
+ container: `#${domId}`
543
+ });
544
+ const microApp = {
545
+ name: microAppName,
546
+ domId,
547
+ app,
548
+ mounted: true
549
+ };
550
+ loadAppList.value.push(microApp);
551
+ loadedApp.set(microAppName, microApp);
552
+ await app.mountPromise;
555
553
  }, 100);
556
554
  watch(route, handleRouteChange, {
557
555
  immediate: true
@@ -7227,13 +7225,13 @@ const PageContent = defineComponent({
7227
7225
  "alt": ""
7228
7226
  }, null)]), [[vShow, show]]);
7229
7227
  };
7230
- const childTypes = [];
7231
- childTypes.push(createVNode(Fragment, null, [appDomList.value.map(item => withDirectives(createVNode("div", {
7228
+ const childTypes = ref([]);
7229
+ childTypes.value.push(createVNode(Fragment, null, [appDomList.value.map(item => withDirectives(createVNode("div", {
7232
7230
  "key": item.id,
7233
7231
  "id": item.id
7234
7232
  }, null), [[vShow, item.name === activeAppName.value]]))]));
7235
- childTypes.push(createVNode(Fragment, null, [iframeList.value.map(iframeRender)]));
7236
- childTypes.push(createVNode(Fragment, null, [extraPageList.value.map(item => {
7233
+ childTypes.value.push(createVNode(Fragment, null, [iframeList.value.map(iframeRender)]));
7234
+ childTypes.value.push(createVNode(Fragment, null, [extraPageList.value.map(item => {
7237
7235
  const extraPageShoe = getTabUniqueKey(item) === activeKey.value;
7238
7236
  return withDirectives(createVNode("div", {
7239
7237
  "key": item.key + item.refreshKey,
@@ -7250,7 +7248,7 @@ const PageContent = defineComponent({
7250
7248
  }, [props.showTabList && tabs, createVNode("div", {
7251
7249
  "class": ["page-container", containerCns],
7252
7250
  "ref": props.pageContainerRef
7253
- }, [childTypes])]);
7251
+ }, [childTypes.value])]);
7254
7252
  };
7255
7253
  }
7256
7254
  });