quasar-ui-sellmate-ui-kit 3.14.5 → 3.14.7

package/dist/index.umd.js

@@ -1,5 +1,5 @@
 /*!
- * quasar-ui-sellmate-ui-kit v3.14.4
+ * quasar-ui-sellmate-ui-kit v3.14.6
  * (c) 2025 Sellmate Dev Team <dev@sellmate.co.kr>
  * Released under the MIT License.
  */
@@ -140,7 +140,7 @@
     }, 8, ["color", "class"]))
   }
 
-  var css_248z$H = ".s-button.q-btn {\n  min-height: 0;\n  height: fit-content;\n  justify-content: center;\n}\n.s-button.q-btn.icon-with > .q-btn__content {\n  align-items: center;\n}\n.s-button.q-btn.icon-only {\n  padding: 5px;\n}\n.s-button.q-btn > .q-btn__content {\n  height: 100%;\n}\n.s-button.q-btn > .q-btn__content > span {\n  height: 100%;\n}\n.s-button:hover.q-focusable:focus > .q-focus-helper, .s-button:hover.q-manual-focusable--focused > .q-focus-helper, .s-button:hover.q-hoverable:hover > .q-focus-helper {\n  opacity: 0.3;\n  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.s-button:hover.q-focusable:focus > .q-focus-helper:before, .s-button:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-button:hover.q-hoverable:hover > .q-focus-helper:before {\n  opacity: 1.4;\n  transition: none;\n}\n.s-button:hover.q-focusable:focus > .q-focus-helper:after, .s-button:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-button:hover.q-hoverable:hover > .q-focus-helper:after {\n  opacity: 0;\n  transition: none;\n}\n.s-button.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:before, .s-button.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-button.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:before {\n  opacity: 0;\n}\n.s-button.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:after, .s-button.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-button.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:after {\n  opacity: 0.55;\n}\n.s-button.bg-primary, .s-button.bg-Blue_B_Darken-3 {\n  font-weight: 500 !important;\n}\n.s-button-xs.q-btn {\n  height: 24px;\n  padding: 2px 8px !important;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 20px;\n  min-width: 60px;\n}\n.s-button-xs.q-btn.icon-with {\n  padding: 2px 12px 2px 10px !important;\n}\n.s-button-xs.q-btn.icon-with .q-icon {\n  font-size: 1em;\n}\n.s-button-xs.q-btn.icon-with .on-left {\n  margin-right: 4px;\n}\n.s-button-xs.q-btn.icon-only {\n  min-width: 24px;\n  min-height: 24px;\n  padding: 4px !important;\n}\n.s-button-xs.q-btn.icon-only .q-icon {\n  font-size: 1.334em;\n}\n.s-button-xs.q-btn > .q-btn__content {\n  height: 20px;\n}\n.s-button-sm.q-btn {\n  height: 28px;\n  padding: 4px 12px !important;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 20px;\n  min-width: 70px;\n}\n.s-button-sm.q-btn.icon-with {\n  padding: 4px 12px 4px 10px !important;\n}\n.s-button-sm.q-btn.icon-with .q-icon {\n  font-size: 1.334em;\n}\n.s-button-sm.q-btn.icon-with .on-left {\n  margin-right: 4px;\n}\n.s-button-sm.q-btn.icon-only {\n  min-width: 28px;\n  min-height: 28px;\n  padding: 6px !important;\n}\n.s-button-sm.q-btn.icon-only .q-icon {\n  font-size: 1.334em;\n}\n.s-button-sm.q-btn > .q-btn__content {\n  height: 20px;\n}\n.s-button-md {\n  padding: 4px 20px !important;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 1.625em;\n  min-width: 100px;\n}\n.s-button-md.icon-with {\n  padding: 4px 20px 4px 16px !important;\n}\n.s-button-md.icon-with .q-icon {\n  font-size: 1.5em;\n}\n.s-button-md.icon-with .on-left {\n  margin-right: 8px;\n}\n.s-button-md.icon-only {\n  min-width: 34px;\n  min-height: 34px;\n  padding: 5px !important;\n}\n.s-button-md.icon-only .q-icon {\n  font-size: 1.5em;\n}\n.s-button-md > .q-btn__content {\n  max-height: 1.625em;\n}\n.s-button.q-btn--outline.disabled,\n.s-button.disabled {\n  background: #e1e1e1 !important;\n  opacity: 1 !important;\n  color: #888888 !important;\n  border: none !important;\n}\n.s-button.q-btn--outline.disabled:before,\n.s-button.disabled:before {\n  border: 1px solid #cccccc;\n}\n.s-button.text-only {\n  background: none !important;\n  padding: 0 !important;\n  min-width: 0;\n}\n.s-button.underline {\n  text-decoration: underline;\n}";
+  var css_248z$H = ".s-button {\n  font-weight: 500;\n}\n.s-button.q-btn {\n  min-height: 0;\n  height: fit-content;\n  justify-content: center;\n}\n.s-button.q-btn.icon-with > .q-btn__content {\n  align-items: center;\n}\n.s-button.q-btn.icon-only {\n  padding: 5px;\n}\n.s-button.q-btn > .q-btn__content {\n  height: 100%;\n}\n.s-button.q-btn > .q-btn__content > span {\n  height: 100%;\n}\n.s-button:hover.q-focusable:focus > .q-focus-helper, .s-button:hover.q-manual-focusable--focused > .q-focus-helper, .s-button:hover.q-hoverable:hover > .q-focus-helper {\n  opacity: 0.3;\n  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.s-button:hover.q-focusable:focus > .q-focus-helper:before, .s-button:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-button:hover.q-hoverable:hover > .q-focus-helper:before {\n  opacity: 1.4;\n  transition: none;\n}\n.s-button:hover.q-focusable:focus > .q-focus-helper:after, .s-button:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-button:hover.q-hoverable:hover > .q-focus-helper:after {\n  opacity: 0;\n  transition: none;\n}\n.s-button.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:before, .s-button.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-button.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:before {\n  opacity: 0;\n}\n.s-button.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:after, .s-button.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-button.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:after {\n  opacity: 0.55;\n}\n.s-button-xs.q-btn {\n  height: 24px;\n  padding: 2px 8px !important;\n  font-size: 12px;\n  line-height: 20px;\n  min-width: 60px;\n}\n.s-button-xs.q-btn.icon-with {\n  padding: 2px 12px 2px 10px !important;\n}\n.s-button-xs.q-btn.icon-with .q-icon {\n  font-size: 1em;\n}\n.s-button-xs.q-btn.icon-with .on-left {\n  margin-right: 4px;\n}\n.s-button-xs.q-btn.icon-only {\n  min-width: 24px;\n  min-height: 24px;\n  padding: 4px !important;\n}\n.s-button-xs.q-btn.icon-only .q-icon {\n  font-size: 1.334em;\n}\n.s-button-xs.q-btn > .q-btn__content {\n  height: 20px;\n}\n.s-button-sm.q-btn {\n  height: 28px;\n  padding: 4px 12px !important;\n  font-size: 12px;\n  line-height: 20px;\n  min-width: 70px;\n}\n.s-button-sm.q-btn.icon-with {\n  padding: 4px 12px 4px 10px !important;\n}\n.s-button-sm.q-btn.icon-with .q-icon {\n  font-size: 1.334em;\n}\n.s-button-sm.q-btn.icon-with .on-left {\n  margin-right: 4px;\n}\n.s-button-sm.q-btn.icon-only {\n  min-width: 28px;\n  min-height: 28px;\n  padding: 6px !important;\n}\n.s-button-sm.q-btn.icon-only .q-icon {\n  font-size: 1.334em;\n}\n.s-button-sm.q-btn > .q-btn__content {\n  height: 20px;\n}\n.s-button-md {\n  padding: 4px 20px !important;\n  font-size: 16px;\n  line-height: 1.625em;\n  min-width: 100px;\n}\n.s-button-md.icon-with {\n  padding: 4px 20px 4px 16px !important;\n}\n.s-button-md.icon-with .q-icon {\n  font-size: 1.5em;\n}\n.s-button-md.icon-with .on-left {\n  margin-right: 8px;\n}\n.s-button-md.icon-only {\n  min-width: 34px;\n  min-height: 34px;\n  padding: 5px !important;\n}\n.s-button-md.icon-only .q-icon {\n  font-size: 1.5em;\n}\n.s-button-md > .q-btn__content {\n  max-height: 1.625em;\n}\n.s-button.q-btn--outline {\n  font-weight: 400;\n}\n.s-button.q-btn--outline.disabled,\n.s-button.disabled {\n  background: #e1e1e1 !important;\n  opacity: 1 !important;\n  color: #888888 !important;\n  border: none !important;\n}\n.s-button.q-btn--outline.disabled:before,\n.s-button.disabled:before {\n  border: 1px solid #cccccc;\n}\n.s-button.text-only {\n  font-weight: 400;\n  background: none !important;\n  padding: 0 !important;\n  min-width: 0;\n}\n.s-button.underline {\n  text-decoration: underline;\n}";
   styleInject(css_248z$H);
 
   script$I.render = render$I;
