quasar-ui-sellmate-ui-kit 3.14.28 → 3.14.30

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 (11) hide show
  1. package/dist/index.common.js +2 -2
  2. package/dist/index.css +1 -1
  3. package/dist/index.esm.js +2 -2
  4. package/dist/index.min.css +1 -1
  5. package/dist/index.rtl.css +1 -1
  6. package/dist/index.rtl.min.css +1 -1
  7. package/dist/index.umd.js +45 -51
  8. package/dist/index.umd.min.js +2 -2
  9. package/package.json +1 -1
  10. package/src/components/SSelectSearchCheckbox.vue +27 -31
  11. package/src/components/STooltip.vue +10 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "quasar-ui-sellmate-ui-kit",
3
- "version": "3.14.28",
3
+ "version": "3.14.30",
4
4
  "author": "Sellmate Dev Team <dev@sellmate.co.kr>",
5
5
  "description": "Sellmate UI Kit",
6
6
  "license": "MIT",
package/src/components/SSelectSearchCheckbox.vue CHANGED
@@ -27,21 +27,19 @@
27
27
  >
28
28
  <!-- TODO: 아무것도 선택되지 않았을 때 props 값으로 표기 해줘야함 기본 값은 "전체" -->
29
29
  <template #before-options>
30
- <div class="search-input-form-container">
31
- <form class="select-search-input-form">
32
- <q-icon :name="searchIcon" size="20px" />
33
- <input
34
- v-model="search"
35
- autofocus
36
- class="select-search-input"
37
- :placeholder="searchPlaceholder"
38
- @input="
39
- data => {
40
- onSearch(data.target.value);
41
- }
42
- "
43
- />
44
- </form>
30
+ <div class="search-input-container">
31
+ <q-icon :name="searchIcon" size="20px" />
32
+ <input
33
+ v-model="search"
34
+ autofocus
35
+ class="select-search-input"
36
+ :placeholder="searchPlaceholder"
37
+ @input="
38
+ data => {
39
+ onSearch(data.target.value);
40
+ }
41
+ "
42
+ />
45
43
  </div>
46
44
  </template>
47
45
  <template #option="{ itemProps, opt, selected, toggleOption }">
@@ -73,21 +71,19 @@
73
71
  </div>
74
72
  </template>
75
73
  <template #no-option>
76
- <div class="search-input-form-container">
77
- <form class="select-search-input-form">
78
- <q-icon :name="searchIcon" size="20px" />
79
- <input
80
- v-model="search"
81
- autofocus
82
- class="select-search-input"
83
- :placeholder="searchPlaceholder"
84
- @input="
85
- data => {
86
- onSearch(data.target.value);
87
- }
88
- "
89
- />
90
- </form>
74
+ <div class="search-input-container">
75
+ <q-icon :name="searchIcon" size="20px" />
76
+ <input
77
+ v-model="search"
78
+ autofocus
79
+ class="select-search-input"
80
+ :placeholder="searchPlaceholder"
81
+ @input="
82
+ data => {
83
+ onSearch(data.target.value);
84
+ }
85
+ "
86
+ />
91
87
  </div>
92
88
  <q-item class="s-select-no-option">
93
89
  <q-item-section class="text-grey">{{ noData }}</q-item-section>
@@ -314,7 +310,7 @@
314
310
  color: $grey_65 !important;
315
311
  }
316
312
 
317
- .select-search-input-form {
313
+ .search-input-container {
318
314
  height: 28px;
319
315
  display: flex;
320
316
  align-items: center;
package/src/components/STooltip.vue CHANGED
@@ -172,6 +172,8 @@
172
172
  .s-tooltip {
173
173
  padding: $tooltip-padding;
174
174
  border-radius: $button-border-radius;
175
+ box-shadow: 2px 2px 8px 2px #00000033;
176
+
175
177
  font: {
176
178
  size: $default-font;
177
179
  weight: $font-weight-md;
@@ -197,25 +199,29 @@
197
199
  &.bottom {
198
200
  border-left: 8px solid transparent;
199
201
  border-right: 8px solid transparent;
200
- border-bottom: 12px solid transparent; // 기본은 투명
202
+ border-bottom: 12px solid transparent;
203
+ filter: drop-shadow(0 -4px 2px rgba(0, 0, 0, 0.1));
201
204
  }
202
205
  // 툴팁이 위쪽에 있을 때 (아래쪽을 향하는 삼각형)
203
206
  &.top {
204
207
  border-left: 8px solid transparent;
205
208
  border-right: 8px solid transparent;
206
- border-top: 12px solid transparent; // 기본은 투명
209
+ border-top: 12px solid transparent;
210
+ filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.1));
207
211
  }
208
212
  // 툴팁이 왼쪽에 있을 때 (오른쪽을 향하는 삼각형)
209
213
  &.left {
210
214
  border-top: 8px solid transparent;
211
215
  border-bottom: 8px solid transparent;
212
- border-left: 12px solid transparent; // 기본은 투명
216
+ border-left: 12px solid transparent;
217
+ filter: drop-shadow(4px 0 2px rgba(0, 0, 0, 0.1));
213
218
  }
214
219
  // 툴팁이 오른쪽에 있을 때 (왼쪽을 향하는 삼각형)
215
220
  &.right {
216
221
  border-top: 8px solid transparent;
217
222
  border-bottom: 8px solid transparent;
218
- border-right: 12px solid transparent; // 기본은 투명
223
+ border-right: 12px solid transparent;
224
+ filter: drop-shadow(-4px 0 2px rgba(0, 0, 0, 0.1));
219
225
  }
220
226
 
221
227
  &--default {