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 +49 -49
- package/dist/components/index.cjs +25 -27
- package/dist/components/index.js +25 -27
- package/dist/iconfont.js +1 -1
- package/dist/index.cjs +85 -30
- package/dist/index.d.ts +1 -1
- package/dist/index.js +85 -30
- 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
|
+
|
|
@@ -557,29 +557,27 @@ function useMicroApp(appList) {
|
|
|
557
557
|
id: domId
|
|
558
558
|
});
|
|
559
559
|
}
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
if (loadApp) {
|
|
563
|
-
|
|
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
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
}
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
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
|
});
|
package/dist/components/index.js
CHANGED
|
@@ -529,29 +529,27 @@ function useMicroApp(appList) {
|
|
|
529
529
|
id: domId
|
|
530
530
|
});
|
|
531
531
|
}
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
if (loadApp) {
|
|
535
|
-
|
|
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
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
}
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
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
|
});
|