@simplysm/solid 13.0.28 → 13.0.30

package/dist/components/form-control/field/Textarea.js

@@ -9,17 +9,18 @@ import { insert as _$insert } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
 import { spread as _$spread } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<textarea>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><div data-textarea-field-content style=white-space:pre-wrap;word-break:break-all>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div><div data-hidden-content style=visibility:hidden;white-space:pre-wrap;word-break:break-all></div><textarea>`), _tmpl$4 = /* @__PURE__ */ _$template(`<div>`), _tmpl$5 = /* @__PURE__ */ _$template(`<span>`);
+var _tmpl$ = /* @__PURE__ */ _$template(`<div style=position:relative><textarea>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><div data-textarea-field-content style=white-space:pre-wrap;word-break:break-all>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div><div data-hidden-content style=visibility:hidden;white-space:pre-wrap;word-break:break-all></div><textarea>`), _tmpl$4 = /* @__PURE__ */ _$template(`<div>`);
 import clsx from "clsx";
-import { createEffect, Show, splitProps } from "solid-js";
+import { createEffect, createMemo, Show, splitProps } from "solid-js";
 import { twMerge } from "tailwind-merge";
 import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
 import { createIMEHandler } from "../../../hooks/createIMEHandler.js";
-import { textAreaBaseClass as fieldTextAreaBaseClass, textAreaSizeClasses, fieldInsetClass, fieldDisabledClass } from "./Field.styles.js";
-import { textMuted } from "../../../styles/tokens.styles.js";
+import { textAreaSizeClasses, getTextareaWrapperClass } from "./Field.styles.js";
+import { PlaceholderFallback } from "./FieldPlaceholder.js";
+import { Invalid } from "../../form-control/Invalid.js";
 const textareaBaseClass = clsx("absolute left-0 top-0", "size-full", "resize-none overflow-hidden", "bg-transparent", "px-2 py-1", "placeholder:text-base-400 dark:placeholder:text-base-500");
 const Textarea = (props) => {
-  const [local, rest] = splitProps(props, ["value", "onValueChange", "placeholder", "title", "disabled", "readonly", "size", "inset", "minRows", "class", "style"]);
+  const [local, rest] = splitProps(props, ["value", "onValueChange", "placeholder", "title", "disabled", "readonly", "size", "inset", "minRows", "required", "minLength", "maxLength", "validate", "touchMode", "class", "style"]);
   const [value, setValue] = createControllableSignal({
     value: () => local.value ?? "",
     onChange: () => local.onValueChange
@@ -57,7 +58,12 @@ const Textarea = (props) => {
     const content = val !== "" && val.split("\n").length >= rows ? val : "\n".repeat(rows - 1) + "\xA0";
     return content.endsWith("\n") ? content + "\xA0" : content;
   };
-  const getWrapperClass = (includeCustomClass) => twMerge(fieldTextAreaBaseClass, local.size && textAreaSizeClasses[local.size], local.disabled && fieldDisabledClass, local.inset && fieldInsetClass, includeCustomClass && local.class);
+  const getWrapperClass = (includeCustomClass) => getTextareaWrapperClass({
+    size: local.size,
+    disabled: local.disabled,
+    inset: local.inset,
+    includeCustomClass: includeCustomClass && local.class
+  });
   const getTextareaClass = () => twMerge(textareaBaseClass, local.size && textAreaSizeClasses[local.size], local.inset && "p-0");
   const isEditable = () => !local.disabled && !local.readonly;
   createEffect(() => {
@@ -65,136 +71,165 @@ const Textarea = (props) => {
       ime.flushComposition();
     }
   });
-  return _$createComponent(Show, {
-    get when() {
-      return local.inset;
+  const errorMsg = createMemo(() => {
+    var _a;
+    const v = value();
+    if (local.required && !v) return "\uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4";
+    if (v) {
+      if (local.minLength != null && v.length < local.minLength) return `\uCD5C\uC18C ${local.minLength}\uC790 \uC774\uC0C1 \uC785\uB825\uD558\uC138\uC694`;
+      if (local.maxLength != null && v.length > local.maxLength) return `\uCD5C\uB300 ${local.maxLength}\uC790\uAE4C\uC9C0 \uC785\uB825 \uAC00\uB2A5\uD569\uB2C8\uB2E4`;
+    }
+    return (_a = local.validate) == null ? void 0 : _a.call(local, v);
+  });
+  return _$createComponent(Invalid, {
+    get message() {
+      return errorMsg();
     },
-    get fallback() {
-      return (
-        // standalone 모드: 기존 Show 패턴 유지
-        _$createComponent(Show, {
-          get when() {
-            return isEditable();
-          },
-          get fallback() {
-            return (() => {
-              var _el$7 = _tmpl$4();
-              _$spread(_el$7, _$mergeProps(rest, {
-                "data-textarea-field": "",
-                get ["class"]() {
-                  return getWrapperClass(true);
-                },
-                get style() {
-                  return {
-                    "white-space": "pre-wrap",
-                    "word-break": "break-all",
-                    ...local.style
-                  };
-                },
-                get title() {
-                  return local.title;
-                }
-              }), false, true);
-              _$insert(_el$7, () => value() || (local.placeholder != null && local.placeholder !== "" ? (() => {
-                var _el$8 = _tmpl$5();
-                _$className(_el$8, textMuted);
-                _$insert(_el$8, () => local.placeholder);
-                return _el$8;
-              })() : "\xA0"));
-              return _el$7;
-            })();
-          },
-          get children() {
-            var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
-            _$spread(_el$4, _$mergeProps(rest, {
-              "data-textarea-field": "",
-              get ["class"]() {
-                return getWrapperClass(true);
-              },
-              get style() {
-                return {
-                  position: "relative",
-                  ...local.style
-                };
-              }
-            }), false, true);
-            _$insert(_el$5, contentForHeight);
-            _el$6.addEventListener("compositionend", handleCompositionEnd);
-            _el$6.addEventListener("compositionstart", handleCompositionStart);
-            _el$6.$$input = handleInput;
-            _el$6.$$keydown = handleKeyDown;
-            _$effect((_p$) => {
-              var _v$6 = getTextareaClass(), _v$7 = local.placeholder, _v$8 = local.title;
-              _v$6 !== _p$.e && _$className(_el$6, _p$.e = _v$6);
-              _v$7 !== _p$.t && _$setAttribute(_el$6, "placeholder", _p$.t = _v$7);
-              _v$8 !== _p$.a && _$setAttribute(_el$6, "title", _p$.a = _v$8);
-              return _p$;
-            }, {
-              e: void 0,
-              t: void 0,
-              a: void 0
-            });
-            _$effect(() => _el$6.value = value());
-            return _el$4;
-          }
-        })
-      );
+    variant: "border",
+    get touchMode() {
+      return local.touchMode;
     },
     get children() {
-      var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
-      _$spread(_el$, _$mergeProps(rest, {
-        "data-textarea-field": "",
-        get ["class"]() {
-          return twMerge(getWrapperClass(false), "relative", local.class);
-        },
-        get style() {
-          return local.style;
-        }
-      }), false, true);
-      _$insert(_el$2, (() => {
-        var _c$ = _$memo(() => !!isEditable());
-        return () => _c$() ? contentForHeight() : value() || (local.placeholder != null && local.placeholder !== "" ? (() => {
-          var _el$9 = _tmpl$5();
-          _$className(_el$9, textMuted);
-          _$insert(_el$9, () => local.placeholder);
-          return _el$9;
-        })() : "\xA0");
-      })());
-      _$insert(_el$, _$createComponent(Show, {
+      return _$createComponent(Show, {
         get when() {
-          return isEditable();
+          return local.inset;
+        },
+        get fallback() {
+          return (
+            // standalone 모드: 기존 Show 패턴 유지
+            _$createComponent(Show, {
+              get when() {
+                return isEditable();
+              },
+              get fallback() {
+                return (() => {
+                  var _el$8 = _tmpl$4();
+                  _$spread(_el$8, _$mergeProps(rest, {
+                    "data-textarea-field": "",
+                    get ["class"]() {
+                      return getWrapperClass(true);
+                    },
+                    get style() {
+                      return {
+                        "white-space": "pre-wrap",
+                        "word-break": "break-all",
+                        ...local.style
+                      };
+                    },
+                    get title() {
+                      return local.title;
+                    }
+                  }), false, true);
+                  _$insert(_el$8, _$createComponent(PlaceholderFallback, {
+                    get value() {
+                      return value();
+                    },
+                    get placeholder() {
+                      return local.placeholder;
+                    }
+                  }));
+                  return _el$8;
+                })();
+              },
+              get children() {
+                var _el$5 = _tmpl$3(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+                _$spread(_el$5, _$mergeProps(rest, {
+                  "data-textarea-field": "",
+                  get ["class"]() {
+                    return getWrapperClass(true);
+                  },
+                  get style() {
+                    return {
+                      position: "relative",
+                      ...local.style
+                    };
+                  }
+                }), false, true);
+                _$insert(_el$6, contentForHeight);
+                _el$7.addEventListener("compositionend", handleCompositionEnd);
+                _el$7.addEventListener("compositionstart", handleCompositionStart);
+                _el$7.$$input = handleInput;
+                _el$7.$$keydown = handleKeyDown;
+                _$effect((_p$) => {
+                  var _v$8 = getTextareaClass(), _v$9 = local.placeholder, _v$0 = local.title;
+                  _v$8 !== _p$.e && _$className(_el$7, _p$.e = _v$8);
+                  _v$9 !== _p$.t && _$setAttribute(_el$7, "placeholder", _p$.t = _v$9);
+                  _v$0 !== _p$.a && _$setAttribute(_el$7, "title", _p$.a = _v$0);
+                  return _p$;
+                }, {
+                  e: void 0,
+                  t: void 0,
+                  a: void 0
+                });
+                _$effect(() => _el$7.value = value());
+                return _el$5;
+              }
+            })
+          );
         },
         get children() {
-          var _el$3 = _tmpl$();
-          _el$3.addEventListener("compositionend", handleCompositionEnd);
-          _el$3.addEventListener("compositionstart", handleCompositionStart);
-          _el$3.$$input = handleInput;
-          _el$3.$$keydown = handleKeyDown;
+          var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+          _$spread(_el$, _$mergeProps(rest, {
+            "data-textarea-field": "",
+            get ["class"]() {
+              return clsx("relative", local.class);
+            },
+            get style() {
+              return local.style;
+            }
+          }), false, true);
+          _$insert(_el$2, (() => {
+            var _c$ = _$memo(() => !!isEditable());
+            return () => _c$() ? contentForHeight() : _$createComponent(PlaceholderFallback, {
+              get value() {
+                return value();
+              },
+              get placeholder() {
+                return local.placeholder;
+              }
+            });
+          })());
+          _$insert(_el$, _$createComponent(Show, {
+            get when() {
+              return isEditable();
+            },
+            get children() {
+              var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild;
+              _el$4.addEventListener("compositionend", handleCompositionEnd);
+              _el$4.addEventListener("compositionstart", handleCompositionStart);
+              _el$4.$$input = handleInput;
+              _el$4.$$keydown = handleKeyDown;
+              _$effect((_p$) => {
+                var _v$ = twMerge(getWrapperClass(false), "absolute left-0 top-0 size-full"), _v$2 = twMerge(textareaBaseClass, local.size && textAreaSizeClasses[local.size]), _v$3 = local.placeholder, _v$4 = local.title;
+                _v$ !== _p$.e && _$className(_el$3, _p$.e = _v$);
+                _v$2 !== _p$.t && _$className(_el$4, _p$.t = _v$2);
+                _v$3 !== _p$.a && _$setAttribute(_el$4, "placeholder", _p$.a = _v$3);
+                _v$4 !== _p$.o && _$setAttribute(_el$4, "title", _p$.o = _v$4);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0,
+                o: void 0
+              });
+              _$effect(() => _el$4.value = value());
+              return _el$3;
+            }
+          }), null);
           _$effect((_p$) => {
-            var _v$ = twMerge(textareaBaseClass, local.size && textAreaSizeClasses[local.size]), _v$2 = local.placeholder, _v$3 = local.title;
-            _v$ !== _p$.e && _$className(_el$3, _p$.e = _v$);
-            _v$2 !== _p$.t && _$setAttribute(_el$3, "placeholder", _p$.t = _v$2);
-            _v$3 !== _p$.a && _$setAttribute(_el$3, "title", _p$.a = _v$3);
+            var _v$5 = getWrapperClass(false), _v$6 = isEditable() ? "hidden" : void 0, _v$7 = local.title;
+            _v$5 !== _p$.e && _$className(_el$2, _p$.e = _v$5);
+            _v$6 !== _p$.t && _$setStyleProperty(_el$2, "visibility", _p$.t = _v$6);
+            _v$7 !== _p$.a && _$setAttribute(_el$2, "title", _p$.a = _v$7);
             return _p$;
           }, {
             e: void 0,
             t: void 0,
             a: void 0
           });
-          _$effect(() => _el$3.value = value());
-          return _el$3;
+          return _el$;
         }
-      }), null);
-      _$effect((_p$) => {
-        var _v$4 = isEditable() ? "hidden" : void 0, _v$5 = local.title;
-        _v$4 !== _p$.e && _$setStyleProperty(_el$2, "visibility", _p$.e = _v$4);
-        _v$5 !== _p$.t && _$setAttribute(_el$2, "title", _p$.t = _v$5);
-        return _p$;
-      }, {
-        e: void 0,
-        t: void 0
       });
-      return _el$;
     }
   });
 };

package/dist/components/form-control/field/Textarea.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/field/Textarea.tsx"],
-  "mappings": "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",
-  "names": ["clsx", "createEffect", "Show", "splitProps", "twMerge", "createControllableSignal", "createIMEHandler", "textAreaBaseClass", "fieldTextAreaBaseClass", "textAreaSizeClasses", "fieldInsetClass", "fieldDisabledClass", "textMuted", "textareaBaseClass", "Textarea", "props", "local", "rest", "value", "setValue", "onChange", "onValueChange", "ime", "v", "displayValue", "composingValue", "handleCompositionStart", "handleInput", "e", "currentTarget", "isComposing", "handleCompositionEnd", "handleKeyDown", "key", "altKey", "preventDefault", "stopPropagation", "el", "start", "selectionStart", "end", "selectionEnd", "before", "substring", "after", "newVal", "dispatchEvent", "InputEvent", "bubbles", "contentForHeight", "rows", "minRows", "val", "content", "split", "length", "repeat", "endsWith", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "getTextareaClass", "isEditable", "readonly", "flushComposition", "_$createComponent", "when", "fallback", "_el$7", "_tmpl$4", "_$spread", "_$mergeProps", "style", "title", "_$insert", "placeholder", "_el$8", "_tmpl$5", "_$className", "children", "_el$4", "_tmpl$3", "_el$5", "firstChild", "_el$6", "nextSibling", "position", "addEventListener", "$$input", "$$keydown", "_$effect", "_p$", "_v$6", "_v$7", "_v$8", "t", "_$setAttribute", "a", "undefined", "_el$", "_tmpl$2", "_el$2", "_c$", "_$memo", "_el$9", "_el$3", "_tmpl$", "_v$", "_v$2", "_v$3", "_v$4", "_v$5", "_$setStyleProperty", "_$delegateEvents"]
+  "mappings": "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",
+  "names": ["clsx", "createEffect", "createMemo", "Show", "splitProps", "twMerge", "createControllableSignal", "createIMEHandler", "textAreaSizeClasses", "getTextareaWrapperClass", "PlaceholderFallback", "Invalid", "textareaBaseClass", "Textarea", "props", "local", "rest", "value", "setValue", "onChange", "onValueChange", "ime", "v", "displayValue", "composingValue", "handleCompositionStart", "handleInput", "e", "currentTarget", "isComposing", "handleCompositionEnd", "handleKeyDown", "key", "altKey", "preventDefault", "stopPropagation", "el", "start", "selectionStart", "end", "selectionEnd", "before", "substring", "after", "newVal", "dispatchEvent", "InputEvent", "bubbles", "contentForHeight", "rows", "minRows", "val", "content", "split", "length", "repeat", "endsWith", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "getTextareaClass", "isEditable", "readonly", "flushComposition", "errorMsg", "required", "minLength", "maxLength", "validate", "_$createComponent", "message", "variant", "touchMode", "children", "when", "fallback", "_el$8", "_tmpl$4", "_$spread", "_$mergeProps", "style", "title", "_$insert", "placeholder", "_el$5", "_tmpl$3", "_el$6", "firstChild", "_el$7", "nextSibling", "position", "addEventListener", "$$input", "$$keydown", "_$effect", "_p$", "_v$8", "_v$9", "_v$0", "_$className", "t", "_$setAttribute", "a", "undefined", "_el$", "_tmpl$2", "_el$2", "_c$", "_$memo", "_el$3", "_tmpl$", "_el$4", "_v$", "_v$2", "_v$3", "_v$4", "o", "_v$5", "_v$6", "_v$7", "_$setStyleProperty", "_$delegateEvents"]
 }

package/dist/components/form-control/field/TimePicker.d.ts

@@ -23,6 +23,16 @@ export interface TimePickerProps {
     class?: string;
     /** 커스텀 style */
     style?: JSX.CSSProperties;
+    /** 최소 시간 */
+    min?: Time;
+    /** 최대 시간 */
+    max?: Time;
+    /** 필수 입력 여부 */
+    required?: boolean;
+    /** 커스텀 유효성 검사 함수 */
+    validate?: (value: Time | undefined) => string | undefined;
+    /** touchMode: 포커스 해제 후에만 에러 표시 */
+    touchMode?: boolean;
 }
 /**
  * TimePicker 컴포넌트

package/dist/components/form-control/field/TimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AAEtE,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,OAAO,EACL,KAAK,SAAS,EAQf,MAAM,gBAAgB,CAAC;AAExB,KAAK,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,WAAW;IACX,KAAK,CAAC,EAAE,IAAI,CAAC;IAEb,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAElD,YAAY;IACZ,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,YAAY;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU;IACV,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAsCD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,eAAe,CA2GjD,CAAC"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AAElF,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,OAAO,EAAE,KAAK,SAAS,EAAyC,MAAM,gBAAgB,CAAC;AAGvF,KAAK,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,WAAW;IACX,KAAK,CAAC,EAAE,IAAI,CAAC;IAEb,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAElD,YAAY;IACZ,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,YAAY;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU;IACV,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAE1B,YAAY;IACZ,GAAG,CAAC,EAAE,IAAI,CAAC;IAEX,YAAY;IACZ,GAAG,CAAC,EAAE,IAAI,CAAC;IAEX,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE3D,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAsCD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,eAAe,CAkIjD,CAAC"}