quasar-ui-sellmate-ui-kit 1.3.21 → 1.3.24

package/dist/index.min.css

@@ -1,5 +1,5 @@
 /*!
- * quasar-ui-sellmate-ui-kit v1.3.20
+ * quasar-ui-sellmate-ui-kit v1.3.23
  * (c) 2023 Sellmate Dev Team <dev@sellmate.co.kr>
  * Released under the MIT License.
  */

package/dist/index.rtl.css

@@ -1,5 +1,5 @@
 /*!
- * quasar-ui-sellmate-ui-kit v1.3.20
+ * quasar-ui-sellmate-ui-kit v1.3.23
  * (c) 2023 Sellmate Dev Team <dev@sellmate.co.kr>
  * Released under the MIT License.
  */

package/dist/index.rtl.min.css

@@ -1,5 +1,5 @@
 /*!
- * quasar-ui-sellmate-ui-kit v1.3.20
+ * quasar-ui-sellmate-ui-kit v1.3.23
  * (c) 2023 Sellmate Dev Team <dev@sellmate.co.kr>
  * Released under the MIT License.
  */

package/dist/index.umd.js

@@ -1,5 +1,5 @@
 /*!
- * quasar-ui-sellmate-ui-kit v1.3.20
+ * quasar-ui-sellmate-ui-kit v1.3.23
  * (c) 2023 Sellmate Dev Team <dev@sellmate.co.kr>
  * Released under the MIT License.
  */
@@ -703,6 +703,19 @@
 
   script$r.render = render$r;
 
+  function useModelBinder(props) {
+    var ref$1 = vue.getCurrentInstance();
+    var emit = ref$1.emit;
+    var model = vue.ref(props.modelValue);
+    vue.watch(function () { return model.value; }, function () {
+      emit('update:model-value', model.value);
+    }, { deep: true });
+    vue.watch(function () { return props.modelValue; }, function (newValue) {
+      model.value = newValue;
+    }, { deep: true });
+    return model;
+  }
+
   var locale = {
     ko: {
       daysShort: ['일', '월', '화', '수', '목', '금', '토'],
@@ -787,7 +800,7 @@
       var emit = ref$1.emit;
 
       var calendarOpen = vue.ref(false);
-      var dateValue = vue.ref(props.modelValue);
+      var dateValue = useModelBinder(props);
       var inputDate = vue.ref(((dateValue.value.from) + " ~ " + (dateValue.value.to)));
 
       function resetDate() {
@@ -796,13 +809,6 @@
         dateValue.value.to = quasar.date.formatDate(todayReset, 'YYYY-MM-DD');
       }
 
-      function dateUpdate() {
-        if (dateValue.value.from && dateValue.value.to) {
-          calendarOpen.value = false;
-        }
-        emit('update:modelValue', dateValue.value);
-      }
-
       function deleteDate() {
         dateValue.value.from = null;
         dateValue.value.to = null;
@@ -897,7 +903,6 @@
         dateValue: dateValue,
         inputDate: inputDate,
         resetDate: resetDate,
-        dateUpdate: dateUpdate,
         getRangeStartDay: getRangeStartDay,
         getRangeEndDay: getRangeEndDay,
         optionsFn: optionsFn,
@@ -974,10 +979,7 @@
               default: vue.withCtx(function () { return [
                 vue.createVNode(_component_q_date, {
                   modelValue: _ctx.dateValue.from,
-                  "onUpdate:modelValue": [
-                    _cache[0] || (_cache[0] = function ($event) { return ((_ctx.dateValue.from) = $event); }),
-                    _ctx.dateUpdate
-                  ],
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((_ctx.dateValue.from) = $event); }),
                   minimal: "",
                   square: "",
                   color: "positive",
@@ -986,14 +988,11 @@
                   locale: _ctx.lang ? _ctx.locale[_ctx.lang] : {},
                   options: _ctx.optionsStartFn,
                   onRangeStart: _ctx.getRangeStartDay
-                }, null, 8, ["modelValue", "locale", "options", "onRangeStart", "onUpdate:modelValue"]),
+                }, null, 8, ["modelValue", "locale", "options", "onRangeStart"]),
                 vue.createVNode(_component_q_separator, { vertical: "" }),
                 vue.createVNode(_component_q_date, {
                   modelValue: _ctx.dateValue.to,
-                  "onUpdate:modelValue": [
-                    _cache[1] || (_cache[1] = function ($event) { return ((_ctx.dateValue.to) = $event); }),
-                    _ctx.dateUpdate
-                  ],
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) { return ((_ctx.dateValue.to) = $event); }),
                   minimal: "",
                   square: "",
                   color: "positive",
@@ -1013,7 +1012,7 @@
                     }, null, 8, ["onClick"])
                   ]; }),
                   _: 1
-                }, 8, ["modelValue", "locale", "options", "onRangeEnd", "onUpdate:modelValue"])
+                }, 8, ["modelValue", "locale", "options", "onRangeEnd"])
               ]; }),
               _: 1
             }, 8, ["modelValue"])
@@ -3920,19 +3919,6 @@
 
   script$4.render = render$4;
 
-  function useModelBinder(props) {
-    var ref$1 = vue.getCurrentInstance();
-    var emit = ref$1.emit;
-    var model = vue.ref(props.modelValue);
-    vue.watch(function () { return model.value; }, function () {
-      emit('update:model-value', model.value);
-    }, { deep: true });
-    vue.watch(function () { return props.modelValue; }, function (newValue) {
-      model.value = newValue;
-    }, { deep: true });
-    return model;
-  }
-
   var script$3 = {
     name: 'TimePickerCard',
     emits: ['update:model-value'],
@@ -4163,12 +4149,55 @@
         default: '',
       },
     },
