@wipco/sdui 0.20.0 → 0.22.0

package/dist/meta.d.ts

@@ -1,4 +1,4 @@
-import { b as SduiPropValue, i as SduiNode } from './types-opTPYysN.js';
+import { b as SduiPropValue, i as SduiNode } from './types-BNdv5-jn.js';
 
 /**
  * 시각 빌더용 컴포넌트 메타데이터 스키마.
@@ -405,9 +405,9 @@ declare const richComponentMeta: {
  * 받지 않게 하려는 것이다. 여기도 값 import는 없다(`import type`만).
  *
  * 프롭 목록은 `src/widgets/*.tsx`의 **실제 프롭 인터페이스**와, ERP 스펙 84개를 훑어
- * 뽑은 **실사용 프롭 집합**의 합집합이다. 대조 결과 이 21종에서 스펙이 쓰는 프롭 중
- * 구현에 없는 것은 `AutocompleteField.endpoint` 하나뿐이고(아래 `legacy` 주석 참고),
- * 나머지는 전부 구현에 존재한다.
+ * 뽑은 **실사용 프롭 집합**의 합집합이다. 스펙이 쓰는데 구현에 없는 프롭은 이제
+ * **한 개도 없다** — 마지막 하나였던 `AutocompleteField.endpoint`가 0.22.0에서
+ * 구현으로 들어왔다(소비 앱이 들고 있던 어댑터가 그만큼 사라진다).
  *
  * ## 함수 프롭을 메타데이터에 넣지 않은 자리
  *
@@ -442,6 +442,7 @@ declare const OrgChartMeta: SduiComponentMeta;
 declare const SummaryTableMeta: SduiComponentMeta;
 declare const TreeViewMeta: SduiComponentMeta;
 declare const PrintSheetMeta: SduiComponentMeta;
+declare const RecordSheetMeta: SduiComponentMeta;
 declare const SecureScreenMeta: SduiComponentMeta;
 declare const StripMeta: SduiComponentMeta;
 /**
@@ -467,6 +468,7 @@ declare const widgetComponentMeta: {
     OrgChart: SduiComponentMeta;
     PeriodFilter: SduiComponentMeta;
     PrintSheet: SduiComponentMeta;
+    RecordSheet: SduiComponentMeta;
     SearchableMultiPicker: SduiComponentMeta;
     SecureScreen: SduiComponentMeta;
     StackedMeter: SduiComponentMeta;
@@ -557,11 +559,11 @@ declare const SDUI_CATEGORIES: ReadonlyArray<{
     label: string;
 }>;
 /**
- * 라이브러리가 아는 어휘 전체 — 기본 41 + rich 2 + 위젯 21 + DS 6 + 렌더러 내장 2 = 72종.
+ * 라이브러리가 아는 어휘 전체 — 기본 42 + rich 2 + 위젯 22 + DS 6 + 렌더러 내장 2 = 74종.
  * 편집기처럼 어휘 전부를 다뤄야 하는 쪽에서 쓴다.
  *
  * **레지스트리와 일대일이 아니다.** `defaultRegistry`에 없는 것도 들어 있다 —
- * rich 2종, 위젯 21종, DS 6종은 소비자가 `createRegistry`로 직접 얹는 어휘라서
+ * rich 2종, 위젯 22종, DS 6종은 소비자가 `createRegistry`로 직접 얹는 어휘라서
  * 여기 있다고 곧바로 렌더되지는 않는다. 이 목록은 "빌더가 프롭을 그릴 줄 아는 이름"이지
  * "지금 렌더할 수 있는 이름"이 아니다.
  *
@@ -586,4 +588,4 @@ declare function paletteGroups(catalog?: Record<string, SduiComponentMeta>): Arr
     items: SduiComponentMeta[];
 }>;
 
-export { ActionsMeta, AlertMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, FieldMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RemoteSearchResultsMeta, RowMeta, SDUI_CATEGORIES, SELF_AXIS_PROPS, type SduiCategory, type SduiChildrenMeta, type SduiComponentMeta, type SduiDomMeta, type SduiEnumOption, type SduiPropGroup, type SduiPropKind, type SduiPropMeta, type SduiResizeMeta, type SduiSlotMeta, SearchResultsMeta, SearchableMultiPickerMeta, SectionMeta, SecureScreenMeta, SegmentedControlMeta, SelectMeta, ShowMeta, SidebarNavMeta, SortHandleMeta, SortableListMeta, SpacerMeta, SpinnerMeta, StackedMeterMeta, StatCardMeta, StripMeta, SummaryTableMeta, SwitchMeta, TableMeta, TabsMeta, TagMeta, TagMultiSelectMeta, TextMeta, TextareaMeta, TimePickerMeta, TimelineMeta, ToastMeta, TooltipMeta, TreePickerMeta, TreeViewMeta, allComponentMeta, builtinComponentMeta, coreComponentMeta, dsComponentMeta, getComponentMeta, paletteGroups, richComponentMeta, slotNamesOf, widgetComponentMeta, withSelfAxis, withSelfAxisAll };
+export { ActionsMeta, AlertMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, FieldMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RecordSheetMeta, RemoteSearchResultsMeta, RowMeta, SDUI_CATEGORIES, SELF_AXIS_PROPS, type SduiCategory, type SduiChildrenMeta, type SduiComponentMeta, type SduiDomMeta, type SduiEnumOption, type SduiPropGroup, type SduiPropKind, type SduiPropMeta, type SduiResizeMeta, type SduiSlotMeta, SearchResultsMeta, SearchableMultiPickerMeta, SectionMeta, SecureScreenMeta, SegmentedControlMeta, SelectMeta, ShowMeta, SidebarNavMeta, SortHandleMeta, SortableListMeta, SpacerMeta, SpinnerMeta, StackedMeterMeta, StatCardMeta, StripMeta, SummaryTableMeta, SwitchMeta, TableMeta, TabsMeta, TagMeta, TagMultiSelectMeta, TextMeta, TextareaMeta, TimePickerMeta, TimelineMeta, ToastMeta, TooltipMeta, TreePickerMeta, TreeViewMeta, allComponentMeta, builtinComponentMeta, coreComponentMeta, dsComponentMeta, getComponentMeta, paletteGroups, richComponentMeta, slotNamesOf, widgetComponentMeta, withSelfAxis, withSelfAxisAll };

package/dist/meta.js

@@ -3298,7 +3298,7 @@ var AutocompleteFieldMeta = {
   label: "\uC790\uB3D9\uC644\uC131",
   category: "input",
   icon: "search",
-  description: "\uAC80\uC0C9\uD574\uC11C \uD558\uB098\uB97C \uACE0\uB974\uB294 \uC785\uB825. \uACE0\uB978 \uB4A4\uC5D0\uB294 \uC120\uD0DD \uCE74\uB4DC\uB85C \uC811\uD78C\uB2E4. \uC6D0\uACA9 \uC870\uD68C\uB294 \uC571\uC774 \uC5B9\uC740 \uC5B4\uB311\uD130\uAC00 \uB2F4\uB2F9\uD55C\uB2E4.",
+  description: "\uAC80\uC0C9\uD574\uC11C \uD558\uB098\uB97C \uACE0\uB974\uB294 \uC785\uB825. \uACE0\uB978 \uB4A4\uC5D0\uB294 \uC120\uD0DD \uCE74\uB4DC\uB85C \uC811\uD78C\uB2E4. \uAC80\uC0C9 \uACBD\uB85C\uB97C \uC8FC\uBA74 \uC6D0\uACA9 \uC870\uD68C\uAE4C\uC9C0 \uD55C\uB2E4.",
   props: [
     {
       name: "options",
@@ -3316,9 +3316,15 @@ var AutocompleteFieldMeta = {
     {
       name: "endpoint",
       kind: "string",
-      legacy: true,
       label: "\uAC80\uC0C9 \uACBD\uB85C",
-      description: "\uB77C\uC774\uBE0C\uB7EC\uB9AC \uAD6C\uD604\uC5D0\uB294 \uC5C6\uB2E4 \u2014 \uC774 \uC790\uB9AC\uC758 \uB77C\uC774\uBE0C\uB7EC\uB9AC \uD504\uB86D\uC740 `search`(\uD568\uC218)\uB77C JSON\uC73C\uB85C \uD45C\uD604\uD560 \uC218 \uC5C6\uC5B4\uC11C, \uC18C\uBE44 \uC571\uC774 \uC5B4\uB311\uD130\uB97C \uC50C\uC6CC endpoint\uB97C search\uB85C \uBC14\uAFD4 \uB4F1\uB85D\uD55C\uB2E4(ERP\uC758 `@/components/widgets/AutocompleteField`). \uC2A4\uD399 \uC5B4\uD718\uB294 endpoint \uCABD\uC774\uBBC0\uB85C \uC9C0\uC6B0\uC9C0 \uC54A\uB294\uB2E4.",
+      description: "\uC8FC\uBA74 \uC5B4\uB311\uD130\uC758 fetch\uB85C \uC9C1\uC811 \uC870\uD68C\uD55C\uB2E4(`GET {\uACBD\uB85C}?q={\uD0A4\uC6CC\uB4DC}`). 0.22.0 \uC804\uC5D0\uB294 \uC774 \uD504\uB86D\uC774 \uB77C\uC774\uBE0C\uB7EC\uB9AC \uAD6C\uD604\uC5D0 \uC5C6\uC5B4\uC11C \uC18C\uBE44 \uC571\uC774 \uC5B4\uB311\uD130\uB97C \uC50C\uC6CC endpoint\uB97C search \uD568\uC218\uB85C \uBC14\uAFD4 \uB4F1\uB85D\uD588\uB2E4 \u2014 \uC774\uC81C \uD544\uC694 \uC5C6\uB2E4.",
+      group: "data"
+    },
+    {
+      name: "searchParam",
+      kind: "string",
+      label: "\uD0A4\uC6CC\uB4DC \uD30C\uB77C\uBBF8\uD130",
+      description: "endpoint \uC870\uD68C\uC5D0 \uBD99\uB294 \uD0A4\uC6CC\uB4DC \uCFFC\uB9AC \uC774\uB984. \uAE30\uBCF8 'q'.",
       group: "data"
     },
     {
@@ -4478,6 +4484,146 @@ var PrintSheetMeta = {
   },
   resize: { kind: "none" }
 };
+var RecordSheetMeta = {
+  name: "RecordSheet",
+  label: "\uC591\uC2DD \uD45C",
+  category: "data",
+  icon: "layout-grid",
+  description: "\uCE78\uC744 \uBCD1\uD569\uD574 \uC4F0\uB294 \uC885\uC774 \uC11C\uC2DD\uC6A9 \uD45C(\uC778\uC0AC\uAE30\uB85D\uCE74\uB4DC \uB4F1). \uACA9\uC790 \uC5F4 \uC218\uB97C \uC815\uD558\uACE0 \uCE78\uB9C8\uB2E4 \uBA87 \uCE78\uC744 \uCC28\uC9C0\uD560\uC9C0 \uC801\uB294\uB2E4 \u2014 \uAD6C\uD68D\uC774 \uB2EC\uB77C\uB3C4 \uC138\uB85C\uC120\uC774 \uD558\uB098\uB85C \uC774\uC5B4\uC9C4\uB2E4.",
+  props: [
+    {
+      name: "columns",
+      kind: "number",
+      label: "\uACA9\uC790 \uC5F4 \uC218",
+      default: 24,
+      description: "\uBAA8\uB4E0 \uCE78 \uBCD1\uD569(span)\uC758 \uAE30\uC900. 24\uBA74 2\xB73\xB74\xB76\xB78\xB712 \uB4F1\uBD84\uC774 \uB531 \uB5A8\uC5B4\uC9C4\uB2E4.",
+      group: "layout"
+    },
+    { name: "title", kind: "string", label: "\uD45C \uC81C\uBAA9 \uC904", bindable: true, group: "content" },
+    {
+      name: "rows",
+      kind: "array",
+      label: "\uC904",
+      required: true,
+      group: "data",
+      description: "\uC704\uC5D0\uC11C \uC544\uB798\uB85C \uADF8\uB9B4 \uC904 \uBAA9\uB85D. \uAC01 \uC904\uC740 \uCE78 \uBAA9\uB85D\uC774\uAC70\uB098, \uBC30\uC5F4\uC744 \uB418\uD480\uC774\uD558\uB294 \uC904\uC774\uB2E4.",
+      item: [
+        {
+          name: "gap",
+          kind: "boolean",
+          label: "\uBE48 \uC904",
+          description: "\uD14C\uB450\uB9AC \uC5C6\uB294 \uC5EC\uBC31 \uC904 \u2014 \uAD6C\uD68D \uC0AC\uC774\uB97C \uB744\uC6B4\uB2E4. \uCF1C\uBA74 \uB098\uBA38\uC9C0\uB294 \uBB34\uC2DC\uB41C\uB2E4."
+        },
+        {
+          name: "repeat",
+          kind: "binding",
+          label: "\uB418\uD480\uC774\uD560 \uBC30\uC5F4\uB4E4",
+          bindable: true,
+          description: "\uBC30\uC5F4\uC758 \uBC30\uC5F4. \uC5EC\uB7FF \uC8FC\uBA74 \uB098\uB780\uD788 \uB193\uACE0 \uAC00\uC7A5 \uAE34 \uAC83\uC5D0 \uB9DE\uCD98\uB2E4 \u2014 \uC67C\uCABD \uD559\uB825\xB7\uC624\uB978\uCABD \uC790\uACA9\uCC98\uB7FC \uAE38\uC774\uAC00 \uB2E4\uB978 \uBAA9\uB85D\uC744 \uD55C \uACA9\uC790\uC5D0 \uB2F4\uB294\uB2E4."
+        },
+        {
+          name: "minRows",
+          kind: "number",
+          label: "\uCD5C\uC18C \uC904 \uC218",
+          description: "\uAC12\uC774 \uBAA8\uC790\uB77C\uBA74 \uBE48 \uC904\uB85C \uCC44\uC6CC \uC591\uC2DD \uB192\uC774\uB97C \uC9C0\uD0A8\uB2E4."
+        },
+        {
+          name: "cells",
+          kind: "array",
+          label: "\uCE78",
+          item: [
+            { name: "span", kind: "number", label: "\uC5F4 \uBCD1\uD569", default: 1 },
+            { name: "rowSpan", kind: "number", label: "\uD589 \uBCD1\uD569", default: 1 },
+            {
+              name: "kind",
+              kind: "enum",
+              label: "\uCE78 \uC885\uB958",
+              default: "value",
+              options: [
+                { value: "value", label: "\uAC12" },
+                { value: "label", label: "\uBA38\uB9AC\uCE78", description: "\uD68C\uC0C9 \uBC30\uACBD + \uAC00\uC6B4\uB370 \uC815\uB82C" },
+                { value: "section", label: "\uAD6C\uD68D \uC81C\uBAA9", description: "\uAD6C\uD68D \uC704\uC5D0 \uAD75\uC740 \uC120\uC774 \uBD99\uB294\uB2E4" },
+                { value: "photo", label: "\uC0AC\uC9C4", description: "src\uC758 \uC0AC\uC9C4\uC744 \uCC44\uC6B4\uB2E4. \uC5C6\uC73C\uBA74 \uC790\uB9AC \uC0C1\uC790." }
+              ]
+            },
+            { name: "text", kind: "node", label: "\uACE0\uC815 \uAC12", bindable: true },
+            { name: "source", kind: "number", label: "\uBC30\uC5F4 \uBC88\uD638", default: 0, description: "\uB418\uD480\uC774 \uC904\uC5D0\uC11C \uBA87 \uBC88\uC9F8 \uBC30\uC5F4\uC744 \uBCFC\uC9C0." },
+            { name: "field", kind: "string", label: "\uD56D\uBAA9 \uD544\uB4DC" },
+            {
+              name: "fields",
+              kind: "array",
+              label: "\uC774\uC5B4 \uBD99\uC77C \uD544\uB4DC\uB4E4",
+              item: [],
+              itemKind: "string",
+              description: "\uAE30\uAC04 \uCE78(\uC2DC\uC791 ~ \uC885\uB8CC)\uCC98\uB7FC \uB450 \uD544\uB4DC\uB97C \uD55C \uCE78\uC5D0 \uB2F4\uC744 \uB54C."
+            },
+            { name: "separator", kind: "string", label: "\uC774\uC74C\uB9D0", default: " ~ " },
+            {
+              name: "align",
+              kind: "enum",
+              label: "\uC815\uB82C",
+              options: [
+                { value: "left", label: "\uC67C\uCABD" },
+                { value: "center", label: "\uAC00\uC6B4\uB370" },
+                { value: "right", label: "\uC624\uB978\uCABD" }
+              ]
+            },
+            { name: "mono", kind: "boolean", label: "\uACE0\uC815\uD3ED \uAE00\uAF34" },
+            { name: "placeholder", kind: "string", label: "\uBE48 \uAC12 \uD45C\uC2DC", default: "-" },
+            { name: "src", kind: "string", label: "\uC0AC\uC9C4 \uC8FC\uC18C", bindable: true },
+            { name: "alt", kind: "string", label: "\uC0AC\uC9C4 \uB300\uCCB4 \uAE00\uC790", default: "\uC0AC\uC9C4" }
+          ]
+        }
+      ]
+    },
+    {
+      name: "note",
+      kind: "string",
+      label: "\uD45C \uC544\uB798 \uC8FC\uC11D",
+      bindable: true,
+      group: "content",
+      description: "\uC624\uB978\uCABD \uC544\uB798\uC5D0 \uC791\uAC8C \uBD99\uB294 \uD55C \uC904(\uCD9C\uB825\uC77C \uB4F1)."
+    }
+  ],
+  children: { accepts: false },
+  dom: { element: "div" },
+  preset: {
+    component: "RecordSheet",
+    props: {
+      columns: 12,
+      title: "\uC0AC\uC6D0 \uC778\uC0AC\uAE30\uB85D\uCE74\uB4DC",
+      rows: [
+        {
+          cells: [
+            { kind: "label", span: 2, text: "\uC131\uBA85" },
+            { span: 4, text: "\uD64D\uAE38\uB3D9" },
+            { kind: "label", span: 2, text: "\uC0AC\uBC88" },
+            { span: 4, text: "140", mono: true }
+          ]
+        },
+        { gap: true },
+        { cells: [{ kind: "section", span: 12, text: "1) \uD559\uC704 \uBC0F \uD559\uB825\uC0AC\uD56D" }] },
+        {
+          cells: [
+            { kind: "label", span: 5, text: "\uD559\uAD50\uBA85" },
+            { kind: "label", span: 3, text: "\uD559\uC704" },
+            { kind: "label", span: 4, text: "\uC878\uC5C5\uC77C" }
+          ]
+        },
+        {
+          repeat: [[{ institution: "\uC704\uD504\uCF54\uB300\uD559\uAD50", degree: "\uD559\uC0AC", end_date: "2018-02-09" }]],
+          minRows: 2,
+          cells: [
+            { span: 5, field: "institution" },
+            { span: 3, field: "degree", align: "center" },
+            { span: 4, field: "end_date", align: "center", mono: true }
+          ]
+        }
+      ]
+    }
+  },
+  resize: { kind: "none" }
+};
 var SecureScreenMeta = {
   name: "SecureScreen",
   label: "\uD654\uBA74 \uBCF4\uD638",
@@ -4576,6 +4722,7 @@ var widgetComponentMeta = {
   OrgChart: OrgChartMeta,
   PeriodFilter: PeriodFilterMeta,
   PrintSheet: PrintSheetMeta,
+  RecordSheet: RecordSheetMeta,
   SearchableMultiPicker: SearchableMultiPickerMeta,
   SecureScreen: SecureScreenMeta,
   StackedMeter: StackedMeterMeta,
@@ -4620,4 +4767,4 @@ function paletteGroups(catalog = allComponentMeta) {
   })).filter((group) => group.items.length > 0);
 }
 
-export { ActionsMeta, AlertMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, FieldMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RemoteSearchResultsMeta, RowMeta, SDUI_CATEGORIES, SELF_AXIS_PROPS, SearchResultsMeta, SearchableMultiPickerMeta, SectionMeta, SecureScreenMeta, SegmentedControlMeta, SelectMeta, ShowMeta, SidebarNavMeta, SortHandleMeta, SortableListMeta, SpacerMeta, SpinnerMeta, StackedMeterMeta, StatCardMeta, StripMeta, SummaryTableMeta, SwitchMeta, TableMeta, TabsMeta, TagMeta, TagMultiSelectMeta, TextMeta, TextareaMeta, TimePickerMeta, TimelineMeta, ToastMeta, TooltipMeta, TreePickerMeta, TreeViewMeta, allComponentMeta, builtinComponentMeta, coreComponentMeta, dsComponentMeta, getComponentMeta, paletteGroups, richComponentMeta, slotNamesOf, widgetComponentMeta, withSelfAxis, withSelfAxisAll };
+export { ActionsMeta, AlertMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, FieldMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RecordSheetMeta, RemoteSearchResultsMeta, RowMeta, SDUI_CATEGORIES, SELF_AXIS_PROPS, SearchResultsMeta, SearchableMultiPickerMeta, SectionMeta, SecureScreenMeta, SegmentedControlMeta, SelectMeta, ShowMeta, SidebarNavMeta, SortHandleMeta, SortableListMeta, SpacerMeta, SpinnerMeta, StackedMeterMeta, StatCardMeta, StripMeta, SummaryTableMeta, SwitchMeta, TableMeta, TabsMeta, TagMeta, TagMultiSelectMeta, TextMeta, TextareaMeta, TimePickerMeta, TimelineMeta, ToastMeta, TooltipMeta, TreePickerMeta, TreeViewMeta, allComponentMeta, builtinComponentMeta, coreComponentMeta, dsComponentMeta, getComponentMeta, paletteGroups, richComponentMeta, slotNamesOf, widgetComponentMeta, withSelfAxis, withSelfAxisAll };

package/dist/rich.js

@@ -1,5 +1,5 @@
-import { useSduiAssetResolver } from './chunk-HPZTFZZN.js';
-export { TimePicker } from './chunk-HPZTFZZN.js';
+export { TimePicker } from './chunk-PNVOE5VH.js';
+import { useSduiAssetResolver } from './chunk-WGRB5UL4.js';
 import { HoistedStyle } from './chunk-XKLUCUVA.js';
 export { DatePicker, DateRangePicker } from './chunk-XKLUCUVA.js';
 import { Spinner, EmptyState } from './chunk-WIDDHR7L.js';

package/dist/{types-opTPYysN.d.ts → types-BNdv5-jn.d.ts}

@@ -64,11 +64,67 @@ interface SduiIndexRef {
 interface SduiCalcRef {
     $calc: {
         op: 'sum' | 'sub' | 'mul' | 'div' | 'percent' | 'count' | 'concat' | 'encode'
-        /** 비교·논리 — Show의 when, Button의 disabled 등에 바인딩한다 */
-         | 'eq' | 'gt' | 'gte' | 'lt' | 'lte' | 'not';
+        /**
+         * 비교·논리 — Show의 when, Button의 disabled 등에 바인딩한다.
+         * 순서 비교(gt/gte/lt/lte)는 숫자로 재되, **양쪽이 모두 숫자가 아닌 문자열일
+         * 때만** 사전순으로 본다 — ISO 날짜·시각 문자열의 대소가 이 규칙으로 성립한다.
+         */
+         | 'eq' | 'gt' | 'gte' | 'lt' | 'lte' | 'not' | 'and' | 'or'
+        /**
+         * 값 고르기. `if`는 `then`/`else`, `match`는 `cases`(+`default`)를 쓴다 —
+         * 둘 다 **고른 가지만** 해석되므로 안 고른 가지의 조회는 나가지 않는다.
+         * `coalesce`는 args에서 처음으로 비지 않은 값(null·undefined·'' 제외)을 준다.
+         */
+         | 'if' | 'match' | 'coalesce'
+        /**
+         * 목록·객체. JSON에는 람다가 없으므로 술어는 `where` 객체로 쓴다
+         * (Prisma의 where와 같은 모양 — 아래 필드 설명 참고).
+         *
+         * - `get`     args[0]에서 args[1] 키/인덱스로 꺼낸다(런타임 값이 키가 될 수 있다)
+         * - `pluck`   객체 배열에서 `field` 값만 뽑아 값 배열로 만든다(빈 값은 떨어뜨린다)
+         * - `filter`  `where`에 맞는 행만 남긴다
+         * - `some`/`every`  `where`에 맞는 행이 있는지 / 전부인지
+         * - `includes` 목록(또는 문자열)이 args[1]을 담고 있는지
+         * - `distinct` `field`(없으면 값 자체) 기준 중복 제거
+         * - `except`  args[0]에서 args[1]에 있는 것을 뺀다(`field`로 맞춘다)
+         * - `entries` 객체를 `{key, value}` 배열로 편다 — ForEach가 돌 수 있는 모양
+         * - `length`  배열·문자열의 길이
+         * - `join`    `sep`(기본 ',')으로 잇는다
+         * - `split`   `sep`(기본 ',')으로 가른다. `take`를 주면 그 조각 하나(음수는 뒤에서)
+         * - `sortBy`  `field` 기준 정렬(`desc: true`면 내림차순). 원본은 건드리지 않는다
+         */
+         | 'get' | 'pluck' | 'filter' | 'some' | 'every' | 'includes' | 'distinct' | 'except' | 'entries' | 'length' | 'join' | 'split' | 'sortBy';
         args: SduiPropValue[];
