amotify 0.1.31 → 0.1.32

package/dist/fn/Input/TextArea.js

@@ -1 +1,151 @@
-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};
+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
+};