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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * quasar-ui-sellmate-ui-kit v2.1.19
2
+ * quasar-ui-sellmate-ui-kit v2.2.1
3
3
  * (c) 2023 Sellmate Dev Team <dev@sellmate.co.kr>
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * quasar-ui-sellmate-ui-kit v2.1.19
2
+ * quasar-ui-sellmate-ui-kit v2.2.1
3
3
  * (c) 2023 Sellmate Dev Team <dev@sellmate.co.kr>
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * quasar-ui-sellmate-ui-kit v2.1.19
2
+ * quasar-ui-sellmate-ui-kit v2.2.1
3
3
  * (c) 2023 Sellmate Dev Team <dev@sellmate.co.kr>
4
4
  * Released under the MIT License.
5
5
  */
package/dist/index.umd.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * quasar-ui-sellmate-ui-kit v2.1.19
2
+ * quasar-ui-sellmate-ui-kit v2.2.1
3
3
  * (c) 2023 Sellmate Dev Team <dev@sellmate.co.kr>
4
4
  * Released under the MIT License.
5
5
  */
@@ -730,6 +730,7 @@
730
730
 
731
731
  var locale$4 = {
732
732
  ko: {
733
+ today: '오늘',
733
734
  daysShort: ['일', '월', '화', '수', '목', '금', '토'],
734
735
  months: [
735
736
  '1월',
@@ -758,6 +759,36 @@
758
759
  '11월',
759
760
  '12월' ],
760
761
  },
762
+ ja: {
763
+ today: '今日',
764
+ daysShort: ['日', '月', '火', '水', '木', '金', '土'],
765
+ months: [
766
+ '1月',
767
+ '2月',
768
+ '3月',
769
+ '4月',
770
+ '5月',
771
+ '6月',
772
+ '7月',
773
+ '8月',
774
+ '9月',
775
+ '10月',
776
+ '11月',
777
+ '12月' ],
778
+ monthsShort: [
779
+ '1月',
780
+ '2月',
781
+ '3月',
782
+ '4月',
783
+ '5月',
784
+ '6月',
785
+ '7月',
786
+ '8月',
787
+ '9月',
788
+ '10月',
789
+ '11月',
790
+ '12月' ],
791
+ },
761
792
  };
762
793
 
763
794
  var script$v = vue.defineComponent({
@@ -1011,9 +1042,9 @@
1011
1042
  class: "reset-to-today-btn no-shadow no-hover",
1012
1043
  unelevated: "",
1013
1044
  "text-color": "black",
1014
- label: "오늘",
1045
+ label: _ctx.lang ? _ctx.locale[_ctx.lang].today : '오늘',
1015
1046
  onClick: _ctx.resetDate
1016
- }, null, 8, ["onClick"])
1047
+ }, null, 8, ["label", "onClick"])
1017
1048
  ]; }),
1018
1049
  _: 1
1019
1050
  }, 8, ["modelValue", "locale", "options", "onRangeEnd"])
@@ -1073,7 +1104,7 @@
1073
1104
  ]), 1032, ["class", "modelValue", "disable"]))
1074
1105
  }
1075
1106
 
