quasar-ui-sellmate-ui-kit 3.7.0 → 3.9.0
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 +168 -364
- package/dist/index.umd.min.js +2 -2
- package/package.json +1 -1
- package/src/components/SDate.vue +5 -68
- package/src/components/SDateAutoRangePicker.vue +6 -36
- package/src/components/SDateRange.vue +7 -69
- package/src/components/SDateRangePicker.vue +6 -67
- package/src/components/SDateTimePicker.vue +7 -97
- package/src/components/STimePicker.vue +9 -6
- package/src/components/TimePickerCard.vue +12 -13
- package/src/constants/locale.js +102 -0
package/dist/index.umd.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* quasar-ui-sellmate-ui-kit v3.
|
|
2
|
+
* quasar-ui-sellmate-ui-kit v3.8.0
|
|
3
3
|
* (c) 2024 Sellmate Dev Team <dev@sellmate.co.kr>
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -771,70 +771,104 @@
|
|
|
771
771
|
return model;
|
|
772
772
|
}
|
|
773
773
|
|
|
774
|
-
var
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
774
|
+
var initLocaleObj = {
|
|
775
|
+
ko: {
|
|
776
|
+
daysShort: ['일', '월', '화', '수', '목', '금', '토'],
|
|
777
|
+
months: [
|
|
778
|
+
'1월',
|
|
779
|
+
'2월',
|
|
780
|
+
'3월',
|
|
781
|
+
'4월',
|
|
782
|
+
'5월',
|
|
783
|
+
'6월',
|
|
784
|
+
'7월',
|
|
785
|
+
'8월',
|
|
786
|
+
'9월',
|
|
787
|
+
'10월',
|
|
788
|
+
'11월',
|
|
789
|
+
'12월' ],
|
|
790
|
+
monthsShort: [
|
|
791
|
+
'1월',
|
|
792
|
+
'2월',
|
|
793
|
+
'3월',
|
|
794
|
+
'4월',
|
|
795
|
+
'5월',
|
|
796
|
+
'6월',
|
|
797
|
+
'7월',
|
|
798
|
+
'8월',
|
|
799
|
+
'9월',
|
|
800
|
+
'10월',
|
|
801
|
+
'11월',
|
|
802
|
+
'12월' ],
|
|
803
|
+
am: '오전',
|
|
804
|
+
pm: '오후',
|
|
805
|
+
},
|
|
806
|
+
en: {
|
|
807
|
+
daysShort: ['SUN', 'MON', 'TUE', 'WEN', 'THU', 'FRI', 'SAT'],
|
|
808
|
+
months: [
|
|
809
|
+
'January',
|
|
810
|
+
'February',
|
|
811
|
+
'March',
|
|
812
|
+
'April',
|
|
813
|
+
'May',
|
|
814
|
+
'June',
|
|
815
|
+
'July',
|
|
816
|
+
'August',
|
|
817
|
+
'September',
|
|
818
|
+
'October',
|
|
819
|
+
'November',
|
|
820
|
+
'December' ],
|
|
821
|
+
monthsShort: [
|
|
822
|
+
'Jan',
|
|
823
|
+
'Feb',
|
|
824
|
+
'Mar',
|
|
825
|
+
'Apr',
|
|
826
|
+
'May',
|
|
827
|
+
'Jun',
|
|
828
|
+
'Jul',
|
|
829
|
+
'Ago',
|
|
830
|
+
'Sep',
|
|
831
|
+
'Oct',
|
|
832
|
+
'Nov',
|
|
833
|
+
'Dec' ],
|
|
834
|
+
am: 'AM',
|
|
835
|
+
pm: 'PM',
|
|
836
|
+
},
|
|
837
|
+
ja: {
|
|
838
|
+
today: '今日',
|
|
839
|
+
daysShort: ['日', '月', '火', '水', '木', '金', '土'],
|
|
840
|
+
months: [
|
|
841
|
+
'1月',
|
|
842
|
+
'2月',
|
|
843
|
+
'3月',
|
|
844
|
+
'4月',
|
|
845
|
+
'5月',
|
|
846
|
+
'6月',
|
|
847
|
+
'7月',
|
|
848
|
+
'8月',
|
|
849
|
+
'9月',
|
|
850
|
+
'10月',
|
|
851
|
+
'11月',
|
|
852
|
+
'12月' ],
|
|
853
|
+
monthsShort: [
|
|
854
|
+
'1月',
|
|
855
|
+
'2月',
|
|
856
|
+
'3月',
|
|
857
|
+
'4月',
|
|
858
|
+
'5月',
|
|
859
|
+
'6月',
|
|
860
|
+
'7月',
|
|
861
|
+
'8月',
|
|
862
|
+
'9月',
|
|
863
|
+
'10月',
|
|
864
|
+
'11月',
|
|
865
|
+
'12月' ],
|
|
866
|
+
am: '午前',
|
|
867
|
+
pm: '午後',
|
|
868
|
+
},
|
|
869
|
+
};
|
|
836
870
|
|
|
837
|
-
|
|
871
|
+
var script$u = vue.defineComponent({
|
|
838
872
|
name: 'SDateRangePicker',
|
|
839
873
|
components: {
|
|
840
874
|
QInput: quasar.QInput,
|
|
@@ -874,6 +908,10 @@
|
|
|
874
908
|
type: Object,
|
|
875
909
|
default: function () { return ({ from: '', to: '' }); },
|
|
876
910
|
},
|
|
911
|
+
locale: {
|
|
912
|
+
type: Object,
|
|
913
|
+
default: initLocaleObj
|
|
914
|
+
}
|
|
877
915
|
},
|
|
878
916
|
setup: function setup(props, ref$1) {
|
|
879
917
|
var emit = ref$1.emit;
|
|
@@ -967,7 +1005,6 @@
|
|
|
967
1005
|
|
|
968
1006
|
return {
|
|
969
1007
|
dateRangeIcon: dateRangeIcon,
|
|
970
|
-
locale: locale$4,
|
|
971
1008
|
calendarOpen: calendarOpen,
|
|
972
1009
|
dateValue: dateValue,
|
|
973
1010
|
inputDate: inputDate,
|
|
@@ -5065,13 +5102,12 @@
|
|
|
5065
5102
|
type: Boolean,
|
|
5066
5103
|
default: false,
|
|
5067
5104
|
},
|
|
5105
|
+
locale: {
|
|
5106
|
+
type: Object,
|
|
5107
|
+
default: initLocaleObj
|
|
5108
|
+
}
|
|
5068
5109
|
},
|
|
5069
5110
|
setup: function setup(props) {
|
|
5070
|
-
var language = {
|
|
5071
|
-
ko: { am: '오전', pm: '오후' },
|
|
5072
|
-
en: { am: 'AM', pm: 'PM' },
|
|
5073
|
-
ja: { am: '午前', pm: '午後' },
|
|
5074
|
-
};
|
|
5075
5111
|
var model = useModelBinder(props);
|
|
5076
5112
|
var modelFormat = props.useSecond ? 'HH:mm:ss' : 'HH:mm';
|
|
5077
5113
|
var timeRegex = props.useSecond ? /(\d{2}):(\d{2}):(\d{2})/ : /(\d{2}):(\d{2})/;
|
|
@@ -5145,11 +5181,11 @@
|
|
|
5145
5181
|
second: +timeModelUnits[2] || 0,
|
|
5146
5182
|
});
|
|
5147
5183
|
|
|
5148
|
-
isAm.value = type ===
|
|
5149
|
-
if (type ===
|
|
5184
|
+
isAm.value = type === props.locale[props.lang].am;
|
|
5185
|
+
if (type === props.locale[props.lang].am && modelDate.getHours() >= 12) {
|
|
5150
5186
|
var resultDate = quasar.date.subtractFromDate(modelDate, { hour: 12 });
|
|
5151
5187
|
model.value = quasar.date.formatDate(resultDate, modelFormat);
|
|
5152
|
-
} else if (type ===
|
|
5188
|
+
} else if (type === props.locale[props.lang].pm && modelDate.getHours() < 12) {
|
|
5153
5189
|
var resultDate$1 = quasar.date.addToDate(modelDate, { hour: 12 });
|
|
5154
5190
|
model.value = quasar.date.formatDate(resultDate$1, modelFormat);
|
|
5155
5191
|
}
|
|
@@ -5222,7 +5258,6 @@
|
|
|
5222
5258
|
return {
|
|
5223
5259
|
arrowUpIcon: arrowUpIcon,
|
|
5224
5260
|
arrowDownIcon: arrowDownIcon,
|
|
5225
|
-
language: language,
|
|
5226
5261
|
|
|
5227
5262
|
model: model,
|
|
5228
5263
|
isAm: isAm,
|
|
@@ -5260,17 +5295,17 @@
|
|
|
5260
5295
|
vue.createVNode(_component_q_card_section, { class: "ampm-section flex column flex-cneter" }, {
|
|
5261
5296
|
default: vue.withCtx(function () { return [
|
|
5262
5297
|
vue.createVNode(_component_s_button, {
|
|
5263
|
-
label: $
|
|
5298
|
+
label: $props.locale[$props.lang].am,
|
|
5264
5299
|
outline: !$setup.isAm,
|
|
5265
5300
|
color: $setup.isAm ? 'positive' : 'Grey_Default',
|
|
5266
|
-
onClick: _cache[0] || (_cache[0] = function ($event) { return ($setup.onClickAmPm($
|
|
5301
|
+
onClick: _cache[0] || (_cache[0] = function ($event) { return ($setup.onClickAmPm($props.locale[$props.lang].am)); })
|
|
5267
5302
|
}, null, 8, ["label", "outline", "color"]),
|
|
5268
5303
|
vue.createVNode(_component_s_button, {
|
|
5269
|
-
label: $
|
|
5304
|
+
label: $props.locale[$props.lang].pm,
|
|
5270
5305
|
outline: $setup.isAm,
|
|
5271
5306
|
color: !$setup.isAm ? 'positive' : 'Grey_Default',
|
|
5272
5307
|
class: "q-mt-sm",
|
|
5273
|
-
onClick: _cache[1] || (_cache[1] = function ($event) { return ($setup.onClickAmPm($
|
|
5308
|
+
onClick: _cache[1] || (_cache[1] = function ($event) { return ($setup.onClickAmPm($props.locale[$props.lang].pm)); })
|
|
5274
5309
|
}, null, 8, ["label", "outline", "color"])
|
|
5275
5310
|
]; }),
|
|
5276
5311
|
_: 1
|
|
@@ -5428,17 +5463,16 @@
|
|
|
5428
5463
|
type: Boolean,
|
|
5429
5464
|
default: false,
|
|
5430
5465
|
},
|
|
5466
|
+
locale: {
|
|
5467
|
+
type: Object,
|
|
5468
|
+
default: initLocaleObj,
|
|
5469
|
+
}
|
|
5431
5470
|
},
|
|
5432
5471
|
emits: ['update:modelValue'],
|
|
5433
5472
|
setup: function setup(props, ref$1) {
|
|
5434
5473
|
var emit = ref$1.emit;
|
|
5435
5474
|
|
|
5436
5475
|
var model = vue.ref(props.modelValue);
|
|
5437
|
-
var language = {
|
|
5438
|
-
ko: { am: '오전', pm: '오후' },
|
|
5439
|
-
en: { am: 'AM', pm: 'PM' },
|
|
5440
|
-
ja: { am: '午前', pm: '午後' },
|
|
5441
|
-
};
|
|
5442
5476
|
|
|
5443
5477
|
/**
|
|
5444
5478
|
* @param {string} time
|
|
@@ -5453,7 +5487,7 @@
|
|
|
5453
5487
|
second: +timeUnits[2] || 0,
|
|
5454
5488
|
});
|
|
5455
5489
|
var amPmModelTimeUnits = quasar.date.formatDate(modelDate, 'hh:mm:ss');
|
|
5456
|
-
return ((+timeUnits[0] < 12 || +timeUnits[0] >= 24 ?
|
|
5490
|
+
return ((+timeUnits[0] < 12 || +timeUnits[0] >= 24 ? props.locale[props.lang].am : props.locale[props.lang].pm) + " " + (props.useSecond ? amPmModelTimeUnits : amPmModelTimeUnits.slice(0, 5)));
|
|
5457
5491
|
}
|
|
5458
5492
|
|
|
5459
5493
|
function handleModel() {
|
|
@@ -5523,8 +5557,9 @@
|
|
|
5523
5557
|
"onUpdate:modelValue": [
|
|
5524
5558
|
_cache[0] || (_cache[0] = function ($event) { return ((_ctx.model.from) = $event); }),
|
|
5525
5559
|
_ctx.handleModel
|
|
5526
|
-
]
|
|
5527
|
-
|
|
5560
|
+
],
|
|
5561
|
+
locale: _ctx.locale
|
|
5562
|
+
}, null, 8, ["lang", "useSecond", "modelValue", "onUpdate:modelValue", "locale"])
|
|
5528
5563
|
]; }),
|
|
5529
5564
|
_: 1
|
|
5530
5565
|
}))
|
|
@@ -5547,8 +5582,9 @@
|
|
|
5547
5582
|
"onUpdate:modelValue": [
|
|
5548
5583
|
_cache[1] || (_cache[1] = function ($event) { return ((_ctx.model.to) = $event); }),
|
|
5549
5584
|
_ctx.handleModel
|
|
5550
|
-
]
|
|
5551
|
-
|
|
5585
|
+
],
|
|
5586
|
+
locale: _ctx.locale
|
|
5587
|
+
}, null, 8, ["lang", "useSecond", "modelValue", "onUpdate:modelValue", "locale"])
|
|
5552
5588
|
]; }),
|
|
5553
5589
|
_: 1
|
|
5554
5590
|
}))
|
|
@@ -5571,8 +5607,9 @@
|
|
|
5571
5607
|
"onUpdate:modelValue": [
|
|
5572
5608
|
_cache[2] || (_cache[2] = function ($event) { return ((_ctx.model) = $event); }),
|
|
5573
5609
|
_ctx.handleModel
|
|
5574
|
-
]
|
|
5575
|
-
|
|
5610
|
+
],
|
|
5611
|
+
locale: _ctx.locale
|
|
5612
|
+
}, null, 8, ["lang", "useSecond", "modelValue", "onUpdate:modelValue", "locale"])
|
|
5576
5613
|
]; }),
|
|
5577
5614
|
_: 1
|
|
5578
5615
|
}))
|
|
@@ -5770,97 +5807,7 @@
|
|
|
5770
5807
|
|
|
5771
5808
|
script$4.render = render$5;
|
|
5772
5809
|
|
|
5773
|
-
var
|
|
5774
|
-
ko: {
|
|
5775
|
-
daysShort: ['일', '월', '화', '수', '목', '금', '토'],
|
|
5776
|
-
months: [
|
|
5777
|
-
'1월',
|
|
5778
|
-
'2월',
|
|
5779
|
-
'3월',
|
|
5780
|
-
'4월',
|
|
5781
|
-
'5월',
|
|
5782
|
-
'6월',
|
|
5783
|
-
'7월',
|
|
5784
|
-
'8월',
|
|
5785
|
-
'9월',
|
|
5786
|
-
'10월',
|
|
5787
|
-
'11월',
|
|
5788
|
-
'12월' ],
|
|
5789
|
-
monthsShort: [
|
|
5790
|
-
'1월',
|
|
5791
|
-
'2월',
|
|
5792
|
-
'3월',
|
|
5793
|
-
'4월',
|
|
5794
|
-
'5월',
|
|
5795
|
-
'6월',
|
|
5796
|
-
'7월',
|
|
5797
|
-
'8월',
|
|
5798
|
-
'9월',
|
|
5799
|
-
'10월',
|
|
5800
|
-
'11월',
|
|
5801
|
-
'12월' ],
|
|
5802
|
-
},
|
|
5803
|
-
en: {
|
|
5804
|
-
daysShort: ['SUN', 'MON', 'TUE', 'WEN', 'THU', 'FRI', 'SAT'],
|
|
5805
|
-
months: [
|
|
5806
|
-
'January',
|
|
5807
|
-
'February',
|
|
5808
|
-
'March',
|
|
5809
|
-
'April',
|
|
5810
|
-
'May',
|
|
5811
|
-
'June',
|
|
5812
|
-
'July',
|
|
5813
|
-
'August',
|
|
5814
|
-
'September',
|
|
5815
|
-
'October',
|
|
5816
|
-
'November',
|
|
5817
|
-
'December' ],
|
|
5818
|
-
monthsShort: [
|
|
5819
|
-
'Jan',
|
|
5820
|
-
'Feb',
|
|
5821
|
-
'Mar',
|
|
5822
|
-
'Apr',
|
|
5823
|
-
'May',
|
|
5824
|
-
'Jun',
|
|
5825
|
-
'Jul',
|
|
5826
|
-
'Ago',
|
|
5827
|
-
'Sep',
|
|
5828
|
-
'Oct',
|
|
5829
|
-
'Nov',
|
|
5830
|
-
'Dec' ],
|
|
5831
|
-
},
|
|
5832
|
-
ja: {
|
|
5833
|
-
today: '今日',
|
|
5834
|
-
daysShort: ['日', '月', '火', '水', '木', '金', '土'],
|
|
5835
|
-
months: [
|
|
5836
|
-
'1月',
|
|
5837
|
-
'2月',
|
|
5838
|
-
'3月',
|
|
5839
|
-
'4月',
|
|
5840
|
-
'5月',
|
|
5841
|
-
'6月',
|
|
5842
|
-
'7月',
|
|
5843
|
-
'8月',
|
|
5844
|
-
'9月',
|
|
5845
|
-
'10月',
|
|
5846
|
-
'11月',
|
|
5847
|
-
'12月' ],
|
|
5848
|
-
monthsShort: [
|
|
5849
|
-
'1月',
|
|
5850
|
-
'2月',
|
|
5851
|
-
'3月',
|
|
5852
|
-
'4月',
|
|
5853
|
-
'5月',
|
|
5854
|
-
'6月',
|
|
5855
|
-
'7月',
|
|
5856
|
-
'8月',
|
|
5857
|
-
'9月',
|
|
5858
|
-
'10月',
|
|
5859
|
-
'11月',
|
|
5860
|
-
'12月' ],
|
|
5861
|
-
},
|
|
5862
|
-
};
|
|
5863
|
-
var script$3 = {
|
|
5810
|
+
var script$3 = {
|
|
5864
5811
|
name: 'SDateTimePicker',
|
|
5865
5812
|
components: {
|
|
5866
5813
|
QInput: quasar.QInput,
|
|
@@ -5886,6 +5833,11 @@
|
|
|
5886
5833
|
type: [Number, null],
|
|
5887
5834
|
default: null,
|
|
5888
5835
|
},
|
|
5836
|
+
locale: {
|
|
5837
|
+
type: Object,
|
|
5838
|
+
default: initLocaleObj,
|
|
5839
|
+
}
|
|
5840
|
+
|
|
5889
5841
|
},
|
|
5890
5842
|
setup: function setup(props, ref$1) {
|
|
5891
5843
|
var emit = ref$1.emit;
|
|
@@ -5951,7 +5903,6 @@
|
|
|
5951
5903
|
timeValue: timeValue,
|
|
5952
5904
|
inputValue: inputValue,
|
|
5953
5905
|
dateTimePopupRef: dateTimePopupRef,
|
|
5954
|
-
locale: locale$3,
|
|
5955
5906
|
optionsFn: optionsFn,
|
|
5956
5907
|
onInputUpdated: onInputUpdated,
|
|
5957
5908
|
openPopup: vue.ref(false),
|
|
@@ -6016,7 +5967,7 @@
|
|
|
6016
5967
|
mask: "YYYY-MM-DD",
|
|
6017
5968
|
minimal: "",
|
|
6018
5969
|
flat: "",
|
|
6019
|
-
locale: $props.lang ? $
|
|
5970
|
+
locale: $props.lang ? $props.locale[$props.lang] : {},
|
|
6020
5971
|
color: "positive",
|
|
6021
5972
|
options: $setup.optionsFn,
|
|
6022
5973
|
noUnset: ""
|
|
@@ -6026,9 +5977,10 @@
|
|
|
6026
5977
|
modelValue: $setup.timeValue,
|
|
6027
5978
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) { return (($setup.timeValue) = $event); }),
|
|
6028
5979
|
lang: $props.lang,
|
|
5980
|
+
locale: $props.locale,
|
|
6029
5981
|
useSecond: "",
|
|
6030
5982
|
style: {"width":"290px"}
|
|
6031
|
-
}, null, 8, ["modelValue", "lang"])
|
|
5983
|
+
}, null, 8, ["modelValue", "lang", "locale"])
|
|
6032
5984
|
])
|
|
6033
5985
|
]; }),
|
|
6034
5986
|
_: 1
|
|
@@ -6043,69 +5995,7 @@
|
|
|
6043
5995
|
|
|
6044
5996
|
script$3.render = render$4;
|
|
6045
5997
|
|
|
6046
|
-
var
|
|
6047
|
-
ko: {
|
|
6048
|
-
daysShort: ['일', '월', '화', '수', '목', '금', '토'],
|
|
6049
|
-
months: [
|
|
6050
|
-
'1월',
|
|
6051
|
-
'2월',
|
|
6052
|
-
'3월',
|
|
6053
|
-
'4월',
|
|
6054
|
-
'5월',
|
|
6055
|
-
'6월',
|
|
6056
|
-
'7월',
|
|
6057
|
-
'8월',
|
|
6058
|
-
'9월',
|
|
6059
|
-
'10월',
|
|
6060
|
-
'11월',
|
|
6061
|
-
'12월' ],
|
|
6062
|
-
monthsShort: [
|
|
6063
|
-
'1월',
|
|
6064
|
-
'2월',
|
|
6065
|
-
'3월',
|
|
6066
|
-
'4월',
|
|
6067
|
-
'5월',
|
|
6068
|
-
'6월',
|
|
6069
|
-
'7월',
|
|
6070
|
-
'8월',
|
|
6071
|
-
'9월',
|
|
6072
|
-
'10월',
|
|
6073
|
-
'11월',
|
|
6074
|
-
'12월' ],
|
|
6075
|
-
},
|
|
6076
|
-
ja: {
|
|
6077
|
-
today: '今日',
|
|
6078
|
-
daysShort: ['日', '月', '火', '水', '木', '金', '土'],
|
|
6079
|
-
months: [
|
|
6080
|
-
'1月',
|
|
6081
|
-
'2月',
|
|
6082
|
-
'3月',
|
|
6083
|
-
'4月',
|
|
6084
|
-
'5月',
|
|
6085
|
-
'6月',
|
|
6086
|
-
'7月',
|
|
6087
|
-
'8月',
|
|
6088
|
-
'9月',
|
|
6089
|
-
'10月',
|
|
6090
|
-
'11月',
|
|
6091
|
-
'12月' ],
|
|
6092
|
-
monthsShort: [
|
|
6093
|
-
'1月',
|
|
6094
|
-
'2月',
|
|
6095
|
-
'3月',
|
|
6096
|
-
'4月',
|
|
6097
|
-
'5月',
|
|
6098
|
-
'6月',
|
|
6099
|
-
'7月',
|
|
6100
|
-
'8月',
|
|
6101
|
-
'9月',
|
|
6102
|
-
'10月',
|
|
6103
|
-
'11月',
|
|
6104
|
-
'12月' ],
|
|
6105
|
-
},
|
|
6106
|
-
};
|
|
6107
|
-
|
|
6108
|
-
var script$2 = {
|
|
5998
|
+
var script$2 = {
|
|
6109
5999
|
name: 'SDateRange',
|
|
6110
6000
|
components: {
|
|
6111
6001
|
QDate: quasar.QDate,
|
|
@@ -6140,6 +6030,10 @@
|
|
|
6140
6030
|
type: Object,
|
|
6141
6031
|
default: function () { return ({ from: '', to: '' }); },
|
|
6142
6032
|
},
|
|
6033
|
+
locale : {
|
|
6034
|
+
type: Object,
|
|
6035
|
+
default: initLocaleObj
|
|
6036
|
+
}
|
|
6143
6037
|
},
|
|
6144
6038
|
|
|
6145
6039
|
setup: function setup(props, ref$1) {
|
|
@@ -6210,7 +6104,6 @@
|
|
|
6210
6104
|
}
|
|
6211
6105
|
|
|
6212
6106
|
return {
|
|
6213
|
-
locale: locale$2,
|
|
6214
6107
|
dateModel: dateModel,
|
|
6215
6108
|
fromMenuRef: fromMenuRef,
|
|
6216
6109
|
toMenuRef: toMenuRef,
|
|
@@ -6283,11 +6176,11 @@
|
|
|
6283
6176
|
vue.createVNode(_component_q_btn, {
|
|
6284
6177
|
class: "reset-btn no-hover",
|
|
6285
6178
|
flat: "",
|
|
6286
|
-
label:
|
|
6179
|
+
label: $props.locale[$props.lang].today,
|
|
6287
6180
|
"text-color": "Grey_Darken-4",
|
|
6288
6181
|
ripple: false,
|
|
6289
6182
|
onClick: _cache[0] || (_cache[0] = function ($event) { return ($setup.resetDate('from')); })
|
|
6290
|
-
})
|
|
6183
|
+
}, null, 8, ["label"])
|
|
6291
6184
|
]),
|
|
6292
6185
|
vue.createVNode(_component_q_date, {
|
|
6293
6186
|
modelValue: $setup.dateModel.from,
|
|
@@ -6302,7 +6195,7 @@
|
|
|
6302
6195
|
color: "positive",
|
|
6303
6196
|
class: "q-pa-none",
|
|
6304
6197
|
mask: "YYYY-MM-DD",
|
|
6305
|
-
locale: $props.lang ? $
|
|
6198
|
+
locale: $props.lang ? $props.locale[$props.lang] : {},
|
|
6306
6199
|
options: $setup.optionsStartFn
|
|
6307
6200
|
}, null, 8, ["modelValue", "locale", "options"])
|
|
6308
6201
|
]; }),
|
|
@@ -6342,11 +6235,11 @@
|
|
|
6342
6235
|
vue.createVNode(_component_q_btn, {
|
|
6343
6236
|
class: "reset-btn no-hover",
|
|
6344
6237
|
flat: "",
|
|
6345
|
-
label:
|
|
6238
|
+
label: $props.locale[$props.lang].today,
|
|
6346
6239
|
"text-color": "Grey_Darken-4",
|
|
6347
6240
|
ripple: false,
|
|
6348
6241
|
onClick: _cache[4] || (_cache[4] = function ($event) { return ($setup.resetDate('to')); })
|
|
6349
|
-
})
|
|
6242
|
+
}, null, 8, ["label"])
|
|
6350
6243
|
]),
|
|
6351
6244
|
vue.createVNode(_component_q_date, {
|
|
6352
6245
|
modelValue: $setup.dateModel.to,
|
|
@@ -6361,7 +6254,7 @@
|
|
|
6361
6254
|
color: "positive",
|
|
6362
6255
|
class: "q-pa-none",
|
|
6363
6256
|
mask: "YYYY-MM-DD",
|
|
6364
|
-
locale: $props.lang ? $
|
|
6257
|
+
locale: $props.lang ? $props.locale[$props.lang] : {},
|
|
6365
6258
|
options: $setup.optionsEndFn
|
|
6366
6259
|
}, null, 8, ["modelValue", "locale", "options"])
|
|
6367
6260
|
]; }),
|
|
@@ -6405,70 +6298,7 @@
|
|
|
6405
6298
|
|
|
6406
6299
|
script$2.render = render$3;
|
|
6407
6300
|
|
|
6408
|
-
var
|
|
6409
|
-
ko: {
|
|
6410
|
-
today: '오늘',
|
|
6411
|
-
daysShort: ['일', '월', '화', '수', '목', '금', '토'],
|
|
6412
|
-
months: [
|
|
6413
|
-
'1월',
|
|
6414
|
-
'2월',
|
|
6415
|
-
'3월',
|
|
6416
|
-
'4월',
|
|
6417
|
-
'5월',
|
|
6418
|
-
'6월',
|
|
6419
|
-
'7월',
|
|
6420
|
-
'8월',
|
|
6421
|
-
'9월',
|
|
6422
|
-
'10월',
|
|
6423
|
-
'11월',
|
|
6424
|
-
'12월' ],
|
|
6425
|
-
monthsShort: [
|
|
6426
|
-
'1월',
|
|
6427
|
-
'2월',
|
|
6428
|
-
'3월',
|
|
6429
|
-
'4월',
|
|
6430
|
-
'5월',
|
|
6431
|
-
'6월',
|
|
6432
|
-
'7월',
|
|
6433
|
-
'8월',
|
|
6434
|
-
'9월',
|
|
6435
|
-
'10월',
|
|
6436
|
-
'11월',
|
|
6437
|
-
'12월' ],
|
|
6438
|
-
},
|
|
6439
|
-
ja: {
|
|
6440
|
-
today: '今日',
|
|
6441
|
-
daysShort: ['日', '月', '火', '水', '木', '金', '土'],
|
|
6442
|
-
months: [
|
|
6443
|
-
'1月',
|
|
6444
|
-
'2月',
|
|
6445
|
-
'3月',
|
|
6446
|
-
'4月',
|
|
6447
|
-
'5月',
|
|
6448
|
-
'6月',
|
|
6449
|
-
'7月',
|
|
6450
|
-
'8月',
|
|
6451
|
-
'9月',
|
|
6452
|
-
'10月',
|
|
6453
|
-
'11月',
|
|
6454
|
-
'12月' ],
|
|
6455
|
-
monthsShort: [
|
|
6456
|
-
'1月',
|
|
6457
|
-
'2月',
|
|
6458
|
-
'3月',
|
|
6459
|
-
'4月',
|
|
6460
|
-
'5月',
|
|
6461
|
-
'6月',
|
|
6462
|
-
'7月',
|
|
6463
|
-
'8月',
|
|
6464
|
-
'9月',
|
|
6465
|
-
'10月',
|
|
6466
|
-
'11月',
|
|
6467
|
-
'12月' ],
|
|
6468
|
-
},
|
|
6469
|
-
};
|
|
6470
|
-
|
|
6471
|
-
var script$1 = {
|
|
6301
|
+
var script$1 = {
|
|
6472
6302
|
name: 'SDate',
|
|
6473
6303
|
components: {
|
|
6474
6304
|
QDate: quasar.QDate,
|
|
@@ -6497,6 +6327,10 @@
|
|
|
6497
6327
|
type: String,
|
|
6498
6328
|
default: 'ko',
|
|
6499
6329
|
},
|
|
6330
|
+
locale: {
|
|
6331
|
+
type: Object,
|
|
6332
|
+
default: initLocaleObj
|
|
6333
|
+
},
|
|
6500
6334
|
useDelete: {
|
|
6501
6335
|
type: Boolean,
|
|
6502
6336
|
default: false,
|
|
@@ -6741,7 +6575,6 @@
|
|
|
6741
6575
|
}
|
|
6742
6576
|
|
|
6743
6577
|
return {
|
|
6744
|
-
locale: locale$1,
|
|
6745
6578
|
menuModel: menuModel,
|
|
6746
6579
|
dateModel: dateModel,
|
|
6747
6580
|
singleMenuRef: vue.ref(null),
|
|
@@ -6830,7 +6663,7 @@
|
|
|
6830
6663
|
vue.createVNode(_component_q_btn, {
|
|
6831
6664
|
class: "reset-btn no-hover",
|
|
6832
6665
|
flat: "",
|
|
6833
|
-
label: $props.lang ? $
|
|
6666
|
+
label: $props.lang ? $props.locale[$props.lang].today : '오늘',
|
|
6834
6667
|
"text-color": "Grey_Darken-4",
|
|
6835
6668
|
ripple: false,
|
|
6836
6669
|
onClick: _cache[1] || (_cache[1] = function ($event) { return ($setup.resetDate('from')); })
|
|
@@ -6849,7 +6682,7 @@
|
|
|
6849
6682
|
color: "positive",
|
|
6850
6683
|
class: "q-pa-none",
|
|
6851
6684
|
mask: "YYYY-MM-DD",
|
|
6852
|
-
locale: $props.lang ? $
|
|
6685
|
+
locale: $props.lang ? $props.locale[$props.lang] : {},
|
|
6853
6686
|
options: $setup.optionsStartFn
|
|
6854
6687
|
}, null, 8, ["modelValue", "locale", "options"])
|
|
6855
6688
|
]; }),
|
|
@@ -6896,7 +6729,7 @@
|
|
|
6896
6729
|
vue.createVNode(_component_q_btn, {
|
|
6897
6730
|
class: "reset-btn no-hover",
|
|
6898
6731
|
flat: "",
|
|
6899
|
-
label: $props.lang ? $
|
|
6732
|
+
label: $props.lang ? $props.locale[$props.lang].today : '오늘',
|
|
6900
6733
|
"text-color": "Grey_Darken-4",
|
|
6901
6734
|
ripple: false,
|
|
6902
6735
|
onClick: _cache[10] || (_cache[10] = function ($event) { return ($setup.resetDate('to')); })
|
|
@@ -6915,7 +6748,7 @@
|
|
|
6915
6748
|
color: "positive",
|
|
6916
6749
|
class: "q-pa-none",
|
|
6917
6750
|
mask: "YYYY-MM-DD",
|
|
6918
|
-
locale: $props.lang ? $
|
|
6751
|
+
locale: $props.lang ? $props.locale[$props.lang] : {},
|
|
6919
6752
|
options: $setup.optionsEndFn
|
|
6920
6753
|
}, null, 8, ["modelValue", "locale", "options"])
|
|
6921
6754
|
]; }),
|
|
@@ -6963,7 +6796,7 @@
|
|
|
6963
6796
|
vue.createVNode(_component_q_btn, {
|
|
6964
6797
|
class: "reset-btn no-hover",
|
|
6965
6798
|
flat: "",
|
|
6966
|
-
label: $props.lang ? $
|
|
6799
|
+
label: $props.lang ? $props.locale[$props.lang].today : '오늘',
|
|
6967
6800
|
"text-color": "Grey_Darken-4",
|
|
6968
6801
|
ripple: false,
|
|
6969
6802
|
onClick: _cache[19] || (_cache[19] = function ($event) { return ($setup.resetDate()); })
|
|
@@ -6982,7 +6815,7 @@
|
|
|
6982
6815
|
color: "positive",
|
|
6983
6816
|
class: "q-pa-none",
|
|
6984
6817
|
mask: "YYYY-MM-DD",
|
|
6985
|
-
locale: $props.lang ? $
|
|
6818
|
+
locale: $props.lang ? $props.locale[$props.lang] : {},
|
|
6986
6819
|
options: $setup.optionsFn
|
|
6987
6820
|
}, null, 8, ["modelValue", "locale", "options"])
|
|
6988
6821
|
]; }),
|
|
@@ -7026,39 +6859,7 @@
|
|
|
7026
6859
|
|
|
7027
6860
|
script$1.render = render$2;
|
|
7028
6861
|
|
|
7029
|
-
var
|
|
7030
|
-
ko: {
|
|
7031
|
-
daysShort: ['일', '월', '화', '수', '목', '금', '토'],
|
|
7032
|
-
months: [
|
|
7033
|
-
'1월',
|
|
7034
|
-
'2월',
|
|
7035
|
-
'3월',
|
|
7036
|
-
'4월',
|
|
7037
|
-
'5월',
|
|
7038
|
-
'6월',
|
|
7039
|
-
'7월',
|
|
7040
|
-
'8월',
|
|
7041
|
-
'9월',
|
|
7042
|
-
'10월',
|
|
7043
|
-
'11월',
|
|
7044
|
-
'12월' ],
|
|
7045
|
-
monthsShort: [
|
|
7046
|
-
'1월',
|
|
7047
|
-
'2월',
|
|
7048
|
-
'3월',
|
|
7049
|
-
'4월',
|
|
7050
|
-
'5월',
|
|
7051
|
-
'6월',
|
|
7052
|
-
'7월',
|
|
7053
|
-
'8월',
|
|
7054
|
-
'9월',
|
|
7055
|
-
'10월',
|
|
7056
|
-
'11월',
|
|
7057
|
-
'12월' ],
|
|
7058
|
-
},
|
|
7059
|
-
};
|
|
7060
|
-
|
|
7061
|
-
var __default__ = vue.defineComponent({
|
|
6862
|
+
var __default__ = vue.defineComponent({
|
|
7062
6863
|
name: 'SDateAutoRangePicker',
|
|
7063
6864
|
components: {
|
|
7064
6865
|
QInput: quasar.QInput,
|
|
@@ -7105,6 +6906,10 @@
|
|
|
7105
6906
|
type: String,
|
|
7106
6907
|
default: 'fit-content',
|
|
7107
6908
|
},
|
|
6909
|
+
locale: {
|
|
6910
|
+
type: Object,
|
|
6911
|
+
default: initLocaleObj,
|
|
6912
|
+
},
|
|
7108
6913
|
},
|
|
7109
6914
|
setup: function setup(props, ref$1) {
|
|
7110
6915
|
var emit = ref$1.emit;
|
|
@@ -7164,7 +6969,6 @@
|
|
|
7164
6969
|
return {
|
|
7165
6970
|
dateRangeIcon: dateRangeIcon,
|
|
7166
6971
|
closeIcon: closeIcon,
|
|
7167
|
-
locale: locale,
|
|
7168
6972
|
dateModel: dateModel,
|
|
7169
6973
|
calendarOpen: vue.ref(false),
|
|
7170
6974
|
inputDate: vue.computed({
|
|
@@ -7186,7 +6990,7 @@
|
|
|
7186
6990
|
});
|
|
7187
6991
|
var __injectCSSVars__ = function () {
|
|
7188
6992
|
vue.useCssVars(function (_ctx) { return ({
|
|
7189
|
-
"
|
|
6993
|
+
"06657827": (_ctx.dateWidth)
|
|
7190
6994
|
}); });};
|
|
7191
6995
|
var __setup__ = __default__.setup;
|
|
7192
6996
|
__default__.setup = __setup__
|
|
@@ -7269,9 +7073,9 @@
|
|
|
7269
7073
|
class: "reset-to-today-btn no-shadow no-hover",
|
|
7270
7074
|
unelevated: "",
|
|
7271
7075
|
"text-color": "black",
|
|
7272
|
-
label:
|
|
7076
|
+
label: _ctx.locale[_ctx.lang].today,
|
|
7273
7077
|
onClick: _ctx.resetDate
|
|
7274
|
-
}, null, 8, ["onClick"])
|
|
7078
|
+
}, null, 8, ["label", "onClick"])
|
|
7275
7079
|
]; }),
|
|
7276
7080
|
_: 1
|
|
7277
7081
|
}, 8, ["modelValue", "locale", "options"])
|
|
@@ -7320,7 +7124,7 @@
|
|
|
7320
7124
|
]), 1032, ["class", "disable", "modelValue"]))
|
|
7321
7125
|
}
|
|
7322
7126
|
|
|
7323
|
-
var css_248z$1 = ".s-date-auto-range-picker {\n width: var(--
|
|
7127
|
+
var css_248z$1 = ".s-date-auto-range-picker {\n width: var(--06657827);\n}\n.s-date-auto-range-picker .q-field__control {\n max-height: 28px;\n height: 28px;\n padding: 0;\n}\n.s-date-auto-range-picker .q-field__control:before {\n border: 1px solid #aaaaaa !important;\n}\n.s-date-auto-range-picker .q-field__control:after {\n border-color: transparent !important;\n box-shadow: none !important;\n}\n.s-date-auto-range-picker .q-field__control:hover, .s-date-auto-range-picker .q-field__control:active {\n box-sizing: none;\n background-color: #f6f6f6;\n}\n.s-date-auto-range-picker .q-field__control .q-field__prepend {\n padding: 0;\n margin: 0 4px 0 8px;\n height: 28px;\n width: 20px;\n}\n.s-date-auto-range-picker .q-field__control-container {\n align-items: center;\n padding: 0;\n margin: 0 16px 0 8px;\n}\n.s-date-auto-range-picker .q-field__control-container .q-field__native {\n display: none;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str {\n min-width: 66px;\n line-height: 28px;\n font-size: 12px;\n display: block;\n color: #333333;\n height: 100%;\n user-select: none;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str:first-of-type {\n margin-right: 4px;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str:last-of-type {\n margin-left: 4px;\n}\n.s-date-auto-range-picker .q-field__control .q-field__append {\n height: 28px;\n padding: 0;\n margin: 0 8px 0 0;\n}\n.s-date-auto-range-picker.q-field--disabled .q-field__control:before {\n border: 1px solid #cccccc !important;\n}\n.s-date-auto-range-picker.q-field--disabled .q-field__control-container .date-str {\n color: #888888;\n}\n.s-date-auto-range-picker--inside .q-field__before {\n height: 28px;\n line-height: 20px;\n padding: 0;\n}\n.s-date-auto-range-picker--inside .q-field__before .date-picker-label {\n border-right: none !important;\n border-radius: 2px 0 0 2px;\n height: 28px;\n font-size: 12px;\n}\n.s-date-auto-range-picker--inside .q-field__control {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.s-date-auto-range-picker--use-icon .q-field__control-container {\n margin: 0 8px 0 4px;\n}";
|
|
7324
7128
|
styleInject(css_248z$1);
|
|
7325
7129
|
|
|
7326
7130
|
__default__.render = render$1;
|
|
@@ -7390,7 +7194,7 @@
|
|
|
7390
7194
|
|
|
7391
7195
|
/* eslint-disable no-multiple-empty-lines */
|
|
7392
7196
|
|
|
7393
|
-
var version = '3.
|
|
7197
|
+
var version = '3.8.0';
|
|
7394
7198
|
|
|
7395
7199
|
function install(app) {
|
|
7396
7200
|
app.component('s-badge', script);
|