@sellmate/design-system-vue 1.0.63 → 1.0.65

package/dist/components.js

@@ -5,6 +5,8 @@ import { defineContainer } from '@stencil/vue-output-target/runtime';
 export const SdActionModal = /*@__PURE__*/ defineContainer('sd-action-modal', undefined, [
     'modalTitle',
     'buttonProps',
+    'width',
+    'height',
     'sdClose',
     'sdOk'
 ], [
@@ -34,6 +36,7 @@ export const SdBarcodeInput = /*@__PURE__*/ defineContainer('sd-barcode-input',
     'focused',
     'hovered',
     'label',
+    'labelWidth',
     'icon',
     'labelTooltip',
     'labelTooltipProps',
@@ -149,6 +152,7 @@ export const SdDatePicker = /*@__PURE__*/ defineContainer('sd-date-picker', unde
     'disabled',
     'width',
     'label',
+    'labelWidth',
     'addonLabel',
     'hint',
     'errorMessage',
@@ -191,6 +195,7 @@ export const SdDateRangePicker = /*@__PURE__*/ defineContainer('sd-date-range-pi
     'disabled',
     'width',
     'label',
+    'labelWidth',
     'addonLabel',
     'hint',
     'errorMessage',
@@ -240,6 +245,7 @@ export const SdField = /*@__PURE__*/ defineContainer('sd-field', undefined, [
     'width',
     'size',
     'label',
+    'labelWidth',
     'addonLabel',
     'icon',
     'labelTooltip',
@@ -257,6 +263,7 @@ export const SdFilePicker = /*@__PURE__*/ defineContainer('sd-file-picker', unde
     'maxFiles',
     'name',
     'label',
+    'labelWidth',
     'addonLabel',
     'hint',
     'errorMessage',
@@ -346,6 +353,7 @@ export const SdInput = /*@__PURE__*/ defineContainer('sd-input', undefined, [
     'focused',
     'hovered',
     'label',
+    'labelWidth',
     'icon',
     'labelTooltip',
     'labelTooltipProps',
@@ -379,6 +387,7 @@ export const SdNumberInput = /*@__PURE__*/ defineContainer('sd-number-input', un
     'useDecimal',
     'value',
     'label',
+    'labelWidth',
     'addonLabel',
     'placeholder',
     'disabled',
@@ -488,6 +497,7 @@ export const SdSelect = /*@__PURE__*/ defineContainer('sd-select', undefined, [
     'clearable',
     'searchable',
     'label',
+    'labelWidth',
     'addonLabel',
     'icon',
     'labelTooltip',
@@ -531,6 +541,7 @@ export const SdSelectGroup = /*@__PURE__*/ defineContainer('sd-select-group', un
     'clearable',
     'searchable',
     'label',
+    'labelWidth',
     'addonLabel',
     'icon',
     'labelTooltip',
@@ -563,6 +574,7 @@ export const SdSelectMultiple = /*@__PURE__*/ defineContainer('sd-select-multipl
     'useAll',
     'useCheckbox',
     'label',
+    'labelWidth',
     'icon',
     'labelTooltip',
     'labelTooltipProps',
@@ -590,6 +602,7 @@ export const SdSelectMultipleGroup = /*@__PURE__*/ defineContainer('sd-select-mu
     'allCheckedLabel',
     'allCheckOptionLabel',
     'label',
+    'labelWidth',
     'icon',
     'labelTooltip',
     'labelTooltipProps',
@@ -651,6 +664,7 @@ export const SdSelectV2 = /*@__PURE__*/ defineContainer('sd-select-v2', undefine
     'dropdownHeight',
     'disabled',
     'label',
+    'labelWidth',
     'addonLabel',
     'error',
     'hint',
@@ -798,6 +812,7 @@ export const SdTextarea = /*@__PURE__*/ defineContainer('sd-textarea', undefined
     'spellcheck',
     'width',
     'label',
+    'labelWidth',
     'addonLabel',
     'hint',
     'errorMessage',

package/dist/sdModal.d.ts

@@ -16,7 +16,7 @@ export declare const SdModalVuePlugin: {
  *   이 경우 `componentProps` 는 무시됩니다.
  * - `component` 에 Vue 컴포넌트를 넘기면 `componentProps` 로 props 를 지정해
  *   메인 앱 컨텍스트 안에서 렌더한 뒤 core 로 위임합니다.
- * - `persist` 는 core 옵션을 그대로 전달합니다.
+ * - `persistent` 는 core 옵션을 그대로 전달합니다.
  */
 export interface SdModalCreateOption extends Omit<CoreSdModalCreateOption, 'component'> {
     component: HTMLElement | Component;
@@ -26,7 +26,7 @@ export interface SdModalCreateOption extends Omit<CoreSdModalCreateOption, 'comp
  * Vue-aware `sdModal`.
  *
  * - `sdModal.confirm(options)` — core 와 동일
- * - `sdModal.create({ component, componentProps?, persist? })` —
+ * - `sdModal.create({ component, componentProps?, persistent? })` —
  *   `component` 가 HTMLElement 면 core 로 위임, Vue 컴포넌트면 메인 앱
  *   컨텍스트 안에서 렌더한 뒤 위임합니다. 모달이 닫히면 자동으로 언마운트됩니다.
  *

package/dist/sdModal.js

@@ -35,7 +35,7 @@ function mountVueComponent(component, componentProps) {
  * Vue-aware `sdModal`.
  *
  * - `sdModal.confirm(options)` — core 와 동일
- * - `sdModal.create({ component, componentProps?, persist? })` —
+ * - `sdModal.create({ component, componentProps?, persistent? })` —
  *   `component` 가 HTMLElement 면 core 로 위임, Vue 컴포넌트면 메인 앱
  *   컨텍스트 안에서 렌더한 뒤 위임합니다. 모달이 닫히면 자동으로 언마운트됩니다.
  *
@@ -54,15 +54,15 @@ export const sdModal = {
         coreSdModal.configure(options);
     },
     create(input) {
-        const { component, componentProps = {}, persist } = input;
+        const { component, componentProps = {}, persistent } = input;
         // HTMLElement 오버로드: core 로 바로 위임
         if (isHTMLElement(component)) {
-            return coreSdModal.create({ component, persist });
+            return coreSdModal.create({ component, persistent });
         }
         // Vue 컴포넌트 오버로드 — modalRef 를 먼저 만들어 props 에 주입한 뒤 mount
         const modalRef = _createSdModalRef();
         const { el, host } = mountVueComponent(component, { ...componentProps, modalRef });
-        _attachSdModalWithRef(modalRef, { component: el, persist });
+        _attachSdModalWithRef(modalRef, { component: el, persistent });
         modalRef.onDismissed(() => {
             render(null, host);
         });

package/lib/components.ts

@@ -11,6 +11,8 @@ import type { JSX } from '@sellmate/design-system';
 export const SdActionModal: StencilVueComponent<JSX.SdActionModal> = /*@__PURE__*/ defineContainer<JSX.SdActionModal>('sd-action-modal', undefined, [
   'modalTitle',
   'buttonProps',
+  'width',
+  'height',
   'sdClose',
   'sdOk'
 ], [
@@ -44,6 +46,7 @@ export const SdBarcodeInput: StencilVueComponent<JSX.SdBarcodeInput, JSX.SdBarco
   'focused',
   'hovered',
   'label',
+  'labelWidth',
   'icon',
   'labelTooltip',
   'labelTooltipProps',
@@ -179,6 +182,7 @@ export const SdDatePicker: StencilVueComponent<JSX.SdDatePicker, JSX.SdDatePicke
   'disabled',
   'width',
   'label',
+  'labelWidth',
   'addonLabel',
   'hint',
   'errorMessage',
@@ -228,6 +232,7 @@ export const SdDateRangePicker: StencilVueComponent<JSX.SdDateRangePicker, JSX.S
   'disabled',
   'width',
   'label',
+  'labelWidth',
   'addonLabel',
   'hint',
   'errorMessage',
@@ -284,6 +289,7 @@ export const SdField: StencilVueComponent<JSX.SdField> = /*@__PURE__*/ defineCon
   'width',
   'size',
   'label',
+  'labelWidth',
   'addonLabel',
   'icon',
   'labelTooltip',
@@ -303,6 +309,7 @@ export const SdFilePicker: StencilVueComponent<JSX.SdFilePicker, JSX.SdFilePicke
   'maxFiles',
   'name',
   'label',
+  'labelWidth',
   'addonLabel',
   'hint',
   'errorMessage',
@@ -405,6 +412,7 @@ export const SdInput: StencilVueComponent<JSX.SdInput, JSX.SdInput["value"]> = /
   'focused',
   'hovered',
   'label',
+  'labelWidth',
   'icon',
   'labelTooltip',
   'labelTooltipProps',
@@ -447,6 +455,7 @@ export const SdNumberInput: StencilVueComponent<JSX.SdNumberInput, JSX.SdNumberI
   'useDecimal',
   'value',
   'label',
+  'labelWidth',
   'addonLabel',
   'placeholder',
   'disabled',
@@ -577,6 +586,7 @@ export const SdSelect: StencilVueComponent<JSX.SdSelect, JSX.SdSelect["value"]>
   'clearable',
   'searchable',
   'label',
+  'labelWidth',
   'addonLabel',
   'icon',
   'labelTooltip',
@@ -625,6 +635,7 @@ export const SdSelectGroup: StencilVueComponent<JSX.SdSelectGroup> = /*@__PURE__
   'clearable',
   'searchable',
   'label',
+  'labelWidth',
   'addonLabel',
   'icon',
   'labelTooltip',
@@ -659,6 +670,7 @@ export const SdSelectMultiple: StencilVueComponent<JSX.SdSelectMultiple, JSX.SdS
   'useAll',
   'useCheckbox',
   'label',
+  'labelWidth',
   'icon',
   'labelTooltip',
   'labelTooltipProps',
@@ -689,6 +701,7 @@ export const SdSelectMultipleGroup: StencilVueComponent<JSX.SdSelectMultipleGrou
   'allCheckedLabel',
   'allCheckOptionLabel',
   'label',
+  'labelWidth',
   'icon',
   'labelTooltip',
   'labelTooltipProps',
@@ -759,6 +772,7 @@ export const SdSelectV2: StencilVueComponent<JSX.SdSelectV2, JSX.SdSelectV2["val
   'dropdownHeight',
   'disabled',
   'label',
+  'labelWidth',
   'addonLabel',
   'error',
   'hint',
@@ -934,6 +948,7 @@ export const SdTextarea: StencilVueComponent<JSX.SdTextarea, JSX.SdTextarea["val
   'spellcheck',
   'width',
   'label',
+  'labelWidth',
   'addonLabel',
   'hint',
   'errorMessage',

package/lib/sdModal.ts

@@ -37,7 +37,7 @@ let capturedContext: AppContext | null = null;
  *   이 경우 `componentProps` 는 무시됩니다.
  * - `component` 에 Vue 컴포넌트를 넘기면 `componentProps` 로 props 를 지정해
  *   메인 앱 컨텍스트 안에서 렌더한 뒤 core 로 위임합니다.
- * - `persist` 는 core 옵션을 그대로 전달합니다.
+ * - `persistent` 는 core 옵션을 그대로 전달합니다.
  */
 export interface SdModalCreateOption
   extends Omit<CoreSdModalCreateOption, 'component'> {
@@ -80,7 +80,7 @@ function mountVueComponent(
  * Vue-aware `sdModal`.
  *
  * - `sdModal.confirm(options)` — core 와 동일
- * - `sdModal.create({ component, componentProps?, persist? })` —
+ * - `sdModal.create({ component, componentProps?, persistent? })` —
  *   `component` 가 HTMLElement 면 core 로 위임, Vue 컴포넌트면 메인 앱
  *   컨텍스트 안에서 렌더한 뒤 위임합니다. 모달이 닫히면 자동으로 언마운트됩니다.
  *
@@ -102,17 +102,17 @@ export const sdModal = {
   },
 
   create(input: SdModalCreateOption): ModalDialogRef {
-    const { component, componentProps = {}, persist } = input;
+    const { component, componentProps = {}, persistent } = input;
 
     // HTMLElement 오버로드: core 로 바로 위임
     if (isHTMLElement(component)) {
-      return coreSdModal.create({ component, persist });
+      return coreSdModal.create({ component, persistent });
     }
 
     // Vue 컴포넌트 오버로드 — modalRef 를 먼저 만들어 props 에 주입한 뒤 mount
     const modalRef = _createSdModalRef();
     const { el, host } = mountVueComponent(component, { ...componentProps, modalRef });
-    _attachSdModalWithRef(modalRef, { component: el, persist });
+    _attachSdModalWithRef(modalRef, { component: el, persistent });
     modalRef.onDismissed(() => {
       render(null, host);
     });

package/package.json

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