amotify 0.1.32 → 0.1.34

package/dist/fn/Input/Filer.js

@@ -1,619 +1 @@
-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
-};
+import{b as g,c as x,d as Z,e as $}from"../../chunk-VY3566IV.js";import{Fragment as ee,jsx as n,jsxs as d}from"react/jsx-runtime";import{useState as q,useEffect as te}from"react";import{$$ as h,$$fromRoot as P,useStore as Q,GenerateClassName as ae}from"../../@utils/_";import y from"../../atoms/Box";import L from"../../atoms/FAI";import O from"../../atoms/Flex";import X 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:t,params:a}=e,{required:s}=a,l=[];return s&&!t.length&&l.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!l.filter(({type:p})=>p=="invalid").length,notice:l}}const Y={List:e=>{let{files:t,params:a,val_status:s,set_status:l}=e,p=(a.limit||1)-s.dataValue.length,c=t.map((u,S)=>n(Y.Cell,{index:S,file:u,className:a.cellClassName,val_status:s,set_status:l,fileNameEdit:a.fileNameEdit},u.name));return p>0&&c.push(n("label",{className:[a.cellClassName,m("AddButton")].join(" "),"data-component-id":s.componentID,htmlFor:a.id,tabIndex:a.tabIndex,onKeyDown:u=>{let{key:S}=u;a.tabIndex!=-1&&[" ","Enter"].includes(S)&&P("#"+a.id).click()},children:d(le.Center,{padding:["1/3",0],children:[n(y,{isRounded:!0,className:m("AddIcon"),children:n(L,{icon:pe,className:m("Icon"),fontColor:"theme",fontSize:"4.thirdTitle",backgroundColor:"tcOpLow",ssSphere:3,padding:"1/2"})}),d(y,{children:[n(y,{children:`\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E\uFF08${p}\uFF09`,fontColor:"theme",fontSize:"2.normal",isSemiBoldFont:!0}),n(y,{isSemiBoldFont:!0,fontColor:"4.thin",fontSize:"0.xs",children:"\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30ED\u30C3\u30D7"})]})]})},"AddButton")),n(X,{flexSizing:"auto",className:a.className,children:c})},Cell:e=>{let{index:t,file:a,className:s,val_status:l,set_status:p,fileNameEdit:c=!0}=e,{name:u,size:S,type:i}=a,[V,b]=q(!1),N=h.uuid.gen(),_=S.rank(),[G,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:[n(L.File,{fontSize:"4.thirdTitle",fontColor:"4.thin"}),d(y,{flexSizing:0,children:[n(y,{children:n(O,{verticalAlign:"center",gap:"2/3",flexWrap:!1,className:m("FileName"),children:V?n(ee,{children:d(X,{gap:"1/2",flexSizing:0,children:[d(O,{gap:"2/3",verticalAlign:"center",children:[n(re.Normal,{tone:"border",wrapStyles:{flexSizing:"auto"},restrict:"fileName",name:"name",required:!0,id:N,form:"form-"+N,enableFormSubmit:!0,value:G,onKeyDown:f=>{let{key:k}=f;k=="Escape"&&b(!1)}}),d(y,{children:[". ",M]})]}),d(O,{gap:"2/3",horizontalAlign:"right",flexWrap:!1,children:[n(W.Button.Sub.R,{padding:["2/3",1],children:"\u9589\u3058\u308B",onClick:()=>{b(!1)}}),n(W.Button.Prime.R,{padding:["2/3",1],submitOption:{formName:"form-"+N,callback:f=>$(void 0,null,function*(){let{name:k}=f,w=[...l.dataValue],T=w[t],U=T.id;if(!T)return;let{target:r}=yield T.read();if(!r)return;let D=yield String(r.result).toBlob(a.type);if(!D)return;let z=new File([D],k+"."+M,{type:T.type});z.id=U,w[t]=z,p(x(g({},l),{dataValue:w,eventType:"update",eventID:h.uuid.gen()})),b(!1)})},children:"\u6C7A\u5B9A"})]})]})}):d(ee,{children:[u,!!c&&n(W.Button.Clear.R,{ssSphere:2.5,flexSizing:"none",color:"cloud",fontColor:"4.thin",padding:"1/3",ssEffectsOnActive:"expand",onClick:()=>{b(!0)},children:n(L.Pen,{})})]})})}),!V&&n(y,{fontSize:"1.mini",fontColor:"4.thin",flexSizing:0,children:o+"\u30D5\u30A1\u30A4\u30EB / "+_+"B"})]}),n(W.Button.Sub.R,{color:"cloud",fontColor:"4.thin",ssSphere:3,onClick:()=>{let f=[...l.dataValue];f[t]&&(f.splice(t,1),p(x(g({},l),{dataValue:f,eventType:"update",eventID:h.uuid.gen()})))},children:n(L.Times,{})})]})}},ce=e=>{let J=e,{tone:t,required:a,form:s,fileNameEdit:l=!0,systemOnly:p=!1,accept:c="*",limit:u=1,checkValidationAtFirst:S,onChange:i,onValidate:V,onUpdateValue:b,onUpdateValidValue:N,value:_=[],className:G,cellStyles:M,cellClassName:o,componentID:f,status_id:k,enableFormSubmit:w}=J,T=Z(J,["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=Q.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:[n("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&&n(Y.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 t=e.dataTransfer.files;if(t.length){let a=e.target;if(P(a).hasClass(m("AddButton"))){let{componentId:s}=a.dataset,l=Q.get(s);l&&l.AddFiles&&l.AddFiles(t)}}},options:{passive:!1}});const K=e=>{e=g({},e),e.override="force";let t=ae(e);return t.cellClassName=[t.cellClassName,se.Boxish(x(g({},t.cellStyles),{tone:t.tone})).className].join(" "),n(ne,{componentID:e.componentID,children:ce,params:t})};K.fn={openDialog:e=>{let{multiple:t,accept:a}=e;return new Promise(s=>{const l=document.createElement("input");l.type="file",l.multiple=t!=null?t:!0,a&&(a=="image"?l.accept="image/png,image/jpeg":l.accept=a),l.onchange=p=>{s(p.target.files)},l.click()})}};export{K as Filer,K as default};

package/dist/fn/Input/Hidden.js

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