zydx-plus 1.35.601 → 1.35.603

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zydx-plus",
3
- "version": "1.35.601",
3
+ "version": "1.35.603",
4
4
  "description": "Vue.js",
5
5
  "main": "src/index.js",
6
6
  "files": [
@@ -15,11 +15,14 @@
15
15
  <button v-if="item.key === 'but'" class="buts" @click="item.onClick(item,info)" :disabled="disabled"
16
16
  :style="{color: (disabled) ? '#ccc' : (item.active)? '#4B0C77' :'#000'}">{{ item.title }}
17
17
  </button>
18
- <label v-else-if="item.key === 'upImg' || item.key === 'uploadAtt'">
18
+ <label v-else-if="item.key === 'upImg'">
19
19
  <input type="file" @change="upload($event,item.key)" :disabled="disabled"
20
20
  :accept="(item.key === 'upImg')?'image/*':'.docx,.pptx,.pdf,.xlsx,.mp3,.mp4'" style="display: none;"/>
21
21
  <span class="buts" :style="{color: ( disabled) ? '#ccc':'#000'}">{{ item.title }}</span>
22
22
  </label >
23
+ <button v-else-if="item.key === 'uploadAtt'" class="buts" @click="item.onClick(item)" :disabled="disabled"
24
+ :style="{color: (disabled) ? '#ccc' : (item.active)? '#4B0C77' :'#000'}">{{ item.title }}
25
+ </button>
23
26
  <button v-else-if="item.key === 'paint'" class="buts" @click="toolTap('paint')" :disabled="disabled">{{ item.title }}</button>
24
27
  <button v-else-if="item.key === 'voice'" class="buts" @mousedown.stop="speechDown" :disabled="disabled" @click="voice()"
25
28
  :style="{color: (disabled) ? '#ccc' : (voiceStatus)? '#4B0C77' :'#000'}">{{ voiceStatus ? '关闭语音' : '语音输入' }}
@@ -196,7 +196,7 @@
196
196
  border: 1px solid #ccc;
197
197
  cursor: pointer;
198
198
  font-size: 14px;
199
- height: 30px;
199
+ height: 28px;
200
200
  line-height: 28px;
201
201
  flex: 1;
202
202
  position: relative;
@@ -137,7 +137,7 @@ export default {
137
137
  if (!document.fullscreenElement) {
138
138
  this.fullShow = true
139
139
  }
140
- this.mindMap.resize()
140
+ this.mindMap?.resize()
141
141
  }
142
142
  },
143
143
  methods: {
@@ -281,6 +281,8 @@ export default {
281
281
  // 保存
282
282
  preservation() {
283
283
  let that = this
284
+ this.styleStatus = false
285
+ this.lineStyleStatus = false
284
286
  that.$emit('preservation', {
285
287
  data: {
286
288
  msg: that.mindMap.getData(),
@@ -141,7 +141,7 @@ export default {
141
141
  ],
142
142
  lineStyleValue: 'none',
143
143
  styleValue: 'none',
144
- widthValue: 1,
144
+ widthValue: 0,
145
145
  optionWidth: [
146
146
  {label: "0", value: 0},
147
147
  {label: "1", value: 1},
@@ -202,7 +202,7 @@ export default {
202
202
  this.color = val.nodeData.data.color || 'rgba(0,0,0,1)'
203
203
  this.borderColor = val.nodeData.data.borderColor || 'rgba(84, 150, 136,1)'
204
204
  this.styleValue = val.nodeData.data.borderDasharray || 'none'
205
- this.widthValue = val.nodeData.data.borderWidth || 1
205
+ this.widthValue = val.nodeData.data.borderWidth || 0
206
206
  this.filletValue = val.nodeData.data.borderRadius || 5
207
207
  this.fillColor = val.nodeData.data.fillColor || 'rgba(255,255,255,1)'
208
208
  this.lineValue = val.nodeData.data.lineWidth || 1
@@ -25,9 +25,9 @@
25
25
  <template v-if="!readonly">
26
26
  <template v-if="options.length">
27
27
  <ul v-if="isOpen"
28
+ class="custom-select-options scroll"
28
29
  ref="dropdown"
29
- :style="{position: 'fixed', 'z-index': '30000', left: x + 'px', top: y + 'px', width: width + 'px'}"
30
- :class="{ 'custom-select-options': true, 'scroll': maxHeight > 0 }">
30
+ :style="{position: 'fixed', 'z-index': '30000', left: x + 'px', top: y + 'px', width: width + 'px', maxHeight: height + 'px'}">
31
31
  <li v-for="(option, idx) in options"
32
32
  :key="idx"
33
33
  :class="option.disable ? 'disable': ''"
@@ -86,16 +86,19 @@ export default defineComponent({
86
86
  selected: null,
87
87
  x: 0,
88
88
  y: 0,
89
- width: 0
89
+ width: 0,
90
+ height: 300
90
91
  }
91
92
  },
92
93
  emits: ['update:value', 'select'],
93
94
  methods: {
94
95
  toggleDropDown: function () {
96
+ const winHeight = window.innerHeight
95
97
  const { x, y, width, height } = this.$refs.selectRef.getBoundingClientRect()
96
98
  this.x = x
97
99
  this.y = y + height
98
100
  this.width = width
101
+ this.height = (winHeight - this.y) - 50
99
102
  this.isOpen = !this.isOpen
100
103
  if(this.isOpen) {
101
104
  window.addEventListener('scroll', this.handler)
@@ -120,18 +123,11 @@ export default defineComponent({
120
123
  },
121
124
  computed: {
122
125
  transform: function () {
123
- return this.isOpen
124
- ? 'rotate(90 12 12)'
125
- : 'rotate(-90 12 12)'
126
+ return this.isOpen ? 'rotate(90 12 12)' : 'rotate(-90 12 12)'
126
127
  },
127
128
  style: function () {
128
129
  return 'transition: all 0.2s ease;'
129
130
  },
130
- _maxHeight: function () {
131
- return this.maxHeight > 0
132
- ? `${this.maxHeight}px`
133
- : ''
134
- }
135
131
  },
136
132
  watch: {
137
133
  value: {
@@ -247,14 +243,20 @@ export default defineComponent({
247
243
  }
248
244
 
249
245
  .custom-select-options.scroll {
250
- max-height: v-bind(_maxHeight);
251
246
  overflow-y: scroll;
252
247
  }
253
248
 
254
249
  .custom-select-options::-webkit-scrollbar {
255
250
  display: none;
256
251
  }
257
-
252
+ .custom-select-options {
253
+ scrollbar-width: none;
254
+ }
255
+ /** IE 与微软浏览器 **/
256
+ .custom-select-options {
257
+ -ms-overflow-style: none;
258
+ overflow: -moz-scrollbars-none;
259
+ }
258
260
  .custom-select-options li {
259
261
  padding: 0 10px;
260
262
  font-size: 14px;
package/src/index.js CHANGED
@@ -87,7 +87,7 @@ function install(app) {
87
87
  }
88
88
 
89
89
  export default {
90
- version: '1.35.601',
90
+ version: '1.35.603',
91
91
  install,
92
92
  Calendar,
93
93
  Message,