amotify 0.1.32 → 0.1.34

package/dist/fn/Input/TextArea.js

@@ -1,151 +1 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../../chunk-JJ3PEWPN.js";
-import { jsx } from "react/jsx-runtime";
-import {
-  useState
-} from "react";
-import {
-  $$
-} from "../../@utils/_";
-import {
-  Wrapper,
-  BoxWrapper,
-  SubmitForm,
-  CommonEffects,
-  DefaultStyles
-} from "./core";
-function DefaultValidation(props) {
-  let { value, params } = props;
-  let { required } = params;
-  let notice = [];
-  if (required && !value) {
-    notice.push({ type: "invalid", label: "\u5FC5\u9808\u9805\u76EE\u3067\u3059" });
-  }
-  return {
-    ok: !notice.filter(({ type }) => type == "invalid").length,
-    notice
-  };
-}
-const TextAreaInput = (params) => {
-  let _a = params, {
-    componentID,
-    tone,
-    required,
-    form,
-    enableFormSubmit,
-    checkValidationAtFirst,
-    onChange,
-    onKeyDown,
-    onValidate,
-    onUpdateValue,
-    onUpdateValidValue,
-    value = "",
-    leftIndicator,
-    rightIndicator,
-    leftIcon,
-    rightIcon
-  } = _a, others = __objRest(_a, [
-    "componentID",
-    "tone",
-    "required",
-    "form",
-    "enableFormSubmit",
-    "checkValidationAtFirst",
-    "onChange",
-    "onKeyDown",
-    "onValidate",
-    "onUpdateValue",
-    "onUpdateValidValue",
-    "value",
-    "leftIndicator",
-    "rightIndicator",
-    "leftIcon",
-    "rightIcon"
-  ]);
-  let Default_Status = {
-    componentID,
-    dataValue: value,
-    eventType: "init",
-    eventID: $$.uuid.gen()
-  };
-  let [val_status, set_status] = useState(Default_Status);
-  let [val_validate, set_validate] = useState({
-    ok: false,
-    notice: []
-  });
-  CommonEffects({
-    params,
-    val_status,
-    set_status,
-    val_validate,
-    set_validate,
-    onUpdateValue,
-    onUpdateValidValue,
-    DefaultValidation
-  });
-  return /* @__PURE__ */ jsx(
-    BoxWrapper,
-    {
-      val_status,
-      set_status,
-      val_validate,
-      params,
-      children: /* @__PURE__ */ jsx(
-        "textarea",
-        __spreadValues({
-          "data-form": form,
-          "data-input-type": "textarea",
-          "data-validation": val_validate.ok,
-          "data-value": val_status.dataValue,
-          "data-component-id": val_status.componentID,
-          value: val_status.dataValue,
-          onKeyDown: (event) => {
-            if (onKeyDown)
-              onKeyDown(event);
-            if (enableFormSubmit)
-              SubmitForm(event);
-          },
-          onChange: (event) => {
-            let {
-              value: value2
-            } = event.target;
-            if (val_validate.ok)
-              set_validate({ ok: false, notice: [] });
-            set_status(__spreadProps(__spreadValues({}, val_status), {
-              dataValue: value2,
-              eventType: "update",
-              eventID: $$.uuid.gen()
-            }));
-            if (onChange)
-              onChange(event);
-          }
-        }, others)
-      )
-    }
-  );
-};
-const TextArea = (rawParams) => {
-  var _a, _b;
-  rawParams = __spreadValues({}, rawParams);
-  if (rawParams.rightIcon)
-    rawParams.paddingRight = (_a = rawParams.paddingRight) != null ? _a : 3;
-  if (rawParams.leftIcon)
-    rawParams.paddingLeft = (_b = rawParams.paddingLeft) != null ? _b : 3;
-  let params = DefaultStyles.Boxish(rawParams);
-  params.rows = params.rows || 5;
-  return /* @__PURE__ */ jsx(
-    Wrapper,
-    {
-      componentID: rawParams.componentID,
-      children: TextAreaInput,
-      params
-    }
-  );
-};
-export {
-  TextArea,
-  TextArea as default
-};
+import{b as u,c as g,d as T}from"../../chunk-VY3566IV.js";import{jsx as s}from"react/jsx-runtime";import{useState as v}from"react";import{$$ as y}from"../../@utils/_";import{Wrapper as E,BoxWrapper as _,SubmitForm as k,CommonEffects as C,DefaultStyles as S}from"./core";function F(e){let{value:t,params:n}=e,{required:o}=n,i=[];return o&&!t&&i.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!i.filter(({type:d})=>d=="invalid").length,notice:i}}const B=e=>{let m=e,{componentID:t,tone:n,required:o,form:i,enableFormSubmit:d,checkValidationAtFirst:L,onChange:c,onKeyDown:f,onValidate:W,onUpdateValue:x,onUpdateValidValue:V,value:D="",leftIndicator:q,rightIndicator:H,leftIcon:K,rightIcon:M}=m,R=T(m,["componentID","tone","required","form","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon"]),b={componentID:t,dataValue:D,eventType:"init",eventID:y.uuid.gen()},[a,r]=v(b),[p,I]=v({ok:!1,notice:[]});return C({params:e,val_status:a,set_status:r,val_validate:p,set_validate:I,onUpdateValue:x,onUpdateValidValue:V,DefaultValidation:F}),s(_,{val_status:a,set_status:r,val_validate:p,params:e,children:s("textarea",u({"data-form":i,"data-input-type":"textarea","data-validation":p.ok,"data-value":a.dataValue,"data-component-id":a.componentID,value:a.dataValue,onKeyDown:l=>{f&&f(l),d&&k(l)},onChange:l=>{let{value:A}=l.target;p.ok&&I({ok:!1,notice:[]}),r(g(u({},a),{dataValue:A,eventType:"update",eventID:y.uuid.gen()})),c&&c(l)}},R))})},h=e=>{var n,o;e=u({},e),e.rightIcon&&(e.paddingRight=(n=e.paddingRight)!=null?n:3),e.leftIcon&&(e.paddingLeft=(o=e.paddingLeft)!=null?o:3);let t=S.Boxish(e);return t.rows=t.rows||5,s(E,{componentID:e.componentID,children:B,params:t})};export{h as TextArea,h as default};