1076
- var css_248z$t = ".s-date-range-picker-inside {\n height: 28px;\n}\n.s-date-range-picker-inside .q-field__before {\n height: 100%;\n padding: 4px 12px !important;\n border: 1px solid #aaaaaa;\n border-right: none;\n border-radius: 2px 0 0 2px;\n background: #f6f6f6;\n}\n.s-date-range-picker-inside .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date-range-picker-inside .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n width: 220px;\n}\n.s-date-range-picker-inside .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-range-picker-inside .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range-picker-inside .q-field__inner .q-field__control-container > div {\n margin-left: 6.5px;\n}\n.s-date-range-picker-inside .q-field__inner .q-field__control-container > div > span {\n display: inline-flex;\n min-width: 70px;\n font-size: 12px !important;\n}\n.s-date-range-picker-inside.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date-range-picker-inside.q-field--disabled .q-field__before .date-picker-label {\n color: #888888;\n}\n.s-date-range-picker-input {\n width: fit-content;\n height: 28px;\n}\n.s-date-range-picker-input .q-field__before {\n padding: 0;\n}\n.s-date-range-picker-input .q-field__inner {\n font-size: 12px;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control {\n padding: 4px 0 4px 8px !important;\n align-items: center;\n height: 100%;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control:hover, .s-date-range-picker-input .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n padding: 0;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control .q-field__prepend > div {\n min-height: 0;\n height: 100%;\n display: flex !important;\n align-items: center;\n justify-content: center;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control .q-field__prepend > div .q-btn {\n width: 1.667em;\n height: 1.667em;\n min-height: 1.667em;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control .q-field__prepend > div .q-btn .q-icon {\n font-size: 1.667em;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control-container {\n display: flex;\n justify-content: center;\n height: 20px;\n margin-left: 12px;\n margin-right: 16px;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control-container .q-field__native {\n height: 100%;\n line-height: 165%;\n text-align: center;\n padding: 0 !important;\n display: none;\n font-size: 12px;\n font-weight: 400;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control-container .q-field__native input::placeholder {\n color: #333333;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control .q-field__append {\n padding: 0 6px 0 0;\n}\n.s-date-range-picker-input .inner-input > .q-field__inner > .q-field__control {\n width: 70px;\n padding: 0px !important;\n}\n.s-date-range-picker-input .inner-input > .q-field__inner > .q-field__control::before, .s-date-range-picker-input .inner-input > .q-field__inner > .q-field__control::after {\n border: none;\n}\n.s-date-range-picker-input .inner-input > .q-field__inner > .q-field__control > .q-field__control-container {\n margin: 0px;\n}\n.s-date-range-picker-input .inner-input > .q-field__inner > .q-field__control > .q-field__control-container input {\n display: block !important;\n}\n.s-date-range-picker-input .date-str {\n width: 70px;\n line-height: 20px;\n justify-content: center;\n}\n.date-picker-range-wrapper.q-menu {\n width: 609px;\n height: 330px;\n max-height: 330px;\n overflow: hidden;\n border-radius: 8px;\n position: relative;\n min-width: 0 !important;\n min-height: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-separator {\n position: absolute;\n height: 244px;\n left: 304px;\n top: 62px;\n}\n.date-picker-range-wrapper.q-menu .q-date {\n position: absolute;\n min-height: 330px;\n top: 0;\n box-shadow: none;\n width: 304px;\n}\n.date-picker-range-wrapper.q-menu .q-date:first-of-type {\n left: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date:last-of-type {\n right: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions {\n padding: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions > .reset-to-today-btn {\n padding: 0;\n width: 26px;\n height: 22px;\n min-height: 22px;\n position: absolute;\n background: transparent;\n top: 20px;\n right: 24px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions > .reset-to-today-btn > span {\n color: #333333;\n text-decoration: underline;\n color: #333333;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions:hover .q-btn__content {\n text-decoration: underline;\n color: #0075ff;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content {\n margin-top: 42px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view {\n min-height: 0 !important;\n padding-bottom: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div {\n height: 28px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div .q-btn .q-icon {\n font-size: 12px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense {\n padding: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container {\n min-height: 172px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn {\n padding: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper {\n background: #0075ff;\n opacity: 1;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:before, .date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:after {\n display: none;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-btn__content > span {\n color: white;\n}";
1107
+ var css_248z$t = ".s-date-range-picker-inside {\n height: 28px;\n}\n.s-date-range-picker-inside .q-field__before {\n height: 100%;\n padding: 4px 12px !important;\n border: 1px solid #aaaaaa;\n border-right: none;\n border-radius: 2px 0 0 2px;\n background: #f6f6f6;\n}\n.s-date-range-picker-inside .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date-range-picker-inside .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n width: 220px;\n}\n.s-date-range-picker-inside .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-range-picker-inside .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range-picker-inside .q-field__inner .q-field__control-container > div {\n margin-left: 6.5px;\n}\n.s-date-range-picker-inside .q-field__inner .q-field__control-container > div > span {\n display: inline-flex;\n min-width: 70px;\n font-size: 12px !important;\n}\n.s-date-range-picker-inside.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date-range-picker-inside.q-field--disabled .q-field__before .date-picker-label {\n color: #888888;\n}\n.s-date-range-picker-input {\n width: fit-content;\n height: 28px;\n}\n.s-date-range-picker-input .q-field__before {\n padding: 0;\n}\n.s-date-range-picker-input .q-field__inner {\n font-size: 12px;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control {\n padding: 4px 0 4px 8px !important;\n align-items: center;\n height: 100%;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control:hover, .s-date-range-picker-input .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n padding: 0;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control .q-field__prepend > div {\n min-height: 0;\n height: 100%;\n display: flex !important;\n align-items: center;\n justify-content: center;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control .q-field__prepend > div .q-btn {\n width: 1.667em;\n height: 1.667em;\n min-height: 1.667em;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control .q-field__prepend > div .q-btn .q-icon {\n font-size: 1.667em;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control-container {\n display: flex;\n justify-content: center;\n height: 20px;\n margin-left: 12px;\n margin-right: 16px;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control-container .q-field__native {\n height: 100%;\n line-height: 165%;\n text-align: center;\n padding: 0 !important;\n display: none;\n font-size: 12px;\n font-weight: 400;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control-container .q-field__native input::placeholder {\n color: #333333;\n}\n.s-date-range-picker-input .q-field__inner .q-field__control .q-field__append {\n padding: 0 6px 0 0;\n}\n.s-date-range-picker-input .inner-input > .q-field__inner > .q-field__control {\n width: 70px;\n padding: 0px !important;\n}\n.s-date-range-picker-input .inner-input > .q-field__inner > .q-field__control::before, .s-date-range-picker-input .inner-input > .q-field__inner > .q-field__control::after {\n border: none;\n}\n.s-date-range-picker-input .inner-input > .q-field__inner > .q-field__control > .q-field__control-container {\n margin: 0px;\n}\n.s-date-range-picker-input .inner-input > .q-field__inner > .q-field__control > .q-field__control-container input {\n display: block !important;\n}\n.s-date-range-picker-input .date-str {\n width: 70px;\n line-height: 20px;\n justify-content: center;\n}\n.date-picker-range-wrapper.q-menu {\n width: 609px;\n height: 330px;\n max-height: 330px;\n overflow: hidden;\n border-radius: 8px;\n position: relative;\n min-width: 0 !important;\n min-height: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-separator {\n position: absolute;\n height: 244px;\n left: 304px;\n top: 62px;\n}\n.date-picker-range-wrapper.q-menu .q-date {\n position: absolute;\n min-height: 330px;\n top: 0;\n box-shadow: none;\n width: 304px;\n}\n.date-picker-range-wrapper.q-menu .q-date:first-of-type {\n left: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date:last-of-type {\n right: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions {\n padding: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions > .reset-to-today-btn {\n padding: 0;\n width: 28px;\n height: 22px;\n min-height: 22px;\n position: absolute;\n background: transparent;\n top: 20px;\n right: 24px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions > .reset-to-today-btn > span {\n color: #333333;\n text-decoration: underline;\n color: #333333;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions:hover .q-btn__content {\n text-decoration: underline;\n color: #0075ff;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content {\n margin-top: 42px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view {\n min-height: 0 !important;\n padding-bottom: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div {\n height: 28px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div .q-btn .q-icon {\n font-size: 12px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense {\n padding: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container {\n min-height: 172px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn {\n padding: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper {\n background: #0075ff;\n opacity: 1;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:before, .date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:after {\n display: none;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-btn__content > span {\n color: white;\n}";
1077
1108
  styleInject(css_248z$t);
