@avakhula/ui 0.0.269 → 0.0.271

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": "@avakhula/ui",
3
- "version": "0.0.269",
3
+ "version": "0.0.271",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.umd.cjs",
6
6
  "source": "src/index.js",
package/src/App.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <ib-select :options="opt">
3
3
  <template v-slot:triggerContent="{ selectedCount }">
4
- {{ selectedCount }} test hello
4
+ {{ selectedCount }}
5
5
  </template>
6
6
  </ib-select>
7
7
 
@@ -184,6 +184,7 @@ export default {
184
184
  this.actualValue = "";
185
185
  this.$emit("update:modelValue", this.actualValue);
186
186
  this.$emit("input", this.actualValue);
187
+ this.$emit("clear");
187
188
  },
188
189
  onBlur() {
189
190
  this.$emit("blur", this.actualValue);
@@ -261,6 +262,7 @@ export default {
261
262
  "input",
262
263
  "blur",
263
264
  "focus",
265
+ "clear",
264
266
  "update:modelValue",
265
267
  `label:disabled:${this?.id}`,
266
268
  ],
@@ -53,7 +53,7 @@ export default {
53
53
  padding: 10px;
54
54
  max-width: 240px;
55
55
  box-shadow: $ib-shadow-1;
56
- z-index: 10002;
56
+ z-index: 9999;
57
57
 
58
58
  &.ib-tooltip-large {
59
59
  box-shadow: $ib-shadow-2;
@@ -941,12 +941,10 @@ export default {
941
941
  }
942
942
  },
943
943
  computed: {
944
- // RENAME TO CUSTOM TREGER
945
944
  hasTrigger() {
946
945
  return !!this.$slots.trigger;
947
946
  },
948
947
  hasTriggerContent() {
949
- console.log(this.$slots)
950
948
  return !!this.$slots.triggerContent;
951
949
  },
952
950
  hasEmptyMessage() {
@@ -29,10 +29,6 @@ $tree-search-border-color: $gray-600;
29
29
 
30
30
  &.tree-select-custom-trigger-content {
31
31
  width: fit-content;
32
-
33
- // .tree-drop {
34
- // min-width: 220px;
35
- // }
36
32
  }
37
33
 
38
34
  .ib-dropdown {
@@ -59,6 +55,7 @@ $tree-search-border-color: $gray-600;
59
55
  display: flex;
60
56
  align-items: center;
61
57
  justify-content: center;
58
+ font-size: 16px;
62
59
  }
63
60
 
64
61
  &:hover {
@@ -85,7 +82,7 @@ $tree-search-border-color: $gray-600;
85
82
  justify-content: space-between;
86
83
  overflow: hidden;
87
84
  position: relative;
88
- padding-right: 40px;
85
+ padding-right: 30px;
89
86
  border-bottom: 1px solid $choice-border-color;
90
87
  transition: background-color 0.3s, border-color 0.3s, border-radius 0.3s;
91
88