@sellmate/design-system-vue 1.4.0 → 1.6.0

package/dist/components.d.ts

@@ -5,6 +5,7 @@ export declare const SdBadge: StencilVueComponent<JSX.SdBadge>;
 export declare const SdBarcodeInput: StencilVueComponent<JSX.SdBarcodeInput, JSX.SdBarcodeInput["value"]>;
 export declare const SdButton: StencilVueComponent<JSX.SdButton>;
 export declare const SdCalendar: StencilVueComponent<JSX.SdCalendar, JSX.SdCalendar["value"]>;
+export declare const SdCallout: StencilVueComponent<JSX.SdCallout>;
 export declare const SdCard: StencilVueComponent<JSX.SdCard>;
 export declare const SdCheckbox: StencilVueComponent<JSX.SdCheckbox, JSX.SdCheckbox["value"]>;
 export declare const SdChip: StencilVueComponent<JSX.SdChip, JSX.SdChip["value"]>;
@@ -15,6 +16,7 @@ export declare const SdDatePicker: StencilVueComponent<JSX.SdDatePicker, JSX.SdD
 export declare const SdDatePickerTrigger: StencilVueComponent<JSX.SdDatePickerTrigger>;
 export declare const SdDateRangePicker: StencilVueComponent<JSX.SdDateRangePicker, JSX.SdDateRangePicker["value"]>;
 export declare const SdDateRangePickerCalendar: StencilVueComponent<JSX.SdDateRangePickerCalendar>;
+export declare const SdDivider: StencilVueComponent<JSX.SdDivider>;
 export declare const SdDropdownButton: StencilVueComponent<JSX.SdDropdownButton>;
 export declare const SdField: StencilVueComponent<JSX.SdField>;
 export declare const SdFilePicker: StencilVueComponent<JSX.SdFilePicker, JSX.SdFilePicker["value"]>;

package/dist/components.js

@@ -66,12 +66,17 @@ export const SdCalendar = /*@__PURE__*/ defineContainer('sd-calendar', undefined
     'value',
     'selectable',
     'events',
+    'elevated',
     'sdUpdate',
     'sdViewChange'
 ], [
     'sdUpdate',
     'sdViewChange'
 ], 'value', 'sdUpdate', undefined);
