@sellmate/design-system-vue 1.28.0 → 1.31.0

package/lib/components.ts

@@ -150,12 +150,13 @@ export const SdChipInput: StencilVueComponent<JSX.SdChipInput, JSX.SdChipInput["
   'error',
   'useReset',
   'maxCount',
+  'metaPlacement',
   'duplicateLabel',
   'suggestions',
   'loadingSuggestions',
   'recommendedItems',
   'loadingRecommendedItems',
-  'autocompleteMinWidth',
+  'dropdownMinWidth',
   'label',
   'labelWidth',
   'hint',
@@ -199,7 +200,6 @@ export const SdConfirmModal: StencilVueComponent<JSX.SdConfirmModal> = /*@__PURE
   'tagPreset',
   'tagLabel',
   'slotLabel',
-  'tagContents',
   'sdClose',
   'sdCancel',
   'sdOk'
@@ -242,6 +242,7 @@ export const SdDatePicker: StencilVueComponent<JSX.SdDatePicker, JSX.SdDatePicke
   'errorMessage',
   'rules',
   'error',
+  'status',
   'icon',
   'labelTooltip',
   'labelTooltipProps',
@@ -272,6 +273,7 @@ export const SdDateRangePicker: StencilVueComponent<JSX.SdDateRangePicker, JSX.S
   'placeholder',
   'selectable',
   'maxRange',
+  'useTimePicker',
   'disabled',
   'width',
   'label',
@@ -282,6 +284,7 @@ export const SdDateRangePicker: StencilVueComponent<JSX.SdDateRangePicker, JSX.S
   'errorMessage',
   'rules',
   'error',
+  'status',
   'icon',
   'labelTooltip',
   'labelTooltipProps',
@@ -299,6 +302,7 @@ export const SdDateRangePickerCalendar: StencilVueComponent<JSX.SdDateRangePicke
   'value',
   'selectable',
   'maxRange',
+  'useTimePicker',
   'sdSelect',
   'sdViewChange'
 ], [
@@ -344,6 +348,8 @@ export const SdField: StencilVueComponent<JSX.SdField> = /*@__PURE__*/ defineCon
   'borderless',
   'label',
   'labelWidth',
+  'labelHeight',
+  'multiline',
   'addonLabel',
   'addonAlign',
   'icon',
@@ -363,6 +369,7 @@ export const SdFilePicker: StencilVueComponent<JSX.SdFilePicker, JSX.SdFilePicke
   'maxFileSize',
   'maxTotalSize',
   'maxFiles',
+  'size',
   'name',
   'label',
   'labelWidth',
@@ -416,6 +423,7 @@ export const SdGhostButton: StencilVueComponent<JSX.SdGhostButton> = /*@__PURE__
   'size',
   'intent',
   'ariaLabel',
+  'pressed',
   'tooltipText',
   'disabled',
   'sdClick'
@@ -490,6 +498,7 @@ export const SdInput: StencilVueComponent<JSX.SdInput, JSX.SdInput["value"]> = /
 
 export const SdKeyValueTable: StencilVueComponent<JSX.SdKeyValueTable> = /*@__PURE__*/ defineContainer<JSX.SdKeyValueTable>('sd-key-value-table', undefined, [
   'fields',
+  'values',
   'search',
   'radius',
   'sdChange',
@@ -539,6 +548,7 @@ export const SdNumberInput: StencilVueComponent<JSX.SdNumberInput, JSX.SdNumberI
   'step',
   'useButton',
   'useDecimal',
+  'maxDecimalLength',
   'value',
   'label',
   'labelWidth',
@@ -587,24 +597,26 @@ export const SdPagination: StencilVueComponent<JSX.SdPagination, JSX.SdPaginatio
 
 
 export const SdPopover: StencilVueComponent<JSX.SdPopover> = /*@__PURE__*/ defineContainer<JSX.SdPopover>('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'
 ]);
 
 
@@ -638,6 +650,7 @@ export const SdRadio: StencilVueComponent<JSX.SdRadio, JSX.SdRadio["value"]> = /
   'val',
   'disabled',
   'label',
+  'name',
   'sdUpdate'
 ], [
   'sdUpdate'
@@ -762,6 +775,8 @@ export const SdSelectTrigger: StencilVueComponent<JSX.SdSelectTrigger> = /*@__PU
 
 export const SdSwitch: StencilVueComponent<JSX.SdSwitch, JSX.SdSwitch["value"]> = /*@__PURE__*/ defineContainer<JSX.SdSwitch, JSX.SdSwitch["value"]>('sd-switch', undefined, [
   'value',
+  'leftLabel',
+  'rightLabel',
   'label',
   'disabled',
   'sdUpdate'
@@ -771,45 +786,6 @@ export const SdSwitch: StencilVueComponent<JSX.SdSwitch, JSX.SdSwitch["value"]>
 'value', 'sdUpdate', undefined);
 
 
-export const SdTable: StencilVueComponent<JSX.SdTable, JSX.SdTable["selected"]> = /*@__PURE__*/ defineContainer<JSX.SdTable, JSX.SdTable["selected"]>('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: StencilVueComponent<JSX.SdTabs, JSX.SdTabs["value"]> = /*@__PURE__*/ defineContainer<JSX.SdTabs, JSX.SdTabs["value"]>('sd-tabs', undefined, [
   'value',
   'tabs',
@@ -827,29 +803,11 @@ export const SdTag: StencilVueComponent<JSX.SdTag> = /*@__PURE__*/ defineContain
   'name',
   'label',
   'icon',
-  'isLeft',
+  'iconLeft',
   'width'
 ]);
 
 
-export const SdTbody: StencilVueComponent<JSX.SdTbody> = /*@__PURE__*/ defineContainer<JSX.SdTbody>('sd-tbody', undefined, [
-  'rows'
-]);
-
-
-export const SdTd: StencilVueComponent<JSX.SdTd> = /*@__PURE__*/ defineContainer<JSX.SdTd>('sd-td', undefined, [
-  'field',
-  'rowKey',
-  'align',
-  'rowspan',
-  'colspan',
-  'sdClass',
-  'dividerLeft',
-  'dividerRight',
-  'useFrame'
-]);
-
-
 export const SdTextLink: StencilVueComponent<JSX.SdTextLink> = /*@__PURE__*/ defineContainer<JSX.SdTextLink>('sd-text-link', undefined, [
   'label',
   'icon',
@@ -904,19 +862,103 @@ export const SdTextarea: StencilVueComponent<JSX.SdTextarea, JSX.SdTextarea["val
 'value', 'sdUpdate', undefined);
 
 
-export const SdThead: StencilVueComponent<JSX.SdThead> = /*@__PURE__*/ defineContainer<JSX.SdThead>('sd-thead', undefined, [
-  'columns',
-  'selectable',
-  'resizable',
-  'stickyColumn',
-  'stickyHeader',
-  'scrolledLeft',
-  'scrolledRight',
-  'rows',
-  'columnWidths',
-  'sdColumnSort'
+export const SdTimePicker: StencilVueComponent<JSX.SdTimePicker, JSX.SdTimePicker["value"]> = /*@__PURE__*/ defineContainer<JSX.SdTimePicker, JSX.SdTimePicker["value"]>('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'
 ], [
-  'sdColumnSort'
+  'sdUpdate',
+  'sdDropDownShow'
+],
+'value', 'sdUpdate', undefined);
+
+
+export const SdTimePickerSelector: StencilVueComponent<JSX.SdTimePickerSelector> = /*@__PURE__*/ defineContainer<JSX.SdTimePickerSelector>('sd-time-picker-selector', undefined, [
+  'value',
+  'useMeridiem',
+  'minuteStep',
+  'sdUpdate'
+], [
+  'sdUpdate'
+]);
+
+
+export const SdTimePickerTrigger: StencilVueComponent<JSX.SdTimePickerTrigger> = /*@__PURE__*/ defineContainer<JSX.SdTimePickerTrigger>('sd-time-picker-trigger', undefined, [
+  'displayText',
+  'placeholder',
+  'disabled',
+  'clearable',
+  'size',
+  'sdTriggerClick',
+  'sdClear'
+], [
+  'sdTriggerClick',
+  'sdClear'
+]);
+
+
+export const SdTimeRangePicker: StencilVueComponent<JSX.SdTimeRangePicker, JSX.SdTimeRangePicker["value"]> = /*@__PURE__*/ defineContainer<JSX.SdTimeRangePicker, JSX.SdTimeRangePicker["value"]>('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'
+], [
+  'sdUpdate',
+  'sdDropDownShow'
+],
+'value', 'sdUpdate', undefined);
+
+
+export const SdTimeRangePickerSelector: StencilVueComponent<JSX.SdTimeRangePickerSelector> = /*@__PURE__*/ defineContainer<JSX.SdTimeRangePickerSelector>('sd-time-range-picker-selector', undefined, [
+  'value',
+  'useMeridiem',
+  'minuteStep',
+  'rangeOrder',
+  'sdUpdate'
+], [
+  'sdUpdate'
 ]);
 
 
@@ -967,26 +1009,10 @@ export const SdTooltip: StencilVueComponent<JSX.SdTooltip> = /*@__PURE__*/ defin
   'tooltipType',
   'icon',
   'iconSize',
-  'label',
-  'name',
-  'rightIcon',
   'ariaLabel',
   'disabled',
-  'type',
   'useClose',
-  'sdClass',
   'message',
-  'triggerClass',
-  'triggerStyle'
-]);
-
-
-export const SdTr: StencilVueComponent<JSX.SdTr> = /*@__PURE__*/ defineContainer<JSX.SdTr>('sd-tr', undefined, [
-  'columns',
-  'selectable',
-  'stickyColumn',
-  'rowKey',
-  'row',
-  'separator'
+  'triggerClassName'
 ]);
 

package/lib/define-custom-elements.ts

@@ -4,11 +4,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(): void {
@@ -18,11 +13,6 @@ export function defineCustomElements(): void {
   defineSdCircleProgress();
   defineSdLinearProgress();
   defineSdLoadingModal();
-  defineSdTable();
-  defineSdTbody();
-  defineSdTd();
-  defineSdThead();
-  defineSdTr();
   defineSdDivider();
 
   // 나머지 컴포넌트는 Stencil loader가 lazy 등록

package/lib/index.ts

@@ -2,8 +2,6 @@ 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';
@@ -75,9 +73,6 @@ export type {
  // Progress types
  LinearProgressType,
  CircleProgressType,
- // Popover types
- PopoverButton,
- PopoverLink,
  // Popup types
  PopupType,
  // Guide types
@@ -92,10 +87,4 @@ export type {
  ToastPosition,
  ToastEntry,
  ToastNotifyOptions,
- // Table types
- SdTableColumn,
- Row as SdTableRow,
- SdTablePagination,
- SdTableStickyColumn,
- SdTableConfig,
 } from '@sellmate/design-system';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellmate/design-system-vue",
-  "version": "1.28.0",
+  "version": "1.31.0",
   "description": "Design System - Vue Component Wrappers",
   "keywords": [
     "vue",
@@ -47,7 +47,7 @@
     "vue": "^3.4.38"
   },
   "dependencies": {
-    "@sellmate/design-system": "^1.28.0",
+    "@sellmate/design-system": "^1.31.0",
     "@stencil/vue-output-target": "^0.11.8"
   },
   "peerDependencies": {

package/dist/SdTable.d.ts

@@ -1,241 +0,0 @@
-import { type PropType } from 'vue';
-import type { Row as SdTableRow, SdTableColumn, SelectOption } from '@sellmate/design-system';
-type TablePagination = {
-    page: number;
-    rowsPerPage: number;
-    lastPage?: number;
-};
-type TableVirtualScroll = {
-    vertical?: boolean;
-    horizontal?: boolean;
-};
-type TableVirtualBufferSize = {
-    vertical?: number;
-    horizontal?: number;
-};
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    columns: {
-        type: PropType<SdTableColumn[]>;
-        required: true;
-    };
-    rows: {
-        type: PropType<SdTableRow[]>;
-        required: true;
-    };
-    modelValue: {
-        type: PropType<SdTableRow[]>;
-        default: any;
-    };
-    selected: {
-        type: PropType<SdTableRow[]>;
-        default: any;
-    };
-    rowKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    selectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    resizable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    width: {
-        type: StringConstructor;
-        default: any;
-    };
-    height: {
-        type: StringConstructor;
-        default: any;
-    };
-    stickyHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    stickyColumn: {
-        type: PropType<{
-            left?: number;
-            right?: number;
-        }>;
-        default: () => {
-            left: number;
-            right: number;
-        };
-    };
-    noDataLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    isLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pagination: {
-        type: PropType<TablePagination | undefined>;
-        default: any;
-    };
-    useInternalPagination: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    useRowsPerPageSelect: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    rowsPerPageOption: {
-        type: PropType<SelectOption[]>;
-        default: () => {
-            label: string;
-            value: number;
-        }[];
-    };
-    useVirtualScroll: {
-        type: PropType<TableVirtualScroll>;
-        default: () => {};
-    };
-    virtualRowHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-    virtualColumnWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    virtualBufferSize: {
-        type: PropType<TableVirtualBufferSize>;
-        default: () => {
-            vertical: number;
-            horizontal: number;
-        };
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "sdSelectChange" | "sdPageChange" | "sdRowsPerPageChange")[], "update:modelValue" | "sdSelectChange" | "sdPageChange" | "sdRowsPerPageChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    columns: {
-        type: PropType<SdTableColumn[]>;
-        required: true;
-    };
-    rows: {
-        type: PropType<SdTableRow[]>;
-        required: true;
-    };
-    modelValue: {
-        type: PropType<SdTableRow[]>;
-        default: any;
-    };
-    selected: {
-        type: PropType<SdTableRow[]>;
-        default: any;
-    };
-    rowKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    selectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    resizable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    width: {
-        type: StringConstructor;
-        default: any;
-    };
-    height: {
-        type: StringConstructor;
-        default: any;
-    };
-    stickyHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    stickyColumn: {
-        type: PropType<{
-            left?: number;
-            right?: number;
-        }>;
-        default: () => {
-            left: number;
-            right: number;
-        };
-    };
-    noDataLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    isLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pagination: {
-        type: PropType<TablePagination | undefined>;
-        default: any;
-    };
-    useInternalPagination: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    useRowsPerPageSelect: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    rowsPerPageOption: {
-        type: PropType<SelectOption[]>;
-        default: () => {
-            label: string;
-            value: number;
-        }[];
-    };
-    useVirtualScroll: {
-        type: PropType<TableVirtualScroll>;
-        default: () => {};
-    };
-    virtualRowHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-    virtualColumnWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    virtualBufferSize: {
-        type: PropType<TableVirtualBufferSize>;
-        default: () => {
-            vertical: number;
-            horizontal: number;
-        };
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onSdSelectChange?: (...args: any[]) => any;
-    onSdPageChange?: (...args: any[]) => any;
-    onSdRowsPerPageChange?: (...args: any[]) => any;
-}>, {
-    modelValue: SdTableRow[];
-    selected: SdTableRow[];
-    rowKey: string;
-    selectable: boolean;
-    resizable: boolean;
-    width: string;
-    height: string;
-    stickyHeader: boolean;
-    stickyColumn: {
-        left?: number;
-        right?: number;
-    };
-    noDataLabel: string;
-    isLoading: boolean;
-    pagination: TablePagination;
-    useInternalPagination: boolean;
-    useRowsPerPageSelect: boolean;
-    rowsPerPageOption: SelectOption[];
-    useVirtualScroll: TableVirtualScroll;
-    virtualRowHeight: number;
-    virtualColumnWidth: number;
-    virtualBufferSize: TableVirtualBufferSize;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;