-    setup: function setup(props) {
+    setup: function setup(props, ref$1) {
+      var emit = ref$1.emit;
+
       var model = vue.ref(props.modelValue);
+      var display = vue.ref(typeof model.value !== 'string' ? Object.assign({}, model.value) : model.value);
+      function timeFormat(time) {
+        if (typeof time === 'string') {
+          var hour = Number(time.split(':')[0]);
+          var minute = Number(time.split(':')[1]);
+          var isAm = hour < 12;
+          time = (hour === 12 ? hour : (("0" + (hour % 12))).slice(-2)) + ":" + minute + " " + (isAm ? 'AM' : 'PM');
+          return time;
+        }
+        var toHour = Number(time.to.split(':')[0]);
+        var fromHour = Number(time.from.split(':')[0]);
+        var toMinute = time.to.split(':')[1];
+        var fromMinute = time.from.split(':')[1];
+        var toIsAm = toHour < 12;
+        var fromIsAm = fromHour < 12;
+        time.to = (toHour === 12 ? toHour : (("0" + (toHour % 12))).slice(-2)) + ":" + toMinute;
+        time.to = (time.to) + " " + (toIsAm ? 'AM' : 'PM');
+        time.from = (fromHour === 12 ? fromHour : (("0" + (fromHour % 12))).slice(-2)) + ":" + fromMinute;
+        time.from = (time.from) + " " + (fromIsAm ? 'AM' : 'PM');
+
+        return time;
+      }
+      vue.onMounted(function () {
+        display.value = timeFormat(display.value);
+      });
+
+      function modelFormat(value) {
+        var hour = Number(value.split(':')[0]);
+        var minute = value.split(':')[1].split(' ')[0];
+        return value.includes('PM') ? ((hour < 12 ? hour + 12 : hour) + ":" + minute) : ((hour < 12 ? (("0" + hour)).slice(-2) : '00') + ":" + minute);
+      }
+      function handleModel(val, key) {
+        if (!key) {
+          model.value = modelFormat(val);
+          emit('update:modelValue', model.value);
+          return;
+        }
+        model.value[key] = modelFormat(val);
+        emit('update:modelValue', model.value);
+      }
+
       return {
         clockIcon: clockIcon,
-
-        model: model,
+        display: display,
+        handleModel: handleModel,
       };
     },
   });
@@ -4212,7 +4241,7 @@
         (_ctx.range)
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
               vue.createElementVNode("span", _hoisted_3, [
-                vue.createTextVNode(vue.toDisplayString(_ctx.model.from) + " ", 1),
+                vue.createTextVNode(vue.toDisplayString(_ctx.display.from) + " ", 1),
                 (!_ctx.disabled)
                   ? (vue.openBlock(), vue.createBlock(_component_q_menu, {
                       key: 0,
@@ -4221,8 +4250,11 @@
                     }, {
                       default: vue.withCtx(function () { return [
                         vue.createVNode(_component_time_picker_card, {
-                          modelValue: _ctx.model.from,
-                          "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((_ctx.model.from) = $event); })
+                          modelValue: _ctx.display.from,
+                          "onUpdate:modelValue": [
+                            _cache[0] || (_cache[0] = function ($event) { return ((_ctx.display.from) = $event); }),
+                            _cache[1] || (_cache[1] = function (val) { return _ctx.handleModel(val, 'from'); })
+                          ]
                         }, null, 8, ["modelValue"])
                       ]; }),
                       _: 1
@@ -4231,7 +4263,7 @@
               ]),
               _hoisted_4,
               vue.createElementVNode("span", _hoisted_5, [
-                vue.createTextVNode(vue.toDisplayString(_ctx.model.to) + " ", 1),
+                vue.createTextVNode(vue.toDisplayString(_ctx.display.to) + " ", 1),
                 (!_ctx.disabled)
                   ? (vue.openBlock(), vue.createBlock(_component_q_menu, {
                       key: 0,
@@ -4240,8 +4272,11 @@
                     }, {
                       default: vue.withCtx(function () { return [
                         vue.createVNode(_component_time_picker_card, {
-                          modelValue: _ctx.model.to,
-                          "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) { return ((_ctx.model.to) = $event); })
+                          modelValue: _ctx.display.to,
+                          "onUpdate:modelValue": [
+                            _cache[2] || (_cache[2] = function ($event) { return ((_ctx.display.to) = $event); }),
+                            _cache[3] || (_cache[3] = function (val) { return _ctx.handleModel(val, 'to'); })
+                          ]
                         }, null, 8, ["modelValue"])
                       ]; }),
                       _: 1
@@ -4250,7 +4285,7 @@
               ])
             ]))
           : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-              vue.createTextVNode(vue.toDisplayString(_ctx.model) + " ", 1),
+              vue.createTextVNode(vue.toDisplayString(_ctx.display) + " ", 1),
               (!_ctx.disabled)
                 ? (vue.openBlock(), vue.createBlock(_component_q_menu, {
                     key: 0,
@@ -4259,8 +4294,11 @@
                   }, {
                     default: vue.withCtx(function () { return [
                       vue.createVNode(_component_time_picker_card, {
-                        modelValue: _ctx.model,
-                        "onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) { return ((_ctx.model) = $event); })
+                        modelValue: _ctx.display,
+                        "onUpdate:modelValue": [
+                          _cache[4] || (_cache[4] = function ($event) { return ((_ctx.display) = $event); }),
+                          _cache[5] || (_cache[5] = function (val) { return _ctx.handleModel(val); })
+                        ]
                       }, null, 8, ["modelValue"])
                     ]; }),
                     _: 1
@@ -4462,7 +4500,7 @@
 
 
 
-  var version = '1.3.20';
+  var version = '1.3.23';
 
   function install(app) {
     app.component('s-breadcrumbs', script$y);