@sellmate/design-system-vue 1.28.0 → 1.31.0

package/README.md

@@ -183,7 +183,6 @@ sdLoading.show({ message: "처리 중..." });
 | `SdField`      | 폼 필드 래퍼 (label + input + error) |
 | `SdForm`       | 폼 유효성 검사 컨테이너              |
 | `SdTabs`       | 탭 네비게이션                        |
-| `SdTable`      | 데이터 테이블                        |
 | `SdPagination` | 페이지네이션                         |
 
 ### 모달 / 알림
@@ -203,9 +202,6 @@ sdLoading.show({ message: "처리 중..." });
 
 ```ts
 import type {
-  // Table
-  SdTableColumn,
-  SdTableRow,
   // Select
   SelectOption,
   // Radio
@@ -232,22 +228,6 @@ import type {
 
 ---
 
-## Composables
-
-### `useSdTableVirtualScroll`
-
-```ts
-import { useSdTableVirtualScroll } from "@sellmate/design-system-vue";
-
-const { virtualRows, totalHeight, scrollToIndex } = useSdTableVirtualScroll({
-  rowCount: data.length,
-  rowHeight: 48,
-  containerHeight: 400,
-});
-```
-
----
-
 ## Requirements
 
 - Vue 3.0.0 or higher

package/dist/components.d.ts

@@ -46,16 +46,16 @@ export declare const SdSelectListItemSearch: StencilVueComponent<JSX.SdSelectLis
 export declare const SdSelectListbox: StencilVueComponent<JSX.SdSelectListbox>;
 export declare const SdSelectTrigger: StencilVueComponent<JSX.SdSelectTrigger>;
 export declare const SdSwitch: StencilVueComponent<JSX.SdSwitch, JSX.SdSwitch["value"]>;
-export declare const SdTable: StencilVueComponent<JSX.SdTable, JSX.SdTable["selected"]>;
 export declare const SdTabs: StencilVueComponent<JSX.SdTabs, JSX.SdTabs["value"]>;
 export declare const SdTag: StencilVueComponent<JSX.SdTag>;
-export declare const SdTbody: StencilVueComponent<JSX.SdTbody>;
-export declare const SdTd: StencilVueComponent<JSX.SdTd>;
 export declare const SdTextLink: StencilVueComponent<JSX.SdTextLink>;
 export declare const SdTextarea: StencilVueComponent<JSX.SdTextarea, JSX.SdTextarea["value"]>;
-export declare const SdThead: StencilVueComponent<JSX.SdThead>;
+export declare const SdTimePicker: StencilVueComponent<JSX.SdTimePicker, JSX.SdTimePicker["value"]>;
+export declare const SdTimePickerSelector: StencilVueComponent<JSX.SdTimePickerSelector>;
+export declare const SdTimePickerTrigger: StencilVueComponent<JSX.SdTimePickerTrigger>;
+export declare const SdTimeRangePicker: StencilVueComponent<JSX.SdTimeRangePicker, JSX.SdTimeRangePicker["value"]>;
+export declare const SdTimeRangePickerSelector: StencilVueComponent<JSX.SdTimeRangePickerSelector>;
 export declare const SdToast: StencilVueComponent<JSX.SdToast>;
 export declare const SdToastContainer: StencilVueComponent<JSX.SdToastContainer>;
 export declare const SdToggle: StencilVueComponent<JSX.SdToggle, JSX.SdToggle["value"]>;
 export declare const SdTooltip: StencilVueComponent<JSX.SdTooltip>;
-export declare const SdTr: StencilVueComponent<JSX.SdTr>;

package/dist/components.js

@@ -122,12 +122,13 @@ export const SdChipInput = /*@__PURE__*/ defineContainer('sd-chip-input', undefi
     'error',
     'useReset',
     'maxCount',
+    'metaPlacement',
     'duplicateLabel',
     'suggestions',
     'loadingSuggestions',
     'recommendedItems',
     'loadingRecommendedItems',
-    'autocompleteMinWidth',
+    'dropdownMinWidth',
     'label',
     'labelWidth',
     'hint',
@@ -166,7 +167,6 @@ export const SdConfirmModal = /*@__PURE__*/ defineContainer('sd-confirm-modal',
     'tagPreset',
     'tagLabel',
     'slotLabel',
-    'tagContents',
     'sdClose',
     'sdCancel',
     'sdOk'
@@ -205,6 +205,7 @@ export const SdDatePicker = /*@__PURE__*/ defineContainer('sd-date-picker', unde
     'errorMessage',
     'rules',
     'error',
+    'status',
     'icon',
     'labelTooltip',
     'labelTooltipProps',
@@ -230,6 +231,7 @@ export const SdDateRangePicker = /*@__PURE__*/ defineContainer('sd-date-range-pi
     'placeholder',
     'selectable',
     'maxRange',
+    'useTimePicker',
     'disabled',
     'width',
     'label',
@@ -240,6 +242,7 @@ export const SdDateRangePicker = /*@__PURE__*/ defineContainer('sd-date-range-pi
     'errorMessage',
     'rules',
     'error',
+    'status',
     'icon',
     'labelTooltip',
     'labelTooltipProps',
@@ -254,6 +257,7 @@ export const SdDateRangePickerCalendar = /*@__PURE__*/ defineContainer('sd-date-
     'value',
     'selectable',
     'maxRange',
+    'useTimePicker',
     'sdSelect',
     'sdViewChange'
 ], [
@@ -293,6 +297,8 @@ export const SdField = /*@__PURE__*/ defineContainer('sd-field', undefined, [
     'borderless',
     'label',
     'labelWidth',
+    'labelHeight',
+    'multiline',
     'addonLabel',
     'addonAlign',
     'icon',
@@ -310,6 +316,7 @@ export const SdFilePicker = /*@__PURE__*/ defineContainer('sd-file-picker', unde
     'maxFileSize',
     'maxTotalSize',
     'maxFiles',
+    'size',
     'name',
     'label',
     'labelWidth',
@@ -356,6 +363,7 @@ export const SdGhostButton = /*@__PURE__*/ defineContainer('sd-ghost-button', un
     'size',
     'intent',
     'ariaLabel',
+    'pressed',
     'tooltipText',
     'disabled',
     'sdClick'
@@ -421,6 +429,7 @@ export const SdInput = /*@__PURE__*/ defineContainer('sd-input', undefined, [
 ], 'value', 'sdUpdate', undefined);
 export const SdKeyValueTable = /*@__PURE__*/ defineContainer('sd-key-value-table', undefined, [
     'fields',
+    'values',
     'search',
     'radius',
     'sdChange',
@@ -460,6 +469,7 @@ export const SdNumberInput = /*@__PURE__*/ defineContainer('sd-number-input', un
     'step',
     'useButton',
     'useDecimal',
+    'maxDecimalLength',
     'value',
     'label',
     'labelWidth',
@@ -502,24 +512,26 @@ export const SdPagination = /*@__PURE__*/ defineContainer('sd-pagination', undef
     'sdPageChange'
 ], 'currentPage', 'sdPageChange', undefined);
 export const SdPopover = /*@__PURE__*/ defineContainer('sd-popover', undefined, [
-    'show',
+    'open',
+    'defaultOpen',
     'placement',
-    'color',
+    'type',
+    'menuTitle',
+    'titleIcon',
     'icon',
     'iconSize',
-    'label',
-    'name',
-    'rightIcon',
+    'color',
+    'leftLinkLabel',
+    'buttonLabel',
     'ariaLabel',
-    'disabled',
-    'type',
-    'menuTitle',
-    'leftLink',
-    'button',
-    'menuClass',
-    'sdShowChange'
+    'menuClassName',
+    'sdShowChange',
+    'sdButtonClick',
+    'sdLeftLinkClick'
 ], [
-    'sdShowChange'
+    'sdShowChange',
+    'sdButtonClick',
+    'sdLeftLinkClick'
 ]);
 export const SdPopup = /*@__PURE__*/ defineContainer('sd-popup', undefined, [
     'popupTitle',
@@ -547,6 +559,7 @@ export const SdRadio = /*@__PURE__*/ defineContainer('sd-radio', undefined, [
     'val',
     'disabled',
     'label',
+    'name',
     'sdUpdate'
 ], [
     'sdUpdate'
@@ -651,48 +664,14 @@ export const SdSelectTrigger = /*@__PURE__*/ defineContainer('sd-select-trigger'
 ]);
 export const SdSwitch = /*@__PURE__*/ defineContainer('sd-switch', undefined, [
     'value',
+    'leftLabel',
+    'rightLabel',
     'label',
     'disabled',
     'sdUpdate'
 ], [
     'sdUpdate'
 ], 'value', 'sdUpdate', undefined);
-export const SdTable = /*@__PURE__*/ defineContainer('sd-table', undefined, [
-    'tableId',
-    'columns',
-    'rows',
-    'selected',
-    'rowKey',
-    'selectable',
-    'resizable',
-    'width',
-    'height',
-    'stickyHeader',
-    'stickyColumn',
-    'radius',
-    'noDataLabel',
-    'isLoading',
-    'pagination',
-    'useInternalPagination',
-    'useRowsPerPageSelect',
-    'dense',
-    'useVirtualScroll',
-    'rowHeight',
-    'virtualBuffer',
-    'virtualEndThreshold',
-    'rowsPerPageOption',
-    'sdSelectChange',
-    'sdPageChange',
-    'sdRowsPerPageChange',
-    'sdVirtualUpdate',
-    'sdVirtualReachEnd'
-], [
-    'sdSelectChange',
-    'sdPageChange',
-    'sdRowsPerPageChange',
-    'sdVirtualUpdate',
-    'sdVirtualReachEnd'
-], 'selected', 'sdSelectChange', undefined);
 export const SdTabs = /*@__PURE__*/ defineContainer('sd-tabs', undefined, [
     'value',
     'tabs',
@@ -707,23 +686,9 @@ export const SdTag = /*@__PURE__*/ defineContainer('sd-tag', undefined, [
     'name',
     'label',
     'icon',
-    'isLeft',
+    'iconLeft',
     'width'
 ]);
-export const SdTbody = /*@__PURE__*/ defineContainer('sd-tbody', undefined, [
-    'rows'
-]);
-export const SdTd = /*@__PURE__*/ defineContainer('sd-td', undefined, [
-    'field',
-    'rowKey',
-    'align',
-    'rowspan',
-    'colspan',
-    'sdClass',
-    'dividerLeft',
-    'dividerRight',
-    'useFrame'
-]);
 export const SdTextLink = /*@__PURE__*/ defineContainer('sd-text-link', undefined, [
     'label',
     'icon',
@@ -773,19 +738,93 @@ export const SdTextarea = /*@__PURE__*/ defineContainer('sd-textarea', undefined
     'sdFocus',
     'sdBlur'
 ], 'value', 'sdUpdate', undefined);
-export const SdThead = /*@__PURE__*/ defineContainer('sd-thead', undefined, [
-    'columns',
-    'selectable',
-    'resizable',
-    'stickyColumn',
-    'stickyHeader',
-    'scrolledLeft',
-    'scrolledRight',
-    'rows',
-    'columnWidths',
-    'sdColumnSort'
+export const SdTimePicker = /*@__PURE__*/ defineContainer('sd-time-picker', undefined, [
+    'value',
+    'size',
+    'type',
+    'placeholder',
+    'disabled',
+    'clearable',
+    'useMeridiem',
+    'minuteStep',
+    'width',
+    'label',
+    'labelWidth',
+    'addonLabel',
+    'addonAlign',
+    'hint',
+    'errorMessage',
+    'rules',
+    'error',
+    'status',
+    'icon',
+    'labelTooltip',
+    'labelTooltipProps',
+    'name',
+    'sdUpdate',
+    'sdDropDownShow'
+], [
+    'sdUpdate',
+    'sdDropDownShow'
+], 'value', 'sdUpdate', undefined);
+export const SdTimePickerSelector = /*@__PURE__*/ defineContainer('sd-time-picker-selector', undefined, [
+    'value',
+    'useMeridiem',
+    'minuteStep',
+    'sdUpdate'
+], [
+    'sdUpdate'
+]);
+export const SdTimePickerTrigger = /*@__PURE__*/ defineContainer('sd-time-picker-trigger', undefined, [
+    'displayText',
+    'placeholder',
+    'disabled',
+    'clearable',
+    'size',
+    'sdTriggerClick',
+    'sdClear'
+], [
+    'sdTriggerClick',
+    'sdClear'
+]);
+export const SdTimeRangePicker = /*@__PURE__*/ defineContainer('sd-time-range-picker', undefined, [
+    'value',
+    'size',
+    'type',
+    'placeholder',
+    'disabled',
+    'clearable',
+    'useMeridiem',
+    'minuteStep',
+    'rangeOrder',
+    'width',
+    'label',
+    'labelWidth',
+    'addonLabel',
+    'addonAlign',
+    'hint',
+    'errorMessage',
+    'rules',
+    'error',
+    'status',
+    'icon',
+    'labelTooltip',
+    'labelTooltipProps',
+    'name',
+    'sdUpdate',
+    'sdDropDownShow'
 ], [
-    'sdColumnSort'
+    'sdUpdate',
+    'sdDropDownShow'
+], 'value', 'sdUpdate', undefined);
+export const SdTimeRangePickerSelector = /*@__PURE__*/ defineContainer('sd-time-range-picker-selector', undefined, [
+    'value',
+    'useMeridiem',
+    'minuteStep',
+    'rangeOrder',
+    'sdUpdate'
+], [
+    'sdUpdate'
 ]);
 export const SdToast = /*@__PURE__*/ defineContainer('sd-toast', undefined, [
     'icon',
@@ -827,23 +866,9 @@ export const SdTooltip = /*@__PURE__*/ defineContainer('sd-tooltip', undefined,
     'tooltipType',
     'icon',
     'iconSize',
-    'label',
-    'name',
-    'rightIcon',
     'ariaLabel',
     'disabled',
-    'type',
     'useClose',
-    'sdClass',
     'message',
-    'triggerClass',
-    'triggerStyle'
-]);
-export const SdTr = /*@__PURE__*/ defineContainer('sd-tr', undefined, [
-    'columns',
-    'selectable',
-    'stickyColumn',
-    'rowKey',
-    'row',
-    'separator'
+    'triggerClassName'
 ]);

package/dist/define-custom-elements.js

@@ -3,11 +3,6 @@ import { defineCustomElements as defineLazyCustomElements } from '@sellmate/desi
 import { defineCustomElement as defineSdCircleProgress } from '@sellmate/design-system/dist/components/sd-circle-progress.js';
 import { defineCustomElement as defineSdLinearProgress } from '@sellmate/design-system/dist/components/sd-linear-progress.js';
 import { defineCustomElement as defineSdLoadingModal } from '@sellmate/design-system/dist/components/sd-loading-modal.js';
-import { defineCustomElement as defineSdTable } from '@sellmate/design-system/dist/components/sd-table.js';
-import { defineCustomElement as defineSdTbody } from '@sellmate/design-system/dist/components/sd-tbody.js';
-import { defineCustomElement as defineSdTd } from '@sellmate/design-system/dist/components/sd-td.js';
-import { defineCustomElement as defineSdThead } from '@sellmate/design-system/dist/components/sd-thead.js';
-import { defineCustomElement as defineSdTr } from '@sellmate/design-system/dist/components/sd-tr.js';
 import { defineCustomElement as defineSdDivider } from '@sellmate/design-system/dist/components/sd-divider.js';
 export function defineCustomElements() {
     if (typeof customElements === 'undefined')
@@ -16,11 +11,6 @@ export function defineCustomElements() {
     defineSdCircleProgress();
     defineSdLinearProgress();
     defineSdLoadingModal();
-    defineSdTable();
-    defineSdTbody();
-    defineSdTd();
-    defineSdThead();
-    defineSdTr();
     defineSdDivider();
     // 나머지 컴포넌트는 Stencil loader가 lazy 등록
     defineLazyCustomElements();

package/dist/index.d.ts

@@ -1,9 +1,7 @@
 import '@sellmate/design-system/styles.css';
 export * from './components';
 export * from './plugin';
-export { useSdTableVirtualScroll } from './composables/useSdTableVirtualScroll';
-export type { VirtualRow } from './composables/useSdTableVirtualScroll';
 export { sdModal, SdModalVuePlugin } from './sdModal';
 export { sdLoading } from '@sellmate/design-system/utils';
 export type { SdLoadingShowOptions } from '@sellmate/design-system/utils';
-export type { ButtonName, ButtonProps, ButtonType, ButtonSize, GhostButtonIntent, GhostButtonSize, DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, BadgeColor, FieldAddonAlign, FieldSize, Rule, FieldIdentifier, ValidatableField, InputSize, NumberInputSize, BarcodeInputSize, ChipInputSize, SdTooltipProps, TooltipType, CalloutType, CalendarEventGroup, CheckedType, RadioValue, RadioOption, SelectOption, SelectOptionSelectDetail, SelectType, SelectValue, ConfirmModalMainButton, ConfirmModalType, ConfirmModalOptions, TagName, SdModalCreateOptions, ModalDialogRefLike, SdLoadingShowArgs, LoadingModalState, LoadingModalOptions, Type as DateBoxType, DatePickerSize, DateRangeValue, SdKeyValueField, SdKeyValueChangeDetail, LinearProgressType, CircleProgressType, PopoverButton, PopoverLink, PopupType, GuideType, TextLinkSize, TabOption, TabSize, ToastType, ToastPosition, ToastEntry, ToastNotifyOptions, SdTableColumn, Row as SdTableRow, SdTablePagination, SdTableStickyColumn, SdTableConfig, } from '@sellmate/design-system';
+export type { ButtonName, ButtonProps, ButtonType, ButtonSize, GhostButtonIntent, GhostButtonSize, DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, BadgeColor, FieldAddonAlign, FieldSize, Rule, FieldIdentifier, ValidatableField, InputSize, NumberInputSize, BarcodeInputSize, ChipInputSize, SdTooltipProps, TooltipType, CalloutType, CalendarEventGroup, CheckedType, RadioValue, RadioOption, SelectOption, SelectOptionSelectDetail, SelectType, SelectValue, ConfirmModalMainButton, ConfirmModalType, ConfirmModalOptions, TagName, SdModalCreateOptions, ModalDialogRefLike, SdLoadingShowArgs, LoadingModalState, LoadingModalOptions, Type as DateBoxType, DatePickerSize, DateRangeValue, SdKeyValueField, SdKeyValueChangeDetail, LinearProgressType, CircleProgressType, PopupType, GuideType, TextLinkSize, TabOption, TabSize, ToastType, ToastPosition, ToastEntry, ToastNotifyOptions, } from '@sellmate/design-system';

package/dist/index.js

@@ -1,6 +1,5 @@
 import '@sellmate/design-system/styles.css';
 export * from './components';
 export * from './plugin';
-export { useSdTableVirtualScroll } from './composables/useSdTableVirtualScroll';
 export { sdModal, SdModalVuePlugin } from './sdModal';
 export { sdLoading } from '@sellmate/design-system/utils';