@@ -1036,11 +1036,11 @@
 
   var _hoisted_1$p = { class: "date-picker-label" };
   var _hoisted_2$i = { class: "flex no-wrap items-center" };
-  var _hoisted_3$c = {
+  var _hoisted_3$b = {
     key: 1,
     class: "text-center text-Grey_Darken-4 date-str"
   };
-  var _hoisted_4$9 = /*#__PURE__*/vue.createElementVNode("span", {
+  var _hoisted_4$8 = /*#__PURE__*/vue.createElementVNode("span", {
     class: "q-mx-xs",
     style: {"min-width":"0"}
   }, "~", -1);
@@ -1145,8 +1145,8 @@
                 mask: "####-##-##",
                 class: "inner-input"
               }, null, 8, ["modelValue"]))
-            : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$c, vue.toDisplayString(_ctx.dateValue.from), 1)),
-          _hoisted_4$9,
+            : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b, vue.toDisplayString(_ctx.dateValue.from), 1)),
+          _hoisted_4$8,
           (_ctx.useInput)
             ? (vue.openBlock(), vue.createBlock(_component_q_input, {
                 key: 2,
@@ -2266,7 +2266,7 @@
 
   var _hoisted_1$m = ["innerHTML"];
   var _hoisted_2$h = ["innerHTML"];
-  var _hoisted_3$b = { key: 0 };
+  var _hoisted_3$a = { key: 0 };
 
   function render$w(_ctx, _cache, $props, $setup, $data, $options) {
     var _component_s_help_message = vue.resolveComponent("s-help-message", true);
@@ -2284,7 +2284,7 @@
               innerHTML: _ctx.message[0]
             }, null, 8, _hoisted_2$h),
             (_ctx.message.length > 1)
-              ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_3$b, [
+              ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_3$a, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.message.slice(1), function (msg, idx) {
                     return (vue.openBlock(), vue.createBlock(_component_s_help_message, {
                       key: idx,
@@ -2497,11 +2497,11 @@
     key: 1,
     class: "input-addon bg-Grey_Lighten-5"
   };
-  var _hoisted_3$a = {
+  var _hoisted_3$9 = {
     key: 0,
     class: "self-center"
   };
-  var _hoisted_4$8 = {
+  var _hoisted_4$7 = {
     key: 1,
     class: "self-center"
   };
@@ -2569,8 +2569,8 @@
             fn: vue.withCtx(function () { return [
               vue.renderSlot(_ctx.$slots, "beforeCounter"),
               (_ctx.maxByte)
-                ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$a, vue.toDisplayString(_ctx.model ? _ctx.getByte(_ctx.model) : 0) + " / " + vue.toDisplayString(_ctx.maxByte) + " byte ", 1))
-                : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, vue.toDisplayString(_ctx.model ? _ctx.getByte(_ctx.model) : 0) + " byte", 1))
+                ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$9, vue.toDisplayString(_ctx.model ? _ctx.getByte(_ctx.model) : 0) + " / " + vue.toDisplayString(_ctx.maxByte) + " byte ", 1))
+                : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$7, vue.toDisplayString(_ctx.model ? _ctx.getByte(_ctx.model) : 0) + " byte", 1))
             ]; }),
             key: "1"
           }
