@avakhula/ui 0.0.200 → 0.0.202

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.200",
3
+ "version": "0.0.202",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.umd.cjs",
6
6
  "source": "src/index.js",
@@ -22,7 +22,7 @@ button {
22
22
 
23
23
  .sorting-label {
24
24
  border: solid 2px transparent;
25
- padding: 0 4px;
25
+ padding: 0 2px;
26
26
  border-radius: 4px;
27
27
  margin-right: 2px;
28
28
  @include Ib-H4-medium;
@@ -61,16 +61,22 @@
61
61
  </template>
62
62
 
63
63
  <template v-slot:body>
64
+ <!-- here -->
64
65
  <div
65
66
  class="tree-drop"
66
67
  :class="{ 'not-tree-child': !hasTreeChildren }"
67
- :style="{
68
- width: 'auto',
69
- position: 'absolute',
70
- left: -size.left + 'px',
71
- right: -size.right + 'px',
72
- }"
68
+ :style="treeDropPos"
73
69
  >
70
+ <!-- :style="
71
+ !feetContentSize
72
+ ? {
73
+ width: 'auto',
74
+ position: 'absolute',
75
+ left: -size.left + 'px',
76
+ right: -size.right + 'px',
77
+ }
78
+ : ''
79
+ " -->
74
80
  <div
75
81
  v-if="isResizable"
76
82
  class="ib-dropdown-resizer ib-dropdown-resizer-left"
@@ -267,6 +273,9 @@ export default {
267
273
  type: Boolean,
268
274
  default: false,
269
275
  },
276
+ menuSize: {
277
+ type: [String, Number],
278
+ },
270
279
  initialSize: {
271
280
  left: 0,
272
281
  right: 0,
@@ -875,6 +884,22 @@ export default {
875
884
  hasEmptyMessage() {
876
885
  return !!this.$slots.emptyMessage;
877
886
  },
887
+ treeDropPos() {
888
+ if (this.menuSize) {
889
+ return {
890
+ width: this.menuSize + "px",
891
+ maxWidth: this.menuSize + "px",
892
+ minWidth: this.menuSize + "px",
893
+ };
894
+ }
895
+
896
+ return {
897
+ width: "auto",
898
+ position: "absolute",
899
+ left: -this.size.left + "px",
900
+ right: -this.size.right + "px",
901
+ };
902
+ },
878
903
  hasHierarchy() {
879
904
  return this.actualOptions.some((option) => {
880
905
  return option.children;