quasar-ui-sellmate-ui-kit 2.2.13 → 2.2.15

package/dist/index.umd.js

@@ -1,5 +1,5 @@
 /*!
- * quasar-ui-sellmate-ui-kit v2.2.12
+ * quasar-ui-sellmate-ui-kit v2.2.14
  * (c) 2023 Sellmate Dev Team <dev@sellmate.co.kr>
  * Released under the MIT License.
  */
@@ -741,225 +741,224 @@
     return model;
   }
 
-  var locale$4 = {
-      ko: {
-        today: '오늘',
-        daysShort: ['일', '월', '화', '수', '목', '금', '토'],
-        months: [
-          '1월',
-          '2월',
-          '3월',
-          '4월',
-          '5월',
-          '6월',
-          '7월',
-          '8월',
-          '9월',
-          '10월',
-          '11월',
-          '12월' ],
-        monthsShort: [
-          '1월',
-          '2월',
-          '3월',
-          '4월',
-          '5월',
-          '6월',
-          '7월',
-          '8월',
-          '9월',
-          '10월',
-          '11월',
-          '12월' ],
-      },
-      ja: {
-        today: '今日',
-        daysShort: ['日', '月', '火', '水', '木', '金', '土'],
-        months: [
-          '1月',
-          '2月',
-          '3月',
-          '4月',
-          '5月',
-          '6月',
-          '7月',
-          '8月',
-          '9月',
-          '10月',
-          '11月',
-          '12月' ],
-        monthsShort: [
-          '1月',
-          '2月',
-          '3月',
-          '4月',
-          '5月',
-          '6月',
-          '7月',
-          '8月',
-          '9月',
-          '10月',
-          '11月',
-          '12月' ],
-      },
-    };
-
-    var script$v = vue.defineComponent({
-      name: 'SDateRangePicker',
-      components: {
-        QInput: quasar.QInput,
-        QBtn: quasar.QBtn,
-        QDate: quasar.QDate,
-        QMenu: quasar.QMenu,
-        QIcon: quasar.QIcon,
-        QSeparator: quasar.QSeparator,
-      },
-      props: {
-        isDisable: Boolean,
-        insideLabel: String,
-        useInput: Boolean,
-        rangeDate: {
-          type: [Number, Object, null],
-          /**
-           * 얼마 후인지 제한
-           * 기본 디폴트 month
-           * day, month, year
-          */
-          default: function () { return 1; },
-        },
-        modelValue: {
-          type: [String, Object],
-        },
-        useDelete: {
-          type: Boolean,
-          default: false,
-        },
-        lang: {
-          type: String,
-          default: '',
-          require: false,
-        },
-        // 날짜 제한
-        dateLimit: {
-          type: Object,
-          default: function () { return ({ from: '', to: '' }); },
-        },
-      },
+  var locale$4 = {
+      ko: {
+        today: '오늘',
+        daysShort: ['일', '월', '화', '수', '목', '금', '토'],
+        months: [
+          '1월',
+          '2월',
+          '3월',
+          '4월',
+          '5월',
+          '6월',
+          '7월',
+          '8월',
+          '9월',
+          '10월',
+          '11월',
+          '12월' ],
+        monthsShort: [
+          '1월',
+          '2월',
+          '3월',
+          '4월',
+          '5월',
+          '6월',
+          '7월',
+          '8월',
+          '9월',
+          '10월',
+          '11월',
+          '12월' ],
+      },
+      ja: {
+        today: '今日',
+        daysShort: ['日', '月', '火', '水', '木', '金', '土'],
+        months: [
+          '1月',
+          '2月',
+          '3月',
+          '4月',
+          '5月',
+          '6月',
+          '7月',
+          '8月',
+          '9月',
+          '10月',
+          '11月',
+          '12月' ],
+        monthsShort: [
+          '1月',
+          '2月',
+          '3月',
+          '4月',
+          '5月',
+          '6月',
+          '7月',
+          '8月',
+          '9月',
+          '10月',
+          '11月',
+          '12月' ],
+      },
+    };
+
+    var script$v = vue.defineComponent({
+      name: 'SDateRangePicker',
+      components: {
+        QInput: quasar.QInput,
+        QBtn: quasar.QBtn,
+        QDate: quasar.QDate,
+        QMenu: quasar.QMenu,
+        QIcon: quasar.QIcon,
+        QSeparator: quasar.QSeparator,
+      },
+      props: {
+        isDisable: Boolean,
+        insideLabel: String,
+        useInput: Boolean,
+        rangeDate: {
+          type: [Number, Object, null],
+          /**
+           * 얼마 후인지 제한
+           * 기본 디폴트 month
+           * day, month, year
+          */
+          default: function () { return 1; },
+        },
+        modelValue: {
+          type: [String, Object],
+        },
+        useDelete: {
+          type: Boolean,
+          default: false,
+        },
+        lang: {
+          type: String,
+          default: '',
+          require: false,
+        },
+        // 날짜 제한
+        dateLimit: {
+          type: Object,
+          default: function () { return ({ from: '', to: '' }); },
+        },
+      },
       setup: function setup(props, ref$1) {
         var emit = ref$1.emit;
-
-        var calendarOpen = vue.ref(false);
-        var dateValue = useModelBinder(props);
-        var inputDate = vue.ref(((dateValue.value.from) + " ~ " + (dateValue.value.to)));
-        var dateMenuRef = vue.ref(null);
-
-        function resetDate() {
-          var todayReset = quasar.date.formatDate(new Date(), 'YYYY/MM/DD');
-          dateValue.value.from = quasar.date.formatDate(todayReset, 'YYYY-MM-DD');
-          dateValue.value.to = quasar.date.formatDate(todayReset, 'YYYY-MM-DD');
-        }
-
-        function deleteDate() {
-          if (dateValue.value.from && dateValue.value.to) {
-            dateValue.value.from = null;
-            dateValue.value.to = null;
-            emit('update:modelValue', dateValue.value);
-          }
-        }
-
-        vue.watch(
-          function () { return props.isDisable; },
-          function (val) {
-            if (val) {
-              dateMenuRef.value.hide();
-            }
-          }
-        );
-
-        var startDate = quasar.date.formatDate(new Date(), 'YYYY/MM/DD');
-        var endDate = quasar.date.formatDate(new Date(), 'YYYY/MM/DD');
-
-        function getRangeStartDay(from) {
-          startDate.value = from;
-        }
-        function getRangeEndDay(to) {
-          endDate.value = to;
-        }
-
-        function optionsStartFn(day) {
-          if (props.rangeDate === null) { return true; }
-          var maxFromDate = quasar.date.formatDate(
-            quasar.date.subtractFromDate(
-              new Date(dateValue.value.to),
-              typeof props.rangeDate === 'number'
-                ? { month: props.rangeDate }
-                : props.rangeDate
-            ),
-            'YYYY/MM/DD'
-          );
-          console.log('maxFromDate', maxFromDate);
-
-          if (props.dateLimit.from) {
-            maxFromDate = quasar.date.formatDate(
-              new Date(
-                Math.max(new Date(maxFromDate), new Date(props.dateLimit.from))
-              ),
-              'YYYY/MM/DD'
-            );
-          }
-
-          if (!dateValue.value.to) {
-            return true;
-          }
-
-          var dayTo = quasar.date.formatDate(dateValue.value.to, 'YYYY/MM/DD');
-          return maxFromDate <= day && day <= dayTo;
-        }
-
-        function optionsEndFn(day) {
-          var todayForat = quasar.date.formatDate(new Date(), 'YYYY/MM/DD');
-          if (props.rangeDate === null) { return day <= todayForat; }
-          var dayFrom = quasar.date.formatDate(dateValue.value.from, 'YYYY/MM/DD');
-          var maxToDate = quasar.date.formatDate(
-            quasar.date.addToDate(
-              new Date(dateValue.value.from),
-              typeof props.rangeDate === 'number'
-                ? { month: props.rangeDate }
-                : props.rangeDate
-            ),
-            'YYYY/MM/DD'
-          );
-
-          if (props.dateLimit.to) {
-            maxToDate = quasar.date.formatDate(
-              new Date(
-                Math.min(new Date(maxToDate), new Date(props.dateLimit.to))
-              ),
-              'YYYY/MM/DD'
-            );
-          }
-          if (!dateValue.value.from) {
-            return true;
-          }
-          return dayFrom <= day && day <= maxToDate;
-        }
-
-        return {
-          dateRangeIcon: dateRangeIcon,
-          locale: locale$4,
-          calendarOpen: calendarOpen,
-          dateValue: dateValue,
-          inputDate: inputDate,
-          resetDate: resetDate,
-          getRangeStartDay: getRangeStartDay,
-          getRangeEndDay: getRangeEndDay,
-          optionsStartFn: optionsStartFn,
-          optionsEndFn: optionsEndFn,
-          closeIcon: closeIcon,
-          deleteDate: deleteDate,
-          dateMenuRef: dateMenuRef,
-        };
-      },
+
+        var calendarOpen = vue.ref(false);
+        var dateValue = useModelBinder(props);
+        var inputDate = vue.ref(((dateValue.value.from) + " ~ " + (dateValue.value.to)));
+        var dateMenuRef = vue.ref(null);
+
+        function resetDate() {
+          var todayReset = quasar.date.formatDate(new Date(), 'YYYY/MM/DD');
+          dateValue.value.from = quasar.date.formatDate(todayReset, 'YYYY-MM-DD');
+          dateValue.value.to = quasar.date.formatDate(todayReset, 'YYYY-MM-DD');
+        }
+
+        function deleteDate() {
+          if (dateValue.value.from && dateValue.value.to) {
+            dateValue.value.from = null;
+            dateValue.value.to = null;
+            emit('update:modelValue', dateValue.value);
+          }
+        }
+
+        vue.watch(
+          function () { return props.isDisable; },
+          function (val) {
+            if (val) {
+              dateMenuRef.value.hide();
+            }
+          }
+        );
+
+        var startDate = quasar.date.formatDate(new Date(), 'YYYY/MM/DD');
+        var endDate = quasar.date.formatDate(new Date(), 'YYYY/MM/DD');
+
+        function getRangeStartDay(from) {
+          startDate.value = from;
+        }
+        function getRangeEndDay(to) {
+          endDate.value = to;
+        }
+
+        function optionsStartFn(day) {
+          if (props.rangeDate === null) { return true; }
+          var maxFromDate = quasar.date.formatDate(
+            quasar.date.subtractFromDate(
+              new Date(dateValue.value.to),
+              typeof props.rangeDate === 'number'
+                ? { month: props.rangeDate }
+                : props.rangeDate
+            ),
+            'YYYY/MM/DD'
+          );
+
+          if (props.dateLimit.from) {
+            maxFromDate = quasar.date.formatDate(
+              new Date(
+                Math.max(new Date(maxFromDate), new Date(props.dateLimit.from))
+              ),
+              'YYYY/MM/DD'
+            );
+          }
+
+          if (!dateValue.value.to) {
+            return true;
+          }
+
+          var dayTo = quasar.date.formatDate(dateValue.value.to, 'YYYY/MM/DD');
+          return maxFromDate <= day && day <= dayTo;
+        }
+
+        function optionsEndFn(day) {
+          var todayForat = quasar.date.formatDate(new Date(), 'YYYY/MM/DD');
+          if (props.rangeDate === null) { return day <= todayForat; }
+          var dayFrom = quasar.date.formatDate(dateValue.value.from, 'YYYY/MM/DD');
+          var maxToDate = quasar.date.formatDate(
+            quasar.date.addToDate(
+              new Date(dateValue.value.from),
+              typeof props.rangeDate === 'number'
+                ? { month: props.rangeDate }
+                : props.rangeDate
+            ),
+            'YYYY/MM/DD'
+          );
+
+          if (props.dateLimit.to) {
+            maxToDate = quasar.date.formatDate(
+              new Date(
+                Math.min(new Date(maxToDate), new Date(props.dateLimit.to))
+              ),
+              'YYYY/MM/DD'
+            );
+          }
+          if (!dateValue.value.from) {
+            return true;
+          }
+          return dayFrom <= day && day <= maxToDate;
+        }
+
+        return {
+          dateRangeIcon: dateRangeIcon,
+          locale: locale$4,
+          calendarOpen: calendarOpen,
+          dateValue: dateValue,
+          inputDate: inputDate,
+          resetDate: resetDate,
+          getRangeStartDay: getRangeStartDay,
+          getRangeEndDay: getRangeEndDay,
+          optionsStartFn: optionsStartFn,
+          optionsEndFn: optionsEndFn,
+          closeIcon: closeIcon,
+          deleteDate: deleteDate,
+          dateMenuRef: dateMenuRef,
+        };
+      },
     });
 
   var _hoisted_1$j = { class: "date-picker-label" };
@@ -988,9 +987,9 @@
     return (vue.openBlock(), vue.createBlock(_component_q_input, {
       dense: "",
       outlined: "",
-      class: vue.normalizeClass([{
-        'text-Grey_Default bg-Grey_Lighten-5': _ctx.isDisable,
-        's-date-range-picker--inside': _ctx.insideLabel,
+      class: vue.normalizeClass([{
+        'text-Grey_Default bg-Grey_Lighten-5': _ctx.isDisable,
+        's-date-range-picker--inside': _ctx.insideLabel,
       }, "q-pa-none s-date-range-picker bg-white"]),
       readonly: "",
       modelValue: _ctx.inputDate,
@@ -1991,6 +1990,14 @@
       ]; }),
       _: 2
     }, [
+      vue.renderList(_ctx.$slots, function (_, slotName, index) {
+        return {
+          name: slotName,
+          fn: vue.withCtx(function (data) { return [
+            vue.renderSlot(_ctx.$slots, slotName, vue.mergeProps({ key: index }, data))
+          ]; })
+        }
+      }),
       (_ctx.clearable)
         ? {
             name: "append",
@@ -7187,7 +7194,7 @@
 
   /* eslint-disable no-multiple-empty-lines */
 
-  var version = '2.2.12';
+  var version = '2.2.14';
 
   function install(app) {
     app.component('s-breadcrumbs', script$D);