-        /** sum/count에서 객체 배열의 필드를 지정 */
+        /** sum/count·목록 연산에서 객체 배열의 필드를 지정 */
         field?: string;
+        /**
+         * `filter`·`some`·`every`의 술어. 키가 필드, 값이 연산 객체다.
+         *
+         *   { "deptId": { "eq": { "$state": "sel" } },
+         *     "level":  { "gte": 3 },
+         *     "OR": [ { "status": "open" }, { "owner": { "isNull": true } } ] }
+         *
+         * 필드 연산: eq · ne · gt · gte · lt · lte · in · notIn · contains ·
+         * startsWith · endsWith · isNull. 값이 연산 객체가 아니면 `eq`로 읽는다.
+         * 같은 객체의 키들은 AND이고, `AND`/`OR`는 술어 배열, `NOT`은 술어 하나다.
+         * 술어 안의 값에도 참조를 쓸 수 있는데, 이때 `$item`은 거르고 있는 행이 아니라
+         * **바깥 ForEach의 행**을 가리킨다(거르는 행은 필드 이름으로 지목한다).
+         */
+        where?: SduiPropValue;
+        /** `if`가 참일 때의 값 (고를 때만 해석된다) */
+        then?: SduiPropValue;
+        /** `if`가 거짓일 때의 값 (고를 때만 해석된다) */
+        else?: SduiPropValue;
+        /** `match`의 대응표 — 키는 args[0]을 문자열로 눕힌 값 */
+        cases?: Record<string, SduiPropValue>;
+        /** `match`에서 어느 case에도 안 맞을 때의 값 */
+        default?: SduiPropValue;
+        /** `join`/`split`의 구분자 (기본 ',') */
+        sep?: string;
+        /** `split`에서 꺼낼 조각의 인덱스. 음수는 뒤에서부터 센다 */
+        take?: number;
+        /** `sortBy`를 내림차순으로 */
+        desc?: boolean;
     };
 }
 /** 폼 필드 검증 규칙. */

