@wipco/sdui 0.45.0 → 0.47.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--y5jCOV5.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--y5jCOV5.js';
+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 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

@@ -1953,7 +1953,8 @@ function evaluateCalc(calc, resolved, resolve) {
     }
     case "split": {
       const sep = typeof calc.sep === "string" ? calc.sep : ",";
-      const parts = String(first ?? "").split(sep);
+      let parts = String(first ?? "").split(sep);
+      if (calc.trim === true) parts = parts.map((part) => part.trim());
       if (calc.take === void 0) return parts;
       const index = toNumber2(calc.take);
       const at = index < 0 ? parts.length + index : index;
@@ -2422,10 +2423,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;
 }
@@ -2448,6 +2459,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);
 }
@@ -2644,11 +2666,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;
@@ -2916,6 +2934,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)) {
@@ -3031,9 +3054,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--y5jCOV5.js';
+import { b as SduiPropValue, i as SduiNode } from './types-C6cOUNPz.js';
 
 /**
  * 시각 빌더용 컴포넌트 메타데이터 스키마.

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

@@ -129,6 +129,11 @@ interface SduiCalcRef {
         sep?: string;
         /** `split`에서 꺼낼 조각의 인덱스. 음수는 뒤에서부터 센다 */
         take?: number;
+        /**
+         * `split`의 조각에서 앞뒤 공백을 턴다. 사람이 치는 쉼표 목록("S, A, B")이
+         * 이 연산의 주된 입력인데, 그 조각이 **키로 쓰이면** 공백 하나가 사고가 된다.
+         */
+        trim?: boolean;
         /** `sortBy`를 내림차순으로 */
         desc?: boolean;
     };

package/package.json

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