@@ -2972,7 +2972,7 @@
     class: "pagination-last_page",
     flat: ""
   };
-  var _hoisted_3$9 = /*#__PURE__*/vue.createElementVNode("span", null, "/", -1);
+  var _hoisted_3$8 = /*#__PURE__*/vue.createElementVNode("span", null, "/", -1);
 
   function render$p(_ctx, _cache, $props, $setup, $data, $options) {
     var _component_q_btn = vue.resolveComponent("q-btn");
@@ -3034,7 +3034,7 @@
         }), 128)),
         (_ctx.perPage === 1)
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$e, [
-              _hoisted_3$9,
+              _hoisted_3$8,
               vue.createTextVNode(),
               vue.createElementVNode("span", null, vue.toDisplayString(_ctx.paginationInfo.lastPage), 1)
             ]))
@@ -3757,7 +3757,7 @@
           required: true,
         },
         modelValue: {
-          type: [String, Number, null],
+          type: [String, Number, null, Object],
           required: true,
         },
         optionLabel: {
@@ -3770,7 +3770,7 @@
         },
         placeholder: {
           type: String,
-          default: '전체',
+          default: '선택',
         },
         noData: {
           type: String,
@@ -3779,18 +3779,12 @@
         popupContentClass: {
           type: String,
         },
-        noSelected: {
-          type: String,
-          default: '선택',
-        },
       },
       setup: function setup(props, ref$1) {
         var emit = ref$1.emit;
 
         var id = quasar.useId();
         var model = vue.ref(props.modelValue);
-        var filteredOptions = vue.ref(props.options || []);
-
         var search = vue.ref('');
         var sSelectRef = vue.ref(null);
 
@@ -3802,13 +3796,10 @@
 
         function handleInput(val) {
           if (!sSelectRef.value) { return; }
-
           search.value = val;
           sSelectRef.value.setOptionIndex(-1);
-
-          if (!val && props.options) {
-            filteredOptions.value = props.options;
-            sSelectRef.value.setOptionIndex(-1);
+          if (!val) {
+            emit('onSearch', val);
           }
         }
 
@@ -3819,58 +3810,24 @@
           emit('onSearch', '');
         }
 
-        var onSearch = quasar.debounce(function (val) {
-          if (!val && props.options) {
-            filteredOptions.value = props.options;
-            return;
-          }
-
-          // 옵션을 선택 했을 때
-          if (sSelectRef.value && sSelectRef.value.getOptionIndex() !== -1) {
-            model.value = filteredOptions.value[sSelectRef.value.getOptionIndex()][props.optionValue];
-            handleDelete();
-            sSelectRef.value.setOptionIndex(-1);
-            sSelectRef.value.hidePopup();
-            return;
-          }
-
-          var filtered = props.options.filter(
-            function (v) { return (v[props.optionLabel] || v).toLowerCase().indexOf(val.toLowerCase()) > -1; }
-          );
-
-          if (!filtered.length && sSelectRef.value) {
-            emit('onSearch', val);
-            sSelectRef.value.setOptionIndex(-1);
-            return;
-          }
-
-          filteredOptions.value = filtered;
-        }, 200);
+        function onSearch(val) {
+          if (!sSelectRef.value) { return; }
+          sSelectRef.value.setOptionIndex(-1);
+          emit('onSearch', val);
+        }
 
         vue.watch(
           function () { return props.modelValue; },
           function (val) {
             model.value = val;
-            if (sSelectRef.value) { sSelectRef.value.setOptionIndex(-1); }
           }
         );
 
-        vue.watch(model, function (val) {
-          emit('update:modelValue', val);
-        });
-
         vue.watch(
-          function () { return props.options; },
-          function (val) {
-            // const existingValues = new Set(filteredOptions.value.map((option) => option.value));
-            // const nonDuplicateOptions = val.filter((option) => !existingValues.has(option.value));
-            // filteredOptions.value.push(...nonDuplicateOptions);
-            if (val) {
-              filteredOptions.value = val;
-              if (sSelectRef.value) { sSelectRef.value.setOptionIndex(-1); }
-            }
-          },
-          { deep: true }
+          function () { return model.value; },
+          function (newValue) {
+            emit('update:modelValue', newValue);
+          }
         );
 
         var isScrolled = vue.ref(false);
@@ -3913,7 +3870,6 @@
           model: model,
           selectDownArrowIcon: selectDownArrowIcon,
           onSearch: onSearch,
-          filteredOptions: filteredOptions,
           search: search,
           sSelectRef: sSelectRef,
           isScrolled: isScrolled,
@@ -3928,9 +3884,7 @@
     });
 
   var _hoisted_1$f = { class: "search-input-form-container" };
