inl-ui 0.1.160 → 0.1.162
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 +37 -16
- package/dist/components/index.d.ts +18 -0
- package/dist/components/index.js +37 -16
- package/dist/index.cjs +30 -9
- package/dist/index.d.ts +19 -1
- package/dist/index.js +30 -9
- 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
|
+
|
|
@@ -11,7 +11,6 @@ var antDesignVue = require('ant-design-vue');
|
|
|
11
11
|
var _ = require('lodash');
|
|
12
12
|
var qiankun = require('qiankun');
|
|
13
13
|
var dayjs = require('dayjs');
|
|
14
|
-
var ramdom = require('src/utils/ramdom');
|
|
15
14
|
require('vite-plugin-qiankun');
|
|
16
15
|
var renderWithQiankun = require('vite-plugin-qiankun/dist/helper');
|
|
17
16
|
var mqtt = require('mqtt');
|
|
@@ -6990,6 +6989,14 @@ const TabList = vue.defineComponent({
|
|
|
6990
6989
|
}
|
|
6991
6990
|
});
|
|
6992
6991
|
|
|
6992
|
+
const UUID = (n = 16) => {
|
|
6993
|
+
return "xxxx-xx-4x-yx-xx".replace(/[xy]/g, c => {
|
|
6994
|
+
const r = Math.random() * 16 | 0,
|
|
6995
|
+
v = c == "x" ? r : r & 3 | 8;
|
|
6996
|
+
return v.toString(n);
|
|
6997
|
+
});
|
|
6998
|
+
};
|
|
6999
|
+
|
|
6993
7000
|
const Props$1 = {
|
|
6994
7001
|
currMenu: {
|
|
6995
7002
|
type: Object
|
|
@@ -7193,7 +7200,6 @@ const PageContent = vue.defineComponent({
|
|
|
7193
7200
|
});
|
|
7194
7201
|
};
|
|
7195
7202
|
vue.watch(activeMenu, (val, oldVal) => {
|
|
7196
|
-
console.log("activeMenu changed:", val, oldVal);
|
|
7197
7203
|
if (oldVal) {
|
|
7198
7204
|
const historyItem = historyArr.find(item => item.id === oldVal.id);
|
|
7199
7205
|
if (historyItem) {
|
|
@@ -7216,7 +7222,7 @@ const PageContent = vue.defineComponent({
|
|
|
7216
7222
|
val.leaveTime = 0;
|
|
7217
7223
|
val.sendTime = 0;
|
|
7218
7224
|
val.inUse = true;
|
|
7219
|
-
val.uuid =
|
|
7225
|
+
val.uuid = UUID();
|
|
7220
7226
|
historyArr.push(val);
|
|
7221
7227
|
sendRecord(val, "insert");
|
|
7222
7228
|
}
|
|
@@ -7759,14 +7765,6 @@ var changeTheme = {
|
|
|
7759
7765
|
}
|
|
7760
7766
|
};
|
|
7761
7767
|
|
|
7762
|
-
const UUID = (n = 16) => {
|
|
7763
|
-
return "xxxx-xx-4x-yx-xx".replace(/[xy]/g, c => {
|
|
7764
|
-
const r = Math.random() * 16 | 0,
|
|
7765
|
-
v = c == "x" ? r : r & 3 | 8;
|
|
7766
|
-
return v.toString(n);
|
|
7767
|
-
});
|
|
7768
|
-
};
|
|
7769
|
-
|
|
7770
7768
|
const Undeveloped = vue.defineComponent({
|
|
7771
7769
|
setup() {
|
|
7772
7770
|
return () => vue.createVNode("div", {
|
|
@@ -8061,6 +8059,20 @@ var loginBox = vue.defineComponent({
|
|
|
8061
8059
|
"class": "title"
|
|
8062
8060
|
}, [systemTitle])]);
|
|
8063
8061
|
};
|
|
8062
|
+
const authorModal = vue.ref(false);
|
|
8063
|
+
const authorCode = vue.ref("");
|
|
8064
|
+
const renderAuthorization = () => {
|
|
8065
|
+
return vue.createVNode(vue.resolveComponent("a-modal"), {
|
|
8066
|
+
"title": "\u6388\u6743\u7BA1\u7406",
|
|
8067
|
+
"visible": authorModal.value,
|
|
8068
|
+
"onUpdate:visible": $event => authorModal.value = $event
|
|
8069
|
+
}, {
|
|
8070
|
+
default: () => [vue.createVNode(vue.resolveComponent("a-input"), {
|
|
8071
|
+
"value": authorCode.value,
|
|
8072
|
+
"onUpdate:value": $event => authorCode.value = $event
|
|
8073
|
+
}, null)]
|
|
8074
|
+
});
|
|
8075
|
+
};
|
|
8064
8076
|
return () => vue.createVNode("div", {
|
|
8065
8077
|
"class": "login_center_box"
|
|
8066
8078
|
}, [vue.createVNode(vue.resolveComponent("a-spin"), {
|
|
@@ -8069,7 +8081,7 @@ var loginBox = vue.defineComponent({
|
|
|
8069
8081
|
}, {
|
|
8070
8082
|
default: () => [vue.createVNode("div", {
|
|
8071
8083
|
"class": "login_box"
|
|
8072
|
-
}, [vue.createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), vue.createVNode("div", {
|
|
8084
|
+
}, [vue.createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), renderAuthorization(), vue.createVNode("div", {
|
|
8073
8085
|
"style": {
|
|
8074
8086
|
textAlign: "center",
|
|
8075
8087
|
margin: "32px 0"
|
|
@@ -19227,6 +19239,14 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
19227
19239
|
hideEdit: {
|
|
19228
19240
|
type: Boolean,
|
|
19229
19241
|
default: false
|
|
19242
|
+
},
|
|
19243
|
+
menuHidden: {
|
|
19244
|
+
type: Boolean,
|
|
19245
|
+
default: false
|
|
19246
|
+
},
|
|
19247
|
+
defaultMenuIndex: {
|
|
19248
|
+
type: Number,
|
|
19249
|
+
default: 0
|
|
19230
19250
|
}
|
|
19231
19251
|
},
|
|
19232
19252
|
setup(props, {
|
|
@@ -19252,7 +19272,7 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
19252
19272
|
...item,
|
|
19253
19273
|
completeKey: parentCompleteKey ? `${parentCompleteKey}.${item.code}` : item.code
|
|
19254
19274
|
}));
|
|
19255
|
-
activeRef.value = listRef.value[
|
|
19275
|
+
activeRef.value = listRef.value[props.defaultMenuIndex];
|
|
19256
19276
|
};
|
|
19257
19277
|
const activeMenu = vue.ref();
|
|
19258
19278
|
const handleMenuChange = menu => {
|
|
@@ -19281,13 +19301,14 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
19281
19301
|
});
|
|
19282
19302
|
expose({
|
|
19283
19303
|
activeMenu,
|
|
19284
|
-
activeTab
|
|
19304
|
+
activeTab,
|
|
19305
|
+
handleMenuChange
|
|
19285
19306
|
});
|
|
19286
19307
|
return () => {
|
|
19287
19308
|
let _slot, _slot2;
|
|
19288
19309
|
return vue.createVNode("div", {
|
|
19289
19310
|
"class": config.prefix + "-param-manager-v2"
|
|
19290
|
-
}, [vue.createVNode("div", {
|
|
19311
|
+
}, [vue.withDirectives(vue.createVNode("div", {
|
|
19291
19312
|
"class": "menu"
|
|
19292
19313
|
}, [vue.createVNode(vue.resolveComponent("a-menu"), {
|
|
19293
19314
|
"mode": "inline",
|
|
@@ -19299,7 +19320,7 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
19299
19320
|
default: () => [item.name]
|
|
19300
19321
|
}))) ? _slot : {
|
|
19301
19322
|
default: () => [_slot]
|
|
19302
|
-
})]), vue.createVNode("div", {
|
|
19323
|
+
})]), [[vue.vShow, !props.menuHidden]]), vue.createVNode("div", {
|
|
19303
19324
|
"class": "right"
|
|
19304
19325
|
}, [tabList.value.length > 0 ? vue.createVNode(vue.resolveComponent("a-tabs"), {
|
|
19305
19326
|
"onChange": handleTabChange
|
|
@@ -1054,6 +1054,14 @@ declare const ParamManagerV2: vue.DefineComponent<{
|
|
|
1054
1054
|
type: BooleanConstructor;
|
|
1055
1055
|
default: boolean;
|
|
1056
1056
|
};
|
|
1057
|
+
menuHidden: {
|
|
1058
|
+
type: BooleanConstructor;
|
|
1059
|
+
default: boolean;
|
|
1060
|
+
};
|
|
1061
|
+
defaultMenuIndex: {
|
|
1062
|
+
type: NumberConstructor;
|
|
1063
|
+
default: number;
|
|
1064
|
+
};
|
|
1057
1065
|
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("tabChange" | "editChange" | "save" | "menuChange")[], "tabChange" | "editChange" | "save" | "menuChange", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
1058
1066
|
defaultEdit: {
|
|
1059
1067
|
type: BooleanConstructor;
|
|
@@ -1067,6 +1075,14 @@ declare const ParamManagerV2: vue.DefineComponent<{
|
|
|
1067
1075
|
type: BooleanConstructor;
|
|
1068
1076
|
default: boolean;
|
|
1069
1077
|
};
|
|
1078
|
+
menuHidden: {
|
|
1079
|
+
type: BooleanConstructor;
|
|
1080
|
+
default: boolean;
|
|
1081
|
+
};
|
|
1082
|
+
defaultMenuIndex: {
|
|
1083
|
+
type: NumberConstructor;
|
|
1084
|
+
default: number;
|
|
1085
|
+
};
|
|
1070
1086
|
}>> & {
|
|
1071
1087
|
onTabChange?: ((...args: any[]) => any) | undefined;
|
|
1072
1088
|
onEditChange?: ((...args: any[]) => any) | undefined;
|
|
@@ -1075,6 +1091,8 @@ declare const ParamManagerV2: vue.DefineComponent<{
|
|
|
1075
1091
|
}, {
|
|
1076
1092
|
defaultEdit: boolean;
|
|
1077
1093
|
hideEdit: boolean;
|
|
1094
|
+
menuHidden: boolean;
|
|
1095
|
+
defaultMenuIndex: number;
|
|
1078
1096
|
}, {}>;
|
|
1079
1097
|
|
|
1080
1098
|
/**
|
package/dist/components/index.js
CHANGED
|
@@ -7,7 +7,6 @@ import { message, Menu, MenuItem, Input as Input$1, Badge, Avatar as Avatar$1, M
|
|
|
7
7
|
import _, { isPlainObject as isPlainObject$2, omit, differenceBy, cloneDeep, isObject as isObject$3, concat } from 'lodash';
|
|
8
8
|
import { loadMicroApp } from 'qiankun';
|
|
9
9
|
import dayjs from 'dayjs';
|
|
10
|
-
import { UUID as UUID$1 } from 'src/utils/ramdom';
|
|
11
10
|
import 'vite-plugin-qiankun';
|
|
12
11
|
import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
|
|
13
12
|
import mqtt from 'mqtt';
|
|
@@ -6961,6 +6960,14 @@ const TabList = defineComponent({
|
|
|
6961
6960
|
}
|
|
6962
6961
|
});
|
|
6963
6962
|
|
|
6963
|
+
const UUID = (n = 16) => {
|
|
6964
|
+
return "xxxx-xx-4x-yx-xx".replace(/[xy]/g, c => {
|
|
6965
|
+
const r = Math.random() * 16 | 0,
|
|
6966
|
+
v = c == "x" ? r : r & 3 | 8;
|
|
6967
|
+
return v.toString(n);
|
|
6968
|
+
});
|
|
6969
|
+
};
|
|
6970
|
+
|
|
6964
6971
|
const Props$1 = {
|
|
6965
6972
|
currMenu: {
|
|
6966
6973
|
type: Object
|
|
@@ -7164,7 +7171,6 @@ const PageContent = defineComponent({
|
|
|
7164
7171
|
});
|
|
7165
7172
|
};
|
|
7166
7173
|
watch(activeMenu, (val, oldVal) => {
|
|
7167
|
-
console.log("activeMenu changed:", val, oldVal);
|
|
7168
7174
|
if (oldVal) {
|
|
7169
7175
|
const historyItem = historyArr.find(item => item.id === oldVal.id);
|
|
7170
7176
|
if (historyItem) {
|
|
@@ -7187,7 +7193,7 @@ const PageContent = defineComponent({
|
|
|
7187
7193
|
val.leaveTime = 0;
|
|
7188
7194
|
val.sendTime = 0;
|
|
7189
7195
|
val.inUse = true;
|
|
7190
|
-
val.uuid = UUID
|
|
7196
|
+
val.uuid = UUID();
|
|
7191
7197
|
historyArr.push(val);
|
|
7192
7198
|
sendRecord(val, "insert");
|
|
7193
7199
|
}
|
|
@@ -7730,14 +7736,6 @@ var changeTheme = {
|
|
|
7730
7736
|
}
|
|
7731
7737
|
};
|
|
7732
7738
|
|
|
7733
|
-
const UUID = (n = 16) => {
|
|
7734
|
-
return "xxxx-xx-4x-yx-xx".replace(/[xy]/g, c => {
|
|
7735
|
-
const r = Math.random() * 16 | 0,
|
|
7736
|
-
v = c == "x" ? r : r & 3 | 8;
|
|
7737
|
-
return v.toString(n);
|
|
7738
|
-
});
|
|
7739
|
-
};
|
|
7740
|
-
|
|
7741
7739
|
const Undeveloped = defineComponent({
|
|
7742
7740
|
setup() {
|
|
7743
7741
|
return () => createVNode("div", {
|
|
@@ -8032,6 +8030,20 @@ var loginBox = defineComponent({
|
|
|
8032
8030
|
"class": "title"
|
|
8033
8031
|
}, [systemTitle])]);
|
|
8034
8032
|
};
|
|
8033
|
+
const authorModal = ref(false);
|
|
8034
|
+
const authorCode = ref("");
|
|
8035
|
+
const renderAuthorization = () => {
|
|
8036
|
+
return createVNode(resolveComponent("a-modal"), {
|
|
8037
|
+
"title": "\u6388\u6743\u7BA1\u7406",
|
|
8038
|
+
"visible": authorModal.value,
|
|
8039
|
+
"onUpdate:visible": $event => authorModal.value = $event
|
|
8040
|
+
}, {
|
|
8041
|
+
default: () => [createVNode(resolveComponent("a-input"), {
|
|
8042
|
+
"value": authorCode.value,
|
|
8043
|
+
"onUpdate:value": $event => authorCode.value = $event
|
|
8044
|
+
}, null)]
|
|
8045
|
+
});
|
|
8046
|
+
};
|
|
8035
8047
|
return () => createVNode("div", {
|
|
8036
8048
|
"class": "login_center_box"
|
|
8037
8049
|
}, [createVNode(resolveComponent("a-spin"), {
|
|
@@ -8040,7 +8052,7 @@ var loginBox = defineComponent({
|
|
|
8040
8052
|
}, {
|
|
8041
8053
|
default: () => [createVNode("div", {
|
|
8042
8054
|
"class": "login_box"
|
|
8043
|
-
}, [createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), createVNode("div", {
|
|
8055
|
+
}, [createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), renderAuthorization(), createVNode("div", {
|
|
8044
8056
|
"style": {
|
|
8045
8057
|
textAlign: "center",
|
|
8046
8058
|
margin: "32px 0"
|
|
@@ -19198,6 +19210,14 @@ const ParamManagerV2 = defineComponent({
|
|
|
19198
19210
|
hideEdit: {
|
|
19199
19211
|
type: Boolean,
|
|
19200
19212
|
default: false
|
|
19213
|
+
},
|
|
19214
|
+
menuHidden: {
|
|
19215
|
+
type: Boolean,
|
|
19216
|
+
default: false
|
|
19217
|
+
},
|
|
19218
|
+
defaultMenuIndex: {
|
|
19219
|
+
type: Number,
|
|
19220
|
+
default: 0
|
|
19201
19221
|
}
|
|
19202
19222
|
},
|
|
19203
19223
|
setup(props, {
|
|
@@ -19223,7 +19243,7 @@ const ParamManagerV2 = defineComponent({
|
|
|
19223
19243
|
...item,
|
|
19224
19244
|
completeKey: parentCompleteKey ? `${parentCompleteKey}.${item.code}` : item.code
|
|
19225
19245
|
}));
|
|
19226
|
-
activeRef.value = listRef.value[
|
|
19246
|
+
activeRef.value = listRef.value[props.defaultMenuIndex];
|
|
19227
19247
|
};
|
|
19228
19248
|
const activeMenu = ref();
|
|
19229
19249
|
const handleMenuChange = menu => {
|
|
@@ -19252,13 +19272,14 @@ const ParamManagerV2 = defineComponent({
|
|
|
19252
19272
|
});
|
|
19253
19273
|
expose({
|
|
19254
19274
|
activeMenu,
|
|
19255
|
-
activeTab
|
|
19275
|
+
activeTab,
|
|
19276
|
+
handleMenuChange
|
|
19256
19277
|
});
|
|
19257
19278
|
return () => {
|
|
19258
19279
|
let _slot, _slot2;
|
|
19259
19280
|
return createVNode("div", {
|
|
19260
19281
|
"class": config.prefix + "-param-manager-v2"
|
|
19261
|
-
}, [createVNode("div", {
|
|
19282
|
+
}, [withDirectives(createVNode("div", {
|
|
19262
19283
|
"class": "menu"
|
|
19263
19284
|
}, [createVNode(resolveComponent("a-menu"), {
|
|
19264
19285
|
"mode": "inline",
|
|
@@ -19270,7 +19291,7 @@ const ParamManagerV2 = defineComponent({
|
|
|
19270
19291
|
default: () => [item.name]
|
|
19271
19292
|
}))) ? _slot : {
|
|
19272
19293
|
default: () => [_slot]
|
|
19273
|
-
})]), createVNode("div", {
|
|
19294
|
+
})]), [[vShow, !props.menuHidden]]), createVNode("div", {
|
|
19274
19295
|
"class": "right"
|
|
19275
19296
|
}, [tabList.value.length > 0 ? createVNode(resolveComponent("a-tabs"), {
|
|
19276
19297
|
"onChange": handleTabChange
|
package/dist/index.cjs
CHANGED
|
@@ -13,7 +13,6 @@ var dayjs = require('dayjs');
|
|
|
13
13
|
var vueRouter = require('vue-router');
|
|
14
14
|
var iconsVue = require('@ant-design/icons-vue');
|
|
15
15
|
var qiankun$1 = require('qiankun');
|
|
16
|
-
var ramdom$1 = require('src/utils/ramdom');
|
|
17
16
|
var mqtt = require('mqtt');
|
|
18
17
|
var mobile = require('@sszj-temp/mobile');
|
|
19
18
|
var marked = require('marked');
|
|
@@ -46,7 +45,7 @@ var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
|
|
|
46
45
|
var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
|
|
47
46
|
var mqtt__default = /*#__PURE__*/_interopDefaultLegacy(mqtt);
|
|
48
47
|
|
|
49
|
-
var version = "0.1.
|
|
48
|
+
var version = "0.1.162";
|
|
50
49
|
|
|
51
50
|
const setTheme = theme => {
|
|
52
51
|
if (theme === "dark") {
|
|
@@ -8348,7 +8347,6 @@ const PageContent = vue.defineComponent({
|
|
|
8348
8347
|
});
|
|
8349
8348
|
};
|
|
8350
8349
|
vue.watch(activeMenu, (val, oldVal) => {
|
|
8351
|
-
console.log("activeMenu changed:", val, oldVal);
|
|
8352
8350
|
if (oldVal) {
|
|
8353
8351
|
const historyItem = historyArr.find(item => item.id === oldVal.id);
|
|
8354
8352
|
if (historyItem) {
|
|
@@ -8371,7 +8369,7 @@ const PageContent = vue.defineComponent({
|
|
|
8371
8369
|
val.leaveTime = 0;
|
|
8372
8370
|
val.sendTime = 0;
|
|
8373
8371
|
val.inUse = true;
|
|
8374
|
-
val.uuid =
|
|
8372
|
+
val.uuid = UUID();
|
|
8375
8373
|
historyArr.push(val);
|
|
8376
8374
|
sendRecord(val, "insert");
|
|
8377
8375
|
}
|
|
@@ -9047,6 +9045,20 @@ var loginBox = vue.defineComponent({
|
|
|
9047
9045
|
"class": "title"
|
|
9048
9046
|
}, [systemTitle])]);
|
|
9049
9047
|
};
|
|
9048
|
+
const authorModal = vue.ref(false);
|
|
9049
|
+
const authorCode = vue.ref("");
|
|
9050
|
+
const renderAuthorization = () => {
|
|
9051
|
+
return vue.createVNode(vue.resolveComponent("a-modal"), {
|
|
9052
|
+
"title": "\u6388\u6743\u7BA1\u7406",
|
|
9053
|
+
"visible": authorModal.value,
|
|
9054
|
+
"onUpdate:visible": $event => authorModal.value = $event
|
|
9055
|
+
}, {
|
|
9056
|
+
default: () => [vue.createVNode(vue.resolveComponent("a-input"), {
|
|
9057
|
+
"value": authorCode.value,
|
|
9058
|
+
"onUpdate:value": $event => authorCode.value = $event
|
|
9059
|
+
}, null)]
|
|
9060
|
+
});
|
|
9061
|
+
};
|
|
9050
9062
|
return () => vue.createVNode("div", {
|
|
9051
9063
|
"class": "login_center_box"
|
|
9052
9064
|
}, [vue.createVNode(vue.resolveComponent("a-spin"), {
|
|
@@ -9055,7 +9067,7 @@ var loginBox = vue.defineComponent({
|
|
|
9055
9067
|
}, {
|
|
9056
9068
|
default: () => [vue.createVNode("div", {
|
|
9057
9069
|
"class": "login_box"
|
|
9058
|
-
}, [vue.createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), vue.createVNode("div", {
|
|
9070
|
+
}, [vue.createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), renderAuthorization(), vue.createVNode("div", {
|
|
9059
9071
|
"style": {
|
|
9060
9072
|
textAlign: "center",
|
|
9061
9073
|
margin: "32px 0"
|
|
@@ -20213,6 +20225,14 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
20213
20225
|
hideEdit: {
|
|
20214
20226
|
type: Boolean,
|
|
20215
20227
|
default: false
|
|
20228
|
+
},
|
|
20229
|
+
menuHidden: {
|
|
20230
|
+
type: Boolean,
|
|
20231
|
+
default: false
|
|
20232
|
+
},
|
|
20233
|
+
defaultMenuIndex: {
|
|
20234
|
+
type: Number,
|
|
20235
|
+
default: 0
|
|
20216
20236
|
}
|
|
20217
20237
|
},
|
|
20218
20238
|
setup(props, {
|
|
@@ -20238,7 +20258,7 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
20238
20258
|
...item,
|
|
20239
20259
|
completeKey: parentCompleteKey ? `${parentCompleteKey}.${item.code}` : item.code
|
|
20240
20260
|
}));
|
|
20241
|
-
activeRef.value = listRef.value[
|
|
20261
|
+
activeRef.value = listRef.value[props.defaultMenuIndex];
|
|
20242
20262
|
};
|
|
20243
20263
|
const activeMenu = vue.ref();
|
|
20244
20264
|
const handleMenuChange = menu => {
|
|
@@ -20267,13 +20287,14 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
20267
20287
|
});
|
|
20268
20288
|
expose({
|
|
20269
20289
|
activeMenu,
|
|
20270
|
-
activeTab
|
|
20290
|
+
activeTab,
|
|
20291
|
+
handleMenuChange
|
|
20271
20292
|
});
|
|
20272
20293
|
return () => {
|
|
20273
20294
|
let _slot, _slot2;
|
|
20274
20295
|
return vue.createVNode("div", {
|
|
20275
20296
|
"class": config.prefix + "-param-manager-v2"
|
|
20276
|
-
}, [vue.createVNode("div", {
|
|
20297
|
+
}, [vue.withDirectives(vue.createVNode("div", {
|
|
20277
20298
|
"class": "menu"
|
|
20278
20299
|
}, [vue.createVNode(vue.resolveComponent("a-menu"), {
|
|
20279
20300
|
"mode": "inline",
|
|
@@ -20285,7 +20306,7 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
20285
20306
|
default: () => [item.name]
|
|
20286
20307
|
}))) ? _slot : {
|
|
20287
20308
|
default: () => [_slot]
|
|
20288
|
-
})]), vue.createVNode("div", {
|
|
20309
|
+
})]), [[vue.vShow, !props.menuHidden]]), vue.createVNode("div", {
|
|
20289
20310
|
"class": "right"
|
|
20290
20311
|
}, [tabList.value.length > 0 ? vue.createVNode(vue.resolveComponent("a-tabs"), {
|
|
20291
20312
|
"onChange": handleTabChange
|
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.
|
|
14
|
+
var version = "0.1.162";
|
|
15
15
|
|
|
16
16
|
declare const _default$p: {
|
|
17
17
|
set(theme: string): void;
|
|
@@ -1818,6 +1818,14 @@ declare const ParamManagerV2: vue.DefineComponent<{
|
|
|
1818
1818
|
type: BooleanConstructor;
|
|
1819
1819
|
default: boolean;
|
|
1820
1820
|
};
|
|
1821
|
+
menuHidden: {
|
|
1822
|
+
type: BooleanConstructor;
|
|
1823
|
+
default: boolean;
|
|
1824
|
+
};
|
|
1825
|
+
defaultMenuIndex: {
|
|
1826
|
+
type: NumberConstructor;
|
|
1827
|
+
default: number;
|
|
1828
|
+
};
|
|
1821
1829
|
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("save" | "tabChange" | "editChange" | "menuChange")[], "save" | "tabChange" | "editChange" | "menuChange", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
1822
1830
|
defaultEdit: {
|
|
1823
1831
|
type: BooleanConstructor;
|
|
@@ -1831,6 +1839,14 @@ declare const ParamManagerV2: vue.DefineComponent<{
|
|
|
1831
1839
|
type: BooleanConstructor;
|
|
1832
1840
|
default: boolean;
|
|
1833
1841
|
};
|
|
1842
|
+
menuHidden: {
|
|
1843
|
+
type: BooleanConstructor;
|
|
1844
|
+
default: boolean;
|
|
1845
|
+
};
|
|
1846
|
+
defaultMenuIndex: {
|
|
1847
|
+
type: NumberConstructor;
|
|
1848
|
+
default: number;
|
|
1849
|
+
};
|
|
1834
1850
|
}>> & {
|
|
1835
1851
|
onTabChange?: ((...args: any[]) => any) | undefined;
|
|
1836
1852
|
onEditChange?: ((...args: any[]) => any) | undefined;
|
|
@@ -1839,6 +1855,8 @@ declare const ParamManagerV2: vue.DefineComponent<{
|
|
|
1839
1855
|
}, {
|
|
1840
1856
|
hideEdit: boolean;
|
|
1841
1857
|
defaultEdit: boolean;
|
|
1858
|
+
menuHidden: boolean;
|
|
1859
|
+
defaultMenuIndex: number;
|
|
1842
1860
|
}, {}>;
|
|
1843
1861
|
|
|
1844
1862
|
/**
|
package/dist/index.js
CHANGED
|
@@ -9,13 +9,12 @@ import dayjs from 'dayjs';
|
|
|
9
9
|
import { useRouter, useRoute } from 'vue-router';
|
|
10
10
|
import { createFromIconfontCN, SearchOutlined, DownOutlined, PoweroffOutlined, MenuUnfoldOutlined, MenuFoldOutlined, SkinFilled, FullscreenOutlined, PauseCircleOutlined, PlayCircleFilled, FullscreenExitOutlined, CaretUpOutlined, CaretRightOutlined, CaretDownOutlined, FileExcelTwoTone, InboxOutlined, MessageOutlined } from '@ant-design/icons-vue';
|
|
11
11
|
import { loadMicroApp } from 'qiankun';
|
|
12
|
-
import { UUID as UUID$1 } from 'src/utils/ramdom';
|
|
13
12
|
import mqtt from 'mqtt';
|
|
14
13
|
import { XPopup, CommentBlock, setAxiosOption } from '@sszj-temp/mobile';
|
|
15
14
|
import { marked } from 'marked';
|
|
16
15
|
import '@sszj-temp/mobile/style.css';
|
|
17
16
|
|
|
18
|
-
var version = "0.1.
|
|
17
|
+
var version = "0.1.162";
|
|
19
18
|
|
|
20
19
|
const setTheme = theme => {
|
|
21
20
|
if (theme === "dark") {
|
|
@@ -8317,7 +8316,6 @@ const PageContent = defineComponent({
|
|
|
8317
8316
|
});
|
|
8318
8317
|
};
|
|
8319
8318
|
watch(activeMenu, (val, oldVal) => {
|
|
8320
|
-
console.log("activeMenu changed:", val, oldVal);
|
|
8321
8319
|
if (oldVal) {
|
|
8322
8320
|
const historyItem = historyArr.find(item => item.id === oldVal.id);
|
|
8323
8321
|
if (historyItem) {
|
|
@@ -8340,7 +8338,7 @@ const PageContent = defineComponent({
|
|
|
8340
8338
|
val.leaveTime = 0;
|
|
8341
8339
|
val.sendTime = 0;
|
|
8342
8340
|
val.inUse = true;
|
|
8343
|
-
val.uuid = UUID
|
|
8341
|
+
val.uuid = UUID();
|
|
8344
8342
|
historyArr.push(val);
|
|
8345
8343
|
sendRecord(val, "insert");
|
|
8346
8344
|
}
|
|
@@ -9016,6 +9014,20 @@ var loginBox = defineComponent({
|
|
|
9016
9014
|
"class": "title"
|
|
9017
9015
|
}, [systemTitle])]);
|
|
9018
9016
|
};
|
|
9017
|
+
const authorModal = ref(false);
|
|
9018
|
+
const authorCode = ref("");
|
|
9019
|
+
const renderAuthorization = () => {
|
|
9020
|
+
return createVNode(resolveComponent("a-modal"), {
|
|
9021
|
+
"title": "\u6388\u6743\u7BA1\u7406",
|
|
9022
|
+
"visible": authorModal.value,
|
|
9023
|
+
"onUpdate:visible": $event => authorModal.value = $event
|
|
9024
|
+
}, {
|
|
9025
|
+
default: () => [createVNode(resolveComponent("a-input"), {
|
|
9026
|
+
"value": authorCode.value,
|
|
9027
|
+
"onUpdate:value": $event => authorCode.value = $event
|
|
9028
|
+
}, null)]
|
|
9029
|
+
});
|
|
9030
|
+
};
|
|
9019
9031
|
return () => createVNode("div", {
|
|
9020
9032
|
"class": "login_center_box"
|
|
9021
9033
|
}, [createVNode(resolveComponent("a-spin"), {
|
|
@@ -9024,7 +9036,7 @@ var loginBox = defineComponent({
|
|
|
9024
9036
|
}, {
|
|
9025
9037
|
default: () => [createVNode("div", {
|
|
9026
9038
|
"class": "login_box"
|
|
9027
|
-
}, [createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), createVNode("div", {
|
|
9039
|
+
}, [createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), renderAuthorization(), createVNode("div", {
|
|
9028
9040
|
"style": {
|
|
9029
9041
|
textAlign: "center",
|
|
9030
9042
|
margin: "32px 0"
|
|
@@ -20182,6 +20194,14 @@ const ParamManagerV2 = defineComponent({
|
|
|
20182
20194
|
hideEdit: {
|
|
20183
20195
|
type: Boolean,
|
|
20184
20196
|
default: false
|
|
20197
|
+
},
|
|
20198
|
+
menuHidden: {
|
|
20199
|
+
type: Boolean,
|
|
20200
|
+
default: false
|
|
20201
|
+
},
|
|
20202
|
+
defaultMenuIndex: {
|
|
20203
|
+
type: Number,
|
|
20204
|
+
default: 0
|
|
20185
20205
|
}
|
|
20186
20206
|
},
|
|
20187
20207
|
setup(props, {
|
|
@@ -20207,7 +20227,7 @@ const ParamManagerV2 = defineComponent({
|
|
|
20207
20227
|
...item,
|
|
20208
20228
|
completeKey: parentCompleteKey ? `${parentCompleteKey}.${item.code}` : item.code
|
|
20209
20229
|
}));
|
|
20210
|
-
activeRef.value = listRef.value[
|
|
20230
|
+
activeRef.value = listRef.value[props.defaultMenuIndex];
|
|
20211
20231
|
};
|
|
20212
20232
|
const activeMenu = ref();
|
|
20213
20233
|
const handleMenuChange = menu => {
|
|
@@ -20236,13 +20256,14 @@ const ParamManagerV2 = defineComponent({
|
|
|
20236
20256
|
});
|
|
20237
20257
|
expose({
|
|
20238
20258
|
activeMenu,
|
|
20239
|
-
activeTab
|
|
20259
|
+
activeTab,
|
|
20260
|
+
handleMenuChange
|
|
20240
20261
|
});
|
|
20241
20262
|
return () => {
|
|
20242
20263
|
let _slot, _slot2;
|
|
20243
20264
|
return createVNode("div", {
|
|
20244
20265
|
"class": config.prefix + "-param-manager-v2"
|
|
20245
|
-
}, [createVNode("div", {
|
|
20266
|
+
}, [withDirectives(createVNode("div", {
|
|
20246
20267
|
"class": "menu"
|
|
20247
20268
|
}, [createVNode(resolveComponent("a-menu"), {
|
|
20248
20269
|
"mode": "inline",
|
|
@@ -20254,7 +20275,7 @@ const ParamManagerV2 = defineComponent({
|
|
|
20254
20275
|
default: () => [item.name]
|
|
20255
20276
|
}))) ? _slot : {
|
|
20256
20277
|
default: () => [_slot]
|
|
20257
|
-
})]), createVNode("div", {
|
|
20278
|
+
})]), [[vShow, !props.menuHidden]]), createVNode("div", {
|
|
20258
20279
|
"class": "right"
|
|
20259
20280
|
}, [tabList.value.length > 0 ? createVNode(resolveComponent("a-tabs"), {
|
|
20260
20281
|
"onChange": handleTabChange
|