inl-ui 0.1.161 → 0.1.163
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 +31 -24
- package/dist/components/index.d.ts +18 -0
- package/dist/components/index.js +31 -24
- package/dist/index.cjs +32 -25
- package/dist/index.d.ts +19 -1
- package/dist/index.js +32 -25
- 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/dist/video/index.cjs +3 -19
- package/dist/video/index.js +3 -19
- 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
|
+
|
|
@@ -8059,6 +8059,20 @@ var loginBox = vue.defineComponent({
|
|
|
8059
8059
|
"class": "title"
|
|
8060
8060
|
}, [systemTitle])]);
|
|
8061
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
|
+
};
|
|
8062
8076
|
return () => vue.createVNode("div", {
|
|
8063
8077
|
"class": "login_center_box"
|
|
8064
8078
|
}, [vue.createVNode(vue.resolveComponent("a-spin"), {
|
|
@@ -8067,7 +8081,7 @@ var loginBox = vue.defineComponent({
|
|
|
8067
8081
|
}, {
|
|
8068
8082
|
default: () => [vue.createVNode("div", {
|
|
8069
8083
|
"class": "login_box"
|
|
8070
|
-
}, [vue.createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), vue.createVNode("div", {
|
|
8084
|
+
}, [vue.createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), renderAuthorization(), vue.createVNode("div", {
|
|
8071
8085
|
"style": {
|
|
8072
8086
|
textAlign: "center",
|
|
8073
8087
|
margin: "32px 0"
|
|
@@ -17015,25 +17029,9 @@ class WebRtcMt {
|
|
|
17015
17029
|
// 拉流创建播放器
|
|
17016
17030
|
createVideo(plays) {
|
|
17017
17031
|
this.mediaServerAddrMap.set(plays.videoElm, plays);
|
|
17018
|
-
|
|
17019
|
-
|
|
17020
|
-
|
|
17021
|
-
return new Promise((resolve, reject) => {
|
|
17022
|
-
console.log("\u62C9\u6D41");
|
|
17023
|
-
this.instance.get(addRtspProxyUrl).then(res => {
|
|
17024
|
-
console.log("\u62C9\u6D41\u6210\u529F");
|
|
17025
|
-
if (res.data.code === 0) {
|
|
17026
|
-
plays.key = res.data.data?.key;
|
|
17027
|
-
this.startPlay(plays).then(() => {
|
|
17028
|
-
resolve(res.data);
|
|
17029
|
-
});
|
|
17030
|
-
} else {
|
|
17031
|
-
this.mediaServerAddrMap.delete(plays.videoElm);
|
|
17032
|
-
reject();
|
|
17033
|
-
this.log("err", "\u4ECE\u670D\u52A1\u7AEF\u62C9\u6D41\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
|
|
17034
|
-
}
|
|
17035
|
-
});
|
|
17036
|
-
});
|
|
17032
|
+
this.createRtspUrl(plays);
|
|
17033
|
+
this.startPlay(plays);
|
|
17034
|
+
return "success";
|
|
17037
17035
|
}
|
|
17038
17036
|
log(type, text) {
|
|
17039
17037
|
switch (type) {
|
|
@@ -19225,6 +19223,14 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
19225
19223
|
hideEdit: {
|
|
19226
19224
|
type: Boolean,
|
|
19227
19225
|
default: false
|
|
19226
|
+
},
|
|
19227
|
+
menuHidden: {
|
|
19228
|
+
type: Boolean,
|
|
19229
|
+
default: false
|
|
19230
|
+
},
|
|
19231
|
+
defaultMenuIndex: {
|
|
19232
|
+
type: Number,
|
|
19233
|
+
default: 0
|
|
19228
19234
|
}
|
|
19229
19235
|
},
|
|
19230
19236
|
setup(props, {
|
|
@@ -19250,7 +19256,7 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
19250
19256
|
...item,
|
|
19251
19257
|
completeKey: parentCompleteKey ? `${parentCompleteKey}.${item.code}` : item.code
|
|
19252
19258
|
}));
|
|
19253
|
-
activeRef.value = listRef.value[
|
|
19259
|
+
activeRef.value = listRef.value[props.defaultMenuIndex];
|
|
19254
19260
|
};
|
|
19255
19261
|
const activeMenu = vue.ref();
|
|
19256
19262
|
const handleMenuChange = menu => {
|
|
@@ -19279,13 +19285,14 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
19279
19285
|
});
|
|
19280
19286
|
expose({
|
|
19281
19287
|
activeMenu,
|
|
19282
|
-
activeTab
|
|
19288
|
+
activeTab,
|
|
19289
|
+
handleMenuChange
|
|
19283
19290
|
});
|
|
19284
19291
|
return () => {
|
|
19285
19292
|
let _slot, _slot2;
|
|
19286
19293
|
return vue.createVNode("div", {
|
|
19287
19294
|
"class": config.prefix + "-param-manager-v2"
|
|
19288
|
-
}, [vue.createVNode("div", {
|
|
19295
|
+
}, [vue.withDirectives(vue.createVNode("div", {
|
|
19289
19296
|
"class": "menu"
|
|
19290
19297
|
}, [vue.createVNode(vue.resolveComponent("a-menu"), {
|
|
19291
19298
|
"mode": "inline",
|
|
@@ -19297,7 +19304,7 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
19297
19304
|
default: () => [item.name]
|
|
19298
19305
|
}))) ? _slot : {
|
|
19299
19306
|
default: () => [_slot]
|
|
19300
|
-
})]), vue.createVNode("div", {
|
|
19307
|
+
})]), [[vue.vShow, !props.menuHidden]]), vue.createVNode("div", {
|
|
19301
19308
|
"class": "right"
|
|
19302
19309
|
}, [tabList.value.length > 0 ? vue.createVNode(vue.resolveComponent("a-tabs"), {
|
|
19303
19310
|
"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
|
@@ -8030,6 +8030,20 @@ var loginBox = defineComponent({
|
|
|
8030
8030
|
"class": "title"
|
|
8031
8031
|
}, [systemTitle])]);
|
|
8032
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
|
+
};
|
|
8033
8047
|
return () => createVNode("div", {
|
|
8034
8048
|
"class": "login_center_box"
|
|
8035
8049
|
}, [createVNode(resolveComponent("a-spin"), {
|
|
@@ -8038,7 +8052,7 @@ var loginBox = defineComponent({
|
|
|
8038
8052
|
}, {
|
|
8039
8053
|
default: () => [createVNode("div", {
|
|
8040
8054
|
"class": "login_box"
|
|
8041
|
-
}, [createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), createVNode("div", {
|
|
8055
|
+
}, [createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), renderAuthorization(), createVNode("div", {
|
|
8042
8056
|
"style": {
|
|
8043
8057
|
textAlign: "center",
|
|
8044
8058
|
margin: "32px 0"
|
|
@@ -16986,25 +17000,9 @@ class WebRtcMt {
|
|
|
16986
17000
|
// 拉流创建播放器
|
|
16987
17001
|
createVideo(plays) {
|
|
16988
17002
|
this.mediaServerAddrMap.set(plays.videoElm, plays);
|
|
16989
|
-
|
|
16990
|
-
|
|
16991
|
-
|
|
16992
|
-
return new Promise((resolve, reject) => {
|
|
16993
|
-
console.log("\u62C9\u6D41");
|
|
16994
|
-
this.instance.get(addRtspProxyUrl).then(res => {
|
|
16995
|
-
console.log("\u62C9\u6D41\u6210\u529F");
|
|
16996
|
-
if (res.data.code === 0) {
|
|
16997
|
-
plays.key = res.data.data?.key;
|
|
16998
|
-
this.startPlay(plays).then(() => {
|
|
16999
|
-
resolve(res.data);
|
|
17000
|
-
});
|
|
17001
|
-
} else {
|
|
17002
|
-
this.mediaServerAddrMap.delete(plays.videoElm);
|
|
17003
|
-
reject();
|
|
17004
|
-
this.log("err", "\u4ECE\u670D\u52A1\u7AEF\u62C9\u6D41\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
|
|
17005
|
-
}
|
|
17006
|
-
});
|
|
17007
|
-
});
|
|
17003
|
+
this.createRtspUrl(plays);
|
|
17004
|
+
this.startPlay(plays);
|
|
17005
|
+
return "success";
|
|
17008
17006
|
}
|
|
17009
17007
|
log(type, text) {
|
|
17010
17008
|
switch (type) {
|
|
@@ -19196,6 +19194,14 @@ const ParamManagerV2 = defineComponent({
|
|
|
19196
19194
|
hideEdit: {
|
|
19197
19195
|
type: Boolean,
|
|
19198
19196
|
default: false
|
|
19197
|
+
},
|
|
19198
|
+
menuHidden: {
|
|
19199
|
+
type: Boolean,
|
|
19200
|
+
default: false
|
|
19201
|
+
},
|
|
19202
|
+
defaultMenuIndex: {
|
|
19203
|
+
type: Number,
|
|
19204
|
+
default: 0
|
|
19199
19205
|
}
|
|
19200
19206
|
},
|
|
19201
19207
|
setup(props, {
|
|
@@ -19221,7 +19227,7 @@ const ParamManagerV2 = defineComponent({
|
|
|
19221
19227
|
...item,
|
|
19222
19228
|
completeKey: parentCompleteKey ? `${parentCompleteKey}.${item.code}` : item.code
|
|
19223
19229
|
}));
|
|
19224
|
-
activeRef.value = listRef.value[
|
|
19230
|
+
activeRef.value = listRef.value[props.defaultMenuIndex];
|
|
19225
19231
|
};
|
|
19226
19232
|
const activeMenu = ref();
|
|
19227
19233
|
const handleMenuChange = menu => {
|
|
@@ -19250,13 +19256,14 @@ const ParamManagerV2 = defineComponent({
|
|
|
19250
19256
|
});
|
|
19251
19257
|
expose({
|
|
19252
19258
|
activeMenu,
|
|
19253
|
-
activeTab
|
|
19259
|
+
activeTab,
|
|
19260
|
+
handleMenuChange
|
|
19254
19261
|
});
|
|
19255
19262
|
return () => {
|
|
19256
19263
|
let _slot, _slot2;
|
|
19257
19264
|
return createVNode("div", {
|
|
19258
19265
|
"class": config.prefix + "-param-manager-v2"
|
|
19259
|
-
}, [createVNode("div", {
|
|
19266
|
+
}, [withDirectives(createVNode("div", {
|
|
19260
19267
|
"class": "menu"
|
|
19261
19268
|
}, [createVNode(resolveComponent("a-menu"), {
|
|
19262
19269
|
"mode": "inline",
|
|
@@ -19268,7 +19275,7 @@ const ParamManagerV2 = defineComponent({
|
|
|
19268
19275
|
default: () => [item.name]
|
|
19269
19276
|
}))) ? _slot : {
|
|
19270
19277
|
default: () => [_slot]
|
|
19271
|
-
})]), createVNode("div", {
|
|
19278
|
+
})]), [[vShow, !props.menuHidden]]), createVNode("div", {
|
|
19272
19279
|
"class": "right"
|
|
19273
19280
|
}, [tabList.value.length > 0 ? createVNode(resolveComponent("a-tabs"), {
|
|
19274
19281
|
"onChange": handleTabChange
|
package/dist/index.cjs
CHANGED
|
@@ -45,7 +45,7 @@ var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
|
|
|
45
45
|
var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
|
|
46
46
|
var mqtt__default = /*#__PURE__*/_interopDefaultLegacy(mqtt);
|
|
47
47
|
|
|
48
|
-
var version = "0.1.
|
|
48
|
+
var version = "0.1.162";
|
|
49
49
|
|
|
50
50
|
const setTheme = theme => {
|
|
51
51
|
if (theme === "dark") {
|
|
@@ -9045,6 +9045,20 @@ var loginBox = vue.defineComponent({
|
|
|
9045
9045
|
"class": "title"
|
|
9046
9046
|
}, [systemTitle])]);
|
|
9047
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
|
+
};
|
|
9048
9062
|
return () => vue.createVNode("div", {
|
|
9049
9063
|
"class": "login_center_box"
|
|
9050
9064
|
}, [vue.createVNode(vue.resolveComponent("a-spin"), {
|
|
@@ -9053,7 +9067,7 @@ var loginBox = vue.defineComponent({
|
|
|
9053
9067
|
}, {
|
|
9054
9068
|
default: () => [vue.createVNode("div", {
|
|
9055
9069
|
"class": "login_box"
|
|
9056
|
-
}, [vue.createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), vue.createVNode("div", {
|
|
9070
|
+
}, [vue.createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), renderAuthorization(), vue.createVNode("div", {
|
|
9057
9071
|
"style": {
|
|
9058
9072
|
textAlign: "center",
|
|
9059
9073
|
margin: "32px 0"
|
|
@@ -18001,25 +18015,9 @@ class WebRtcMt {
|
|
|
18001
18015
|
// 拉流创建播放器
|
|
18002
18016
|
createVideo(plays) {
|
|
18003
18017
|
this.mediaServerAddrMap.set(plays.videoElm, plays);
|
|
18004
|
-
|
|
18005
|
-
|
|
18006
|
-
|
|
18007
|
-
return new Promise((resolve, reject) => {
|
|
18008
|
-
console.log("\u62C9\u6D41");
|
|
18009
|
-
this.instance.get(addRtspProxyUrl).then(res => {
|
|
18010
|
-
console.log("\u62C9\u6D41\u6210\u529F");
|
|
18011
|
-
if (res.data.code === 0) {
|
|
18012
|
-
plays.key = res.data.data?.key;
|
|
18013
|
-
this.startPlay(plays).then(() => {
|
|
18014
|
-
resolve(res.data);
|
|
18015
|
-
});
|
|
18016
|
-
} else {
|
|
18017
|
-
this.mediaServerAddrMap.delete(plays.videoElm);
|
|
18018
|
-
reject();
|
|
18019
|
-
this.log("err", "\u4ECE\u670D\u52A1\u7AEF\u62C9\u6D41\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
|
|
18020
|
-
}
|
|
18021
|
-
});
|
|
18022
|
-
});
|
|
18018
|
+
this.createRtspUrl(plays);
|
|
18019
|
+
this.startPlay(plays);
|
|
18020
|
+
return "success";
|
|
18023
18021
|
}
|
|
18024
18022
|
log(type, text) {
|
|
18025
18023
|
switch (type) {
|
|
@@ -20211,6 +20209,14 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
20211
20209
|
hideEdit: {
|
|
20212
20210
|
type: Boolean,
|
|
20213
20211
|
default: false
|
|
20212
|
+
},
|
|
20213
|
+
menuHidden: {
|
|
20214
|
+
type: Boolean,
|
|
20215
|
+
default: false
|
|
20216
|
+
},
|
|
20217
|
+
defaultMenuIndex: {
|
|
20218
|
+
type: Number,
|
|
20219
|
+
default: 0
|
|
20214
20220
|
}
|
|
20215
20221
|
},
|
|
20216
20222
|
setup(props, {
|
|
@@ -20236,7 +20242,7 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
20236
20242
|
...item,
|
|
20237
20243
|
completeKey: parentCompleteKey ? `${parentCompleteKey}.${item.code}` : item.code
|
|
20238
20244
|
}));
|
|
20239
|
-
activeRef.value = listRef.value[
|
|
20245
|
+
activeRef.value = listRef.value[props.defaultMenuIndex];
|
|
20240
20246
|
};
|
|
20241
20247
|
const activeMenu = vue.ref();
|
|
20242
20248
|
const handleMenuChange = menu => {
|
|
@@ -20265,13 +20271,14 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
20265
20271
|
});
|
|
20266
20272
|
expose({
|
|
20267
20273
|
activeMenu,
|
|
20268
|
-
activeTab
|
|
20274
|
+
activeTab,
|
|
20275
|
+
handleMenuChange
|
|
20269
20276
|
});
|
|
20270
20277
|
return () => {
|
|
20271
20278
|
let _slot, _slot2;
|
|
20272
20279
|
return vue.createVNode("div", {
|
|
20273
20280
|
"class": config.prefix + "-param-manager-v2"
|
|
20274
|
-
}, [vue.createVNode("div", {
|
|
20281
|
+
}, [vue.withDirectives(vue.createVNode("div", {
|
|
20275
20282
|
"class": "menu"
|
|
20276
20283
|
}, [vue.createVNode(vue.resolveComponent("a-menu"), {
|
|
20277
20284
|
"mode": "inline",
|
|
@@ -20283,7 +20290,7 @@ const ParamManagerV2 = vue.defineComponent({
|
|
|
20283
20290
|
default: () => [item.name]
|
|
20284
20291
|
}))) ? _slot : {
|
|
20285
20292
|
default: () => [_slot]
|
|
20286
|
-
})]), vue.createVNode("div", {
|
|
20293
|
+
})]), [[vue.vShow, !props.menuHidden]]), vue.createVNode("div", {
|
|
20287
20294
|
"class": "right"
|
|
20288
20295
|
}, [tabList.value.length > 0 ? vue.createVNode(vue.resolveComponent("a-tabs"), {
|
|
20289
20296
|
"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
|
@@ -14,7 +14,7 @@ import { XPopup, CommentBlock, setAxiosOption } from '@sszj-temp/mobile';
|
|
|
14
14
|
import { marked } from 'marked';
|
|
15
15
|
import '@sszj-temp/mobile/style.css';
|
|
16
16
|
|
|
17
|
-
var version = "0.1.
|
|
17
|
+
var version = "0.1.162";
|
|
18
18
|
|
|
19
19
|
const setTheme = theme => {
|
|
20
20
|
if (theme === "dark") {
|
|
@@ -9014,6 +9014,20 @@ var loginBox = defineComponent({
|
|
|
9014
9014
|
"class": "title"
|
|
9015
9015
|
}, [systemTitle])]);
|
|
9016
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
|
+
};
|
|
9017
9031
|
return () => createVNode("div", {
|
|
9018
9032
|
"class": "login_center_box"
|
|
9019
9033
|
}, [createVNode(resolveComponent("a-spin"), {
|
|
@@ -9022,7 +9036,7 @@ var loginBox = defineComponent({
|
|
|
9022
9036
|
}, {
|
|
9023
9037
|
default: () => [createVNode("div", {
|
|
9024
9038
|
"class": "login_box"
|
|
9025
|
-
}, [createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), createVNode("div", {
|
|
9039
|
+
}, [createVNode("div", null, [renderTitleBox(), renderForm(), imgModel(), renderAuthorization(), createVNode("div", {
|
|
9026
9040
|
"style": {
|
|
9027
9041
|
textAlign: "center",
|
|
9028
9042
|
margin: "32px 0"
|
|
@@ -17970,25 +17984,9 @@ class WebRtcMt {
|
|
|
17970
17984
|
// 拉流创建播放器
|
|
17971
17985
|
createVideo(plays) {
|
|
17972
17986
|
this.mediaServerAddrMap.set(plays.videoElm, plays);
|
|
17973
|
-
|
|
17974
|
-
|
|
17975
|
-
|
|
17976
|
-
return new Promise((resolve, reject) => {
|
|
17977
|
-
console.log("\u62C9\u6D41");
|
|
17978
|
-
this.instance.get(addRtspProxyUrl).then(res => {
|
|
17979
|
-
console.log("\u62C9\u6D41\u6210\u529F");
|
|
17980
|
-
if (res.data.code === 0) {
|
|
17981
|
-
plays.key = res.data.data?.key;
|
|
17982
|
-
this.startPlay(plays).then(() => {
|
|
17983
|
-
resolve(res.data);
|
|
17984
|
-
});
|
|
17985
|
-
} else {
|
|
17986
|
-
this.mediaServerAddrMap.delete(plays.videoElm);
|
|
17987
|
-
reject();
|
|
17988
|
-
this.log("err", "\u4ECE\u670D\u52A1\u7AEF\u62C9\u6D41\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
|
|
17989
|
-
}
|
|
17990
|
-
});
|
|
17991
|
-
});
|
|
17987
|
+
this.createRtspUrl(plays);
|
|
17988
|
+
this.startPlay(plays);
|
|
17989
|
+
return "success";
|
|
17992
17990
|
}
|
|
17993
17991
|
log(type, text) {
|
|
17994
17992
|
switch (type) {
|
|
@@ -20180,6 +20178,14 @@ const ParamManagerV2 = defineComponent({
|
|
|
20180
20178
|
hideEdit: {
|
|
20181
20179
|
type: Boolean,
|
|
20182
20180
|
default: false
|
|
20181
|
+
},
|
|
20182
|
+
menuHidden: {
|
|
20183
|
+
type: Boolean,
|
|
20184
|
+
default: false
|
|
20185
|
+
},
|
|
20186
|
+
defaultMenuIndex: {
|
|
20187
|
+
type: Number,
|
|
20188
|
+
default: 0
|
|
20183
20189
|
}
|
|
20184
20190
|
},
|
|
20185
20191
|
setup(props, {
|
|
@@ -20205,7 +20211,7 @@ const ParamManagerV2 = defineComponent({
|
|
|
20205
20211
|
...item,
|
|
20206
20212
|
completeKey: parentCompleteKey ? `${parentCompleteKey}.${item.code}` : item.code
|
|
20207
20213
|
}));
|
|
20208
|
-
activeRef.value = listRef.value[
|
|
20214
|
+
activeRef.value = listRef.value[props.defaultMenuIndex];
|
|
20209
20215
|
};
|
|
20210
20216
|
const activeMenu = ref();
|
|
20211
20217
|
const handleMenuChange = menu => {
|
|
@@ -20234,13 +20240,14 @@ const ParamManagerV2 = defineComponent({
|
|
|
20234
20240
|
});
|
|
20235
20241
|
expose({
|
|
20236
20242
|
activeMenu,
|
|
20237
|
-
activeTab
|
|
20243
|
+
activeTab,
|
|
20244
|
+
handleMenuChange
|
|
20238
20245
|
});
|
|
20239
20246
|
return () => {
|
|
20240
20247
|
let _slot, _slot2;
|
|
20241
20248
|
return createVNode("div", {
|
|
20242
20249
|
"class": config.prefix + "-param-manager-v2"
|
|
20243
|
-
}, [createVNode("div", {
|
|
20250
|
+
}, [withDirectives(createVNode("div", {
|
|
20244
20251
|
"class": "menu"
|
|
20245
20252
|
}, [createVNode(resolveComponent("a-menu"), {
|
|
20246
20253
|
"mode": "inline",
|
|
@@ -20252,7 +20259,7 @@ const ParamManagerV2 = defineComponent({
|
|
|
20252
20259
|
default: () => [item.name]
|
|
20253
20260
|
}))) ? _slot : {
|
|
20254
20261
|
default: () => [_slot]
|
|
20255
|
-
})]), createVNode("div", {
|
|
20262
|
+
})]), [[vShow, !props.menuHidden]]), createVNode("div", {
|
|
20256
20263
|
"class": "right"
|
|
20257
20264
|
}, [tabList.value.length > 0 ? createVNode(resolveComponent("a-tabs"), {
|
|
20258
20265
|
"onChange": handleTabChange
|