@simplysm/solid 13.0.29 → 13.0.31

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

@@ -1,22 +1,23 @@
 import { template as _$template } from "solid-js/web";
 import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
-import { className as _$className } from "solid-js/web";
 import { setAttribute as _$setAttribute } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
 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(`<input>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><div data-date-field-content>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div><input>`), _tmpl$4 = /* @__PURE__ */ _$template(`<div>`);
+import { memo as _$memo } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<div><input>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><div data-date-field-content>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div>`);
 import clsx from "clsx";
-import { Show, splitProps } from "solid-js";
+import { createMemo, Show, splitProps } from "solid-js";
 import { twMerge } from "tailwind-merge";
 import { DateOnly } from "@simplysm/core-common";
 import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
-import { fieldBaseClass, fieldSizeClasses, fieldInsetClass, fieldInsetHeightClass, fieldInsetSizeHeightClasses, fieldDisabledClass, fieldInputClass } from "./Field.styles.js";
-function formatValue(value, type) {
-  if (value == null) return "";
+import { fieldInputClass, getFieldWrapperClass } from "./Field.styles.js";
+import { Invalid } from "../../form-control/Invalid.js";
+function formatDateValue(value, type) {
+  if (value == null) return void 0;
   switch (type) {
     case "year":
       return value.toFormatString("yyyy");
@@ -54,142 +55,162 @@ function getInputType(type) {
       return "date";
   }
 }
-function formatMinMax(value, type) {
-  if (value == null) return void 0;
-  switch (type) {
-    case "year":
-      return value.toFormatString("yyyy");
-    case "month":
-      return value.toFormatString("yyyy-MM");
-    case "date":
-      return value.toFormatString("yyyy-MM-dd");
-  }
-}
 const DatePicker = (props) => {
-  const [local, rest] = splitProps(props, ["value", "onValueChange", "unit", "min", "max", "title", "disabled", "readonly", "size", "inset", "class", "style"]);
+  const [local, rest] = splitProps(props, ["value", "onValueChange", "unit", "min", "max", "title", "disabled", "readonly", "size", "inset", "class", "style", "required", "validate", "touchMode"]);
   const fieldType = () => local.unit ?? "date";
   const [value, setValue] = createControllableSignal({
     value: () => local.value,
     onChange: () => local.onValueChange
   });
-  const displayValue = () => formatValue(value(), fieldType());
+  const displayValue = () => formatDateValue(value(), fieldType()) ?? "";
   const handleChange = (e) => {
     const newValue = e.currentTarget.value;
     const parsed = parseValue(newValue, fieldType());
     setValue(parsed);
   };
-  const getWrapperClass = (includeCustomClass) => twMerge(fieldBaseClass, local.size && fieldSizeClasses[local.size], local.disabled && fieldDisabledClass, local.inset && fieldInsetClass + " block", local.inset && (local.size ? fieldInsetSizeHeightClasses[local.size] : fieldInsetHeightClass), includeCustomClass && local.class);
+  const getWrapperClass = (includeCustomClass) => getFieldWrapperClass({
+    size: local.size,
+    disabled: local.disabled,
+    inset: local.inset,
+    includeCustomClass: includeCustomClass && local.class
+  });
   const isEditable = () => !local.disabled && !local.readonly;
-  return _$createComponent(Show, {
-    get when() {
-      return local.inset;
+  const errorMsg = createMemo(() => {
+    var _a;
+    const v = value();
+    if (local.required && v === void 0) return "\uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4";
+    if (v !== void 0) {
+      if (local.min !== void 0 && v.tick < local.min.tick) return `${local.min}\uBCF4\uB2E4 \uD06C\uAC70\uB098 \uAC19\uC544\uC57C \uD569\uB2C8\uB2E4`;
+      if (local.max !== void 0 && v.tick > local.max.tick) return `${local.max}\uBCF4\uB2E4 \uC791\uAC70\uB098 \uAC19\uC544\uC57C \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$6 = _tmpl$4();
-              _$spread(_el$6, _$mergeProps(rest, {
-                "data-date-field": "",
-                get ["class"]() {
-                  return twMerge(getWrapperClass(true), "sd-date-field");
-                },
-                get style() {
-                  return local.style;
-                },
-                get title() {
-                  return local.title;
-                }
-              }), false, true);
-              _$insert(_el$6, () => displayValue() || "\xA0");
-              return _el$6;
-            })();
-          },
-          get children() {
-            var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
-            _$spread(_el$4, _$mergeProps(rest, {
-              "data-date-field": "",
-              get ["class"]() {
-                return getWrapperClass(true);
-              },
-              get style() {
-                return local.style;
-              }
-            }), false, true);
-            _el$5.addEventListener("change", handleChange);
-            _$className(_el$5, fieldInputClass);
-            _$effect((_p$) => {
-              var _v$8 = getInputType(fieldType()), _v$9 = local.title, _v$0 = formatMinMax(local.min, fieldType()), _v$1 = formatMinMax(local.max, fieldType());
-              _v$8 !== _p$.e && _$setAttribute(_el$5, "type", _p$.e = _v$8);
-              _v$9 !== _p$.t && _$setAttribute(_el$5, "title", _p$.t = _v$9);
-              _v$0 !== _p$.a && _$setAttribute(_el$5, "min", _p$.a = _v$0);
-              _v$1 !== _p$.o && _$setAttribute(_el$5, "max", _p$.o = _v$1);
-              return _p$;
-            }, {
-              e: void 0,
-              t: void 0,
-              a: void 0,
-              o: void 0
-            });
-            _$effect(() => _el$5.value = displayValue());
-            return _el$4;
-          }
-        })
-      );
+    get variant() {
+      return local.inset ? "dot" : "border";
+    },
+    get touchMode() {
+      return local.touchMode;
     },
     get children() {
-      var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
-      _$spread(_el$, _$mergeProps(rest, {
-        "data-date-field": "",
-        get ["class"]() {
-          return twMerge(getWrapperClass(false), "relative", local.class);
-        },
-        get style() {
-          return local.style;
-        }
-      }), false, true);
-      _$insert(_el$2, () => displayValue() || "\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$7 = _tmpl$3();
+                  _$spread(_el$7, _$mergeProps(rest, {
+                    "data-date-field": "",
+                    get ["class"]() {
+                      return twMerge(getWrapperClass(true), "sd-date-field");
+                    },
+                    get style() {
+                      return local.style;
+                    },
+                    get title() {
+                      return local.title;
+                    }
+                  }), false, true);
+                  _$insert(_el$7, () => displayValue() || "\xA0");
+                  return _el$7;
+                })();
+              },
+              get children() {
+                var _el$5 = _tmpl$(), _el$6 = _el$5.firstChild;
+                _$spread(_el$5, _$mergeProps(rest, {
+                  "data-date-field": "",
+                  get ["class"]() {
+                    return getWrapperClass(true);
+                  },
+                  get style() {
+                    return local.style;
+                  }
+                }), false, true);
+                _el$6.addEventListener("change", handleChange);
+                _$className(_el$6, fieldInputClass);
+                _$effect((_p$) => {
+                  var _v$9 = getInputType(fieldType()), _v$0 = local.title, _v$1 = formatDateValue(local.min, fieldType()), _v$10 = formatDateValue(local.max, fieldType());
+                  _v$9 !== _p$.e && _$setAttribute(_el$6, "type", _p$.e = _v$9);
+                  _v$0 !== _p$.t && _$setAttribute(_el$6, "title", _p$.t = _v$0);
+                  _v$1 !== _p$.a && _$setAttribute(_el$6, "min", _p$.a = _v$1);
+                  _v$10 !== _p$.o && _$setAttribute(_el$6, "max", _p$.o = _v$10);
+                  return _p$;
+                }, {
+                  e: void 0,
+                  t: void 0,
+                  a: void 0,
+                  o: void 0
+                });
+                _$effect(() => _el$6.value = displayValue());
+                return _el$5;
+              }
+            })
+          );
         },
         get children() {
-          var _el$3 = _tmpl$();
-          _el$3.addEventListener("change", handleChange);
+          var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+          _$spread(_el$, _$mergeProps(rest, {
+            "data-date-field": "",
+            get ["class"]() {
+              return clsx("relative", local.class);
+            },
+            get style() {
+              return local.style;
+            }
+          }), false, true);
+          _$insert(_el$2, () => displayValue() || "\xA0");
+          _$insert(_el$, _$createComponent(Show, {
+            get when() {
+              return isEditable();
+            },
+            get children() {
+              var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild;
+              _el$4.addEventListener("change", handleChange);
+              _$className(_el$4, fieldInputClass);
+              _$effect((_p$) => {
+                var _v$ = twMerge(getWrapperClass(false), "absolute left-0 top-0 size-full"), _v$2 = getInputType(fieldType()), _v$3 = local.title, _v$4 = formatDateValue(local.min, fieldType()), _v$5 = formatDateValue(local.max, fieldType());
+                _v$ !== _p$.e && _$className(_el$3, _p$.e = _v$);
+                _v$2 !== _p$.t && _$setAttribute(_el$4, "type", _p$.t = _v$2);
+                _v$3 !== _p$.a && _$setAttribute(_el$4, "title", _p$.a = _v$3);
+                _v$4 !== _p$.o && _$setAttribute(_el$4, "min", _p$.o = _v$4);
+                _v$5 !== _p$.i && _$setAttribute(_el$4, "max", _p$.i = _v$5);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0,
+                o: void 0,
+                i: void 0
+              });
+              _$effect(() => _el$4.value = displayValue());
+              return _el$3;
+            }
+          }), null);
           _$effect((_p$) => {
-            var _v$ = getInputType(fieldType()), _v$2 = clsx(fieldInputClass, "absolute left-0 top-0 size-full", "px-2 py-1"), _v$3 = local.title, _v$4 = formatMinMax(local.min, fieldType()), _v$5 = formatMinMax(local.max, fieldType());
-            _v$ !== _p$.e && _$setAttribute(_el$3, "type", _p$.e = _v$);
-            _v$2 !== _p$.t && _$className(_el$3, _p$.t = _v$2);
-            _v$3 !== _p$.a && _$setAttribute(_el$3, "title", _p$.a = _v$3);
-            _v$4 !== _p$.o && _$setAttribute(_el$3, "min", _p$.o = _v$4);
-            _v$5 !== _p$.i && _$setAttribute(_el$3, "max", _p$.i = _v$5);
+            var _v$6 = getWrapperClass(false), _v$7 = isEditable() ? "hidden" : void 0, _v$8 = local.title;
+            _v$6 !== _p$.e && _$className(_el$2, _p$.e = _v$6);
+            _v$7 !== _p$.t && _$setStyleProperty(_el$2, "visibility", _p$.t = _v$7);
+            _v$8 !== _p$.a && _$setAttribute(_el$2, "title", _p$.a = _v$8);
             return _p$;
           }, {
             e: void 0,
             t: void 0,
-            a: void 0,
-            o: void 0,
-            i: void 0
+            a: void 0
           });
-          _$effect(() => _el$3.value = displayValue());
-          return _el$3;
+          return _el$;
         }
