quasar-ui-sellmate-ui-kit 2.2.0 → 2.2.2
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/dist/index.common.js +2 -2
- package/dist/index.css +1 -1
- package/dist/index.esm.js +2 -2
- package/dist/index.min.css +1 -1
- package/dist/index.rtl.css +1 -1
- package/dist/index.rtl.min.css +1 -1
- package/dist/index.umd.js +102 -10
- package/dist/index.umd.min.js +2 -2
- package/package.json +1 -1
- package/src/components/SDateAutoRangePicker.vue +12 -5
- package/src/components/SDateRange.vue +32 -0
- package/src/components/SDateRangePicker.vue +35 -2
- package/src/components/SDateTimePicker.vue +32 -0
- package/src/components/STimePicker.vue +1 -1
- package/src/components/TimePickerCard.vue +1 -1
package/package.json
CHANGED
|
@@ -4,7 +4,8 @@
|
|
|
4
4
|
outlined
|
|
5
5
|
:class="{
|
|
6
6
|
'text-Grey_Default bg-Grey_Lighten-5': disable,
|
|
7
|
-
's-date-auto-range-picker
|
|
7
|
+
's-date-auto-range-picker--inside': insideLabel,
|
|
8
|
+
's-date-auto-range-picker--use-icon': useDelete,
|
|
8
9
|
}"
|
|
9
10
|
readonly
|
|
10
11
|
class="q-pa-none s-date-auto-range-picker bg-white"
|
|
@@ -275,7 +276,8 @@
|
|
|
275
276
|
}
|
|
276
277
|
&-container {
|
|
277
278
|
align-items: center;
|
|
278
|
-
padding: 0
|
|
279
|
+
padding: 0;
|
|
280
|
+
margin: 0 16px 0 8px;
|
|
279
281
|
.q-field__native {
|
|
280
282
|
display: none;
|
|
281
283
|
}
|
|
@@ -297,8 +299,8 @@
|
|
|
297
299
|
}
|
|
298
300
|
.q-field__append {
|
|
299
301
|
height: $default-height;
|
|
300
|
-
padding: 0
|
|
301
|
-
margin
|
|
302
|
+
padding: 0;
|
|
303
|
+
margin: 0 8px 0 0;
|
|
302
304
|
}
|
|
303
305
|
}
|
|
304
306
|
&.q-field--disabled {
|
|
@@ -313,7 +315,7 @@
|
|
|
313
315
|
}
|
|
314
316
|
}
|
|
315
317
|
}
|
|
316
|
-
|
|
318
|
+
&--inside {
|
|
317
319
|
.q-field__before {
|
|
318
320
|
height: $default-height;
|
|
319
321
|
line-height: $default-content-height;
|
|
@@ -330,5 +332,10 @@
|
|
|
330
332
|
border-bottom-left-radius: 0;
|
|
331
333
|
}
|
|
332
334
|
}
|
|
335
|
+
&--use-icon {
|
|
336
|
+
.q-field__control-container {
|
|
337
|
+
margin: 0 8px 0 4px;
|
|
338
|
+
}
|
|
339
|
+
}
|
|
333
340
|
}
|
|
334
341
|
</style>
|
|
@@ -173,6 +173,38 @@
|
|
|
173
173
|
'12월',
|
|
174
174
|
],
|
|
175
175
|
},
|
|
176
|
+
ja: {
|
|
177
|
+
today: '今日',
|
|
178
|
+
daysShort: ['日', '月', '火', '水', '木', '金', '土'],
|
|
179
|
+
months: [
|
|
180
|
+
'1月',
|
|
181
|
+
'2月',
|
|
182
|
+
'3月',
|
|
183
|
+
'4月',
|
|
184
|
+
'5月',
|
|
185
|
+
'6月',
|
|
186
|
+
'7月',
|
|
187
|
+
'8月',
|
|
188
|
+
'9月',
|
|
189
|
+
'10月',
|
|
190
|
+
'11月',
|
|
191
|
+
'12月',
|
|
192
|
+
],
|
|
193
|
+
monthsShort: [
|
|
194
|
+
'1月',
|
|
195
|
+
'2月',
|
|
196
|
+
'3月',
|
|
197
|
+
'4月',
|
|
198
|
+
'5月',
|
|
199
|
+
'6月',
|
|
200
|
+
'7月',
|
|
201
|
+
'8月',
|
|
202
|
+
'9月',
|
|
203
|
+
'10月',
|
|
204
|
+
'11月',
|
|
205
|
+
'12月',
|
|
206
|
+
],
|
|
207
|
+
},
|
|
176
208
|
};
|
|
177
209
|
|
|
178
210
|
export default {
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
class="reset-to-today-btn no-shadow no-hover"
|
|
61
61
|
unelevated
|
|
62
62
|
text-color="black"
|
|
63
|
-
label="오늘"
|
|
63
|
+
:label="lang ? locale[lang].today : '오늘'"
|
|
64
64
|
@click="resetDate"
|
|
65
65
|
/>
|
|
66
66
|
</q-date>
|
|
@@ -111,6 +111,7 @@
|
|
|
111
111
|
<script>
|
|
112
112
|
const locale = {
|
|
113
113
|
ko: {
|
|
114
|
+
today: '오늘',
|
|
114
115
|
daysShort: ['일', '월', '화', '수', '목', '금', '토'],
|
|
115
116
|
months: [
|
|
116
117
|
'1월',
|
|
@@ -141,6 +142,38 @@
|
|
|
141
142
|
'12월',
|
|
142
143
|
],
|
|
143
144
|
},
|
|
145
|
+
ja: {
|
|
146
|
+
today: '今日',
|
|
147
|
+
daysShort: ['日', '月', '火', '水', '木', '金', '土'],
|
|
148
|
+
months: [
|
|
149
|
+
'1月',
|
|
150
|
+
'2月',
|
|
151
|
+
'3月',
|
|
152
|
+
'4月',
|
|
153
|
+
'5月',
|
|
154
|
+
'6月',
|
|
155
|
+
'7月',
|
|
156
|
+
'8月',
|
|
157
|
+
'9月',
|
|
158
|
+
'10月',
|
|
159
|
+
'11月',
|
|
160
|
+
'12月',
|
|
161
|
+
],
|
|
162
|
+
monthsShort: [
|
|
163
|
+
'1月',
|
|
164
|
+
'2月',
|
|
165
|
+
'3月',
|
|
166
|
+
'4月',
|
|
167
|
+
'5月',
|
|
168
|
+
'6月',
|
|
169
|
+
'7月',
|
|
170
|
+
'8月',
|
|
171
|
+
'9月',
|
|
172
|
+
'10月',
|
|
173
|
+
'11月',
|
|
174
|
+
'12月',
|
|
175
|
+
],
|
|
176
|
+
},
|
|
144
177
|
};
|
|
145
178
|
import { defineComponent, ref, watch } from 'vue';
|
|
146
179
|
import { QInput, QBtn, QDate, QMenu, QIcon, QSeparator, date } from 'quasar';
|
|
@@ -531,7 +564,7 @@
|
|
|
531
564
|
|
|
532
565
|
> .reset-to-today-btn {
|
|
533
566
|
padding: 0;
|
|
534
|
-
width:
|
|
567
|
+
width: 28px;
|
|
535
568
|
height: 22px;
|
|
536
569
|
min-height: 22px;
|
|
537
570
|
position: absolute;
|
|
@@ -126,6 +126,38 @@
|
|
|
126
126
|
'Dec',
|
|
127
127
|
],
|
|
128
128
|
},
|
|
129
|
+
ja: {
|
|
130
|
+
today: '今日',
|
|
131
|
+
daysShort: ['日', '月', '火', '水', '木', '金', '土'],
|
|
132
|
+
months: [
|
|
133
|
+
'1月',
|
|
134
|
+
'2月',
|
|
135
|
+
'3月',
|
|
136
|
+
'4月',
|
|
137
|
+
'5月',
|
|
138
|
+
'6月',
|
|
139
|
+
'7月',
|
|
140
|
+
'8月',
|
|
141
|
+
'9月',
|
|
142
|
+
'10月',
|
|
143
|
+
'11月',
|
|
144
|
+
'12月',
|
|
145
|
+
],
|
|
146
|
+
monthsShort: [
|
|
147
|
+
'1月',
|
|
148
|
+
'2月',
|
|
149
|
+
'3月',
|
|
150
|
+
'4月',
|
|
151
|
+
'5月',
|
|
152
|
+
'6月',
|
|
153
|
+
'7月',
|
|
154
|
+
'8月',
|
|
155
|
+
'9月',
|
|
156
|
+
'10月',
|
|
157
|
+
'11月',
|
|
158
|
+
'12月',
|
|
159
|
+
],
|
|
160
|
+
},
|
|
129
161
|
};
|
|
130
162
|
export default {
|
|
131
163
|
name: 'SDateTimePicker',
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
emits: ['update:modelValue'],
|
|
94
94
|
setup(props, { emit }) {
|
|
95
95
|
const model = ref(props.modelValue);
|
|
96
|
-
const language = { ko: { am: '오전', pm: '오후' }, en: { am: 'AM', pm: 'PM' } };
|
|
96
|
+
const language = { ko: { am: '오전', pm: '오후' }, en: { am: 'AM', pm: 'PM' }, ja: { am: '午前', pm: '午後' } };
|
|
97
97
|
|
|
98
98
|
function timeFormat(time) {
|
|
99
99
|
const timeRegex = props.useSecond ? /(\d{2}):(\d{2}):(\d{2})/ : /(\d{2}):(\d{2})/;
|
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
},
|
|
140
140
|
},
|
|
141
141
|
setup(props) {
|
|
142
|
-
const language = { ko: { am: '오전', pm: '오후' }, en: { am: 'AM', pm: 'PM' } };
|
|
142
|
+
const language = { ko: { am: '오전', pm: '오후' }, en: { am: 'AM', pm: 'PM' }, ja: { am: '午前', pm: '午後' } };
|
|
143
143
|
const model = useModelBinder(props);
|
|
144
144
|
const modelFormat = props.useSecond ? 'HH:mm:ss' : 'HH:mm';
|
|
145
145
|
const timeRegex = props.useSecond ? /(\d{2}):(\d{2}):(\d{2})/ : /(\d{2}):(\d{2})/;
|