@wipco/sdui 0.46.0 → 0.48.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { CSSProperties, ReactNode, ComponentType } from 'react';
-import { S as SduiPage, a as SduiAction, b as SduiPropValue, c as SduiRule } from './types-C6cOUNPz.js';
-export { d as SduiArgRef, e as SduiCalcRef, f as SduiChild, g as SduiIndexRef, h as SduiItemRef, i as SduiNode, j as SduiPageQuery, k as SduiScalar, l as SduiStateRef } from './types-C6cOUNPz.js';
+import { S as SduiPage, a as SduiAction, b as SduiPropValue, c as SduiRule } from './types-D14eqLpf.js';
+export { d as SduiArgRef, e as SduiCalcRef, f as SduiChild, g as SduiIndexRef, h as SduiItemRef, i as SduiNode, j as SduiPageQuery, k as SduiScalar, l as SduiStateRef } from './types-D14eqLpf.js';
 import { S as SduiBoxProps, a as SduiContainerLayoutProps, b as SduiColumnsScale, c as SduiGapScale, d as SduiWeightScale, e as SduiTextAlignScale } from './layout-C3nRXMwb.js';
 export { C as CHILD_LAYOUT_PROPS, L as LAYOUT_CSS, f as SduiAlignScale, g as SduiChildLayoutProps, h as SduiSizeScale, i as SduiSpanScale, j as childLayoutFrom, k as columnsClass, l as containerLayoutStyle, m as joinClass, n as mergeStyle, t as typographyStyle } from './layout-C3nRXMwb.js';
 import { D as DatePickerProps, a as DateRangePickerProps, T as TimePickerProps } from './DatePicker-BK_jsV7i.js';

package/dist/index.js

@@ -1660,7 +1660,14 @@ function isEmptyValue(v) {
 function fieldOf(row, field) {
   if (!field) return row;
   if (!isPlainObject(row)) return void 0;
-  return Object.hasOwn(row, field) ? row[field] : void 0;
+  if (Object.hasOwn(row, field)) return row[field];
+  if (!field.includes(".")) return void 0;
+  let current = row;
+  for (const segment of field.split(".")) {
+    if (!isPlainObject(current) || !Object.hasOwn(current, segment)) return void 0;
+    current = current[segment];
+  }
+  return current;
 }
 var FIELD_OPS = /* @__PURE__ */ new Set([
   "eq",
@@ -2423,10 +2430,20 @@ function revertUnsettledStamps(fetched, runnable, epochs, settled) {
 function isArgsFrame(frame) {
   return "callSiteScope" in frame;
 }
+function isEventFrame(frame) {
+  return "event" in frame;
+}
+function nearestEventFrame(scope) {
+  for (let i = scope.length - 1; i >= 0; i -= 1) {
+    const frame = scope[i];
+    if (isEventFrame(frame)) return frame;
+  }
+  return void 0;
+}
 function nearestItemFrame(scope) {
   for (let i = scope.length - 1; i >= 0; i--) {
     const frame = scope[i];
-    if (!isArgsFrame(frame)) return frame;
+    if (!isArgsFrame(frame) && !isEventFrame(frame)) return frame;
   }
   return void 0;
 }
@@ -2449,6 +2466,17 @@ function isItemRef(v) {
 function isIndexRef(v) {
   return isPlainObject5(v) && "$index" in v;
 }
+function isEventRef(v) {
+  return isPlainObject5(v) && "$event" in v;
+}
+function readEventPath(source, path) {
+  let current = source;
+  for (const segment of path.split(".")) {
+    if (!isPlainObject5(current) || !Object.hasOwn(current, segment)) return null;
+    current = current[segment];
+  }
+  return current ?? null;
+}
 function isCalcRef(v) {
   return isPlainObject5(v) && isPlainObject5(v.$calc);
 }
@@ -2645,11 +2673,7 @@ function SduiNodeRenderer({
     }
     if (name.startsWith("on") && (isAction(raw) || isArgRef(raw) || isActionEntryList(raw))) {
       props[name] = (arg) => expandActionEntries(raw, scope).forEach(
-        (entry) => dispatch(
-          resolveValue(entry.action, entry.scope),
-          arg,
-          entry.scope
-        )
+        (entry) => dispatch(entry.action, arg, entry.scope)
       );
     } else if (name === "rowClick" && (isAction(raw) || isActionList(raw))) {
       props[name] = raw;
@@ -2917,6 +2941,11 @@ function SduiRenderer({
       if (isIndexRef(value)) {
         return nearestItemFrame(scope)?.index ?? null;
       }
+      if (isEventRef(value)) {
+        const frame = nearestEventFrame(scope);
+        if (!frame) return null;
+        return value.$event === true ? frame.event : readEventPath(frame.event, String(value.$event));
+      }
       if (isArgRef(value)) {
         const frame = nearestArgsFrame(scope);
         if (frame?.args && Object.hasOwn(frame.args, value.$arg)) {
@@ -3032,9 +3061,10 @@ function SduiRenderer({
         }
         return;
       }
+      const eventScope = arg === void 0 ? scope : [...scope, { event: eventValue(arg) }];
       const action = resolveValue(
         rawAction,
-        scope
+        eventScope
       );
       switch (action.action) {
         case "navigate":

package/dist/meta.d.ts

@@ -1,4 +1,4 @@
-import { b as SduiPropValue, i as SduiNode } from './types-C6cOUNPz.js';
+import { b as SduiPropValue, i as SduiNode } from './types-D14eqLpf.js';
 
 /**
  * 시각 빌더용 컴포넌트 메타데이터 스키마.

package/dist/{types-C6cOUNPz.d.ts → types-D14eqLpf.d.ts}

@@ -188,9 +188,15 @@ type SduiAction = {
      *
      * ```json
      * { "action": "setState", "key": "gdRules", "fromEvent": true,
-     *   "path": [{ "$index": true }, "limits", { "$item": true }, "count"] }
+     *   "path": [{ "$arg": "ri" }, "limits", { "$item": true }, "count"] }
      * ```
      *
+     * ⚠ 중첩 반복에서 **바깥 번호는 `$index` 가 아니다.** `$index` 는 가장 안쪽 행
+     * 프레임을 읽으므로, 규칙 루프 안 등급 루프에서 `$index` 는 등급 번호다. 바깥
+     * 번호는 그 자리에 Fragment 를 놓고 `args: { ri: {"$index": true} }` 로 날라
+     * `{"$arg":"ri"}` 로 읽는다 — `$arg` 는 item 프레임을 건너뛰고 원본 값을 호출부
+     * 스코프로 다시 풀기 때문이다(`test/fragment.test.ts` 가 고정한다).
+     *
      * 이것이 없으면 **동적 키**(등급 이름처럼 사용자가 런타임에 타이핑하는 키)와
      * **중첩 쓰기**(`arrayUpdate`는 최상위 배열의 평탄 필드 하나만 바꾼다)를 스펙으로
      * 말할 수 없었다. 규칙과 거절 조건은 `state-path.ts` 머리말에 있다.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wipco/sdui",
-  "version": "0.46.0",
+  "version": "0.48.0",
   "description": "WIPCO 서버 주도 UI(SDUI) 렌더러 — JSON 페이지 스펙을 React 컴포넌트로 렌더링",
   "keywords": [
     "sdui",