zydx-plus 1.34.462 → 1.35.463
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/package.json +1 -1
- package/src/components/biz_header/src/button_name.js +58 -58
- package/src/components/dragPopup/src/dragPopup.vue +9 -4
- package/src/components/tipBox/src/main.vue +1 -1
- package/src/components/tipBox/src/zydxStyle.css +4 -0
- package/src/components/variableBox/index.vue +127 -0
- package/src/index.js +6 -3
package/package.json
CHANGED
|
@@ -2256,8 +2256,8 @@ let buttonNames = {
|
|
|
2256
2256
|
default: "demand",
|
|
2257
2257
|
demand: '学习要求',
|
|
2258
2258
|
resourceIndex: '学习任务',
|
|
2259
|
-
actionAnalysis: '
|
|
2260
|
-
qualityAnalysis: '
|
|
2259
|
+
actionAnalysis: '学习点评',
|
|
2260
|
+
qualityAnalysis: '素养点评'
|
|
2261
2261
|
},
|
|
2262
2262
|
otherLevel: {
|
|
2263
2263
|
default: "singletonClass",
|
|
@@ -2281,8 +2281,8 @@ let buttonNames = {
|
|
|
2281
2281
|
default: "demand",
|
|
2282
2282
|
demand: '调查要求',
|
|
2283
2283
|
resourceIndex: '调查试题',
|
|
2284
|
-
actionAnalysis: '
|
|
2285
|
-
qualityAnalysis: '
|
|
2284
|
+
actionAnalysis: '调查点评',
|
|
2285
|
+
qualityAnalysis: '素养点评'
|
|
2286
2286
|
},
|
|
2287
2287
|
otherLevel: {
|
|
2288
2288
|
default: "singletonClass",
|
|
@@ -2306,8 +2306,8 @@ let buttonNames = {
|
|
|
2306
2306
|
default: "demand",
|
|
2307
2307
|
demand: '检测要求',
|
|
2308
2308
|
resourceIndex: '检测试题',
|
|
2309
|
-
actionAnalysis: '
|
|
2310
|
-
qualityAnalysis: '
|
|
2309
|
+
actionAnalysis: '检测点评',
|
|
2310
|
+
qualityAnalysis: '素养点评'
|
|
2311
2311
|
},
|
|
2312
2312
|
otherLevel: {
|
|
2313
2313
|
default: "singletonClass",
|
|
@@ -2331,8 +2331,8 @@ let buttonNames = {
|
|
|
2331
2331
|
default: "demand",
|
|
2332
2332
|
demand: '思政要求',
|
|
2333
2333
|
resourceIndex: '思政任务',
|
|
2334
|
-
actionAnalysis: '
|
|
2335
|
-
qualityAnalysis:'
|
|
2334
|
+
actionAnalysis: '思政点评',
|
|
2335
|
+
qualityAnalysis:'素养点评'
|
|
2336
2336
|
},
|
|
2337
2337
|
otherLevel: {
|
|
2338
2338
|
default: "singletonClass",
|
|
@@ -2355,8 +2355,8 @@ let buttonNames = {
|
|
|
2355
2355
|
headLevel: {
|
|
2356
2356
|
default: "demand",
|
|
2357
2357
|
demand: '笔记要求',
|
|
2358
|
-
actionAnalysis: '
|
|
2359
|
-
qualityAnalysis: '
|
|
2358
|
+
actionAnalysis: '笔记点评',
|
|
2359
|
+
qualityAnalysis: '素养点评'
|
|
2360
2360
|
}
|
|
2361
2361
|
}
|
|
2362
2362
|
}
|
|
@@ -2369,8 +2369,8 @@ let buttonNames = {
|
|
|
2369
2369
|
default: "demand",
|
|
2370
2370
|
demand: '回答要求',
|
|
2371
2371
|
resourceIndex: '提问问题',
|
|
2372
|
-
actionAnalysis: '
|
|
2373
|
-
qualityAnalysis: '
|
|
2372
|
+
actionAnalysis: '回答点评',
|
|
2373
|
+
qualityAnalysis: '素养点评'
|
|
2374
2374
|
},
|
|
2375
2375
|
otherLevel: {
|
|
2376
2376
|
default: "singletonClass",
|
|
@@ -2394,8 +2394,8 @@ let buttonNames = {
|
|
|
2394
2394
|
default: "demand",
|
|
2395
2395
|
demand: '思考要求',
|
|
2396
2396
|
resourceIndex: '思考问题',
|
|
2397
|
-
actionAnalysis: '
|
|
2398
|
-
qualityAnalysis: '
|
|
2397
|
+
actionAnalysis: '思考点评',
|
|
2398
|
+
qualityAnalysis: '素养点评'
|
|
2399
2399
|
},
|
|
2400
2400
|
otherLevel: {
|
|
2401
2401
|
default: "singletonClass",
|
|
@@ -2419,8 +2419,8 @@ let buttonNames = {
|
|
|
2419
2419
|
default: "demand",
|
|
2420
2420
|
demand: '提问要求',
|
|
2421
2421
|
resourceIndex: '虚拟提问',
|
|
2422
|
-
actionAnalysis: '
|
|
2423
|
-
qualityAnalysis: '
|
|
2422
|
+
actionAnalysis: '提问点评',
|
|
2423
|
+
qualityAnalysis: '素养点评'
|
|
2424
2424
|
},
|
|
2425
2425
|
otherLevel: {
|
|
2426
2426
|
default: "singletonClass",
|
|
@@ -2443,8 +2443,8 @@ let buttonNames = {
|
|
|
2443
2443
|
headLevel: {
|
|
2444
2444
|
default: "demand",
|
|
2445
2445
|
demand: '问答要求',
|
|
2446
|
-
actionAnalysis: '
|
|
2447
|
-
qualityAnalysis: '
|
|
2446
|
+
actionAnalysis: '问答点评',
|
|
2447
|
+
qualityAnalysis: '素养点评'
|
|
2448
2448
|
}
|
|
2449
2449
|
}
|
|
2450
2450
|
}
|
|
@@ -2457,8 +2457,8 @@ let buttonNames = {
|
|
|
2457
2457
|
default: "demand",
|
|
2458
2458
|
demand: '讨论要求',
|
|
2459
2459
|
resourceIndex: '讨论题目',
|
|
2460
|
-
actionAnalysis: '
|
|
2461
|
-
qualityAnalysis: '
|
|
2460
|
+
actionAnalysis: '讨论点评',
|
|
2461
|
+
qualityAnalysis: '素养点评'
|
|
2462
2462
|
},
|
|
2463
2463
|
otherLevel: {
|
|
2464
2464
|
default: "singletonClass",
|
|
@@ -2482,8 +2482,8 @@ let buttonNames = {
|
|
|
2482
2482
|
default: "demand",
|
|
2483
2483
|
demand: '风暴要求',
|
|
2484
2484
|
resourceIndex: '风暴题目',
|
|
2485
|
-
actionAnalysis: '
|
|
2486
|
-
qualityAnalysis: '
|
|
2485
|
+
actionAnalysis: '风暴点评',
|
|
2486
|
+
qualityAnalysis: '素养点评'
|
|
2487
2487
|
},
|
|
2488
2488
|
otherLevel: {
|
|
2489
2489
|
default: "singletonClass",
|
|
@@ -2507,8 +2507,8 @@ let buttonNames = {
|
|
|
2507
2507
|
default: "demand",
|
|
2508
2508
|
demand: '回答要求',
|
|
2509
2509
|
resourceIndex: '追问任务',
|
|
2510
|
-
actionAnalysis: '
|
|
2511
|
-
qualityAnalysis: '
|
|
2510
|
+
actionAnalysis: '回答点评',
|
|
2511
|
+
qualityAnalysis: '素养点评'
|
|
2512
2512
|
},
|
|
2513
2513
|
otherLevel: {
|
|
2514
2514
|
default: "singletonClass",
|
|
@@ -2532,8 +2532,8 @@ let buttonNames = {
|
|
|
2532
2532
|
default: "demand",
|
|
2533
2533
|
demand: '训练要求',
|
|
2534
2534
|
resourceIndex: '训练试题',
|
|
2535
|
-
actionAnalysis: '
|
|
2536
|
-
qualityAnalysis: '
|
|
2535
|
+
actionAnalysis: '训练点评',
|
|
2536
|
+
qualityAnalysis: '素养点评'
|
|
2537
2537
|
},
|
|
2538
2538
|
otherLevel: {
|
|
2539
2539
|
default: "singletonClass",
|
|
@@ -2557,8 +2557,8 @@ let buttonNames = {
|
|
|
2557
2557
|
default: "demand",
|
|
2558
2558
|
demand: '案析要求',
|
|
2559
2559
|
resourceIndex: '案析任务',
|
|
2560
|
-
actionAnalysis: '
|
|
2561
|
-
qualityAnalysis: '
|
|
2560
|
+
actionAnalysis: '案例点评',
|
|
2561
|
+
qualityAnalysis: '素养点评'
|
|
2562
2562
|
},
|
|
2563
2563
|
otherLevel: {
|
|
2564
2564
|
default: "singletonClass",
|
|
@@ -2582,8 +2582,8 @@ let buttonNames = {
|
|
|
2582
2582
|
default: "demand",
|
|
2583
2583
|
demand: '学习要求',
|
|
2584
2584
|
resourceIndex: '学习任务',
|
|
2585
|
-
actionAnalysis: '
|
|
2586
|
-
qualityAnalysis: '
|
|
2585
|
+
actionAnalysis: '学习点评',
|
|
2586
|
+
qualityAnalysis: '素养点评'
|
|
2587
2587
|
},
|
|
2588
2588
|
otherLevel: {
|
|
2589
2589
|
default: "singletonClass",
|
|
@@ -2606,8 +2606,8 @@ let buttonNames = {
|
|
|
2606
2606
|
headLevel: {
|
|
2607
2607
|
default: "demand",
|
|
2608
2608
|
demand: '讲解要求',
|
|
2609
|
-
actionAnalysis: '
|
|
2610
|
-
qualityAnalysis: '
|
|
2609
|
+
actionAnalysis: '讲解点评',
|
|
2610
|
+
qualityAnalysis: '素养点评'
|
|
2611
2611
|
}
|
|
2612
2612
|
}
|
|
2613
2613
|
}
|
|
@@ -2620,8 +2620,8 @@ let buttonNames = {
|
|
|
2620
2620
|
default: "demand",
|
|
2621
2621
|
demand: '学习要求',
|
|
2622
2622
|
resourceIndex: '学习任务',
|
|
2623
|
-
actionAnalysis: '
|
|
2624
|
-
qualityAnalysis: '
|
|
2623
|
+
actionAnalysis: '学习点评',
|
|
2624
|
+
qualityAnalysis: '素养点评'
|
|
2625
2625
|
},
|
|
2626
2626
|
otherLevel: {
|
|
2627
2627
|
default: "singletonClass",
|
|
@@ -2645,8 +2645,8 @@ let buttonNames = {
|
|
|
2645
2645
|
default: "demand",
|
|
2646
2646
|
demand: '作业要求',
|
|
2647
2647
|
resourceIndex: '作业题目',
|
|
2648
|
-
actionAnalysis: '
|
|
2649
|
-
qualityAnalysis: '
|
|
2648
|
+
actionAnalysis: '作业点评',
|
|
2649
|
+
qualityAnalysis: '素养点评'
|
|
2650
2650
|
},
|
|
2651
2651
|
otherLevel: {
|
|
2652
2652
|
default: "singletonClass",
|
|
@@ -2670,8 +2670,8 @@ let buttonNames = {
|
|
|
2670
2670
|
default: "demand",
|
|
2671
2671
|
demand: '聆听要求',
|
|
2672
2672
|
resourceIndex: '聆听任务',
|
|
2673
|
-
actionAnalysis: '
|
|
2674
|
-
qualityAnalysis: '
|
|
2673
|
+
actionAnalysis: '聆听点评',
|
|
2674
|
+
qualityAnalysis: '素养点评'
|
|
2675
2675
|
},
|
|
2676
2676
|
otherLevel: {
|
|
2677
2677
|
default: "singletonClass",
|
|
@@ -2695,8 +2695,8 @@ let buttonNames = {
|
|
|
2695
2695
|
default: "demand",
|
|
2696
2696
|
demand: '阅读要求',
|
|
2697
2697
|
readResource: '阅读资源',
|
|
2698
|
-
actionAnalysis: '
|
|
2699
|
-
qualityAnalysis: '
|
|
2698
|
+
actionAnalysis: '阅读点评',
|
|
2699
|
+
qualityAnalysis: '素养点评'
|
|
2700
2700
|
}
|
|
2701
2701
|
}
|
|
2702
2702
|
}
|
|
@@ -2709,8 +2709,8 @@ let buttonNames = {
|
|
|
2709
2709
|
default: "demand",
|
|
2710
2710
|
demand: '写作要求',
|
|
2711
2711
|
guideIndex: '指导意见',
|
|
2712
|
-
actionAnalysis: '
|
|
2713
|
-
qualityAnalysis: '
|
|
2712
|
+
actionAnalysis: '写作点评',
|
|
2713
|
+
qualityAnalysis: '素养点评'
|
|
2714
2714
|
}
|
|
2715
2715
|
}
|
|
2716
2716
|
}
|
|
@@ -2804,8 +2804,8 @@ let buttonNames = {
|
|
|
2804
2804
|
demand: '实践要求',
|
|
2805
2805
|
resourceIndex: '实践任务',
|
|
2806
2806
|
guideIndex: '指导意见',
|
|
2807
|
-
actionAnalysis: '
|
|
2808
|
-
qualityAnalysis: '
|
|
2807
|
+
actionAnalysis: '实践点评',
|
|
2808
|
+
qualityAnalysis: '素养点评'
|
|
2809
2809
|
},
|
|
2810
2810
|
otherLevel: {
|
|
2811
2811
|
default: "singletonClass",
|
|
@@ -2830,8 +2830,8 @@ let buttonNames = {
|
|
|
2830
2830
|
demand: '实验要求',
|
|
2831
2831
|
resourceIndex: '实验任务',
|
|
2832
2832
|
guideIndex: '指导意见',
|
|
2833
|
-
actionAnalysis: '
|
|
2834
|
-
qualityAnalysis: '
|
|
2833
|
+
actionAnalysis: '实验点评',
|
|
2834
|
+
qualityAnalysis: '素养点评'
|
|
2835
2835
|
},
|
|
2836
2836
|
otherLevel: {
|
|
2837
2837
|
default: "singletonClass",
|
|
@@ -2856,8 +2856,8 @@ let buttonNames = {
|
|
|
2856
2856
|
demand: '项目要求',
|
|
2857
2857
|
resourceIndex: '学习项目',
|
|
2858
2858
|
guideIndex: '指导意见',
|
|
2859
|
-
actionAnalysis: '
|
|
2860
|
-
qualityAnalysis: '
|
|
2859
|
+
actionAnalysis: '学习点评',
|
|
2860
|
+
qualityAnalysis: '素养点评'
|
|
2861
2861
|
},
|
|
2862
2862
|
otherLevel: {
|
|
2863
2863
|
default: "singletonClass",
|
|
@@ -2882,8 +2882,8 @@ let buttonNames = {
|
|
|
2882
2882
|
demand: '创新要求',
|
|
2883
2883
|
resourceIndex: '创新任务',
|
|
2884
2884
|
guideIndex: '指导意见',
|
|
2885
|
-
actionAnalysis: '
|
|
2886
|
-
qualityAnalysis: '
|
|
2885
|
+
actionAnalysis: '创新点评',
|
|
2886
|
+
qualityAnalysis: '素养点评'
|
|
2887
2887
|
},
|
|
2888
2888
|
otherLevel: {
|
|
2889
2889
|
default: "singletonClass",
|
|
@@ -2907,8 +2907,8 @@ let buttonNames = {
|
|
|
2907
2907
|
default: "demand",
|
|
2908
2908
|
demand: '考试要求',
|
|
2909
2909
|
resourceIndex: '考试试题',
|
|
2910
|
-
actionAnalysis: '
|
|
2911
|
-
qualityAnalysis: '
|
|
2910
|
+
actionAnalysis: '考试点评',
|
|
2911
|
+
qualityAnalysis: '素养点评'
|
|
2912
2912
|
},
|
|
2913
2913
|
otherLevel: {
|
|
2914
2914
|
default: "singletonClass",
|
|
@@ -2933,8 +2933,8 @@ let buttonNames = {
|
|
|
2933
2933
|
demand: '动力规则',
|
|
2934
2934
|
resourceIndex1: '学习激励',
|
|
2935
2935
|
resourceIndex2: '教师督学',
|
|
2936
|
-
actionAnalysis: '
|
|
2937
|
-
qualityAnalysis: '
|
|
2936
|
+
actionAnalysis: '动力点评',
|
|
2937
|
+
// qualityAnalysis: '素养点评'
|
|
2938
2938
|
}
|
|
2939
2939
|
}
|
|
2940
2940
|
}
|
|
@@ -2946,8 +2946,8 @@ let buttonNames = {
|
|
|
2946
2946
|
headLevel: {
|
|
2947
2947
|
default: "demand",
|
|
2948
2948
|
demand: '学习要求',
|
|
2949
|
-
actionAnalysis: '
|
|
2950
|
-
qualityAnalysis: '
|
|
2949
|
+
actionAnalysis: '学习点评',
|
|
2950
|
+
// qualityAnalysis: '素养点评'
|
|
2951
2951
|
}
|
|
2952
2952
|
}
|
|
2953
2953
|
}
|
|
@@ -2959,8 +2959,8 @@ let buttonNames = {
|
|
|
2959
2959
|
headLevel: {
|
|
2960
2960
|
default: "demand",
|
|
2961
2961
|
demand: '考勤要求',
|
|
2962
|
-
actionAnalysis: '
|
|
2963
|
-
qualityAnalysis: '
|
|
2962
|
+
actionAnalysis: '考勤点评',
|
|
2963
|
+
// qualityAnalysis: '素养点评'
|
|
2964
2964
|
}
|
|
2965
2965
|
}
|
|
2966
2966
|
}
|
|
@@ -142,7 +142,6 @@ export default {
|
|
|
142
142
|
this.footRightOffset = val
|
|
143
143
|
if (this.isInitShowBottomRight) {
|
|
144
144
|
this.x = window.innerWidth - val
|
|
145
|
-
console.log('this.x', this.x)
|
|
146
145
|
}
|
|
147
146
|
},
|
|
148
147
|
immediate: true
|
|
@@ -175,7 +174,9 @@ export default {
|
|
|
175
174
|
this.$nextTick(() => {
|
|
176
175
|
this.$emit('updateDrag', {
|
|
177
176
|
width: this.footRightOffset,
|
|
178
|
-
height: this.footDownOffset - ((this.dragTextShow)?60:30)
|
|
177
|
+
height: this.footDownOffset - ((this.dragTextShow)?60:30),
|
|
178
|
+
left: this.x,
|
|
179
|
+
top: this.y
|
|
179
180
|
})
|
|
180
181
|
})
|
|
181
182
|
let popArr = []
|
|
@@ -277,7 +278,9 @@ export default {
|
|
|
277
278
|
}
|
|
278
279
|
this.$emit('updateDrag', {
|
|
279
280
|
width: this.footRightOffset,
|
|
280
|
-
height: this.footDownOffset - ((this.dragTextShow)?60:30)
|
|
281
|
+
height: this.footDownOffset - ((this.dragTextShow)?60:30),
|
|
282
|
+
left: this.x,
|
|
283
|
+
top: this.y
|
|
281
284
|
})
|
|
282
285
|
},
|
|
283
286
|
footUp() {
|
|
@@ -338,7 +341,9 @@ export default {
|
|
|
338
341
|
}
|
|
339
342
|
this.$emit('updateDrag', {
|
|
340
343
|
width: this.footRightOffset,
|
|
341
|
-
height: this.footDownOffset - ((this.dragTextShow)?60:30)
|
|
344
|
+
height: this.footDownOffset - ((this.dragTextShow)?60:30),
|
|
345
|
+
left: this.x,
|
|
346
|
+
top: this.y
|
|
342
347
|
})
|
|
343
348
|
this.$emit('enlarge', this.state)
|
|
344
349
|
},
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
<div class="tip-img" v-if="type === 'img'">
|
|
18
18
|
<img :src="url" alt=""/>
|
|
19
19
|
</div>
|
|
20
|
-
<div v-if="type === 'radio'">
|
|
20
|
+
<div class="tip-radio" v-if="type === 'radio'">
|
|
21
21
|
<div class="radio-list" v-for="(item,index) in radioArr" :key="index">
|
|
22
22
|
<label>
|
|
23
23
|
<input type="radio" name="radio" :value="item.value" :checked="item.checked"
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="box" ref="boxRef">
|
|
3
|
+
<!-- 左侧内容,默认展示70%,默认最小宽度310px-->
|
|
4
|
+
<div v-if="isShowsLeft" class="left" ref="leftRef">
|
|
5
|
+
<slot name="left"></slot>
|
|
6
|
+
</div>
|
|
7
|
+
<div v-if="isShowsRight||isShowsLeft" class="resize" ref="resizeRef"></div>
|
|
8
|
+
<div v-if="isShowsRight" class="right" ref="rightRef">
|
|
9
|
+
<!-- 右侧内容,默认展示30%,默认最小宽度310px-->
|
|
10
|
+
<slot name="right"></slot>
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
</template>
|
|
14
|
+
|
|
15
|
+
<script>
|
|
16
|
+
export default {
|
|
17
|
+
name: "zydx-variable-box",
|
|
18
|
+
props: {
|
|
19
|
+
isShowsRight:{
|
|
20
|
+
type: Boolean,
|
|
21
|
+
default: true
|
|
22
|
+
},
|
|
23
|
+
isShowsLeft:{
|
|
24
|
+
type: Boolean,
|
|
25
|
+
default: true
|
|
26
|
+
},
|
|
27
|
+
},
|
|
28
|
+
watch: {
|
|
29
|
+
isShowsRight:{
|
|
30
|
+
handler: function (v) {
|
|
31
|
+
setTimeout(() => {
|
|
32
|
+
if(v) {
|
|
33
|
+
this.handleResize()
|
|
34
|
+
} else {
|
|
35
|
+
this.$refs.leftRef.style.width = '100%'
|
|
36
|
+
}
|
|
37
|
+
} , 100)
|
|
38
|
+
},
|
|
39
|
+
immediate: true,
|
|
40
|
+
deep: true
|
|
41
|
+
},
|
|
42
|
+
isShowsLeft:{
|
|
43
|
+
handler: function (v) {
|
|
44
|
+
setTimeout(() => {
|
|
45
|
+
if(v) {
|
|
46
|
+
this.handleResize()
|
|
47
|
+
} else {
|
|
48
|
+
this.$refs.rightRef.style.width = '100%'
|
|
49
|
+
}
|
|
50
|
+
} , 100)
|
|
51
|
+
},
|
|
52
|
+
immediate: true,
|
|
53
|
+
deep: true
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
data() {
|
|
57
|
+
return {};
|
|
58
|
+
},
|
|
59
|
+
mounted() {
|
|
60
|
+
},
|
|
61
|
+
methods: {
|
|
62
|
+
handleResize(leftMinWidth = 310, rightMinWidth = 310) {
|
|
63
|
+
// 获取Dom节点
|
|
64
|
+
const boxDom = this.$refs.boxRef,
|
|
65
|
+
leftDom = this.$refs.leftRef,
|
|
66
|
+
resizeDom = this.$refs.resizeRef,
|
|
67
|
+
rightDom = this.$refs.rightRef;
|
|
68
|
+
resizeDom.onmousedown = e => {
|
|
69
|
+
const startX = e.clientX; // 记录坐标起始位置
|
|
70
|
+
leftDom.left = leftDom.offsetWidth; // 左边元素起始宽度
|
|
71
|
+
document.onmousemove = e => {
|
|
72
|
+
const endX = e.clientX; // 鼠标拖动的终止位置
|
|
73
|
+
let moveLen = leftDom.left + (endX - startX); // 移动的距离 = endX - startX,左边区域最后的宽度 = resizeDom.left + 移动的距离
|
|
74
|
+
const maxWidth = boxDom.clientWidth - resizeDom.offsetWidth; // 左右两边区域的总宽度 = 外层容器宽度 - 中间区域拖拉框的宽度
|
|
75
|
+
// 限制左边区域的最小宽度为 leftMinWidth
|
|
76
|
+
if (moveLen < leftMinWidth) {
|
|
77
|
+
moveLen = leftMinWidth;
|
|
78
|
+
}
|
|
79
|
+
// 右边区域最小宽度为 rightMinWidth
|
|
80
|
+
if (moveLen > maxWidth - rightMinWidth) {
|
|
81
|
+
moveLen = maxWidth - rightMinWidth;
|
|
82
|
+
}
|
|
83
|
+
leftDom.style.width = (moveLen / maxWidth) * 100 + "%"; // 设置左边区域的宽度,通过换算为百分比的形式,实现窗体放大缩小自适应
|
|
84
|
+
rightDom.style.width = ((maxWidth - moveLen) / maxWidth) * 100 + "%"; // 右边区域 = 总大小 - 左边宽度 - 拖动条宽度
|
|
85
|
+
};
|
|
86
|
+
document.onmouseup = () => {
|
|
87
|
+
document.onmousemove = null;
|
|
88
|
+
document.onmouseup = null;
|
|
89
|
+
resizeDom.releaseCapture && resizeDom.releaseCapture(); // 鼠标捕获释放
|
|
90
|
+
};
|
|
91
|
+
resizeDom.setCapture && resizeDom.setCapture(); // 启用鼠标捕获
|
|
92
|
+
return false;
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
</script>
|
|
98
|
+
|
|
99
|
+
<style scoped>
|
|
100
|
+
.box {
|
|
101
|
+
width: 100%;
|
|
102
|
+
height: 100%;
|
|
103
|
+
display: flex;
|
|
104
|
+
box-sizing: border-box;
|
|
105
|
+
}
|
|
106
|
+
.left {
|
|
107
|
+
width: calc(100% - 315px);
|
|
108
|
+
background-color: #f1eab3;
|
|
109
|
+
border-right: 2px solid #dcdfe6;
|
|
110
|
+
}
|
|
111
|
+
.resize {
|
|
112
|
+
position: relative;
|
|
113
|
+
width: 5px;
|
|
114
|
+
cursor: col-resize;
|
|
115
|
+
background-size: cover;
|
|
116
|
+
background-position: center;
|
|
117
|
+
}
|
|
118
|
+
.resize:hover {
|
|
119
|
+
/*background-color: #45a3ff;*/
|
|
120
|
+
background-color: white;
|
|
121
|
+
}
|
|
122
|
+
.right {
|
|
123
|
+
width: 310px;
|
|
124
|
+
background-color: #b5ef8f;
|
|
125
|
+
border-left: 2px solid #dcdfe6;
|
|
126
|
+
}
|
|
127
|
+
</style>
|
package/src/index.js
CHANGED
|
@@ -36,6 +36,7 @@ import tagging from './components/tagging/index';
|
|
|
36
36
|
import seek from './components/seek/index';
|
|
37
37
|
import sketchpad from './components/sketchpad/index';
|
|
38
38
|
import chat from './components/chat/index';
|
|
39
|
+
import variableBox from './components/variableBox/index';
|
|
39
40
|
|
|
40
41
|
const components = [
|
|
41
42
|
Calendar,
|
|
@@ -72,7 +73,8 @@ const components = [
|
|
|
72
73
|
tagging,
|
|
73
74
|
seek,
|
|
74
75
|
sketchpad,
|
|
75
|
-
chat
|
|
76
|
+
chat,
|
|
77
|
+
variableBox
|
|
76
78
|
];
|
|
77
79
|
|
|
78
80
|
function install(app) {
|
|
@@ -85,7 +87,7 @@ function install(app) {
|
|
|
85
87
|
}
|
|
86
88
|
|
|
87
89
|
export default {
|
|
88
|
-
version: '1.
|
|
90
|
+
version: '1.35.463',
|
|
89
91
|
install,
|
|
90
92
|
Calendar,
|
|
91
93
|
Message,
|
|
@@ -124,6 +126,7 @@ export default {
|
|
|
124
126
|
tagging,
|
|
125
127
|
seek,
|
|
126
128
|
sketchpad,
|
|
127
|
-
chat
|
|
129
|
+
chat,
|
|
130
|
+
variableBox
|
|
128
131
|
};
|
|
129
132
|
|