-      }), null);
-      _$effect((_p$) => {
-        var _v$6 = isEditable() ? "hidden" : void 0, _v$7 = local.title;
-        _v$6 !== _p$.e && _$setStyleProperty(_el$2, "visibility", _p$.e = _v$6);
-        _v$7 !== _p$.t && _$setAttribute(_el$2, "title", _p$.t = _v$7);
-        return _p$;
-      }, {
-        e: void 0,
-        t: void 0
       });
-      return _el$;
     }
   });
 };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/field/DatePicker.tsx"],
-  "mappings": "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",
-  "names": ["clsx", "Show", "splitProps", "twMerge", "DateOnly", "createControllableSignal", "fieldBaseClass", "fieldSizeClasses", "fieldInsetClass", "fieldInsetHeightClass", "fieldInsetSizeHeightClasses", "fieldDisabledClass", "fieldInputClass", "formatValue", "value", "type", "toFormatString", "parseValue", "str", "undefined", "year", "Number", "isNaN", "match", "exec", "parse", "getInputType", "formatMinMax", "DatePicker", "props", "local", "rest", "fieldType", "unit", "setValue", "onChange", "onValueChange", "displayValue", "handleChange", "e", "newValue", "currentTarget", "parsed", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "isEditable", "readonly", "_$createComponent", "when", "fallback", "_el$6", "_tmpl$4", "_$spread", "_$mergeProps", "style", "title", "_$insert", "children", "_el$4", "_tmpl$3", "_el$5", "firstChild", "addEventListener", "_$className", "_$effect", "_p$", "_v$8", "_v$9", "_v$0", "min", "_v$1", "max", "_$setAttribute", "t", "a", "o", "_el$", "_tmpl$2", "_el$2", "_el$3", "_tmpl$", "_v$", "_v$2", "_v$3", "_v$4", "_v$5", "i", "_v$6", "_v$7", "_$setStyleProperty"]
+  "mappings": "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",
+  "names": ["clsx", "createMemo", "Show", "splitProps", "twMerge", "DateOnly", "createControllableSignal", "fieldInputClass", "getFieldWrapperClass", "Invalid", "formatDateValue", "value", "type", "undefined", "toFormatString", "parseValue", "str", "year", "Number", "isNaN", "match", "exec", "parse", "getInputType", "DatePicker", "props", "local", "rest", "fieldType", "unit", "setValue", "onChange", "onValueChange", "displayValue", "handleChange", "e", "newValue", "currentTarget", "parsed", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "isEditable", "readonly", "errorMsg", "v", "required", "min", "tick", "max", "validate", "_$createComponent", "message", "variant", "touchMode", "children", "when", "fallback", "_el$7", "_tmpl$3", "_$spread", "_$mergeProps", "style", "title", "_$insert", "_el$5", "_tmpl$", "_el$6", "firstChild", "addEventListener", "_$className", "_$effect", "_p$", "_v$9", "_v$0", "_v$1", "_v$10", "_$setAttribute", "t", "a", "o", "_el$", "_tmpl$2", "_el$2", "_el$3", "_el$4", "_v$", "_v$2", "_v$3", "_v$4", "_v$5", "i", "_v$6", "_v$7", "_v$8", "_$setStyleProperty"]
 }

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

