mrxy-yk 0.0.1-beta.11
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/LICENSE +21 -0
- package/README.md +34 -0
- package/dist/@type/components/a-map-canvas/index.d.ts +1 -0
- package/dist/@type/components/adaptive-box/AdaptiveBox.d.ts +42 -0
- package/dist/@type/components/coordinate-pickup/CoordinatePickup.d.ts +29 -0
- package/dist/@type/components/drag-drop-box/DragDropBox.d.ts +33 -0
- package/dist/@type/components/drag-drop-container/DragDropContainer.d.ts +39 -0
- package/dist/@type/components/drag-drop-container/type.d.ts +3 -0
- package/dist/@type/components/echarts-canvas/EChartsCanvas.d.ts +21 -0
- package/dist/@type/components/in-body/InBody.d.ts +22 -0
- package/dist/@type/components/index.d.ts +12 -0
- package/dist/@type/components/position-anchor/PositionAnchor.d.ts +23 -0
- package/dist/@type/components/progress-bar/ProgressBar.d.ts +35 -0
- package/dist/@type/components/progress-bar/type.d.ts +5 -0
- package/dist/@type/components/progress-ring/ProgressRing.d.ts +22 -0
- package/dist/@type/components/scroll-container/ScrollContainer.d.ts +35 -0
- package/dist/@type/components/show-log/ShowLog.d.ts +25 -0
- package/dist/@type/components/ys-video/@type/index.d.ts +151 -0
- package/dist/@type/components/ys-video/YsVideo.d.ts +18 -0
- package/dist/@type/components/ys-video/components/BtnLineRec.d.ts +7 -0
- package/dist/@type/components/ys-video/type.d.ts +9 -0
- package/dist/@type/config/index.d.ts +23 -0
- package/dist/@type/directive/index.d.ts +1 -0
- package/dist/@type/directive/ref-height/index.d.ts +3 -0
- package/dist/@type/directive/ref-height/type.d.ts +11 -0
- package/dist/@type/directive/table-scroll-carousel/index.d.ts +3 -0
- package/dist/@type/element-plus/components/attrs.d.ts +2 -0
- package/dist/@type/element-plus/components/date-picker/DatePicker.d.ts +16 -0
- package/dist/@type/element-plus/components/date-picker/index.d.ts +22 -0
- package/dist/@type/element-plus/components/date-picker/type.d.ts +17 -0
- package/dist/@type/element-plus/components/empty/Empty.d.ts +31 -0
- package/dist/@type/element-plus/components/empty/config.d.ts +24 -0
- package/dist/@type/element-plus/components/empty/hooks/index.d.ts +2 -0
- package/dist/@type/element-plus/components/empty/hooks/type.d.ts +12 -0
- package/dist/@type/element-plus/components/empty/type.d.ts +9 -0
- package/dist/@type/element-plus/components/form-dialog/FormDialog.d.ts +400 -0
- package/dist/@type/element-plus/components/form-dialog/type.d.ts +4 -0
- package/dist/@type/element-plus/components/images/Images.d.ts +16 -0
- package/dist/@type/element-plus/components/images/index.d.ts +9 -0
- package/dist/@type/element-plus/components/index.d.ts +9 -0
- package/dist/@type/element-plus/components/pagination/Pagination.d.ts +18 -0
- package/dist/@type/element-plus/components/table-column/TableColumn.d.ts +27 -0
- package/dist/@type/element-plus/components/upload/accept/index.d.ts +1 -0
- package/dist/@type/element-plus/components/upload/index.d.ts +42 -0
- package/dist/@type/element-plus/components/upload/select-file/SelectFile.d.ts +822 -0
- package/dist/@type/element-plus/components/upload/upload-files/UploadFiles.d.ts +844 -0
- package/dist/@type/element-plus/components/upload/upload-images/UploadImages.d.ts +842 -0
- package/dist/@type/element-plus/hooks/dialog/index.d.ts +2 -0
- package/dist/@type/element-plus/hooks/dialog/type.d.ts +20 -0
- package/dist/@type/element-plus/hooks/form/index.d.ts +2 -0
- package/dist/@type/element-plus/hooks/form/type.d.ts +45 -0
- package/dist/@type/element-plus/hooks/form-dialog/index.d.ts +2 -0
- package/dist/@type/element-plus/hooks/form-dialog/type.d.ts +70 -0
- package/dist/@type/element-plus/hooks/index.d.ts +5 -0
- package/dist/@type/element-plus/hooks/table-sort/index.d.ts +20 -0
- package/dist/@type/element-plus/hooks/table-sort/type.d.ts +21 -0
- package/dist/@type/element-plus/index.d.ts +2 -0
- package/dist/@type/element-plus/type.d.ts +15 -0
- package/dist/@type/element-plus/utils/form-rule/index.d.ts +4 -0
- package/dist/@type/element-plus/utils/form-rule/rule.d.ts +22 -0
- package/dist/@type/element-plus/utils/form-rule/type.d.ts +14 -0
- package/dist/@type/element-plus/utils/index.d.ts +2 -0
- package/dist/@type/element-plus/utils/table-util/index.d.ts +25 -0
- package/dist/@type/entity/BigFloat.d.ts +48 -0
- package/dist/@type/entity/Pages.d.ts +9 -0
- package/dist/@type/entity/RejectError.d.ts +24 -0
- package/dist/@type/entity/index.d.ts +3 -0
- package/dist/@type/hooks/index.d.ts +1 -0
- package/dist/@type/hooks/table-search/index.d.ts +3 -0
- package/dist/@type/hooks/table-search/type.d.ts +54 -0
- package/dist/@type/icons/index.d.ts +2 -0
- package/dist/@type/index.d.ts +13 -0
- package/dist/@type/resolver/index.d.ts +3 -0
- package/dist/@type/type.d.ts +11 -0
- package/dist/@type/typings.d.ts +20 -0
- package/dist/@type/utils/amap/@type/AMap.d.ts +24 -0
- package/dist/@type/utils/amap/@type/Bounds.d.ts +18 -0
- package/dist/@type/utils/amap/@type/Control.d.ts +19 -0
- package/dist/@type/utils/amap/@type/Event.d.ts +11 -0
- package/dist/@type/utils/amap/@type/Icon.d.ts +12 -0
- package/dist/@type/utils/amap/@type/InfoWindow.d.ts +40 -0
- package/dist/@type/utils/amap/@type/LngLat.d.ts +34 -0
- package/dist/@type/utils/amap/@type/Map.d.ts +218 -0
- package/dist/@type/utils/amap/@type/Marker.d.ts +137 -0
- package/dist/@type/utils/amap/@type/MarkerCluster.d.ts +65 -0
- package/dist/@type/utils/amap/@type/MoveAnimation.d.ts +33 -0
- package/dist/@type/utils/amap/@type/Pixel.d.ts +11 -0
- package/dist/@type/utils/amap/@type/Polyline.d.ts +80 -0
- package/dist/@type/utils/amap/@type/Size.d.ts +9 -0
- package/dist/@type/utils/amap/@type/index.d.ts +23 -0
- package/dist/@type/utils/amap/@type/other.d.ts +11 -0
- package/dist/@type/utils/amap/index.d.ts +3 -0
- package/dist/@type/utils/amap/type.d.ts +21 -0
- package/dist/@type/utils/amap/utils/coordinates.d.ts +24 -0
- package/dist/@type/utils/amap/utils/index.d.ts +12 -0
- package/dist/@type/utils/amap/utils/type.d.ts +4 -0
- package/dist/@type/utils/echarts/hooks/index.d.ts +76 -0
- package/dist/@type/utils/echarts/index.d.ts +3 -0
- package/dist/@type/utils/echarts/modules/coordinate/basic.d.ts +27 -0
- package/dist/@type/utils/echarts/modules/coordinate/cartesian.d.ts +25 -0
- package/dist/@type/utils/echarts/modules/coordinate/polar.d.ts +14 -0
- package/dist/@type/utils/echarts/modules/index.d.ts +5 -0
- package/dist/@type/utils/echarts/modules/series/bar.d.ts +16 -0
- package/dist/@type/utils/echarts/modules/series/line.d.ts +16 -0
- package/dist/@type/utils/echarts/modules/series/pie.d.ts +28 -0
- package/dist/@type/utils/echarts/modules/type.d.ts +83 -0
- package/dist/@type/utils/echarts/type.d.ts +8 -0
- package/dist/@type/utils/echarts/utils/assignOption.d.ts +7 -0
- package/dist/@type/utils/echarts/utils/index.d.ts +27 -0
- package/dist/@type/utils/fn-periodically/FnBatchPeriodically.d.ts +32 -0
- package/dist/@type/utils/fn-periodically/FnPeriodically.d.ts +37 -0
- package/dist/@type/utils/fn-periodically/index.d.ts +2 -0
- package/dist/@type/utils/fn-periodically/type.d.ts +30 -0
- package/dist/@type/utils/index.d.ts +6 -0
- package/dist/@type/utils/match-unit/dataset.d.ts +8 -0
- package/dist/@type/utils/match-unit/index.d.ts +10 -0
- package/dist/@type/utils/match-unit/type.d.ts +39 -0
- package/dist/@type/utils/mitt/hooks/inject-events/index.d.ts +7 -0
- package/dist/@type/utils/mitt/hooks/inject-events/type.d.ts +9 -0
- package/dist/@type/utils/prototype/index.d.ts +5 -0
- package/dist/@type/utils/prototype/lib/ArrayUtil.d.ts +87 -0
- package/dist/@type/utils/prototype/lib/ComponentUtil.d.ts +18 -0
- package/dist/@type/utils/prototype/lib/FileUtil.d.ts +19 -0
- package/dist/@type/utils/prototype/lib/NumberUtil.d.ts +9 -0
- package/dist/@type/utils/prototype/lib/ObjectUtil.d.ts +152 -0
- package/dist/@type/utils/prototype/lib/PromiseUtil.d.ts +7 -0
- package/dist/@type/utils/prototype/type.d.ts +28 -0
- package/dist/@type/utils/sandbox/Sandbox.d.ts +25 -0
- package/dist/@type/utils/transition-fade/index.d.ts +32 -0
- package/dist/@type/utils/transition-fade/type.d.ts +6 -0
- package/dist/_virtual/_plugin-vue_export-helper.es.js +10 -0
- package/dist/components/adaptive-box/AdaptiveBox.vue.es.js +7 -0
- package/dist/components/adaptive-box/AdaptiveBox.vue.es2.js +170 -0
- package/dist/components/coordinate-pickup/CoordinatePickup.vue.es.js +10 -0
- package/dist/components/coordinate-pickup/CoordinatePickup.vue.es2.js +302 -0
- package/dist/components/drag-drop-box/DragDropBox.vue.es.js +7 -0
- package/dist/components/drag-drop-box/DragDropBox.vue.es2.js +59 -0
- package/dist/components/drag-drop-container/DragDropContainer.vue.es.js +7 -0
- package/dist/components/drag-drop-container/DragDropContainer.vue.es2.js +113 -0
- package/dist/components/echarts-canvas/EChartsCanvas.vue.es.js +7 -0
- package/dist/components/echarts-canvas/EChartsCanvas.vue.es2.js +73 -0
- package/dist/components/in-body/InBody.vue.es.js +24 -0
- package/dist/components/in-body/InBody.vue.es2.js +4 -0
- package/dist/components/index.es.js +26 -0
- package/dist/components/position-anchor/PositionAnchor.vue.es.js +7 -0
- package/dist/components/position-anchor/PositionAnchor.vue.es2.js +22 -0
- package/dist/components/progress-bar/ProgressBar.vue.es.js +7 -0
- package/dist/components/progress-bar/ProgressBar.vue.es2.js +126 -0
- package/dist/components/progress-ring/ProgressRing.vue.es.js +7 -0
- package/dist/components/progress-ring/ProgressRing.vue.es2.js +87 -0
- package/dist/components/scroll-container/ScrollContainer.vue.es.js +7 -0
- package/dist/components/scroll-container/ScrollContainer.vue.es2.js +89 -0
- package/dist/components/show-log/ShowLog.vue.es.js +7 -0
- package/dist/components/show-log/ShowLog.vue.es2.js +61 -0
- package/dist/components/ys-video/YsVideo.vue.es.js +7 -0
- package/dist/components/ys-video/YsVideo.vue.es2.js +122 -0
- package/dist/components/ys-video/components/BtnLineRec.vue.es.js +7 -0
- package/dist/components/ys-video/components/BtnLineRec.vue.es2.js +57 -0
- package/dist/components/ys-video/images/btn-play.png.es.js +4 -0
- package/dist/config/index.es.js +16 -0
- package/dist/directive/index.es.js +4 -0
- package/dist/directive/ref-height/index.es.js +49 -0
- package/dist/element-plus/components/date-picker/DatePicker.vue.es.js +107 -0
- package/dist/element-plus/components/date-picker/DatePicker.vue.es2.js +4 -0
- package/dist/element-plus/components/date-picker/index.es.js +213 -0
- package/dist/element-plus/components/empty/Empty.vue.es.js +92 -0
- package/dist/element-plus/components/empty/Empty.vue.es3.js +5 -0
- package/dist/element-plus/components/empty/config.es.js +10 -0
- package/dist/element-plus/components/empty/hooks/index.es.js +24 -0
- package/dist/element-plus/components/form-dialog/FormDialog.vue.es.js +135 -0
- package/dist/element-plus/components/form-dialog/FormDialog.vue.es2.js +4 -0
- package/dist/element-plus/components/images/Images.vue.es.js +7 -0
- package/dist/element-plus/components/images/Images.vue.es2.js +93 -0
- package/dist/element-plus/components/images/index.es.js +10 -0
- package/dist/element-plus/components/index.es.js +21 -0
- package/dist/element-plus/components/pagination/Pagination.vue.es.js +7 -0
- package/dist/element-plus/components/pagination/Pagination.vue.es2.js +66 -0
- package/dist/element-plus/components/table-column/TableColumn.vue.es.js +34 -0
- package/dist/element-plus/components/table-column/TableColumn.vue.es2.js +4 -0
- package/dist/element-plus/components/upload/accept/index.es.js +12 -0
- package/dist/element-plus/components/upload/index.es.js +35 -0
- package/dist/element-plus/components/upload/select-file/SelectFile.vue.es.js +7 -0
- package/dist/element-plus/components/upload/select-file/SelectFile.vue.es2.js +66 -0
- package/dist/element-plus/components/upload/upload-files/UploadFiles.vue.es.js +7 -0
- package/dist/element-plus/components/upload/upload-files/UploadFiles.vue.es2.js +204 -0
- package/dist/element-plus/components/upload/upload-images/UploadImages.vue.es.js +7 -0
- package/dist/element-plus/components/upload/upload-images/UploadImages.vue.es2.js +212 -0
- package/dist/element-plus/hooks/dialog/index.es.js +44 -0
- package/dist/element-plus/hooks/form/index.es.js +45 -0
- package/dist/element-plus/hooks/form-dialog/index.es.js +53 -0
- package/dist/element-plus/hooks/table-sort/index.es.js +30 -0
- package/dist/element-plus/index.es.js +51 -0
- package/dist/element-plus/utils/form-rule/rule.es.js +107 -0
- package/dist/element-plus/utils/table-util/index.es.js +56 -0
- package/dist/entity/BigFloat.es.js +102 -0
- package/dist/entity/Pages.es.js +11 -0
- package/dist/entity/RejectError.es.js +35 -0
- package/dist/entity/index.es.js +8 -0
- package/dist/hooks/index.es.js +4 -0
- package/dist/hooks/table-search/index.es.js +72 -0
- package/dist/icons/images/Image.svg.es.js +4 -0
- package/dist/icons/images/ImageError.svg.es.js +4 -0
- package/dist/icons/index.es.js +12 -0
- package/dist/index.es.js +111 -0
- package/dist/mrxy-yk.css +1 -0
- package/dist/resolver/index.es.js +24 -0
- package/dist/styles/plugins/colors/index.scss +52 -0
- package/dist/styles/plugins/colors/var.scss +77 -0
- package/dist/styles/plugins/template.scss +37 -0
- package/dist/utils/amap/index.es.js +21 -0
- package/dist/utils/amap/utils/coordinates.es.js +61 -0
- package/dist/utils/amap/utils/index.es.js +39 -0
- package/dist/utils/echarts/hooks/index.es.js +32 -0
- package/dist/utils/echarts/modules/coordinate/basic.es.js +103 -0
- package/dist/utils/echarts/modules/coordinate/cartesian.es.js +79 -0
- package/dist/utils/echarts/modules/series/bar.es.js +43 -0
- package/dist/utils/echarts/modules/series/line.es.js +47 -0
- package/dist/utils/echarts/modules/series/pie.es.js +126 -0
- package/dist/utils/echarts/utils/assignOption.es.js +40 -0
- package/dist/utils/echarts/utils/index.es.js +99 -0
- package/dist/utils/fn-periodically/FnBatchPeriodically.es.js +70 -0
- package/dist/utils/fn-periodically/FnPeriodically.es.js +85 -0
- package/dist/utils/index.es.js +49 -0
- package/dist/utils/match-unit/dataset.es.js +143 -0
- package/dist/utils/match-unit/index.es.js +56 -0
- package/dist/utils/mitt/hooks/inject-events/index.es.js +27 -0
- package/dist/utils/prototype/lib/ArrayUtil.es.js +115 -0
- package/dist/utils/prototype/lib/ComponentUtil.es.js +45 -0
- package/dist/utils/prototype/lib/NumberUtil.es.js +17 -0
- package/dist/utils/prototype/lib/ObjectUtil.es.js +277 -0
- package/dist/utils/prototype/lib/PromiseUtil.es.js +18 -0
- package/dist/utils/transition-fade/index.es.js +79 -0
- package/global.d.ts +55 -0
- package/package.json +134 -0
- package/web-types-mr.json +923 -0
- package/web-types-yk.json +923 -0
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import { defineComponent, useId, onMounted, computed, ref, createElementBlock, openBlock, createCommentVNode, normalizeStyle, createElementVNode, renderSlot, unref } from "vue";
|
|
2
|
+
const _hoisted_1 = { class: "progress-bar" };
|
|
3
|
+
const _hoisted_2 = {
|
|
4
|
+
width: "100%",
|
|
5
|
+
height: "100%",
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
style: { "border-radius": "inherit" }
|
|
8
|
+
};
|
|
9
|
+
const _hoisted_3 = ["id", "width"];
|
|
10
|
+
const _hoisted_4 = ["width"];
|
|
11
|
+
const _hoisted_5 = ["id"];
|
|
12
|
+
const _hoisted_6 = ["fill"];
|
|
13
|
+
const _hoisted_7 = ["id"];
|
|
14
|
+
const _hoisted_8 = ["fill", "width"];
|
|
15
|
+
const _hoisted_9 = ["mask"];
|
|
16
|
+
const _hoisted_10 = {
|
|
17
|
+
width: "100%",
|
|
18
|
+
height: "100%"
|
|
19
|
+
};
|
|
20
|
+
const _hoisted_11 = ["mask"];
|
|
21
|
+
const _hoisted_12 = {
|
|
22
|
+
width: "100%",
|
|
23
|
+
height: "100%"
|
|
24
|
+
};
|
|
25
|
+
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
26
|
+
__name: "ProgressBar",
|
|
27
|
+
props: {
|
|
28
|
+
progress: {},
|
|
29
|
+
bgColor: { default: "#ebeef5" },
|
|
30
|
+
pattern: { type: Boolean, default: false },
|
|
31
|
+
patternWidth: { default: 20 },
|
|
32
|
+
patternGap: { default: 10 },
|
|
33
|
+
colors: { default: "var(--el-color-primary)" }
|
|
34
|
+
},
|
|
35
|
+
setup(__props) {
|
|
36
|
+
const props = __props;
|
|
37
|
+
const componentID = useId();
|
|
38
|
+
onMounted(() => {
|
|
39
|
+
loadProgressColor();
|
|
40
|
+
});
|
|
41
|
+
const patternMaskFill = computed(() => props.pattern ? `url('#${componentID}-pattern')` : "white");
|
|
42
|
+
const progressColor = ref("");
|
|
43
|
+
function loadProgressColor() {
|
|
44
|
+
progressColor.value = typeof props.colors === "string" ? props.colors : `linear-gradient(to right, ${props.colors.join(", ")})`;
|
|
45
|
+
}
|
|
46
|
+
return (_ctx, _cache) => {
|
|
47
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
48
|
+
_ctx.$slots.dot ? (openBlock(), createElementBlock("div", {
|
|
49
|
+
key: 0,
|
|
50
|
+
class: "w-0 d-flex-center position-absolute",
|
|
51
|
+
style: normalizeStyle([{ "transition": "all 0.5s" }, { left: props.progress + "%" }])
|
|
52
|
+
}, [
|
|
53
|
+
createElementVNode("div", null, [
|
|
54
|
+
renderSlot(_ctx.$slots, "dot", {}, void 0, true)
|
|
55
|
+
])
|
|
56
|
+
], 4)) : createCommentVNode("", true),
|
|
57
|
+
(openBlock(), createElementBlock("svg", _hoisted_2, [
|
|
58
|
+
createElementVNode("defs", null, [
|
|
59
|
+
props.pattern ? (openBlock(), createElementBlock("pattern", {
|
|
60
|
+
key: 0,
|
|
61
|
+
id: `${unref(componentID)}-pattern`,
|
|
62
|
+
width: props.patternWidth,
|
|
63
|
+
height: "100%",
|
|
64
|
+
patternUnits: "userSpaceOnUse"
|
|
65
|
+
}, [
|
|
66
|
+
renderSlot(_ctx.$slots, "pattern", {}, () => [
|
|
67
|
+
createElementVNode("rect", {
|
|
68
|
+
width: props.patternWidth - props.patternGap,
|
|
69
|
+
height: "100%",
|
|
70
|
+
fill: "white"
|
|
71
|
+
}, null, 8, _hoisted_4)
|
|
72
|
+
], true)
|
|
73
|
+
], 8, _hoisted_3)) : createCommentVNode("", true),
|
|
74
|
+
props.pattern ? (openBlock(), createElementBlock("mask", {
|
|
75
|
+
key: 1,
|
|
76
|
+
id: `${unref(componentID)}-mask-track`
|
|
77
|
+
}, [
|
|
78
|
+
createElementVNode("rect", {
|
|
79
|
+
fill: unref(patternMaskFill),
|
|
80
|
+
width: "100%",
|
|
81
|
+
height: "100%"
|
|
82
|
+
}, null, 8, _hoisted_6)
|
|
83
|
+
], 8, _hoisted_5)) : createCommentVNode("", true),
|
|
84
|
+
createElementVNode("mask", {
|
|
85
|
+
id: `${unref(componentID)}-mask-bar`
|
|
86
|
+
}, [
|
|
87
|
+
createElementVNode("rect", {
|
|
88
|
+
fill: unref(patternMaskFill),
|
|
89
|
+
width: props.progress + "%",
|
|
90
|
+
height: "100%",
|
|
91
|
+
style: { "transition": "all 0.5s" }
|
|
92
|
+
}, null, 8, _hoisted_8)
|
|
93
|
+
], 8, _hoisted_7)
|
|
94
|
+
]),
|
|
95
|
+
createElementVNode("g", {
|
|
96
|
+
mask: props.pattern ? `url('#${unref(componentID)}-mask-track')` : "none"
|
|
97
|
+
}, [
|
|
98
|
+
(openBlock(), createElementBlock("foreignObject", _hoisted_10, [
|
|
99
|
+
renderSlot(_ctx.$slots, "track", {}, () => [
|
|
100
|
+
createElementVNode("div", {
|
|
101
|
+
xmlns: "http://www.w3.org/1999/xhtml",
|
|
102
|
+
style: normalizeStyle([{ "height": "100%" }, { background: props.bgColor }])
|
|
103
|
+
}, null, 4)
|
|
104
|
+
], true)
|
|
105
|
+
]))
|
|
106
|
+
], 8, _hoisted_9),
|
|
107
|
+
createElementVNode("g", {
|
|
108
|
+
mask: `url('#${unref(componentID)}-mask-bar')`
|
|
109
|
+
}, [
|
|
110
|
+
(openBlock(), createElementBlock("foreignObject", _hoisted_12, [
|
|
111
|
+
renderSlot(_ctx.$slots, "progressbar", {}, () => [
|
|
112
|
+
createElementVNode("div", {
|
|
113
|
+
xmlns: "http://www.w3.org/1999/xhtml",
|
|
114
|
+
style: normalizeStyle([{ background: unref(progressColor) }, { "height": "100%" }])
|
|
115
|
+
}, null, 4)
|
|
116
|
+
], true)
|
|
117
|
+
]))
|
|
118
|
+
], 8, _hoisted_11)
|
|
119
|
+
]))
|
|
120
|
+
]);
|
|
121
|
+
};
|
|
122
|
+
}
|
|
123
|
+
});
|
|
124
|
+
export {
|
|
125
|
+
_sfc_main as default
|
|
126
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import _sfc_main from "./ProgressRing.vue.es2.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.es.js";
|
|
4
|
+
var ProgressRing = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a48e82e0"]]);
|
|
5
|
+
export {
|
|
6
|
+
ProgressRing as default
|
|
7
|
+
};
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { defineComponent, computed, useId, createElementBlock, openBlock, normalizeStyle, unref, createElementVNode } from "vue";
|
|
2
|
+
const _hoisted_1 = ["r", "stroke", "cx", "cy", "transform", "stroke-width", "stroke-dashoffset", "stroke-dasharray"];
|
|
3
|
+
const _hoisted_2 = ["id"];
|
|
4
|
+
const _hoisted_3 = ["r", "cx", "cy", "transform", "stroke-width", "stroke-dashoffset", "stroke-dasharray"];
|
|
5
|
+
const _hoisted_4 = ["mask"];
|
|
6
|
+
const _hoisted_5 = {
|
|
7
|
+
width: "100%",
|
|
8
|
+
height: "100%"
|
|
9
|
+
};
|
|
10
|
+
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
11
|
+
__name: "ProgressRing",
|
|
12
|
+
props: {
|
|
13
|
+
progress: { default: 0 },
|
|
14
|
+
size: { default: 100 },
|
|
15
|
+
strokeWidth: { default: 10 },
|
|
16
|
+
offsetAngle: { default: 0 },
|
|
17
|
+
maxAngle: { default: 360 },
|
|
18
|
+
bgColor: { default: "#CCC" },
|
|
19
|
+
colors: { default: "red, yellow, green, blue, purple, red" },
|
|
20
|
+
duration: { default: 300 }
|
|
21
|
+
},
|
|
22
|
+
setup(__props) {
|
|
23
|
+
const props = __props;
|
|
24
|
+
const svgStyle = computed(() => {
|
|
25
|
+
const s = props.size;
|
|
26
|
+
return {
|
|
27
|
+
width: `${s}px`,
|
|
28
|
+
height: `${s}px`,
|
|
29
|
+
"--duration": `${props.duration}ms`
|
|
30
|
+
};
|
|
31
|
+
});
|
|
32
|
+
const svgRadius = computed(() => props.size / 2);
|
|
33
|
+
const svgCircleRadius = computed(() => (props.size - props.strokeWidth) / 2);
|
|
34
|
+
const svgCircleGirth = computed(() => svgCircleRadius.value * 2 * Math.PI);
|
|
35
|
+
const svgCircleMathRadianLength = computed(() => svgCircleGirth.value * (props.maxAngle / 360));
|
|
36
|
+
const svgProgressRadianLength = computed(() => svgCircleMathRadianLength.value * (Math.max(0, Math.min(props.progress, 100)) / 100));
|
|
37
|
+
const svgCircleColor = computed(() => Array.isArray(props.colors) ? props.colors.join(", ") : props.colors);
|
|
38
|
+
const componentID = useId();
|
|
39
|
+
return (_ctx, _cache) => {
|
|
40
|
+
return openBlock(), createElementBlock("svg", {
|
|
41
|
+
class: "progress-ring",
|
|
42
|
+
style: normalizeStyle(unref(svgStyle))
|
|
43
|
+
}, [
|
|
44
|
+
createElementVNode("circle", {
|
|
45
|
+
r: unref(svgCircleRadius),
|
|
46
|
+
stroke: __props.bgColor,
|
|
47
|
+
cx: unref(svgRadius),
|
|
48
|
+
cy: unref(svgRadius),
|
|
49
|
+
transform: `rotate(${-90 + __props.offsetAngle})`,
|
|
50
|
+
"stroke-linecap": "round",
|
|
51
|
+
fill: "none",
|
|
52
|
+
"stroke-width": __props.strokeWidth,
|
|
53
|
+
"stroke-dashoffset": unref(svgCircleGirth) - unref(svgCircleMathRadianLength),
|
|
54
|
+
"stroke-dasharray": unref(svgCircleGirth)
|
|
55
|
+
}, null, 8, _hoisted_1),
|
|
56
|
+
createElementVNode("mask", {
|
|
57
|
+
id: `${unref(componentID)}-circle-mask`
|
|
58
|
+
}, [
|
|
59
|
+
createElementVNode("circle", {
|
|
60
|
+
r: unref(svgCircleRadius),
|
|
61
|
+
stroke: "white",
|
|
62
|
+
cx: unref(svgRadius),
|
|
63
|
+
cy: unref(svgRadius),
|
|
64
|
+
transform: `rotate(${-90 + __props.offsetAngle})`,
|
|
65
|
+
"stroke-linecap": "round",
|
|
66
|
+
"stroke-width": __props.strokeWidth,
|
|
67
|
+
"stroke-dashoffset": unref(svgCircleGirth) - unref(svgProgressRadianLength),
|
|
68
|
+
"stroke-dasharray": unref(svgCircleGirth)
|
|
69
|
+
}, null, 8, _hoisted_3)
|
|
70
|
+
], 8, _hoisted_2),
|
|
71
|
+
createElementVNode("g", {
|
|
72
|
+
mask: `url(#${unref(componentID)}-circle-mask)`
|
|
73
|
+
}, [
|
|
74
|
+
(openBlock(), createElementBlock("foreignObject", _hoisted_5, [
|
|
75
|
+
createElementVNode("div", {
|
|
76
|
+
style: normalizeStyle([{ background: `conic-gradient(from ${__props.offsetAngle}deg, ${unref(svgCircleColor)})` }, { "height": "100%" }]),
|
|
77
|
+
class: "debugger-bo2"
|
|
78
|
+
}, null, 4)
|
|
79
|
+
]))
|
|
80
|
+
], 8, _hoisted_4)
|
|
81
|
+
], 4);
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
export {
|
|
86
|
+
_sfc_main as default
|
|
87
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import _sfc_main from "./ScrollContainer.vue.es2.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.es.js";
|
|
4
|
+
var ScrollContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a640aede"]]);
|
|
5
|
+
export {
|
|
6
|
+
ScrollContainer as default
|
|
7
|
+
};
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { defineComponent, ref, shallowRef, onMounted, onBeforeUnmount, createElementBlock, openBlock, createElementVNode, createCommentVNode, renderSlot, unref, normalizeClass } from "vue";
|
|
2
|
+
const _hoisted_1 = { class: "scroll-inner" };
|
|
3
|
+
const _hoisted_2 = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "w-100"
|
|
6
|
+
};
|
|
7
|
+
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "ScrollContainer",
|
|
9
|
+
props: {
|
|
10
|
+
speed: { default: 20 },
|
|
11
|
+
copyClass: {}
|
|
12
|
+
},
|
|
13
|
+
setup(__props) {
|
|
14
|
+
const props = __props;
|
|
15
|
+
const isStop = ref(false);
|
|
16
|
+
const scrollRef = shallowRef();
|
|
17
|
+
const slotRef = shallowRef();
|
|
18
|
+
const isCopy = ref(false);
|
|
19
|
+
onMounted(() => {
|
|
20
|
+
sizeObserver.observe(scrollRef.value);
|
|
21
|
+
sizeObserver.observe(slotRef.value);
|
|
22
|
+
resizeUpdate();
|
|
23
|
+
scrollRef.value.addEventListener("mouseenter", () => {
|
|
24
|
+
isStop.value = true;
|
|
25
|
+
});
|
|
26
|
+
scrollRef.value.addEventListener("mouseleave", () => {
|
|
27
|
+
isStop.value = false;
|
|
28
|
+
run(++currentRunId);
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
onBeforeUnmount(() => {
|
|
32
|
+
sizeObserver.unobserve(scrollRef.value);
|
|
33
|
+
sizeObserver.unobserve(slotRef.value);
|
|
34
|
+
});
|
|
35
|
+
let deviation = 0;
|
|
36
|
+
let currentRunId = 0;
|
|
37
|
+
function run(runId) {
|
|
38
|
+
const start = Date.now();
|
|
39
|
+
requestAnimationFrame(() => {
|
|
40
|
+
if (isStop.value || currentRunId !== runId) return;
|
|
41
|
+
const end = Date.now();
|
|
42
|
+
if (deviation > scrollRef.value.scrollHeight / 2) deviation = 0;
|
|
43
|
+
else deviation += (end - start) / 1e3 * Number(props.speed);
|
|
44
|
+
scrollRef.value.scrollTo({ top: deviation });
|
|
45
|
+
run(runId);
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
const sizeObserver = new ResizeObserver(() => {
|
|
49
|
+
resizeUpdate();
|
|
50
|
+
});
|
|
51
|
+
function resizeUpdate() {
|
|
52
|
+
const slotHeight = slotRef.value.offsetHeight;
|
|
53
|
+
const scrollHeight = scrollRef.value.offsetHeight;
|
|
54
|
+
if (slotHeight > scrollHeight) {
|
|
55
|
+
isCopy.value = true;
|
|
56
|
+
isStop.value = false;
|
|
57
|
+
run(++currentRunId);
|
|
58
|
+
} else {
|
|
59
|
+
isStop.value = true;
|
|
60
|
+
isCopy.value = false;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
return (_ctx, _cache) => {
|
|
64
|
+
return openBlock(), createElementBlock("div", {
|
|
65
|
+
ref_key: "scrollRef",
|
|
66
|
+
ref: scrollRef,
|
|
67
|
+
class: "scroll-container"
|
|
68
|
+
}, [
|
|
69
|
+
createElementVNode("div", _hoisted_1, [
|
|
70
|
+
createElementVNode("div", {
|
|
71
|
+
ref_key: "slotRef",
|
|
72
|
+
ref: slotRef,
|
|
73
|
+
class: "w-100"
|
|
74
|
+
}, [
|
|
75
|
+
renderSlot(_ctx.$slots, "default", { class: "w-100" }, void 0, true)
|
|
76
|
+
], 512),
|
|
77
|
+
unref(isCopy) ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
78
|
+
renderSlot(_ctx.$slots, "default", {
|
|
79
|
+
class: normalizeClass(["w-100", [props.copyClass]])
|
|
80
|
+
}, void 0, true)
|
|
81
|
+
])) : createCommentVNode("", true)
|
|
82
|
+
])
|
|
83
|
+
], 512);
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
export {
|
|
88
|
+
_sfc_main as default
|
|
89
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import _sfc_main from "./ShowLog.vue.es2.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.es.js";
|
|
4
|
+
var ShowLog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-39dd9fde"]]);
|
|
5
|
+
export {
|
|
6
|
+
ShowLog as default
|
|
7
|
+
};
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { ElIcon } from "element-plus/es";
|
|
2
|
+
import { defineComponent, ref, createBlock, openBlock, withCtx, createVNode, createElementVNode, normalizeClass, unref, createElementBlock, createCommentVNode, toDisplayString, renderSlot } from "vue";
|
|
3
|
+
import { FolderAdd, FolderRemove } from "@element-plus/icons-vue";
|
|
4
|
+
import _sfc_main$1 from "../in-body/InBody.vue.es.js";
|
|
5
|
+
import DragDropBox from "../drag-drop-box/DragDropBox.vue.es.js";
|
|
6
|
+
const _hoisted_1 = { class: "show-log__header d-flex-between-center text-color-regular" };
|
|
7
|
+
const _hoisted_2 = {
|
|
8
|
+
key: 0,
|
|
9
|
+
class: "mt-8"
|
|
10
|
+
};
|
|
11
|
+
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
12
|
+
__name: "ShowLog",
|
|
13
|
+
props: {
|
|
14
|
+
title: { default: "" },
|
|
15
|
+
top: {},
|
|
16
|
+
left: {}
|
|
17
|
+
},
|
|
18
|
+
setup(__props) {
|
|
19
|
+
const props = __props;
|
|
20
|
+
const isMin = ref(false);
|
|
21
|
+
return (_ctx, _cache) => {
|
|
22
|
+
const _component_ElIcon = ElIcon;
|
|
23
|
+
return openBlock(), createBlock(_sfc_main$1, null, {
|
|
24
|
+
default: withCtx(() => [
|
|
25
|
+
createVNode(DragDropBox, {
|
|
26
|
+
top: props.top,
|
|
27
|
+
left: props.left,
|
|
28
|
+
style: { "z-index": "99999999999999999999" }
|
|
29
|
+
}, {
|
|
30
|
+
default: withCtx(() => [
|
|
31
|
+
createElementVNode("div", {
|
|
32
|
+
class: normalizeClass(["show-log", { "is-min": unref(isMin) }])
|
|
33
|
+
}, [
|
|
34
|
+
createElementVNode("header", _hoisted_1, [
|
|
35
|
+
createElementVNode("div", null, toDisplayString(props.title), 1),
|
|
36
|
+
createVNode(_component_ElIcon, {
|
|
37
|
+
class: "cursor-pointer",
|
|
38
|
+
onClick: _cache[0] || (_cache[0] = ($event) => isMin.value = !unref(isMin))
|
|
39
|
+
}, {
|
|
40
|
+
default: withCtx(() => [
|
|
41
|
+
unref(isMin) ? (openBlock(), createBlock(unref(FolderAdd), { key: 0 })) : (openBlock(), createBlock(unref(FolderRemove), { key: 1 }))
|
|
42
|
+
]),
|
|
43
|
+
_: 1
|
|
44
|
+
})
|
|
45
|
+
]),
|
|
46
|
+
!unref(isMin) ? (openBlock(), createElementBlock("pre", _hoisted_2, [
|
|
47
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
48
|
+
])) : createCommentVNode("", true)
|
|
49
|
+
], 2)
|
|
50
|
+
]),
|
|
51
|
+
_: 3
|
|
52
|
+
}, 8, ["top", "left"])
|
|
53
|
+
]),
|
|
54
|
+
_: 3
|
|
55
|
+
});
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
export {
|
|
60
|
+
_sfc_main as default
|
|
61
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import _sfc_main from "./YsVideo.vue.es2.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.es.js";
|
|
4
|
+
var YsVideo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0f68a5ad"]]);
|
|
5
|
+
export {
|
|
6
|
+
YsVideo as default
|
|
7
|
+
};
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { defineComponent, shallowRef, onMounted, onBeforeUnmount, nextTick, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, unref, normalizeStyle, toDisplayString } from "vue";
|
|
2
|
+
import _imports_0 from "./images/btn-play.png.es.js";
|
|
3
|
+
import EZUIKit from "ezuikit-js";
|
|
4
|
+
import BtnLineRec from "./components/BtnLineRec.vue.es.js";
|
|
5
|
+
const _hoisted_1 = { class: "overflow-hidden ys-video" };
|
|
6
|
+
const _hoisted_2 = ["id"];
|
|
7
|
+
const _hoisted_3 = { class: "position-absolute header" };
|
|
8
|
+
const _hoisted_4 = { class: "title-box overflow-ellipsis color-white" };
|
|
9
|
+
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
10
|
+
__name: "YsVideo",
|
|
11
|
+
props: {
|
|
12
|
+
ysVideo: {},
|
|
13
|
+
autoPlay: { type: Boolean, default: true },
|
|
14
|
+
template: { default: "pcLive" },
|
|
15
|
+
themeData: {}
|
|
16
|
+
},
|
|
17
|
+
setup(__props, { expose: __expose }) {
|
|
18
|
+
const props = __props;
|
|
19
|
+
const playerId = shallowRef();
|
|
20
|
+
const videoRef = shallowRef();
|
|
21
|
+
const player = shallowRef();
|
|
22
|
+
onMounted(() => {
|
|
23
|
+
playerId.value = "ys-video_" + Date.now() + Math.trunc(Math.random() * 1e4);
|
|
24
|
+
autoPlayHandle();
|
|
25
|
+
});
|
|
26
|
+
onBeforeUnmount(() => {
|
|
27
|
+
if (player.value) {
|
|
28
|
+
player.value.stop();
|
|
29
|
+
}
|
|
30
|
+
document.querySelector("#audioleft").remove();
|
|
31
|
+
document.querySelector("#audioright").remove();
|
|
32
|
+
});
|
|
33
|
+
function loadVideo() {
|
|
34
|
+
player.value = new EZUIKit.EZUIKitPlayer({
|
|
35
|
+
id: playerId.value,
|
|
36
|
+
// 视频容器ID
|
|
37
|
+
template: props.themeData ? void 0 : props.template,
|
|
38
|
+
url: getPlayerUrl(),
|
|
39
|
+
height: 1,
|
|
40
|
+
// 利用ResizeObserver重置高度,初始化的高度有一瞬间比较高
|
|
41
|
+
accessToken: props.ysVideo.accessToken,
|
|
42
|
+
themeData: props.themeData
|
|
43
|
+
});
|
|
44
|
+
addResizeObserver();
|
|
45
|
+
}
|
|
46
|
+
const showPlayMask = shallowRef(true);
|
|
47
|
+
function autoPlayHandle() {
|
|
48
|
+
if (props.autoPlay) firstPlay();
|
|
49
|
+
}
|
|
50
|
+
function firstPlay() {
|
|
51
|
+
showPlayMask.value = false;
|
|
52
|
+
nextTick(loadVideo);
|
|
53
|
+
}
|
|
54
|
+
function getContainerRect() {
|
|
55
|
+
return videoRef.value.getBoundingClientRect();
|
|
56
|
+
}
|
|
57
|
+
function getPlayerUrl() {
|
|
58
|
+
const { validCode, channelNo, deviceSerial } = props.ysVideo;
|
|
59
|
+
let result = "ezopen://";
|
|
60
|
+
if (validCode) result += validCode + "@";
|
|
61
|
+
result += "open.ys7.com/" + deviceSerial + "/" + channelNo + ".";
|
|
62
|
+
result += ["mobileRec", "pcRec"].includes(props.template) ? "rec" : "live";
|
|
63
|
+
return result;
|
|
64
|
+
}
|
|
65
|
+
let observer = null;
|
|
66
|
+
function addResizeObserver() {
|
|
67
|
+
observer = new ResizeObserver(() => {
|
|
68
|
+
const { width, height } = getContainerRect();
|
|
69
|
+
player.value.reSize(width, height);
|
|
70
|
+
});
|
|
71
|
+
observer.observe(videoRef.value);
|
|
72
|
+
}
|
|
73
|
+
function removeResizeObserver() {
|
|
74
|
+
if (observer) {
|
|
75
|
+
observer.unobserve(videoRef.value);
|
|
76
|
+
observer.disconnect();
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
onBeforeUnmount(() => {
|
|
80
|
+
removeResizeObserver();
|
|
81
|
+
});
|
|
82
|
+
__expose({ getPlayer: () => player.value });
|
|
83
|
+
return (_ctx, _cache) => {
|
|
84
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
85
|
+
createElementVNode("div", {
|
|
86
|
+
ref_key: "videoRef",
|
|
87
|
+
ref: videoRef,
|
|
88
|
+
class: "wh-100 position-relative"
|
|
89
|
+
}, [
|
|
90
|
+
createElementVNode("div", {
|
|
91
|
+
id: unref(playerId),
|
|
92
|
+
class: "wh-100"
|
|
93
|
+
}, null, 8, _hoisted_2),
|
|
94
|
+
unref(player) ? (openBlock(), createBlock(BtnLineRec, {
|
|
95
|
+
key: 0,
|
|
96
|
+
player: unref(player),
|
|
97
|
+
class: "position-absolute",
|
|
98
|
+
style: { "top": "0", "right": "64px" }
|
|
99
|
+
}, null, 8, ["player"])) : createCommentVNode("", true),
|
|
100
|
+
unref(showPlayMask) ? (openBlock(), createElementBlock("div", {
|
|
101
|
+
key: 1,
|
|
102
|
+
class: "position-absolute wh-100 play-mask d-flex-center",
|
|
103
|
+
style: normalizeStyle({ backgroundImage: `url(${props.ysVideo?.image})` })
|
|
104
|
+
}, [
|
|
105
|
+
createElementVNode("div", _hoisted_3, [
|
|
106
|
+
createElementVNode("div", _hoisted_4, toDisplayString(props.ysVideo.videoName), 1)
|
|
107
|
+
]),
|
|
108
|
+
createElementVNode("img", {
|
|
109
|
+
src: _imports_0,
|
|
110
|
+
class: "cursor-pointer",
|
|
111
|
+
alt: "",
|
|
112
|
+
onClick: firstPlay
|
|
113
|
+
})
|
|
114
|
+
], 4)) : createCommentVNode("", true)
|
|
115
|
+
], 512)
|
|
116
|
+
]);
|
|
117
|
+
};
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
export {
|
|
121
|
+
_sfc_main as default
|
|
122
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import _sfc_main from "./BtnLineRec.vue.es2.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.es.js";
|
|
4
|
+
var BtnLineRec = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b3bb1cc0"]]);
|
|
5
|
+
export {
|
|
6
|
+
BtnLineRec as default
|
|
7
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { ElIcon } from "element-plus/es";
|
|
2
|
+
import { defineComponent, onMounted, shallowRef, createElementBlock, openBlock, createVNode, normalizeClass, unref, withCtx } from "vue";
|
|
3
|
+
import { Film } from "@element-plus/icons-vue";
|
|
4
|
+
import "ezuikit-js";
|
|
5
|
+
const _hoisted_1 = {
|
|
6
|
+
class: "d-flex-center fs-20 pt-4",
|
|
7
|
+
style: { "width": "48px", "aspect-ratio": "1" }
|
|
8
|
+
};
|
|
9
|
+
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
10
|
+
__name: "BtnLineRec",
|
|
11
|
+
props: {
|
|
12
|
+
player: {}
|
|
13
|
+
},
|
|
14
|
+
setup(__props) {
|
|
15
|
+
const props = __props;
|
|
16
|
+
onMounted(() => {
|
|
17
|
+
updateActive();
|
|
18
|
+
});
|
|
19
|
+
const isActive = shallowRef(false);
|
|
20
|
+
function updateActive() {
|
|
21
|
+
isActive.value = ["mobileRec", "pcRec"].includes(props.player.themeId);
|
|
22
|
+
}
|
|
23
|
+
function toggleActive() {
|
|
24
|
+
if (isActive.value) {
|
|
25
|
+
checkLine();
|
|
26
|
+
} else {
|
|
27
|
+
checkRec();
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
function checkLine() {
|
|
31
|
+
props.player.changePlayUrl({ type: "live" });
|
|
32
|
+
isActive.value = false;
|
|
33
|
+
}
|
|
34
|
+
function checkRec() {
|
|
35
|
+
props.player.changePlayUrl({ type: "rec" });
|
|
36
|
+
isActive.value = true;
|
|
37
|
+
}
|
|
38
|
+
return (_ctx, _cache) => {
|
|
39
|
+
const _component_el_icon = ElIcon;
|
|
40
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
41
|
+
createVNode(_component_el_icon, {
|
|
42
|
+
class: normalizeClass(["icon", { "is-active": unref(isActive) }]),
|
|
43
|
+
title: "回放",
|
|
44
|
+
onClick: toggleActive
|
|
45
|
+
}, {
|
|
46
|
+
default: withCtx(() => [
|
|
47
|
+
createVNode(unref(Film))
|
|
48
|
+
]),
|
|
49
|
+
_: 1
|
|
50
|
+
}, 8, ["class"])
|
|
51
|
+
]);
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
export {
|
|
56
|
+
_sfc_main as default
|
|
57
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAYAAABzJ5OsAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAO3SURBVGiB5ZrPSxtpGMc/zqbpVKTrtAjV1GxZK5WeYvewiofCdqkBkSKIJ5ccIs4/4N8iCCKU4qHKCt3DGgobtCjTLSy6l0JjA6sGPK0TskWzoLCHJ8nG2SRmfsayH8hl3vd95vu+8+Sd9/2+04Z7QkA30AvcBTSgA7hRKjsDToFPgAnkgEPgqFTmmDYXbXuBQeA+cNNB+wLwEdhBOmMbJ+L7gMdA1MkN63AAbAJZO43siL8NPAUe2LmBTT4Ar4E/m6ncrPhHwPdAu0NRdjgBfgF+u6ziF5eUh4FR4DvgmntdTXENebrtwD5wXq9iI/Eq8AyIeSqteSJIqmapMyvVEx9GhD/0R1fTdAG3gD1qPIF64kdp3Yhb6QKuIx24QC3x3yA5fpWIAH8hL7YKiqXSbeBJUIps8gTRV8Eq/inBTIdOaEf0VagW34e/LyAveIDoBC7m/ATwpZvIuq5/FQ6H23K5XNFNnEvQkPUQodKFXlyuVba2tp6NjIzEAFKp1Ftd1zcPDg786EQU0XtYTptBV9GiUbUsHCAejw/t7u7qExMTd9zEbcAgSM6HkGWtYyKRiGq9pmla59ramr64uPitm9h1uA+EFGQj4WQ93hTJZDKeyWQSw8PDnR6GvQl0K0j++Ep/f/+9dDqtz87O3vMwbK+CbN18R1VVdWFhIbG+vj4ajUb/k2YOuKsgU09gxOPxIcMwvEgjTUE2y4HS09NzJ51Ou/0zdyjILj9wVFVVk8lkfGVl5bHDEDfKU2XLGB8fH3LYNKTg0jtxy/Hxcd5h0zMFMYRagmma+cnJyZcOm58qiJMVOKlU6m0sFlswDMPpyH8KIRZct4e6GmKaZn5paWljbm7ud7ehQoh3GMhGe29v749EIvHKxWhXkwvh0Ce0y+rq6sbU1NSmhyEPQ8imtoBPizPTNPNjY2PPPRrtMgXgqDxVfvQwcIXt7e1dH4SD6D0rv6B2ED/SEYZh5E3TzGua1glQLBaLy8vLGzMzM796ILQWO/DvHrYAfI2LPWwmk9kfGBjoyGazuenp6R/n5+dt2dU2KNvhF1ziPuAHn27oJS8o+fjV1kcW8cevMh+oOoCwmk6vEX/8KnKC6Ktg9SpPS7+raD6lsBz71DJajxBrLRKEoiZ5B7yxXqxnce8jpmaXn4qa5D3wMzb8+XPkEd2itR14D/wE/F2rsNGxzhli6F+nNSn0DhnxmsLh8gO1c6QDBcTfCeJQ7QT5c76hwWEa/E/OYav5LE/ArXyW3x5YadlXH/8ApEP+OVTfFTMAAAAASUVORK5CYII=";
|
|
2
|
+
export {
|
|
3
|
+
_imports_0 as default
|
|
4
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ElUploadGlobal, ElUploadImagesGlobal } from "../element-plus/components/upload/index.es.js";
|
|
2
|
+
import { ElImagesGlobal } from "../element-plus/components/images/index.es.js";
|
|
3
|
+
const AMapConfig = {
|
|
4
|
+
// 高德地图key
|
|
5
|
+
mapKey: null,
|
|
6
|
+
// 高德地图密钥
|
|
7
|
+
mapSecret: null
|
|
8
|
+
};
|
|
9
|
+
const EmptyStatusExtendConfig = {};
|
|
10
|
+
export {
|
|
11
|
+
AMapConfig,
|
|
12
|
+
ElImagesGlobal,
|
|
13
|
+
ElUploadGlobal,
|
|
14
|
+
ElUploadImagesGlobal,
|
|
15
|
+
EmptyStatusExtendConfig
|
|
16
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
const propertyMap = /* @__PURE__ */ new Map();
|
|
2
|
+
const observer = new ResizeObserver((entries) => {
|
|
3
|
+
for (let i = 0, len = entries.length; i < len; i++) {
|
|
4
|
+
const el = entries[i].target;
|
|
5
|
+
const option = propertyMap.get(el);
|
|
6
|
+
updateHeight(el, option);
|
|
7
|
+
}
|
|
8
|
+
});
|
|
9
|
+
function updateHeight(el, option) {
|
|
10
|
+
const height = el.offsetHeight;
|
|
11
|
+
el.style.setProperty(option.cssVarName, height + "px");
|
|
12
|
+
if (option.callback) option.callback(height);
|
|
13
|
+
}
|
|
14
|
+
var index = {
|
|
15
|
+
/**
|
|
16
|
+
* 获取高度指令
|
|
17
|
+
* 使用方法:
|
|
18
|
+
* ``` vue
|
|
19
|
+
* <div v-ref-height></div>
|
|
20
|
+
* <div v-ref-height="cssVarName"></div>
|
|
21
|
+
* <div v-ref-height="{
|
|
22
|
+
* // CSS变量名称,不包含--
|
|
23
|
+
* cssVarName?: string,
|
|
24
|
+
* // 角色
|
|
25
|
+
* callback?(height: number),
|
|
26
|
+
* }"></div>
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
mounted(el, binding) {
|
|
30
|
+
observer.observe(el);
|
|
31
|
+
const _binding = binding.value || { cssVarName: "ref-height" };
|
|
32
|
+
const option = {};
|
|
33
|
+
if (typeof _binding === "string") {
|
|
34
|
+
option.cssVarName = "--" + _binding;
|
|
35
|
+
} else {
|
|
36
|
+
if (_binding.cssVarName) option.cssVarName = "--" + _binding.cssVarName;
|
|
37
|
+
if (_binding.callback) option.callback = _binding.callback;
|
|
38
|
+
}
|
|
39
|
+
propertyMap.set(el, option);
|
|
40
|
+
updateHeight(el, option);
|
|
41
|
+
},
|
|
42
|
+
unmounted(el) {
|
|
43
|
+
observer.unobserve(el);
|
|
44
|
+
propertyMap.delete(el);
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
export {
|
|
48
|
+
index as default
|
|
49
|
+
};
|