-  var _hoisted_2$b = { key: 0 };
-  var _hoisted_3$8 = { key: 1 };
-  var _hoisted_4$7 = { class: "search-input-form-container" };
+  var _hoisted_2$b = { class: "search-input-form-container" };
 
   function render$k(_ctx, _cache, $props, $setup, $data, $options) {
     var _component_input_with_search_icon = vue.resolveComponent("input-with-search-icon");
@@ -3945,9 +3899,7 @@
       "dropdown-icon": _ctx.selectDownArrowIcon,
       modelValue: _ctx.model,
       "onUpdate:modelValue": _cache[4] || (_cache[4] = function ($event) { return ((_ctx.model) = $event); }),
-      options: _ctx.filteredOptions,
-      "emit-value": "",
-      "map-options": "",
+      options: _ctx.options,
       color: "positive",
       class: "s-select-search",
       "popup-content-class": 
@@ -4005,7 +3957,7 @@
       ];
     }),
       "no-option": vue.withCtx(function () { return [
-        vue.createElementVNode("div", _hoisted_4$7, [
+        vue.createElementVNode("div", _hoisted_2$b, [
           vue.createVNode(_component_input_with_search_icon, {
             modelValue: _ctx.search,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) { return ((_ctx.search) = $event); }),
@@ -4035,13 +3987,11 @@
       ]; }),
       _: 2
     }, [
-      ((_ctx.options && _ctx.options.length && !_ctx.model) || (_ctx.noSelected && _ctx.options && !_ctx.options.length))
+      (!_ctx.model)
         ? {
             name: "selected",
             fn: vue.withCtx(function () { return [
-              (_ctx.noSelected && !_ctx.options.length)
-                ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, vue.toDisplayString(_ctx.noSelected), 1))
-                : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, vue.toDisplayString(_ctx.placeholder), 1))
+              vue.createElementVNode("div", null, vue.toDisplayString(_ctx.placeholder), 1)
             ]; }),
             key: "0"
           }
@@ -8918,7 +8868,7 @@
 
   /* eslint-disable no-multiple-empty-lines */
 
-  var version = '3.14.4';
+  var version = '3.14.6';
 
   function install(app) {
     app.component('s-badge', script$2);