@mixd-id/web-scaffold 0.1.230406319 → 0.1.230406321

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/ContextMenu.vue +8 -1
  3. package/src/components/Toast.vue +3 -1
  4. package/src/widgets/ComponentSetting2.vue +2 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mixd-id/web-scaffold",
3
3
  "private": false,
4
- "version": "0.1.230406319",
4
+ "version": "0.1.230406321",
5
5
  "scripts": {
6
6
  "dev": "vite serve",
7
7
  "build": "vite build",
package/src/components/ContextMenu.vue CHANGED
@@ -92,7 +92,8 @@ export default {
92
92
  const transitionEnd = () => {
93
93
  window.addEventListener('click', this.onDismiss)
94
94
  window.addEventListener('scroll', this.onDismiss)
95
- this.$refs.contextMenu.removeEventListener('transitionend', transitionEnd)
95
+ if(this.$refs.contextMenu)
96
+ this.$refs.contextMenu.removeEventListener('transitionend', transitionEnd)
96
97
  this.$emit('open')
97
98
  }
98
99
 
@@ -200,6 +201,12 @@ export default {
200
201
  transformOrigin = 'bottom right'
201
202
  break
202
203
 
204
+ case 'right':
205
+ left = Math.round(rect.x + rect.width)
206
+ top = Math.round(rect.y - 1)
207
+ transformOrigin = 'top left'
208
+ break
209
+
203
210
  default:
204
211
  left = Math.round(rect.x)
205
212
  top = Math.round(rect.y + rect.height + 8)
package/src/components/Toast.vue CHANGED
@@ -83,8 +83,10 @@ export default{
83
83
  <style>
84
84
 
85
85
  .YWxl{
86
- @apply fixed top-0 left-0 right-0;
86
+ @apply fixed top-0 w-full md:w-auto md:min-w-[480px];
87
87
  z-index: 61;
88
+ left: 50%;
89
+ transform: translate3d(-50%, 0, 0);
88
90
  }
89
91
 
90
92
  .YWxl-enter-active,
package/src/widgets/ComponentSetting2.vue CHANGED
@@ -33,6 +33,7 @@
33
33
  <svg width="11" height="11" class="fill-text-300 hover:fill-red-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z"/></svg>
34
34
  </button>
35
35
  </div>
36
+
36
37
  <div class="flex flex-row items-start gap-2">
37
38
  <Dropdown v-if="Array.isArray(keys[key].values)" v-model="values[index]" class="flex-1 max-w-[300px]">
38
39
  <option value="">Default</option>
@@ -41,6 +42,7 @@
41
42
  <component v-else
42
43
  :is="keys[key].values.type"
43
44
  :="keys[key].values"
45
+ :prefix="viewTypes[index].value"
44
46
  :keys="componentKeysForIndex(keys[key].values, index)"
45
47
  v-model="values[index]"
46
48
  class="flex-1 max-w-[300px]" />