quasar-ui-sellmate-ui-kit 3.14.53 → 3.14.55

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar-ui-sellmate-ui-kit",
-  "version": "3.14.53",
+  "version": "3.14.55",
   "author": "Sellmate Dev Team <dev@sellmate.co.kr>",
   "description": "Sellmate UI Kit",
   "license": "MIT",

package/src/assets/icons.js

@@ -16,7 +16,8 @@ export const attachFileIcon20 =
 
 export const closeIcon =
   'M7.51472 7.51472L24.4853 24.4853@@fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round&&M24.4853 7.51472L7.51471 24.4853@@fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round|0 0 32 32';
-export const closeIcon12 = 'M10.3003 1.69922L1.70029 10.2992@@fill:none;stroke:currentColor;stroke-linecap:round&&M10.3003 10.2988L1.70029 1.69883@@fill:none;stroke:currentColor;stroke-linecap:round|0 0 12 12'
+export const closeIcon12 =
+  'M10.3003 1.69922L1.70029 10.2992@@fill:none;stroke:currentColor;stroke-linecap:round&&M10.3003 10.2988L1.70029 1.69883@@fill:none;stroke:currentColor;stroke-linecap:round|0 0 12 12';
 export const dateRangeIcon =
   'M5.33334 26.6667V8C5.33334 7.26362 5.9303 6.66666 6.66668 6.66666H25.3333C26.0697 6.66666 26.6667 7.26362 26.6667 8V26.6667C26.6667 27.403 26.0697 28 25.3333 28H6.66668C5.9303 28 5.33334 27.403 5.33334 26.6667Z@@fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round&&M5.33334 10.6667V8C5.33334 7.26362 5.9303 6.66666 6.66668 6.66666H25.3333C26.0697 6.66666 26.6667 7.26362 26.6667 8V10.6667C26.6667 11.403 26.0697 12 25.3333 12H6.66668C5.9303 12 5.33334 11.403 5.33334 10.6667Z@@fill:currentColor&&M16 22.6667V18.6667C16 17.9303 16.597 17.3333 17.3333 17.3333H21.3333C22.0697 17.3333 22.6667 17.9303 22.6667 18.6667V22.6667C22.6667 23.403 22.0697 24 21.3333 24H17.3333C16.597 24 16 23.403 16 22.6667Z@@fill:currentColor&&M9.33334 4V6.66667M22.6667 4V6.66667@@stroke:currentColor;stroke-width:2;stroke-linecap:round|0 0 32 32';
 export const pageMoveIcon =
@@ -62,3 +63,6 @@ export const addIcon10 =
   'M1.16669 5H8.83335@@stroke:currentColor;stroke-width:0.8;stroke-linecap:round&&M5 1.16669L5 8.83335@@stroke:currentColor;stroke-width:0.8;stroke-linecap:round; | 0 0 10 10';
 export const minusIcon10 =
   'M1.16669 5H8.83335@@stroke:currentColor;stroke-width:0.8;stroke-linecap:round; | 0 0 10 10';
+
+export const requiredIcon =
+  'M7.6087 13.5H8.37681L8.49275 8.84726L12.6087 11.0731L13 10.4125L9 8L13 5.57311L12.6087 4.92689L8.49275 7.13838L8.37681 2.5H7.6087L7.49275 7.13838L3.37681 4.92689L3 5.57311L6.98551 8L3 10.4125L3.37681 11.0731L7.49275 8.84726L7.6087 13.5Z@@fill:currentColor;|0 0 16 16';

package/src/components/SSelect.vue

@@ -34,6 +34,13 @@
     </template>
     <template v-if="label" #prepend>
       <div class="include-label">
+        <q-icon
+          v-if="required"
+          :name="requiredIcon"
+          size="10px"
+          color="brilliantblue_75"
+          class="s-mr-4"
+        />
         {{ label }}
         <s-tooltip v-if="tooltip" v-bind="tooltip" no-hover>
           {{ tooltip.message || '' }}
@@ -72,8 +79,8 @@
 
 <script>
   import { computed, defineComponent, ref, watch } from 'vue';
-  import { QSelect, QItem, QItemSection, QItemLabel } from 'quasar';
-  import { selectDownArrowIcon } from '../assets/icons';
+  import { QSelect, QItem, QItemSection, QItemLabel, QIcon } from 'quasar';
+  import { selectDownArrowIcon, requiredIcon } from '../assets/icons';
   import STooltip from './STooltip.vue';
 
   export default defineComponent({
@@ -83,6 +90,7 @@
       QItem,
       QItemSection,
       QItemLabel,
+      QIcon,
       STooltip,
     },
     props: {
@@ -125,6 +133,10 @@
       tooltip: {
         type: Object,
       },
+      required: {
+        type: Boolean,
+        default: false,
+      },
     },
     setup(props, { emit, attrs }) {
       const filteredOptions = ref(props.options);
@@ -215,6 +227,7 @@
         notingSelected,
         selectedLabel,
         searchableProps,
+        requiredIcon,
       };
     },
   });

package/src/composables/table/use-resizable.js

@@ -174,6 +174,7 @@ export function useResizable() {
 
     const tableEl = tableRef.value.$el;
     const cols = getTableCols(tableEl);
+    const isResizableTable = tableEl.classList.contains('resizable-table');
     const isSelectTable = tableEl.classList.contains('s-select-table');
 
     let startLeftIndex = 0;
@@ -181,7 +182,6 @@ export function useResizable() {
     // Left Sticky Columns
     if (isSelectTable && cols[0]) {
       applyStickyToColumn(tableEl, 0, true, '0px'); // 체크박스 컬럼 고정
-      appendResizableDiv(cols[0], 'right', true); // 오른쪽에 리사이즈 핸들 추가
       startLeftIndex = 1; // 이후 데이터 컬럼은 1번부터 시작
     }
 
@@ -189,7 +189,7 @@ export function useResizable() {
       const colIdx = startLeftIndex + i;
       if (!cols[colIdx]) break;
       applyStickyToColumn(tableEl, colIdx, true, '0px'); // 컬럼 고정
-      appendResizableDiv(cols[colIdx], 'right', true); // 오른쪽에 리사이즈 핸들 추가
+      if (isResizableTable) appendResizableDiv(cols[colIdx], 'right', true); // 오른쪽에 리사이즈 핸들 추가
     }
 
     detectStickyWidth(tableEl, true); // 좌측 스티키 너비 재계산
@@ -198,7 +198,7 @@ export function useResizable() {
     if (rightStickyCount > 0) {
       for (let i = cols.length - rightStickyCount; i < cols.length; i++) {
         applyStickyToColumn(tableEl, i, false, '0px');
-        appendResizableDiv(cols[i], 'left', true); // 왼쪽에 리사이즈 핸들 추가 (우측 스티키)
+        if (isResizableTable) appendResizableDiv(cols[i], 'left', true); // 왼쪽에 리사이즈 핸들 추가 (우측 스티키)
       }
 
       detectStickyWidth(tableEl, false); // 우측 스티키 너비 재계산