package/dist/widgets/AutocompleteField.d.ts

@@ -26,7 +26,20 @@ interface AutocompleteFieldProps {
      * ERP의 `endpoint` 프롭은 이 함수를 만드는 앱 쪽 어댑터가 계속 소유한다(위 주석 참고).
      */
     search?: AutocompleteSearchFn;
-    /** 정적 옵션(데모/폴백) — `search`가 없을 때 로컬 검색 대상. */
+    /**
+     * 조회 경로. 주면 **어댑터의 `fetch`로 직접 조회한다** — 소비 앱이 `search`를
+     * 만들어 넘기지 않아도 된다(`GET {endpoint}?{searchParam}={키워드}`).
+     *
+     * `search`가 함께 오면 그쪽이 이긴다 — 응답 모양이나 오류 분기가 특수한 화면은
+     * 여전히 자기 함수를 넘길 수 있다.
+     *
+     * 어댑터가 없거나 `fetch`를 안 준 환경(편집기 캔버스 등)에서는 조회하지 않고
+     * `options` 로컬 검색으로 떨어진다 — 미리보기에서 실요청이 나가면 안 된다.
+     */
+    endpoint?: string;
+    /** `endpoint` 조회의 키워드 파라미터 이름. 기본 'q'. */
+    searchParam?: string;
+    /** 정적 옵션(데모/폴백) — `search`·`endpoint`가 없을 때 로컬 검색 대상. */
     options?: AutocompleteOption[];
     /** 옵션에서 표시 라벨을 읽을 키. 기본 'label'. */
     labelKey?: string;
@@ -48,6 +61,20 @@ interface AutocompleteFieldProps {
     invalid?: boolean;
     disabled?: boolean;
 }
+type HostFetch = (path: string, init: {
+    method: string;
+    signal?: AbortSignal;
+}) => Promise<unknown>;
+/**
+ * `endpoint` → 검색 함수. 컴포넌트 밖에 두어 DOM 없이 그대로 잰다
+ * (`page-data.ts`·`calc.ts`와 같은 이유).
+ *
+ * 503만 별도로 본다. 어댑터 계약상 실패는 Error 하나라 상태 코드가 사라지지만,
+ * 503은 "서비스가 아직 없다"는 표준 의미라 "불러왔는데 없다"와 사용자에게 다른
+ * 말을 해야 한다. 호스트 오류 객체에 `status`가 있으면 읽고, 없으면 평소대로
+ * 던진다 — 특정 앱의 오류 타입을 알지 않는다.
+ */
+declare function endpointSearchFn(endpoint: string, searchParam: string, hostFetch: HostFetch): AutocompleteSearchFn;
 /**
  * 응답이 배열이 아니면 items/data/results/rows 래핑까지 풀어 준다.
  * 조회를 앱이 맡게 됐으므로 이 정규화도 함께 내보낸다 — 앱마다 다시 짤 규칙이 아니다.
@@ -59,4 +86,4 @@ declare function toAutocompleteOptions(payload: unknown): AutocompleteOption[];
  */
 declare const AutocompleteField: React__default.FC<AutocompleteFieldProps & SduiBoxProps>;
 
-export { AutocompleteField, type AutocompleteFieldProps, type AutocompleteOption, type AutocompleteSearchFn, type AutocompleteSearchResult, toAutocompleteOptions };
+export { AutocompleteField, type AutocompleteFieldProps, type AutocompleteOption, type AutocompleteSearchFn, type AutocompleteSearchResult, endpointSearchFn, toAutocompleteOptions };

package/dist/widgets/AutocompleteField.js

@@ -1,5 +1,6 @@
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-SRGXODY2.js';
+export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-WZKDOZL2.js';
 import '../chunk-U7ZK7WYH.js';
+import '../chunk-WGRB5UL4.js';
 import '../chunk-XKLUCUVA.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/RecordSheet.d.ts

@@ -0,0 +1,59 @@
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+import React__default from 'react';
+
+/** 칸의 생김새 — 값칸(기본)·머리칸·구획 제목·사진칸 */
+type RecordSheetCellKind = 'value' | 'label' | 'section' | 'photo';
+interface RecordSheetCell {
+    /** 격자에서 차지할 열 수. 기본 1 */
+    span?: number;
+    /** 아래로 병합할 줄 수(사진 칸 등). 기본 1 */
+    rowSpan?: number;
+    kind?: RecordSheetCellKind;
+    /** 고정 칸의 값. 되풀이 줄에서는 `field`/`fields`가 우선한다. */
+    text?: React__default.ReactNode;
+    /** 되풀이 줄에서 볼 배열 번호(`repeat`의 인덱스). 기본 0 */
+    source?: number;
+    /** 되풀이 항목에서 꺼낼 필드 */
+    field?: string;
+    /** 여러 필드를 이어 붙인다 — 기간 칸(시작 ~ 종료) 등. `field`보다 우선한다. */
+    fields?: string[];
+    /** `fields` 사이에 넣을 글자. 기본 ' ~ ' */
+    separator?: string;
+    align?: 'left' | 'center' | 'right';
+    /** 고정폭 글꼴 — 날짜·번호 칸 */
+    mono?: boolean;
+    /** 값이 비었을 때 대신 쓸 글자. 기본 '-'. 되풀이의 **빈 줄**은 언제나 빈칸이다. */
+    placeholder?: string;
+    /** 사진 칸(kind:'photo')의 이미지 주소 */
+    src?: string;
+    /** 사진이 없거나 못 불러올 때 상자에 쓸 글자. 기본 '사진' */
+    alt?: string;
+}
+interface RecordSheetRow {
+    /** 테두리 없는 빈 줄 — 구획 사이를 띄운다. 주면 나머지는 무시된다. */
+    gap?: boolean;
+    /**
+     * 이 줄을 배열만큼 되풀이한다. 배열을 여럿 주면 나란히 놓고 가장 긴 것에 맞춘다.
+     * 칸은 `source`로 몇 번째 배열을 볼지 고른다.
+     */
+    repeat?: Array<unknown>;
+    /** 되풀이의 최소 줄 수 — 모자라면 빈 줄로 채운다 */
+    minRows?: number;
+    cells?: RecordSheetCell[];
+}
+interface RecordSheetProps {
+    /** 격자 열 수 — 모든 `span`의 기준. 기본 24 */
+    columns?: number;
+    /** 표 맨 위 제목 줄(반전 배경). 없으면 그리지 않는다. */
+    title?: string;
+    rows: RecordSheetRow[];
+    /** 표 아래 오른쪽에 붙는 주석 한 줄(예: 출력일) */
+    note?: string;
+}
+/**
+ * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
+ * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
+ */
+declare const RecordSheet: React__default.FC<RecordSheetProps & SduiBoxProps>;
+
+export { RecordSheet, type RecordSheetCell, type RecordSheetCellKind, type RecordSheetProps, type RecordSheetRow };

package/dist/widgets/RecordSheet.js

@@ -0,0 +1,2 @@
+export { RecordSheet } from '../chunk-K3JBSWFI.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/index.d.ts

@@ -16,6 +16,8 @@ import { SecureScreenProps } from './SecureScreen.js';
 export { SecureScreen } from './SecureScreen.js';
 import { SearchableMultiPickerProps } from './SearchableMultiPicker.js';
 export { MultiPickerOption, SearchableMultiPicker } from './SearchableMultiPicker.js';
+import { RecordSheetProps } from './RecordSheet.js';
+export { RecordSheet, RecordSheetCell, RecordSheetCellKind, RecordSheetRow } from './RecordSheet.js';
 import { PrintSheetProps } from './PrintSheet.js';
 export { PrintSheet } from './PrintSheet.js';
 import { PeriodFilterProps } from './PeriodFilter.js';
@@ -61,6 +63,7 @@ declare const widgetComponents: {
     OrgChart: React.FC<OrgChartProps & SduiBoxProps>;
     PeriodFilter: React.FC<PeriodFilterProps & SduiBoxProps>;
     PrintSheet: React.FC<PrintSheetProps & SduiBoxProps>;
+    RecordSheet: React.FC<RecordSheetProps & SduiBoxProps>;
     SearchableMultiPicker: React.FC<SearchableMultiPickerProps & SduiBoxProps>;
     SecureScreen: React.FC<SecureScreenProps & SduiBoxProps>;
     StackedMeter: React.FC<StackedMeterProps & SduiBoxProps>;
@@ -74,4 +77,4 @@ declare const widgetComponents: {
 /** 위젯 어휘의 컴포넌트 이름 union — 메타데이터 대조에 쓴다(`@wipco/sdui/meta`). */
 type SduiWidgetComponentName = keyof typeof widgetComponents;
 
-export { ColumnBoardProps, DiffViewProps, DisclosureProps, EventCalendarProps, ImageLightboxProps, InlineEditProps, JsonFieldProps, LiveClockProps, OrgChartProps, PeriodFilterProps, PrintSheetProps, type SduiWidgetComponentName, SearchableMultiPickerProps, SecureScreenProps, StackedMeterProps, StripProps, SummaryTableProps, TagMultiSelectProps, TimelineProps, TreePickerProps, TreeViewProps, widgetComponents };
+export { ColumnBoardProps, DiffViewProps, DisclosureProps, EventCalendarProps, ImageLightboxProps, InlineEditProps, JsonFieldProps, LiveClockProps, OrgChartProps, PeriodFilterProps, PrintSheetProps, RecordSheetProps, type SduiWidgetComponentName, SearchableMultiPickerProps, SecureScreenProps, StackedMeterProps, StripProps, SummaryTableProps, TagMultiSelectProps, TimelineProps, TreePickerProps, TreeViewProps, widgetComponents };

package/dist/widgets/index.js

@@ -1,3 +1,9 @@
+import { TreePicker } from '../chunk-EQW24SJC.js';
+export { TreePicker } from '../chunk-EQW24SJC.js';
+import { TreeView } from '../chunk-IDUN2ESE.js';
+export { TreeView, buildTreeNodes } from '../chunk-IDUN2ESE.js';
+import { RecordSheet } from '../chunk-K3JBSWFI.js';
+export { RecordSheet } from '../chunk-K3JBSWFI.js';
 import { SearchableMultiPicker } from '../chunk-N5IATDUF.js';
 export { SearchableMultiPicker } from '../chunk-N5IATDUF.js';
 import { SecureScreen } from '../chunk-IIRENCDS.js';
@@ -12,10 +18,6 @@ import { TagMultiSelect } from '../chunk-QDEZXA34.js';
 export { TagMultiSelect } from '../chunk-QDEZXA34.js';
 import { Timeline } from '../chunk-EFYEOT47.js';
 export { Timeline } from '../chunk-EFYEOT47.js';
-import { TreePicker } from '../chunk-EQW24SJC.js';
-export { TreePicker } from '../chunk-EQW24SJC.js';
-import { TreeView } from '../chunk-IDUN2ESE.js';
-export { TreeView, buildTreeNodes } from '../chunk-IDUN2ESE.js';
 import { EventCalendar } from '../chunk-C3JY6GA3.js';
 export { EventCalendar } from '../chunk-C3JY6GA3.js';
 import { ImageLightbox } from '../chunk-XPBZMECW.js';
@@ -33,8 +35,9 @@ export { PeriodFilter } from '../chunk-PFUULIZ2.js';
 import { PrintSheet } from '../chunk-MYJ2KEIP.js';
 export { PrintSheet } from '../chunk-MYJ2KEIP.js';
 import '../chunk-THEP3VWY.js';
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-SRGXODY2.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-WZKDOZL2.js';
 import '../chunk-U7ZK7WYH.js';
+import '../chunk-WGRB5UL4.js';
 import '../chunk-XKLUCUVA.js';
 import { ColumnBoard } from '../chunk-C4JRSZGS.js';
 export { ColumnBoard } from '../chunk-C4JRSZGS.js';
@@ -58,6 +61,7 @@ var widgetComponents = {
   OrgChart,
   PeriodFilter,
   PrintSheet,
+  RecordSheet,
   SearchableMultiPicker,
   SecureScreen,
   StackedMeter,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wipco/sdui",
-  "version": "0.20.0",
+  "version": "0.22.0",
   "description": "WIPCO 서버 주도 UI(SDUI) 렌더러 — JSON 페이지 스펙을 React 컴포넌트로 렌더링",
   "keywords": [
     "sdui",
@@ -84,6 +84,10 @@
       "types": "./dist/widgets/PrintSheet.d.ts",
       "default": "./dist/widgets/PrintSheet.js"
     },
+    "./widgets/RecordSheet": {
+      "types": "./dist/widgets/RecordSheet.d.ts",
+      "default": "./dist/widgets/RecordSheet.js"
+    },
     "./widgets/SearchableMultiPicker": {
       "types": "./dist/widgets/SearchableMultiPicker.d.ts",
       "default": "./dist/widgets/SearchableMultiPicker.js"