@@ -27,6 +27,12 @@ export interface DateTimePickerProps {
     class?: string;
     /** 커스텀 style */
     style?: JSX.CSSProperties;
+    /** 필수 입력 여부 */
+    required?: boolean;
+    /** 커스텀 유효성 검사 함수 */
+    validate?: (value: DateTime | undefined) => string | undefined;
+    /** touchMode: 포커스 해제 후에만 에러 표시 */
+    touchMode?: boolean;
 }
 /**
  * DateTimePicker 컴포넌트

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/DateTimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EACL,KAAK,SAAS,EAQf,MAAM,gBAAgB,CAAC;AAExB,KAAK,kBAAkB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9C,MAAM,WAAW,mBAAmB;IAClC,WAAW;IACX,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEtD,cAAc;IACd,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE1B,cAAc;IACd,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,cAAc;IACd,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,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;AAkED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAqHzD,CAAC"}
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/DateTimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,KAAK,SAAS,EAAyC,MAAM,gBAAgB,CAAC;AAGvF,KAAK,kBAAkB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9C,MAAM,WAAW,mBAAmB;IAClC,WAAW;IACX,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEtD,cAAc;IACd,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE1B,cAAc;IACd,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,cAAc;IACd,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,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,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE/D,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAuDD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,mBAAmB,CA2IzD,CAAC"}