amotify 0.1.31 → 0.1.32

package/dist/fn/Input/Filer.js

@@ -1 +1,619 @@
-import{b as g,c as x,d as Q,e as $}from"../../chunk-VY3566IV.js";import{Fragment as G,jsx as t,jsxs as d}from"react/jsx-runtime";import{useState as q,useEffect as te}from"react";import{$$ as h,$$fromRoot as P,useStore as X,GenerateClassName as ae}from"../../@utils/_";import y from"../../atoms/Box";import L from"../../atoms/FAI";import O from"../../atoms/Flex";import Y from"../../mols/Column";import le from"../../mols/Row";import W from"../Button";import H from"../Snackbar";import{Wrapper as ne,BoxWrapper as ie,CommonEffects as oe,DefaultStyles as se}from"./core";import re from"./Text";import{InputFilerClasses as m}from"../../@styles/componentClasses/_";import{faCloudArrowUp as pe}from"@fortawesome/free-solid-svg-icons/faCloudArrowUp";function ue(e){let{value:a,params:l}=e,{required:s}=l,n=[];return s&&!a.length&&n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!n.filter(({type:p})=>p=="invalid").length,notice:n}}const ee={List:e=>{let{files:a,params:l,val_status:s,set_status:n}=e,p=(l.limit||1)-s.dataValue.length,c=a.map((u,S)=>t(ee.Cell,{index:S,file:u,className:l.cellClassName,val_status:s,set_status:n,fileNameEdit:l.fileNameEdit},u.name));return p>0&&c.push(t("label",{className:[l.cellClassName,m("AddButton")].join(" "),"data-component-id":s.componentID,htmlFor:l.id,tabIndex:l.tabIndex,onKeyDown:u=>{let{key:S}=u;l.tabIndex!=-1&&[" ","Enter"].includes(S)&&P("#"+l.id).click()},children:d(le.Center,{padding:["1/3",0],children:[t(y,{isRounded:!0,className:m("AddIcon"),children:t(L,{icon:pe,className:m("Icon"),fontColor:"theme",fontSize:"4.thirdTitle",backgroundColor:"tcOpLow",ssSphere:3,padding:"1/2"})}),d(y,{children:[t(y,{children:`\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E\uFF08${p}\uFF09`,fontColor:"theme",fontSize:"2.normal",isSemiBoldFont:!0}),t(y,{isSemiBoldFont:!0,fontColor:"4.thin",fontSize:"0.xs",children:"\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30ED\u30C3\u30D7"})]})]})},"AddButton")),t(Y,{flexSizing:"auto",className:l.className,children:c})},Cell:e=>{let{index:a,file:l,className:s,val_status:n,set_status:p,fileNameEdit:c=!0}=e,{name:u,size:S,type:i}=l,[V,b]=q(!1),N=h.uuid.gen(),_=S.rank(),[J,M]=u.replace(/\s/,"").replace(/(.*)\.(.*)$/,"$1 $2").split(" "),o="\u30D5\u30A1\u30A4\u30EB";return i.match(/image/)?o=i.replace(/image\//,""):i.match(/pdf/)?o="PDF":i.match(/csv/)?o="CSV":i.match(/spreadsheet/)?o="SpreadSheet":i.match(/presentation/)?o="PowerPoint":i.match(/word/)?o="Word":i.match(/zip/)?o="Zip":i.match(/powerpoint/)?o="PowerPoint":i.match(/html/)?o="HTML":i.match(/js/)?o="JavaScript":i.match(/css/)?o="CSS":i.match(/text\/plain/)&&(o="\u30C6\u30AD\u30B9\u30C8"),te(()=>{V&&setTimeout(()=>{P("#"+N).focus()},100)},[V]),d(O,{verticalAlign:"center",flexWrap:!1,gap:1,className:s,children:[t(L.File,{fontSize:"4.thirdTitle",fontColor:"4.thin"}),d(y,{flexSizing:0,children:[t(y,{children:t(O,{verticalAlign:"center",gap:"2/3",flexWrap:!1,className:m("FileName"),children:V?t(G,{children:d(Y,{gap:"1/2",flexSizing:0,children:[d(O,{gap:"2/3",verticalAlign:"center",children:[t(re.Normal,{tone:"border",wrapStyles:{flexSizing:"auto"},restrict:"fileName",name:"name",required:!0,id:N,form:"form-"+N,enableFormSubmit:!0,value:J,onKeyDown:f=>{let{key:k}=f;k=="Escape"&&b(!1)}}),d(y,{children:[". ",M]})]}),d(O,{gap:"2/3",horizontalAlign:"right",flexWrap:!1,children:[t(W.Button.Sub.R,{padding:["2/3",1],children:"\u9589\u3058\u308B",onClick:()=>{b(!1)}}),t(W.Button.Prime.R,{padding:["2/3",1],submitOption:{formName:"form-"+N,callback:f=>$(void 0,null,function*(){let{name:k}=f,w=[...n.dataValue],T=w[a],U=T.id;if(!T)return;let{target:r}=yield T.read();if(!r)return;let D=yield String(r.result).toBlob(l.type);if(!D)return;let z=new File([D],k+"."+M,{type:T.type});z.id=U,w[a]=z,p(x(g({},n),{dataValue:w,eventType:"update",eventID:h.uuid.gen()})),b(!1)})},children:"\u6C7A\u5B9A"})]})]})}):d(G,{children:[u,c?t(W.Button.Clear.R,{ssSphere:2.5,flexSizing:"none",color:"cloud",fontColor:"4.thin",padding:"1/3",ssEffectsOnActive:"expand",onClick:()=>{b(!0)},children:t(L.Pen,{})}):null]})})}),V?null:t(G,{children:t(y,{fontSize:"1.mini",fontColor:"4.thin",flexSizing:0,children:o+"\u30D5\u30A1\u30A4\u30EB / "+_+"B"})})]}),t(W.Button.Sub.R,{color:"cloud",fontColor:"4.thin",ssSphere:3,onClick:()=>{let f=[...n.dataValue];f[a]&&(f.splice(a,1),p(x(g({},n),{dataValue:f,eventType:"update",eventID:h.uuid.gen()})))},children:t(L.Times,{})})]})}},ce=e=>{let Z=e,{tone:a,required:l,form:s,fileNameEdit:n=!0,systemOnly:p=!1,accept:c="*",limit:u=1,checkValidationAtFirst:S,onChange:i,onValidate:V,onUpdateValue:b,onUpdateValidValue:N,value:_=[],className:J,cellStyles:M,cellClassName:o,componentID:f,status_id:k,enableFormSubmit:w}=Z,T=Q(Z,["tone","required","form","fileNameEdit","systemOnly","accept","limit","checkValidationAtFirst","onChange","onValidate","onUpdateValue","onUpdateValidValue","value","className","cellStyles","cellClassName","componentID","status_id","enableFormSubmit"]),U={componentID:e.componentID||"",dataValue:_,eventType:"init",eventID:h.uuid.gen()},[r,B]=q(U),[D,z]=q({ok:!1,notice:[]});oe({type:"file",params:e,val_status:r,set_status:B,val_validate:D,set_validate:z,DefaultValidation:ue,onUpdateValue:b,onUpdateValidValue:N,ExtraOverrideParams:{dataValue:_,formatValue:_},ExtraStoreParams:{AddFiles:A=>$(void 0,null,function*(){let R=X.get(r.componentID).Files,v=[];for(var F=0;F<(A==null?void 0:A.length);F++){let I=A[F],{type:E,name:C}=I;if(F+1+R.length>u){H.add({componentID:C,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u9078\u629E\u4E0A\u9650\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${C}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}if(c&&c=="image"&&!E.match(/image/)){H.add({componentID:C,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u304C\u7570\u306A\u308B\u305F\u3081\u3001${C} \u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}v.push(I)}B(x(g({},r),{dataValue:[...R,...v],eventType:"update",eventID:h.uuid.gen()}))})}});let j="";return c&&(c=="image"?j="image/png,image/jpeg":j=c),d(ie,{val_status:r,set_status:B,val_validate:D,params:e,children:[t("input",x(g({type:"file",className:m("Input"),"data-form":s,"data-input-type":"file","data-component-id":r.componentID,"data-validation":D.ok,accept:j,multiple:u!=1,onChange:A=>$(void 0,null,function*(){let R=A.target,v=R.files,F=[];for(var I=0;I<(v==null?void 0:v.length);I++){let E=v[I],C=E.name;if(E.id=h.uuid.gen(),I+1+r.dataValue.length>u){H.add({componentID:C,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u767B\u9332\u6570\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${C}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002`,backgroundColor:"nega"});continue}F.push(E)}B(x(g({},r),{dataValue:[...r.dataValue,...F],eventType:"update",eventID:h.uuid.gen()})),R.value=""})},T),{tabIndex:-1,value:""})),p?null:t(ee.List,{files:r.dataValue,params:e,val_status:r,set_status:B})]})};h(document).addEvent({eventType:"dragover",callback:e=>{e.preventDefault(),P("."+m("AddButton")).addClass(m("Draggable"))},options:{passive:!1}}).addEvent({eventType:"drop",callback:e=>{e.preventDefault(),P("."+m("AddButton")).removeClass(m("Draggable"));let a=e.dataTransfer.files;if(a.length){let l=e.target;if(P(l).hasClass(m("AddButton"))){let{componentId:s}=l.dataset,n=X.get(s);n&&n.AddFiles&&n.AddFiles(a)}}},options:{passive:!1}});const K=e=>{e=g({},e),e.override="force";let a=ae(e);return a.cellClassName=[a.cellClassName,se.Boxish(x(g({},a.cellStyles),{tone:a.tone})).className].join(" "),t(ne,{componentID:e.componentID,children:ce,params:a})};K.fn={openDialog:e=>{let{multiple:a,accept:l}=e;return new Promise(s=>{const n=document.createElement("input");n.type="file",n.multiple=a!=null?a:!0,l&&(l=="image"?n.accept="image/png,image/jpeg":n.accept=l),n.onchange=p=>{s(p.target.files)},n.click()})}};export{K as Filer,K as default};
+import {
+  __async,
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  useState,
+  useEffect
+} from "react";
+import {
+  $$,
+  $$fromRoot,
+  useStore,
+  GenerateClassName
+} from "../../@utils/_";
+import Box from "../../atoms/Box";
+import FAI from "../../atoms/FAI";
+import Flex from "../../atoms/Flex";
+import Column from "../../mols/Column";
+import Row from "../../mols/Row";
+import Button from "../Button";
+import Snackbar from "../Snackbar";
+import {
+  Wrapper,
+  BoxWrapper,
+  CommonEffects,
+  DefaultStyles
+} from "./core";
+import Text from "./Text";
+import { InputFilerClasses } from "../../@styles/componentClasses/_";
+import { faCloudArrowUp } from "@fortawesome/free-solid-svg-icons/faCloudArrowUp";
+function DefaultValidation(props) {
+  let { value, params } = props;
+  let { required } = params;
+  let notice = [];
+  if (required && !value.length) {
+    notice.push({ type: "invalid", label: "\u5FC5\u9808\u9805\u76EE\u3067\u3059" });
+  }
+  return {
+    ok: !notice.filter(({ type }) => type == "invalid").length,
+    notice
+  };
+}
+const Comps = {
+  List: (props) => {
+    let {
+      files,
+      params,
+      val_status,
+      set_status
+    } = props;
+    let Left = (params.limit || 1) - val_status.dataValue.length;
+    let Files = files.map((file, index) => {
+      return /* @__PURE__ */ jsx(
+        Comps.Cell,
+        {
+          index,
+          file,
+          className: params.cellClassName,
+          val_status,
+          set_status,
+          fileNameEdit: params.fileNameEdit
+        },
+        file.name
+      );
+    });
+    if (Left > 0) {
+      Files.push(/* @__PURE__ */ jsx(
+        "label",
+        {
+          className: [params.cellClassName, InputFilerClasses("AddButton")].join(" "),
+          "data-component-id": val_status.componentID,
+          htmlFor: params.id,
+          tabIndex: params.tabIndex,
+          onKeyDown: (event) => {
+            let { key } = event;
+            if (params.tabIndex != -1) {
+              if ([" ", "Enter"].includes(key)) {
+                $$fromRoot("#" + params.id).click();
+              }
+            }
+          },
+          children: /* @__PURE__ */ jsxs(
+            Row.Center,
+            {
+              padding: ["1/3", 0],
+              children: [
+                /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    isRounded: true,
+                    className: InputFilerClasses("AddIcon"),
+                    children: /* @__PURE__ */ jsx(
+                      FAI,
+                      {
+                        icon: faCloudArrowUp,
+                        className: InputFilerClasses("Icon"),
+                        fontColor: "theme",
+                        fontSize: "4.thirdTitle",
+                        backgroundColor: "tcOpLow",
+                        ssSphere: 3,
+                        padding: "1/2"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      children: `\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E\uFF08${Left}\uFF09`,
+                      fontColor: "theme",
+                      fontSize: "2.normal",
+                      isSemiBoldFont: true
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      isSemiBoldFont: true,
+                      fontColor: "4.thin",
+                      fontSize: "0.xs",
+                      children: "\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30ED\u30C3\u30D7"
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        },
+        "AddButton"
+      ));
+    }
+    return /* @__PURE__ */ jsx(
+      Column,
+      {
+        flexSizing: "auto",
+        className: params.className,
+        children: Files
+      }
+    );
+  },
+  Cell: (props) => {
+    let {
+      index,
+      file,
+      className,
+      val_status,
+      set_status,
+      fileNameEdit = true
+    } = props;
+    let {
+      name: fileName,
+      size,
+      type
+    } = file;
+    let [val_edit, set_edit] = useState(false);
+    let FileID = $$.uuid.gen();
+    let Size = size.rank();
+    let [name, extension] = fileName.replace(/\s/, "").replace(/(.*)\.(.*)$/, "$1 $2").split(" ");
+    let FileName = "\u30D5\u30A1\u30A4\u30EB";
+    if (type.match(/image/)) {
+      FileName = type.replace(/image\//, "");
+    } else if (type.match(/pdf/)) {
+      FileName = "PDF";
+    } else if (type.match(/csv/)) {
+      FileName = "CSV";
+    } else if (type.match(/spreadsheet/)) {
+      FileName = "SpreadSheet";
+    } else if (type.match(/presentation/)) {
+      FileName = "PowerPoint";
+    } else if (type.match(/word/)) {
+      FileName = "Word";
+    } else if (type.match(/zip/)) {
+      FileName = "Zip";
+    } else if (type.match(/powerpoint/)) {
+      FileName = "PowerPoint";
+    } else if (type.match(/html/)) {
+      FileName = "HTML";
+    } else if (type.match(/js/)) {
+      FileName = "JavaScript";
+    } else if (type.match(/css/)) {
+      FileName = "CSS";
+    } else if (type.match(/text\/plain/)) {
+      FileName = "\u30C6\u30AD\u30B9\u30C8";
+    }
+    useEffect(() => {
+      if (val_edit) {
+        setTimeout(() => {
+          $$fromRoot("#" + FileID).focus();
+        }, 100);
+      }
+    }, [val_edit]);
+    return /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        verticalAlign: "center",
+        flexWrap: false,
+        gap: 1,
+        className,
+        children: [
+          /* @__PURE__ */ jsx(
+            FAI.File,
+            {
+              fontSize: "4.thirdTitle",
+              fontColor: "4.thin"
+            }
+          ),
+          /* @__PURE__ */ jsxs(Box, { flexSizing: 0, children: [
+            /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+              Flex,
+              {
+                verticalAlign: "center",
+                gap: "2/3",
+                flexWrap: false,
+                className: InputFilerClasses("FileName"),
+                children: !val_edit ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  fileName,
+                  !!fileNameEdit && /* @__PURE__ */ jsx(
+                    Button.Button.Clear.R,
+                    {
+                      ssSphere: 2.5,
+                      flexSizing: "none",
+                      color: "cloud",
+                      fontColor: "4.thin",
+                      padding: "1/3",
+                      ssEffectsOnActive: "expand",
+                      onClick: () => {
+                        set_edit(true);
+                      },
+                      children: /* @__PURE__ */ jsx(FAI.Pen, {})
+                    }
+                  )
+                ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+                  Column,
+                  {
+                    gap: "1/2",
+                    flexSizing: 0,
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        Flex,
+                        {
+                          gap: "2/3",
+                          verticalAlign: "center",
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              Text.Normal,
+                              {
+                                tone: "border",
+                                wrapStyles: {
+                                  flexSizing: "auto"
+                                },
+                                restrict: "fileName",
+                                name: "name",
+                                required: true,
+                                id: FileID,
+                                form: "form-" + FileID,
+                                enableFormSubmit: true,
+                                value: name,
+                                onKeyDown: (event) => {
+                                  let { key } = event;
+                                  if (key == "Escape")
+                                    set_edit(false);
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(Box, { children: [
+                              ". ",
+                              extension
+                            ] })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        Flex,
+                        {
+                          gap: "2/3",
+                          horizontalAlign: "right",
+                          flexWrap: false,
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              Button.Button.Sub.R,
+                              {
+                                padding: ["2/3", 1],
+                                children: "\u9589\u3058\u308B",
+                                onClick: () => {
+                                  set_edit(false);
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              Button.Button.Prime.R,
+                              {
+                                padding: ["2/3", 1],
+                                submitOption: {
+                                  formName: "form-" + FileID,
+                                  callback: (form) => __async(void 0, null, function* () {
+                                    let { name: name2 } = form;
+                                    let nextFiles = [...val_status.dataValue];
+                                    let prevFile = nextFiles[index];
+                                    let id = prevFile.id;
+                                    if (!prevFile)
+                                      return;
+                                    let { target } = yield prevFile.read();
+                                    if (!target)
+                                      return;
+                                    let dataUrl = String(target.result);
+                                    let newBlob = yield dataUrl.toBlob(file.type);
+                                    if (!newBlob)
+                                      return;
+                                    let newFile = new File([newBlob], name2 + "." + extension, { type: prevFile.type });
+                                    newFile.id = id;
+                                    nextFiles[index] = newFile;
+                                    set_status(__spreadProps(__spreadValues({}, val_status), {
+                                      dataValue: nextFiles,
+                                      eventType: "update",
+                                      eventID: $$.uuid.gen()
+                                    }));
+                                    set_edit(false);
+                                  })
+                                },
+                                children: "\u6C7A\u5B9A"
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ) })
+              }
+            ) }),
+            !val_edit && /* @__PURE__ */ jsx(
+              Box,
+              {
+                fontSize: "1.mini",
+                fontColor: "4.thin",
+                flexSizing: 0,
+                children: FileName + "\u30D5\u30A1\u30A4\u30EB / " + Size + "B"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button.Button.Sub.R,
+            {
+              color: "cloud",
+              fontColor: "4.thin",
+              ssSphere: 3,
+              onClick: () => {
+                let nextFiles = [...val_status.dataValue];
+                let prevFile = nextFiles[index];
+                if (!prevFile)
+                  return;
+                nextFiles.splice(index, 1);
+                set_status(__spreadProps(__spreadValues({}, val_status), {
+                  dataValue: nextFiles,
+                  eventType: "update",
+                  eventID: $$.uuid.gen()
+                }));
+              },
+              children: /* @__PURE__ */ jsx(FAI.Times, {})
+            }
+          )
+        ]
+      }
+    );
+  }
+};
+const FileInput = (params) => {
+  let _a = params, {
+    tone,
+    required,
+    form,
+    fileNameEdit = true,
+    systemOnly = false,
+    accept = "*",
+    limit = 1,
+    checkValidationAtFirst,
+    onChange,
+    onValidate,
+    onUpdateValue,
+    onUpdateValidValue,
+    value = [],
+    className,
+    cellStyles,
+    cellClassName,
+    componentID,
+    status_id,
+    enableFormSubmit
+  } = _a, others = __objRest(_a, [
+    "tone",
+    "required",
+    "form",
+    "fileNameEdit",
+    "systemOnly",
+    "accept",
+    "limit",
+    "checkValidationAtFirst",
+    "onChange",
+    "onValidate",
+    "onUpdateValue",
+    "onUpdateValidValue",
+    "value",
+    "className",
+    "cellStyles",
+    "cellClassName",
+    "componentID",
+    "status_id",
+    "enableFormSubmit"
+  ]);
+  let Default_Status = {
+    componentID: params.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({
+    type: "file",
+    params,
+    val_status,
+    set_status,
+    val_validate,
+    set_validate,
+    DefaultValidation,
+    onUpdateValue,
+    onUpdateValidValue,
+    ExtraOverrideParams: {
+      dataValue: value,
+      formatValue: value
+    },
+    ExtraStoreParams: {
+      AddFiles: (files) => __async(void 0, null, function* () {
+        let currentFiles = useStore.get(val_status.componentID).Files;
+        let newFiles = [];
+        for (var i = 0; i < (files == null ? void 0 : files.length); i++) {
+          let file = files[i];
+          let { type, name } = file;
+          if (i + 1 + currentFiles.length > limit) {
+            Snackbar.add({
+              componentID: name,
+              secondsToClose: 12e3,
+              children: `\u30D5\u30A1\u30A4\u30EB\u9078\u629E\u4E0A\u9650\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${name}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,
+              backgroundColor: "nega"
+            });
+            continue;
+          }
+          if (accept) {
+            if (accept == "image") {
+              if (!type.match(/image/)) {
+                Snackbar.add({
+                  componentID: name,
+                  secondsToClose: 12e3,
+                  children: `\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u304C\u7570\u306A\u308B\u305F\u3081\u3001${name} \u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,
+                  backgroundColor: "nega"
+                });
+                continue;
+              }
+            }
+          }
+          newFiles.push(file);
+        }
+        set_status(__spreadProps(__spreadValues({}, val_status), {
+          dataValue: [...currentFiles, ...newFiles],
+          eventType: "update",
+          eventID: $$.uuid.gen()
+        }));
+      })
+    }
+  });
+  let Accept = "";
+  if (accept) {
+    if (accept == "image")
+      Accept = "image/png,image/jpeg";
+    else
+      Accept = accept;
+  }
+  return /* @__PURE__ */ jsxs(
+    BoxWrapper,
+    {
+      val_status,
+      set_status,
+      val_validate,
+      params,
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          __spreadProps(__spreadValues({
+            type: "file",
+            className: InputFilerClasses("Input"),
+            "data-form": form,
+            "data-input-type": "file",
+            "data-component-id": val_status.componentID,
+            "data-validation": val_validate.ok,
+            accept: Accept,
+            multiple: limit == 1 ? false : true,
+            onChange: (event) => __async(void 0, null, function* () {
+              let Input = event.target;
+              let files = Input.files;
+              let newFiles = [];
+              for (var i = 0; i < (files == null ? void 0 : files.length); i++) {
+                let file = files[i];
+                let fileName = file.name;
+                file.id = $$.uuid.gen();
+                if (i + 1 + val_status.dataValue.length > limit) {
+                  Snackbar.add({
+                    componentID: fileName,
+                    secondsToClose: 12e3,
+                    children: `\u30D5\u30A1\u30A4\u30EB\u767B\u9332\u6570\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${fileName}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002`,
+                    backgroundColor: "nega"
+                  });
+                  continue;
+                }
+                newFiles.push(file);
+              }
+              set_status(__spreadProps(__spreadValues({}, val_status), {
+                dataValue: [...val_status.dataValue, ...newFiles],
+                eventType: "update",
+                eventID: $$.uuid.gen()
+              }));
+              Input.value = "";
+            })
+          }, others), {
+            tabIndex: -1,
+            value: ""
+          })
+        ),
+        !systemOnly && /* @__PURE__ */ jsx(
+          Comps.List,
+          {
+            files: val_status.dataValue,
+            params,
+            val_status,
+            set_status
+          }
+        )
+      ]
+    }
+  );
+};
+$$(document).addEvent({
+  eventType: "dragover",
+  callback: (event) => {
+    event.preventDefault();
+    $$fromRoot("." + InputFilerClasses("AddButton")).addClass(InputFilerClasses("Draggable"));
+  },
+  options: {
+    passive: false
+  }
+}).addEvent({
+  eventType: "drop",
+  callback: (event) => {
+    event.preventDefault();
+    $$fromRoot("." + InputFilerClasses("AddButton")).removeClass(InputFilerClasses("Draggable"));
+    let Files = event.dataTransfer.files;
+    if (Files.length) {
+      let Target = event.target;
+      if ($$fromRoot(Target).hasClass(InputFilerClasses("AddButton"))) {
+        let { componentId } = Target.dataset;
+        let component = useStore.get(componentId);
+        if (component && component.AddFiles)
+          component.AddFiles(Files);
+      }
+    }
+  },
+  options: { passive: false }
+});
+const Filer = (rawParams) => {
+  rawParams = __spreadValues({}, rawParams);
+  rawParams.override = "force";
+  let params = GenerateClassName(rawParams);
+  params.cellClassName = [
+    params.cellClassName,
+    DefaultStyles.Boxish(__spreadProps(__spreadValues({}, params.cellStyles), {
+      tone: params.tone
+    })).className
+  ].join(" ");
+  return /* @__PURE__ */ jsx(
+    Wrapper,
+    {
+      componentID: rawParams.componentID,
+      children: FileInput,
+      params
+    }
+  );
+};
+Filer.fn = {
+  openDialog: (params) => {
+    let {
+      multiple,
+      accept
+    } = params;
+    return new Promise((resolve) => {
+      const input = document.createElement("input");
+      input.type = "file";
+      input.multiple = multiple != null ? multiple : true;
+      if (accept) {
+        if (accept == "image")
+          input.accept = "image/png,image/jpeg";
+        else
+          input.accept = accept;
+      }
+      input.onchange = (event) => {
+        resolve(event.target.files);
+      };
+      input.click();
+    });
+  }
+};
+export {
+  Filer,
+  Filer as default
+};

package/dist/fn/Input/Hidden.js

@@ -1 +1,48 @@
-import{b as i,c as o,d as r}from"../../chunk-VY3566IV.js";import{jsx as d}from"react/jsx-runtime";import{Wrapper as l}from"./core";const s=n=>{let e=n,{componentID:p="",enableFormSubmit:c,form:m,value:t=""}=e,u=r(e,["componentID","enableFormSubmit","form","value"]);return d("input",o(i({value:JSON.stringify(t),"data-input-type":"hidden","data-form":m,"data-component-id":p,"data-value":JSON.stringify(t)},u),{type:"hidden"}))},a=n=>d(l,{componentID:n.componentID,children:s,params:n});export{a as Hidden,a as default};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  Wrapper
+} from "./core";
+const HiddenInput = (params) => {
+  let _a = params, {
+    componentID = "",
+    enableFormSubmit,
+    form,
+    value = ""
+  } = _a, others = __objRest(_a, [
+    "componentID",
+    "enableFormSubmit",
+    "form",
+    "value"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "input",
+    __spreadProps(__spreadValues({
+      value: JSON.stringify(value),
+      "data-input-type": "hidden",
+      "data-form": form,
+      "data-component-id": componentID,
+      "data-value": JSON.stringify(value)
+    }, others), {
+      type: "hidden"
+    })
+  );
+};
+const Hidden = (params) => {
+  return /* @__PURE__ */ jsx(
+    Wrapper,
+    {
+      componentID: params.componentID,
+      children: HiddenInput,
+      params
+    }
+  );
+};
+export {
+  Hidden,
+  Hidden as default
+};