quasar-ui-sellmate-ui-kit 3.11.0 → 3.11.2

package/dist/index.umd.js

@@ -1,5 +1,5 @@
 /*!
- * quasar-ui-sellmate-ui-kit v3.10.35
+ * quasar-ui-sellmate-ui-kit v3.11.1
  * (c) 2024 Sellmate Dev Team <dev@sellmate.co.kr>
  * Released under the MIT License.
  */
@@ -4773,89 +4773,89 @@
 
   script$f.render = render$g;
 
-  var colorStatusList = {
-      Grey: {
-        color: 'Grey_Lighten-4',
-        textColor: 'Grey_Darken-1',
-      },
-      Red: {
-        color: 'Red_Lighten-6',
-        textColor: 'Red_Lighten-1',
-      },
-      Orange: {
-        color: 'Orange_Lighten-6',
-        textColor: 'Orange_Default',
-      },
-      Yellow: {
-        color: 'Yellow_Lighten-5',
-        textColor: 'Yellow_Darken-2',
-      },
-      Green: {
-        color: 'Green_Lighten-6',
-        textColor: 'Green_Lighten-1',
-      },
-      Blue: {
-        color: 'Blue_C_Lighten-6',
-        textColor: 'Blue_C_Default',
-      },
-      Darkblue: {
-        color: 'Blue_B_Lighten-6',
-        textColor: 'Blue_B_Lighten-1',
-      },
-      Indigo: {
-        color: 'Blue_C_Lighten-7',
-        textColor: 'Blue_C_Darken-2',
-      },
-    };
-
-    var script$e = vue.defineComponent({
-      name: 'STag',
-      components: { QBadge: quasar.QBadge, QIcon: quasar.QIcon },
-      props: {
-        label: String,
-        size: {
-          /**
-           * @type {'sm' | 'md' | 'lg'} type
-           */
-          type: String,
-          default: 'md',
-        },
-        color: {
-          type: String,
-          default: 'Blue_C_Lighten-6',
-        },
-        textColor: {
-          type: String,
-          default: 'positive',
-        },
-        colorStatus: {
-          /**
-           * @type {'Grey' | 'Red' | 'Orange' | 'Yellow' | 'Green' | 'Blue' | 'Darkblue' | 'Indigo'} type
-           */
-          type: String,
-          default: '',
-        },
-        textClass: {
-          type: String,
-          default: '',
-        },
-        rounded: {
-          type: Boolean,
-          default: false,
-        },
-      },
-      setup: function setup(props) {
-        var computedColor = vue.computed(function () { return props.colorStatus ? colorStatusList[props.colorStatus].color : props.color; }
-        );
-
-        var computedTextColor = vue.computed(function () { return props.colorStatus ? colorStatusList[props.colorStatus].textColor : props.textColor; }
-        );
-        return {
-          colorStatusList: colorStatusList,
-          computedColor: computedColor,
-          computedTextColor: computedTextColor,
-        };
-      },
+  var colorStatusList = {
+      Grey: {
+        color: 'Grey_Lighten-4',
+        textColor: 'Grey_Darken-1',
+      },
+      Red: {
+        color: 'Red_Lighten-6',
+        textColor: 'Red_Lighten-1',
+      },
+      Orange: {
+        color: 'Orange_Lighten-6',
+        textColor: 'Orange_Default',
+      },
+      Yellow: {
+        color: 'Yellow_Lighten-5',
+        textColor: 'Yellow_Darken-2',
+      },
+      Green: {
+        color: 'Green_Lighten-6',
+        textColor: 'Green_Lighten-1',
+      },
+      Blue: {
+        color: 'Blue_C_Lighten-6',
+        textColor: 'Blue_C_Default',
+      },
+      Darkblue: {
+        color: 'Blue_B_Lighten-6',
+        textColor: 'Blue_B_Lighten-1',
+      },
+      Indigo: {
+        color: 'Blue_C_Lighten-7',
+        textColor: 'Blue_C_Darken-2',
+      },
+    };
+
+    var script$e = vue.defineComponent({
+      name: 'STag',
+      components: { QBadge: quasar.QBadge, QIcon: quasar.QIcon },
+      props: {
+        label: String,
+        size: {
+          /**
+           * @type {'sm' | 'md' | 'lg'} type
+           */
+          type: String,
+          default: 'md',
+        },
+        color: {
+          type: String,
+          default: 'Blue_C_Lighten-6',
+        },
+        textColor: {
+          type: String,
+          default: 'positive',
+        },
+        colorStatus: {
+          /**
+           * @type {'Grey' | 'Red' | 'Orange' | 'Yellow' | 'Green' | 'Blue' | 'Darkblue' | 'Indigo'} type
+           */
+          type: String,
+          default: '',
+        },
+        textClass: {
+          type: String,
+          default: '',
+        },
+        rounded: {
+          type: Boolean,
+          default: false,
+        },
+      },
+      setup: function setup(props) {
+        var computedColor = vue.computed(function () { return props.colorStatus ? colorStatusList[props.colorStatus].color : props.color; }
+        );
+
+        var computedTextColor = vue.computed(function () { return props.colorStatus ? colorStatusList[props.colorStatus].textColor : props.textColor; }
+        );
+        return {
+          colorStatusList: colorStatusList,
+          computedColor: computedColor,
+          computedTextColor: computedTextColor,
+        };
+      },
     });
 
   var _hoisted_1$b = ["innerHTML"];
@@ -4865,11 +4865,11 @@
     var _component_q_badge = vue.resolveComponent("q-badge");
 
     return (vue.openBlock(), vue.createBlock(_component_q_badge, {
-      class: vue.normalizeClass(["s-tag", {
-        's-tag__sm': _ctx.size === 'sm',
-        's-tag__md': _ctx.size === 'md',
-        's-tag__lg': _ctx.size === 'lg',
-        's-tag__rounded': _ctx.rounded === true,
+      class: vue.normalizeClass(["s-tag flex no-wrap flex-center", {
+        's-tag__sm': _ctx.size === 'sm',
+        's-tag__md': _ctx.size === 'md',
+        's-tag__lg': _ctx.size === 'lg',
+        's-tag__rounded': _ctx.rounded === true,
       }]),
       color: _ctx.computedColor,
       "text-color": _ctx.computedTextColor
@@ -4894,31 +4894,31 @@
     }, 8, ["class", "color", "text-color"]))
   }
 
-  var css_248z$e = ".s-tag[data-v-2c0a9f6a] {\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n.s-tag__sm[data-v-2c0a9f6a] {\n  padding: 1px 6px;\n  height: 20px;\n}\n.s-tag__sm > span[data-v-2c0a9f6a] {\n  line-height: 18px;\n  font-size: 11px;\n}\n.s-tag__md[data-v-2c0a9f6a] {\n  padding: 2px 8px;\n  height: 24px;\n}\n.s-tag__md > span[data-v-2c0a9f6a] {\n  line-height: 20px;\n  font-size: 12px;\n  font-weight: 700;\n}\n.s-tag__lg[data-v-2c0a9f6a] {\n  padding: 4px 16px;\n  height: 48px;\n}\n.s-tag__lg > span[data-v-2c0a9f6a] {\n  line-height: 40px;\n  font-size: 24px;\n  font-weight: 700;\n}\n.s-tag__rounded[data-v-2c0a9f6a] {\n  border-radius: 20px;\n}";
+  var css_248z$e = ".s-tag[data-v-1e1a93e5] {\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n.s-tag__sm[data-v-1e1a93e5] {\n  padding: 1px 6px;\n  height: 20px;\n}\n.s-tag__sm > span[data-v-1e1a93e5] {\n  line-height: 18px;\n  font-size: 11px;\n}\n.s-tag__md[data-v-1e1a93e5] {\n  padding: 2px 8px;\n  height: 24px;\n}\n.s-tag__md > span[data-v-1e1a93e5] {\n  line-height: 20px;\n  font-size: 12px;\n  font-weight: 700;\n}\n.s-tag__lg[data-v-1e1a93e5] {\n  padding: 4px 16px;\n  height: 48px;\n}\n.s-tag__lg > span[data-v-1e1a93e5] {\n  line-height: 40px;\n  font-size: 24px;\n  font-weight: 700;\n}\n.s-tag__rounded[data-v-1e1a93e5] {\n  border-radius: 20px;\n}";
   styleInject(css_248z$e);
 
   script$e.render = render$f;
-  script$e.__scopeId = "data-v-2c0a9f6a";
+  script$e.__scopeId = "data-v-1e1a93e5";
 
-  var script$d = vue.defineComponent({
-      name: 'STab',
-      components: {
-        QTab: quasar.QTab,
-        STag: script$e,
-      },
-      props: {
-        name: String,
-        label: String,
-        tag: String,
-        size: {
-          type: String,
-          default: 'md', // sm, md
-        },
-        type: {
-          type: String,
-          default: 'main',
-        },
-      },
+  var script$d = vue.defineComponent({
+      name: 'STab',
+      components: {
+        QTab: quasar.QTab,
+        STag: script$e,
+      },
+      props: {
+        name: String,
+        label: String,
+        tag: String,
+        size: {
+          type: String,
+          default: 'md', // sm, md
+        },
+        type: {
+          type: String,
+          default: 'main',
+        },
+      },
     });
 
   function render$e(_ctx, _cache, $props, $setup, $data, $options) {
@@ -5254,107 +5254,107 @@
     };
   }
 
-  var script$c = vue.defineComponent({
-      name: 'STable',
-      emits: ['update:page', 'update:focused', 'field-updated', 'request'],
-      components: {
-        QTable: quasar.QTable,
-        QInnerLoading: quasar.QInnerLoading,
-        QTd: quasar.QTd,
-        QIcon: quasar.QIcon,
-      },
-      props: {
-        pagination: {
-          type: Object,
-          default: function () { return ({
-            page: 1,
-            rowsPerPage: 50,
-          }); },
-        },
-        hideBottom: {
-          type: Boolean,
-          default: false,
-        },
-        showBottom: {
-          type: Boolean,
-          default: false,
-        },
-        noDataLabel: {
-          type: String,
-          default: '데이터 조회가 필요합니다',
-        },
-        columns: {
-          type: Array,
-          default: function () { return []; },
-        },
-        rows: {
-          type: Array,
-          default: function () { return []; },
-        },
-        resizable: {
-          type: Boolean,
-          default: false,
-        },
-        stickyHeader: {
-          type: Boolean,
-          default: false,
-        },
-        stickyResizable: {
-          type: [Array, Number],
-          required: false,
-        },
-        useSticky: {
-          type: Boolean,
-          default: false,
-        },
-        stickyColumn: {
-          type: Object,
-          default: function () { return ({
-            count: 1, // sticky하고자하는 column 개수
-            direction: 'left', // 'left' | 'right'
-          }); },
-        },
-        navigator: {
-          type: Boolean,
-          default: false,
-        },
-        inputOptions: {
-          type: Object,
-          default: function () { return ({ type: 'number' }); },
-        },
-        focused: {
-          type: Object,
-        },
-        noHover: {
-          type: Boolean,
-          default: false,
-        },
-      },
+  var script$c = vue.defineComponent({
+      name: 'STable',
+      emits: ['update:page', 'update:focused', 'field-updated', 'request'],
+      components: {
+        QTable: quasar.QTable,
+        QInnerLoading: quasar.QInnerLoading,
+        QTd: quasar.QTd,
+        QIcon: quasar.QIcon,
+      },
+      props: {
+        pagination: {
+          type: Object,
+          default: function () { return ({
+            page: 1,
+            rowsPerPage: 50,
+          }); },
+        },
+        hideBottom: {
+          type: Boolean,
+          default: false,
+        },
+        showBottom: {
+          type: Boolean,
+          default: false,
+        },
+        noDataLabel: {
+          type: String,
+          default: '데이터 조회가 필요합니다',
+        },
+        columns: {
+          type: Array,
+          default: function () { return []; },
+        },
+        rows: {
+          type: Array,
+          default: function () { return []; },
+        },
+        resizable: {
+          type: Boolean,
+          default: false,
+        },
+        stickyHeader: {
+          type: Boolean,
+          default: false,
+        },
+        stickyResizable: {
+          type: [Array, Number],
+          required: false,
+        },
+        useSticky: {
+          type: Boolean,
+          default: false,
+        },
+        stickyColumn: {
+          type: Object,
+          default: function () { return ({
+            count: 1, // sticky하고자하는 column 개수
+            direction: 'left', // 'left' | 'right'
+          }); },
+        },
+        navigator: {
+          type: Boolean,
+          default: false,
+        },
+        inputOptions: {
+          type: Object,
+          default: function () { return ({ type: 'number' }); },
+        },
+        focused: {
+          type: Object,
+        },
+        noHover: {
+          type: Boolean,
+          default: false,
+        },
+      },
       setup: function setup(props, ref$1) {
         var emit = ref$1.emit;
         var attrs = ref$1.attrs;
-
-        var tablePagination = vue.ref(props.pagination);
-        var paginationModel = vue.ref(props.pagination);
-        vue.watch(
-          function () { return props.pagination; },
-          function (newValue) {
-            paginationModel.value = Object.assign({}, newValue);
-            tablePagination.value = Object.assign({}, newValue);
-            if (props.pagination.lastPage) { tablePagination.value.page = 1; }
-          },
-          { deep: true }
-        );
-
-        function updatePagination(val) {
-          emit('update:page', val);
-          if (!props.pagination.lastPage) {
-            tablePagination.value.page = val;
-          }
-        }
-
-        var sTableRef = vue.ref(null);
-        var ref$2 =
+
+        var tablePagination = vue.ref(props.pagination);
+        var paginationModel = vue.ref(props.pagination);
+        vue.watch(
+          function () { return props.pagination; },
+          function (newValue) {
+            paginationModel.value = Object.assign({}, newValue);
+            tablePagination.value = Object.assign({}, newValue);
+            if (props.pagination.lastPage) { tablePagination.value.page = 1; }
+          },
+          { deep: true }
+        );
+
+        function updatePagination(val) {
+          emit('update:page', val);
+          if (!props.pagination.lastPage) {
+            tablePagination.value.page = val;
+          }
+        }
+
+        var sTableRef = vue.ref(null);
+        var ref$2 =
           useNavigator(props, attrs, emit);
         var focusCell = ref$2.focusCell;
         var isFocused = ref$2.isFocused;
@@ -5362,106 +5362,118 @@
         var inputRef = ref$2.inputRef;
         var inputData = ref$2.inputData;
         var closeInput = ref$2.closeInput;
-        var editIcon = ref$2.editIcon;
-        function updateSelected(details) {
-          if (details.added && details.evt && details.evt.shiftKey) {
-            var idx = props.rows.findIndex(function (r) { return r === details.rows[0]; });
-            var lastIdx = attrs.selected
-              .map(function (x) { return props.rows.findIndex(function (y) { return y === x; }); })
-              .filter(function (v) { return v < idx; })
-              .reduce(function (a, b) { return (Math.abs(b - idx) < Math.abs(a - idx) ? b : a); });
-            for (var i = lastIdx + 1; i < idx; i++) {
-              attrs.selected.push(props.rows[i]);
-            }
-          }
-        }
-
-        // 스크롤 그림자 로직
-        var isTableScrolled = vue.ref(false);
-        function detectHorizontalScroll(tableScrollArea) {
+        var editIcon = ref$2.editIcon;
+        function updateSelected(details) {
+          if (details.added && details.evt && details.evt.shiftKey) {
+            var idx = props.rows.findIndex(function (r) { return r === details.rows[0]; });
+            var lastIdx = attrs.selected
+              .map(function (x) { return props.rows.findIndex(function (y) { return y === x; }); })
+              .filter(function (v) { return v < idx; })
+              .reduce(function (a, b) { return (Math.abs(b - idx) < Math.abs(a - idx) ? b : a); });
+            for (var i = lastIdx + 1; i < idx; i++) {
+              attrs.selected.push(props.rows[i]);
+            }
+          }
+        }
+
+        // 스크롤 그림자 로직
+        var isTableScrolled = vue.ref(false);
+        function detectHorizontalScroll(tableScrollArea) {
           var getScrollTarget = quasar.scroll.getScrollTarget;
-          var getHorizontalScrollPosition = quasar.scroll.getHorizontalScrollPosition;
-          var scrollTarget = getScrollTarget(tableScrollArea);
-          var isStickyLeft = props.stickyColumn.direction === 'left';
-
-          tableScrollArea.addEventListener('scroll', function () {
-            var scrollPosition = getHorizontalScrollPosition(scrollTarget);
-
-            if (isStickyLeft) {
-              isTableScrolled.value = scrollPosition > 10; // 오른쪽 고정일 때에 스크롤 위치 계산하는 로직 수정 필요
-            } else {
-              isTableScrolled.value =
-                tableScrollArea.scrollWidth - tableScrollArea.clientWidth - scrollPosition > 10;
-            }
-          });
-        }
-
-        function detectWindowResize(tableElement, tableScrollArea) {
-          window.addEventListener('resize', function () {
-            var table = tableElement.getElementsByClassName('q-table')[0];
-
-            if (table.offsetWidth > tableScrollArea.offsetWidth) {
-              isTableScrolled.value = true;
-            } else {
-              isTableScrolled.value = false;
-            }
-          });
-        }
-
-        vue.onMounted(function () {
+          var getHorizontalScrollPosition = quasar.scroll.getHorizontalScrollPosition;
+          var scrollTarget = getScrollTarget(tableScrollArea);
+          var isStickyLeft = props.stickyColumn.direction === 'left';
+
+          tableScrollArea.addEventListener('scroll', function () {
+            var scrollPosition = getHorizontalScrollPosition(scrollTarget);
+
+            if (isStickyLeft) {
+              isTableScrolled.value = scrollPosition > 10; // 오른쪽 고정일 때에 스크롤 위치 계산하는 로직 수정 필요
+            } else {
+              isTableScrolled.value =
+                tableScrollArea.scrollWidth - tableScrollArea.clientWidth - scrollPosition > 10;
+            }
+          });
+        }
+
+        function detectWindowResize(tableElement, tableScrollArea) {
+          window.addEventListener('resize', function () {
+            var table = tableElement.getElementsByClassName('q-table')[0];
+
+            if (table.offsetWidth > tableScrollArea.offsetWidth) {
+              isTableScrolled.value = true;
+            } else {
+              isTableScrolled.value = false;
+            }
+          });
+        }
+
+        function handleColumns() {
           var ref = useResizable();
           var addResizable = ref.addResizable;
           var addStickyResizable = ref.addStickyResizable;
-          var addSticky = ref.addSticky;
-          var tableElement = sTableRef.value.$el;
-          var isStickyLeft = props.stickyColumn.direction === 'left';
+          var addSticky = ref.addSticky;
+          var tableElement = function () { return sTableRef.value.$el; };
+          var isStickyLeft = props.stickyColumn.direction === 'left';
           var ref$1 = props.stickyColumn;
           var count = ref$1.count;
-          ref$1.direction;
-
-          if (props.useSticky) {
-            addSticky(tableElement, isStickyLeft, count);
-          }
-          if (props.resizable) {
-            var stickyCount = props.useSticky && !isStickyLeft ? count : 0;
-
-            addResizable(tableElement, isStickyLeft, stickyCount, props.useSticky);
-          }
-          if (props.stickyResizable) {
-            addStickyResizable(tableElement, props.stickyResizable);
-          }
-
-          var tableScrollArea = tableElement.getElementsByClassName('q-table__middle')[0];
-          var isScrollbarAppear = tableScrollArea.scrollWidth > tableScrollArea.clientWidth;
-
-          if (!isStickyLeft && isScrollbarAppear) {
-            isTableScrolled.value = true;
-          }
-
-          detectHorizontalScroll(tableScrollArea);
-          detectWindowResize(tableElement, tableScrollArea);
-        });
-
-        return {
-          sTableRef: sTableRef,
-          focusCell: focusCell,
-          isFocused: isFocused,
-          editing: editing,
-          inputRef: inputRef,
-          inputData: inputData,
-          closeInput: closeInput,
-          editIcon: editIcon,
-          updateSelected: updateSelected,
-          isTableScrolled: isTableScrolled,
-          tablePagination: tablePagination,
-          paginationModel: paginationModel,
-          pagesNumber: vue.computed(
-            function () { return props.pagination.lastPage ||
-              Math.ceil(props.rows.length / paginationModel.value.rowsPerPage); }
-          ),
-          updatePagination: updatePagination,
-        };
-      },
+          ref$1.direction;
+
+          if (props.useSticky) {
+            addSticky(tableElement(), isStickyLeft, count);
+          }
+          if (props.resizable) {
+            var stickyCount = props.useSticky && !isStickyLeft ? count : 0;
+            addResizable(tableElement(), isStickyLeft, stickyCount, props.useSticky);
+          }
+          if (props.stickyResizable) {
+            addStickyResizable(tableElement(), props.stickyResizable);
+          }
+
+          var tableScrollArea = tableElement().getElementsByClassName('q-table__middle')[0];
+          var isScrollbarAppear = tableScrollArea.scrollWidth > tableScrollArea.clientWidth;
+
+          if (!isStickyLeft && isScrollbarAppear) {
+            isTableScrolled.value = true;
+          }
+
+          detectHorizontalScroll(tableScrollArea);
+          detectWindowResize(tableElement(), tableScrollArea);
+        }
+
+        vue.onMounted(function () {
+          handleColumns();
+        });
+
+        vue.watch(
+          function () { return props.columns; },
+          function () {
+            vue.nextTick(function () {
+              handleColumns();
+            });
+          }
+        );
+
+        return {
+          sTableRef: sTableRef,
+          focusCell: focusCell,
+          isFocused: isFocused,
+          editing: editing,
+          inputRef: inputRef,
+          inputData: inputData,
+          closeInput: closeInput,
+          editIcon: editIcon,
+          updateSelected: updateSelected,
+          isTableScrolled: isTableScrolled,
+          tablePagination: tablePagination,
+          paginationModel: paginationModel,
+          pagesNumber: vue.computed(
+            function () { return props.pagination.lastPage ||
+              Math.ceil(props.rows.length / paginationModel.value.rowsPerPage); }
+          ),
+          updatePagination: updatePagination,
+        };
+      },
     });
 
   var _hoisted_1$a = { class: "full-width text-center" };
@@ -5492,21 +5504,21 @@
         pagination: _ctx.tablePagination,
         "onUpdate:pagination": _cache[1] || (_cache[1] = function ($event) { return ((_ctx.tablePagination) = $event); }),
         "no-data-label": _ctx.noDataLabel,
-        class: ["s-table", ( obj = {
-        's-select-table': _ctx.$attrs.selection,
-        'resizable-table': _ctx.resizable,
-        'sticky-resizable-table': _ctx.stickyResizable,
-        'sticky-header': _ctx.stickyHeader,
-        'before-search': !_ctx.rows.length,
-        'horizontally-scrolled': _ctx.isTableScrolled,
-        's-table__hover': !_ctx.noHover
+        class: ["s-table", ( obj = {
+        's-select-table': _ctx.$attrs.selection,
+        'resizable-table': _ctx.resizable,
+        'sticky-resizable-table': _ctx.stickyResizable,
+        'sticky-header': _ctx.stickyHeader,
+        'before-search': !_ctx.rows.length,
+        'horizontally-scrolled': _ctx.isTableScrolled,
+        's-table__hover': !_ctx.noHover
       }, obj[("sticky-" + (_ctx.stickyColumn.direction) + "-table")] = _ctx.stickyColumn, obj )],
         onSelection: _ctx.updateSelected,
         ref: "sTableRef",
-        onRequest: _cache[2] || (_cache[2] = 
-        function (props) {
-          _ctx.$emit('request', props);
-        }
+        onRequest: _cache[2] || (_cache[2] = 
+        function (props) {
+          _ctx.$emit('request', props);
+        }
       )
       }), vue.createSlots({
         "no-data": vue.withCtx(function (props) { return [
@@ -5533,16 +5545,16 @@
               (_ctx.navigator)
                 ? (vue.openBlock(), vue.createBlock(_component_q_td, {
                     key: 0,
-                    class: vue.normalizeClass(( obj = {
-            focused: _ctx.isFocused(props),
-            'text-center': props.col.align === 'center',
-            'text-right': props.col.align === 'right'
-          }, obj[typeof props.col.classes === 'function'
-              ? props.col.classes(props.row)
-              : props.col.classes] = true, obj[typeof props.row.class === 'function'
-              ? props.row.class(props.row)
-              : typeof props.row.class === 'string'
-                ? props.row.class
+                    class: vue.normalizeClass(( obj = {
+            focused: _ctx.isFocused(props),
+            'text-center': props.col.align === 'center',
+            'text-right': props.col.align === 'right'
+          }, obj[typeof props.col.classes === 'function'
+              ? props.col.classes(props.row)
+              : props.col.classes] = true, obj[typeof props.row.class === 'function'
+              ? props.row.class(props.row)
+              : typeof props.row.class === 'string'
+                ? props.row.class
                 : ''] = true, obj )),
                     style: vue.normalizeStyle(props.col.style),
                     onClick: vue.withModifiers(function ($event) { return (_ctx.focusCell(props)); }, ["stop"])
@@ -5574,15 +5586,15 @@
                     _: 2
                   }, 1032, ["class", "style", "onClick"]))
                 : (vue.openBlock(), vue.createBlock(_component_q_td, vue.mergeProps({ key: 1 }, props, {
-                    class: ( obj$1 = {
-            'text-center': props.col.align === 'center',
-            'text-right': props.col.align === 'right'
-          }, obj$1[typeof props.col.classes === 'function'
-              ? props.col.classes(props.row)
-              : props.col.classes] = true, obj$1[typeof props.row.class === 'function'
-              ? props.row.class(props.row)
-              : typeof props.row.class === 'string'
-                ? props.row.class
+                    class: ( obj$1 = {
+            'text-center': props.col.align === 'center',
+            'text-right': props.col.align === 'right'
+          }, obj$1[typeof props.col.classes === 'function'
+              ? props.col.classes(props.row)
+              : props.col.classes] = true, obj$1[typeof props.row.class === 'function'
+              ? props.row.class(props.row)
+              : typeof props.row.class === 'string'
+                ? props.row.class
                 : ''] = true, obj$1 ),
                     style: props.col.style
                   }), {
@@ -8507,7 +8519,7 @@
 
   /* eslint-disable no-multiple-empty-lines */
 
-  var version = '3.10.35';
+  var version = '3.11.1';
 
   function install(app) {
     app.component('s-badge', script$2);