@sellmate/design-system-vue 1.5.0 → 1.7.0

package/dist/components.d.ts

@@ -16,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

@@ -220,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, [
@@ -394,6 +400,7 @@ export const SdLoadingModal = /*@__PURE__*/ defineContainer('sd-loading-modal',
     'buttonLabel',
     'width',
     'height',
+    'progress',
     'sdClick'
 ], [
     'sdClick'
@@ -411,6 +418,9 @@ export const SdNumberInput = /*@__PURE__*/ defineContainer('sd-number-input', un
     'value',
     'label',
     'labelWidth',
+    'icon',
+    'labelTooltip',
+    'labelTooltipProps',
     'addonLabel',
     'addonAlign',
     'placeholder',
@@ -459,11 +469,9 @@ export const SdPopover = /*@__PURE__*/ defineContainer('sd-popover', undefined,
     'disabled',
     'type',
     'menuTitle',
-    'messages',
     'leftLink',
     'button',
     'menuClass',
-    'useClose',
     'sdShowChange'
 ], [
     'sdShowChange'
@@ -614,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

@@ -264,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'
 ]);
 
@@ -464,6 +472,7 @@ export const SdLoadingModal: StencilVueComponent<JSX.SdLoadingModal> = /*@__PURE
   'buttonLabel',
   'width',
   'height',
+  'progress',
   'sdClick'
 ], [
   'sdClick'
@@ -485,6 +494,9 @@ export const SdNumberInput: StencilVueComponent<JSX.SdNumberInput, JSX.SdNumberI
   'value',
   'label',
   'labelWidth',
+  'icon',
+  'labelTooltip',
+  'labelTooltipProps',
   'addonLabel',
   'addonAlign',
   'placeholder',
@@ -539,11 +551,9 @@ export const SdPopover: StencilVueComponent<JSX.SdPopover> = /*@__PURE__*/ defin
   'disabled',
   'type',
   'menuTitle',
-  'messages',
   'leftLink',
   'button',
   'menuClass',
-  'useClose',
   'sdShowChange'
 ], [
   'sdShowChange'
@@ -723,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.5.0",
+  "version": "1.7.0",
   "description": "Design System - Vue Component Wrappers",
   "keywords": [
     "vue",
@@ -47,7 +47,7 @@
     "vue": "^3.4.38"
   },
   "dependencies": {
-    "@sellmate/design-system": "^1.5.0",
+    "@sellmate/design-system": "^1.7.0",
     "@stencil/vue-output-target": "^0.11.8"
   },
   "peerDependencies": {