@wipco/sdui 0.23.0 → 0.25.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-DmHC7HCN.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-DmHC7HCN.js';
+import { S as SduiPage, a as SduiAction, b as SduiPropValue, c as SduiRule } from './types-Bum2uMjl.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-Bum2uMjl.js';
 import { S as SduiBoxProps, a as SduiContainerLayoutProps, b as SduiColumnsScale, c as SduiGapScale, d as SduiWeightScale, e as SduiTextAlignScale } from './layout-B1QrIBm6.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-B1QrIBm6.js';
 import { D as DatePickerProps, a as DateRangePickerProps, T as TimePickerProps } from './DatePicker-D2EtpvkQ.js';

package/dist/index.js

@@ -1816,6 +1816,12 @@ function looseEquals(a, b) {
 function isBlank(v) {
   return v === null || v === void 0 || v === "";
 }
+function isEmptyValue(v) {
+  if (isBlank(v)) return true;
+  if (Array.isArray(v)) return v.length === 0;
+  if (isPlainObject(v)) return Object.keys(v).length === 0;
+  return false;
+}
 function fieldOf(row, field) {
   if (!field) return row;
   if (!isPlainObject(row)) return void 0;
@@ -1833,7 +1839,8 @@ var FIELD_OPS = /* @__PURE__ */ new Set([
   "contains",
   "startsWith",
   "endsWith",
-  "isNull"
+  "isNull",
+  "isEmpty"
 ]);
 function isFieldOpObject(v) {
   return isPlainObject(v) && Object.keys(v).some((key) => FIELD_OPS.has(key));
@@ -1867,6 +1874,8 @@ function matchesFieldOps(actual, ops, resolve) {
         return String(actual ?? "").endsWith(String(expected ?? ""));
       case "isNull":
         return isBlank(actual) === Boolean(expected);
+      case "isEmpty":
+        return isEmptyValue(actual) === Boolean(expected);
       default:
         return true;
     }
@@ -1924,6 +1933,7 @@ var CALC_OPS = /* @__PURE__ */ new Set([
   "distinct",
   "except",
   "entries",
+  "fromEntries",
   "length",
   "join",
   "split",
@@ -2058,6 +2068,16 @@ function evaluateCalc(calc, resolved, resolve) {
         value
       }));
     }
+    case "fromEntries": {
+      const out = /* @__PURE__ */ Object.create(null);
+      for (const row of listOrEmpty()) {
+        if (!isPlainObject(row)) continue;
+        const key = row.key;
+        if (key === null || key === void 0 || key === "") continue;
+        out[String(key)] = row.value ?? null;
+      }
+      return { ...out };
+    }
     case "length":
       if (Array.isArray(first)) return first.length;
       if (typeof first === "string") return first.length;
@@ -2094,10 +2114,16 @@ function deferChainEntry(container, key) {
   return typeof container.action === "string" && (key === "onSuccess" || key === "onError");
 }
 async function runRequestAction(action, deps) {
+  const pendingKey = typeof action.pendingKey === "string" && action.pendingKey !== "" ? action.pendingKey : null;
+  let pendingOn = false;
   try {
     if (typeof action.endpoint !== "string" || action.endpoint === "") {
       throw new Error("request \uC561\uC158\uC758 endpoint\uAC00 \uBE44\uC5B4 \uC788\uC2B5\uB2C8\uB2E4 \u2014 $state \uCC38\uC870\uC5D0 \uC544\uC9C1 \uAC12\uC774 \uC5C6\uB294\uC9C0 \uD655\uC778\uD558\uC138\uC694");
     }
+    if (pendingKey) {
+      pendingOn = true;
+      deps.dispatch({ action: "setState", key: pendingKey, value: true });
+    }
     const response = await deps.fetch(action.endpoint, {
       method: action.method ?? "POST",
       ...action.body === void 0 ? {} : { body: action.body }
@@ -2124,6 +2150,8 @@ async function runRequestAction(action, deps) {
     } else {
       deps.toast({ tone: "danger", title: "\uC694\uCCAD \uC2E4\uD328", message });
     }
+  } finally {
+    if (pendingKey && pendingOn) deps.dispatch({ action: "setState", key: pendingKey, value: false });
   }
 }
 

package/dist/meta.d.ts

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

package/dist/{types-DmHC7HCN.d.ts → types-Bum2uMjl.d.ts}

@@ -88,12 +88,13 @@ interface SduiCalcRef {
          * - `distinct` `field`(없으면 값 자체) 기준 중복 제거
          * - `except`  args[0]에서 args[1]에 있는 것을 뺀다(`field`로 맞춘다)
          * - `entries` 객체를 `{key, value}` 배열로 편다 — ForEach가 돌 수 있는 모양
+       * - `fromEntries` 그 짝. `{key,value}` 배열을 객체로 되돌린다(걸러낸 폼 페이로드 조립)
          * - `length`  배열·문자열의 길이
          * - `join`    `sep`(기본 ',')으로 잇는다
          * - `split`   `sep`(기본 ',')으로 가른다. `take`를 주면 그 조각 하나(음수는 뒤에서)
          * - `sortBy`  `field` 기준 정렬(`desc: true`면 내림차순). 원본은 건드리지 않는다
          */
-         | 'get' | 'pluck' | 'filter' | 'some' | 'every' | 'includes' | 'distinct' | 'except' | 'entries' | 'length' | 'join' | 'split' | 'sortBy';
+         | 'get' | 'pluck' | 'filter' | 'some' | 'every' | 'includes' | 'distinct' | 'except' | 'entries' | 'fromEntries' | 'length' | 'join' | 'split' | 'sortBy';
         args: SduiPropValue[];
         /** sum/count·목록 연산에서 객체 배열의 필드를 지정 */
         field?: string;
@@ -105,7 +106,8 @@ interface SduiCalcRef {
          *     "OR": [ { "status": "open" }, { "owner": { "isNull": true } } ] }
          *
          * 필드 연산: eq · ne · gt · gte · lt · lte · in · notIn · contains ·
-         * startsWith · endsWith · isNull. 값이 연산 객체가 아니면 `eq`로 읽는다.
+         * startsWith · endsWith · isNull · isEmpty. 값이 연산 객체가 아니면 `eq`로 읽는다.
+         * (`isNull`은 null·undefined·''를, `isEmpty`는 거기에 빈 배열·빈 객체까지 본다.)
          * 같은 객체의 키들은 AND이고, `AND`/`OR`는 술어 배열, `NOT`은 술어 하나다.
          * 술어 안의 값에도 참조를 쓸 수 있는데, 이때 `$item`은 거르고 있는 행이 아니라
          * **바깥 ForEach의 행**을 가리킨다(거르는 행은 필드 이름으로 지목한다).
@@ -219,6 +221,14 @@ type SduiAction = {
      * (계약은 {@link SduiAdapter.fetch} 참고). 안 얹으면 message 만 남는다.
      */
     errorKey?: string;
+    /**
+     * 진행 상태를 담을 상태 키. 요청 직전에 `true`, 끝나면(성공·실패 모두) `false`.
+     *
+     * `submitForm`이 `{form}.$submitting`을 관리하는 것과 같은 자리다 — 그쪽은 폼이
+     * 있어 이름이 파생되지만 `request`는 폼이 없으므로 키를 받는다. 버튼의
+     * `loading`·`disabled`를 여기 물리면 이중 제출과 무반응이 함께 사라진다.
+     */
+    pendingKey?: string;
 }
 /**
  * 단발 API 호출 — submitForm에서 폼 수집·검증을 뺀 것. 서버의 2단계 커밋 계약
@@ -252,6 +262,14 @@ type SduiAction = {
      * (계약은 {@link SduiAdapter.fetch} 참고). 안 얹으면 message 만 남는다.
      */
     errorKey?: string;
+    /**
+     * 진행 상태를 담을 상태 키. 요청 직전에 `true`, 끝나면(성공·실패 모두) `false`.
+     *
+     * `submitForm`이 `{form}.$submitting`을 관리하는 것과 같은 자리다 — 그쪽은 폼이
+     * 있어 이름이 파생되지만 `request`는 폼이 없으므로 키를 받는다. 버튼의
+     * `loading`·`disabled`를 여기 물리면 이중 제출과 무반응이 함께 사라진다.
+     */
+    pendingKey?: string;
     /** 성공 시 무효화할 조회 prefix — onSuccess의 invalidate 액션 단축 */
     invalidate?: string;
 }

package/package.json

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