1078
1109
 
1079
1110
  script$v.render = render$w;
@@ -4856,7 +4887,7 @@
4856
4887
  },
4857
4888
  },
4858
4889
  setup: function setup(props) {
4859
- var language = { ko: { am: '오전', pm: '오후' }, en: { am: 'AM', pm: 'PM' } };
4890
+ var language = { ko: { am: '오전', pm: '오후' }, en: { am: 'AM', pm: 'PM' }, ja: { am: '午前', pm: '午後' } };
4860
4891
  var model = useModelBinder(props);
4861
4892
  var modelFormat = props.useSecond ? 'HH:mm:ss' : 'HH:mm';
4862
4893
  var timeRegex = props.useSecond ? /(\d{2}):(\d{2}):(\d{2})/ : /(\d{2}):(\d{2})/;
@@ -5215,7 +5246,7 @@
5215
5246
  var emit = ref$1.emit;
5216
5247
 
5217
5248
  var model = vue.ref(props.modelValue);
5218
- var language = { ko: { am: '오전', pm: '오후' }, en: { am: 'AM', pm: 'PM' } };
5249
+ var language = { ko: { am: '오전', pm: '오후' }, en: { am: 'AM', pm: 'PM' }, ja: { am: '午前', pm: '午後' } };
5219
5250
 
5220
5251
  function timeFormat(time) {
5221
5252
  var timeRegex = props.useSecond ? /(\d{2}):(\d{2}):(\d{2})/ : /(\d{2}):(\d{2})/;
@@ -5594,6 +5625,36 @@
5594
5625
  'Nov',
5595
5626
  'Dec' ],
5596
5627
  },