+export const SdCallout = /*@__PURE__*/ defineContainer('sd-callout', undefined, [
+    'type',
+    'message'
+]);
 export const SdCard = /*@__PURE__*/ defineContainer('sd-card', undefined, [
     'bordered',
     'sdClass'
@@ -215,15 +220,21 @@ export const SdDateRangePickerCalendar = /*@__PURE__*/ defineContainer('sd-date-
     'sdSelect',
     'sdViewChange'
 ]);
+export const SdDivider = /*@__PURE__*/ defineContainer('sd-divider', undefined, [
+    'vertical'
+]);
 export const SdDropdownButton = /*@__PURE__*/ defineContainer('sd-dropdown-button', undefined, [
     'name',
     'label',
     'items',
     'disabled',
+    'split',
     'sdClick',
+    'sdButtonClick',
     'sdDropDownShow'
 ], [
     'sdClick',
+    'sdButtonClick',
     'sdDropDownShow'
 ]);
 export const SdField = /*@__PURE__*/ defineContainer('sd-field', undefined, [
@@ -406,6 +417,9 @@ export const SdNumberInput = /*@__PURE__*/ defineContainer('sd-number-input', un
     'value',
     'label',
     'labelWidth',
+    'icon',
+    'labelTooltip',
+    'labelTooltipProps',
     'addonLabel',
     'addonAlign',
     'placeholder',
@@ -458,7 +472,6 @@ export const SdPopover = /*@__PURE__*/ defineContainer('sd-popover', undefined,
     'leftLink',
     'button',
     'menuClass',
-    'useClose',
     'sdShowChange'
 ], [
     'sdShowChange'
@@ -609,7 +622,7 @@ export const SdTable = /*@__PURE__*/ defineContainer('sd-table', undefined, [
     'height',
     'stickyHeader',
     'stickyColumn',
-    'radius',
+    'useTop',
     'noDataLabel',
     'isLoading',
     'pagination',

package/dist/define-custom-elements.d.ts

@@ -0,0 +1 @@
+export declare function defineCustomElements(): void;

package/dist/define-custom-elements.js

@@ -0,0 +1,25 @@
+import { defineCustomElements as defineLazyCustomElements } from '@sellmate/design-system/loader';
+// Host 기반 컴포넌트는 static 등록으로 고정해, 이중 runtime에서 발생하는 Host 식별자 불일치를 방지한다.
+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';
+export function defineCustomElements() {
+    if (typeof customElements === 'undefined')
+        return;
+    // Host 기반 컴포넌트를 우선 등록
+    defineSdCircleProgress();
+    defineSdLinearProgress();
+    defineSdLoadingModal();
+    defineSdTable();
+    defineSdTbody();
+    defineSdTd();
+    defineSdThead();
+    defineSdTr();
+    // 나머지 컴포넌트는 Stencil loader가 lazy 등록
+    defineLazyCustomElements();
+}

package/dist/plugin.js

@@ -1,4 +1,4 @@
-import { defineCustomElements } from '@sellmate/design-system/loader';
+import { defineCustomElements } from './define-custom-elements';
 export const StencilVuePlugin = {
     install(_app) {
         defineCustomElements();

package/lib/components.ts

@@ -81,6 +81,7 @@ export const SdCalendar: StencilVueComponent<JSX.SdCalendar, JSX.SdCalendar["val
   'value',
   'selectable',
   'events',
+  'elevated',
   'sdUpdate',
   'sdViewChange'
 ], [
@@ -90,6 +91,12 @@ export const SdCalendar: StencilVueComponent<JSX.SdCalendar, JSX.SdCalendar["val
 'value', 'sdUpdate', undefined);
 
 
+export const SdCallout: StencilVueComponent<JSX.SdCallout> = /*@__PURE__*/ defineContainer<JSX.SdCallout>('sd-callout', undefined, [
+  'type',
+  'message'
+]);
+
+
 export const SdCard: StencilVueComponent<JSX.SdCard> = /*@__PURE__*/ defineContainer<JSX.SdCard>('sd-card', undefined, [
   'bordered',
   'sdClass'
@@ -257,15 +264,23 @@ export const SdDateRangePickerCalendar: StencilVueComponent<JSX.SdDateRangePicke
 ]);
 
 
+export const SdDivider: StencilVueComponent<JSX.SdDivider> = /*@__PURE__*/ defineContainer<JSX.SdDivider>('sd-divider', undefined, [
+  'vertical'
+]);
+
+
 export const SdDropdownButton: StencilVueComponent<JSX.SdDropdownButton> = /*@__PURE__*/ defineContainer<JSX.SdDropdownButton>('sd-dropdown-button', undefined, [
   'name',
   'label',
   'items',
   'disabled',
+  'split',
   'sdClick',
+  'sdButtonClick',
   'sdDropDownShow'
 ], [
   'sdClick',
+  'sdButtonClick',
   'sdDropDownShow'
 ]);
 
@@ -478,6 +493,9 @@ export const SdNumberInput: StencilVueComponent<JSX.SdNumberInput, JSX.SdNumberI
   'value',
   'label',
   'labelWidth',
+  'icon',
+  'labelTooltip',
+  'labelTooltipProps',
   'addonLabel',
   'addonAlign',
   'placeholder',
@@ -536,7 +554,6 @@ export const SdPopover: StencilVueComponent<JSX.SdPopover> = /*@__PURE__*/ defin
   'leftLink',
   'button',
   'menuClass',
-  'useClose',
   'sdShowChange'
 ], [
   'sdShowChange'
@@ -716,7 +733,7 @@ export const SdTable: StencilVueComponent<JSX.SdTable, JSX.SdTable["selected"]>
   'height',
   'stickyHeader',
   'stickyColumn',
-  'radius',
+  'useTop',
   'noDataLabel',
   'isLoading',
   'pagination',

package/lib/define-custom-elements.ts

@@ -0,0 +1,28 @@
+import { defineCustomElements as defineLazyCustomElements } from '@sellmate/design-system/loader';
+
+// Host 기반 컴포넌트는 static 등록으로 고정해, 이중 runtime에서 발생하는 Host 식별자 불일치를 방지한다.
+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';
+
+export function defineCustomElements(): void {
+  if (typeof customElements === 'undefined') return;
+
+  // Host 기반 컴포넌트를 우선 등록
+  defineSdCircleProgress();
+  defineSdLinearProgress();
+  defineSdLoadingModal();
+  defineSdTable();
+  defineSdTbody();
+  defineSdTd();
+  defineSdThead();
+  defineSdTr();
+
+  // 나머지 컴포넌트는 Stencil loader가 lazy 등록
+  defineLazyCustomElements();
+}

package/lib/plugin.ts

@@ -1,5 +1,5 @@
-import { defineCustomElements } from '@sellmate/design-system/loader';
 import type { App } from 'vue';
+import { defineCustomElements } from './define-custom-elements';
 
 export const StencilVuePlugin = {
   install(_app: App) {

package/package.json

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