5628
+ ja: {
5629
+ today: '今日',
5630
+ daysShort: ['日', '月', '火', '水', '木', '金', '土'],
5631
+ months: [
5632
+ '1月',
5633
+ '2月',
5634
+ '3月',
5635
+ '4月',
5636
+ '5月',
5637
+ '6月',
5638
+ '7月',
5639
+ '8月',
5640
+ '9月',
5641
+ '10月',
5642
+ '11月',
5643
+ '12月' ],
5644
+ monthsShort: [
5645
+ '1月',
5646
+ '2月',
5647
+ '3月',
5648
+ '4月',
5649
+ '5月',
5650
+ '6月',
5651
+ '7月',
5652
+ '8月',
5653
+ '9月',
5654
+ '10月',
5655
+ '11月',
5656
+ '12月' ],
5657
+ },
5597
5658
  };
5598
5659
  var script$2 = {
5599
5660
  name: 'SDateTimePicker',
@@ -5810,6 +5871,36 @@
5810
5871
  '11월',
5811
5872
  '12월' ],
5812
5873
  },
5874
+ ja: {
5875
+ today: '今日',
5876
+ daysShort: ['日', '月', '火', '水', '木', '金', '土'],
5877
+ months: [
5878
+ '1月',
5879
+ '2月',
5880
+ '3月',
5881
+ '4月',
5882
+ '5月',
5883
+ '6月',
5884
+ '7月',
5885
+ '8月',
5886
+ '9月',
5887
+ '10月',
5888
+ '11月',
5889
+ '12月' ],
5890
+ monthsShort: [
5891
+ '1月',
5892
+ '2月',
5893
+ '3月',
5894
+ '4月',
5895
+ '5月',
5896
+ '6月',
5897
+ '7月',
5898
+ '8月',
5899
+ '9月',
5900
+ '10月',
5901
+ '11月',
5902
+ '12月' ],
5903
+ },
5813
5904
  };
5814
5905
 
5815
5906
  var script$1 = {
@@ -6880,7 +6971,7 @@
6880
6971
  });
6881
6972
  var __injectCSSVars__ = function () {
6882
6973
  vue.useCssVars(function (_ctx) { return ({
6883
- "6498acca": (_ctx.dateWidth)
6974
+ "c105651e": (_ctx.dateWidth)
6884
6975
  }); });};
6885
6976
  var __setup__ = __default__.setup;
6886
6977
  __default__.setup = __setup__
@@ -6903,7 +6994,8 @@
6903
6994
  outlined: "",
6904
6995
  class: vue.normalizeClass([{
6905
6996
  'text-Grey_Default bg-Grey_Lighten-5': _ctx.disable,
6906
- 's-date-auto-range-picker-inside': _ctx.insideLabel,
6997
+ 's-date-auto-range-picker--inside': _ctx.insideLabel,
6998
+ 's-date-auto-range-picker--use-icon': _ctx.useDelete,
6907
6999
  }, "q-pa-none s-date-auto-range-picker bg-white"]),
6908
7000
  readonly: "",
6909
7001
  disable: _ctx.disable,
@@ -7013,7 +7105,7 @@
7013
7105
  ]), 1032, ["class", "disable", "modelValue"]))
7014
7106
  }
7015
7107
 
7016
- var css_248z = ".s-date-auto-range-picker {\n width: var(--6498acca);\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 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 8px 0 0;\n margin-left: -8px;\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.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.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.s-date-auto-range-picker-inside .q-field__control {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}";
7108
+ var css_248z = ".s-date-auto-range-picker {\n width: var(--c105651e);\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}";
7017
7109
  styleInject(css_248z);
7018
7110
 
7019
7111
  __default__.render = render;
@@ -7029,7 +7121,7 @@
7029
7121
 
7030
7122
  /* eslint-disable no-multiple-empty-lines */
7031
7123
 
7032
- var version = '2.1.19';
7124
+ var version = '2.2.1';
7033
7125
 
7034
7126
  function install(app) {
7035
7127
  app.component('s-breadcrumbs', script$D);