amotify 0.2.41 → 0.2.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/esbuild/public/index.css +1 -1
- package/demo/esbuild/public/index.js +84 -84
- package/dist/@declares/property.d.ts +1 -1
- package/dist/@styles/style.css +1 -1
- package/dist/atoms/FAI.d.ts +1 -1
- package/dist/atoms/FAI.js +1 -1
- package/dist/fn/Input/Autocomplete.d.ts +2 -1
- package/dist/fn/Input/Autocomplete.js +1 -1
- package/dist/fn/Input/Contenteditable.js +1 -1
- package/dist/fn/Input/Parts.js +1 -1
- package/dist/fn/Input/Search.js +1 -1
- package/dist/fn/Input/Select.js +1 -1
- package/dist/fn/Input/TextField.js +2 -2
- package/dist/fn/Input/Time/Picker.js +1 -1
- package/dist/fn/Input/Time/index.js +1 -1
- package/dist/fn/Input/core.js +1 -1
- package/dist/fn/Table/Data.js +1 -1
- package/dist/fn/Tips.d.ts +10 -0
- package/dist/fn/Tips.js +1 -0
- package/dist/fn/index.d.ts +1 -0
- package/dist/fn/index.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/temps/designBook.js +20 -20
- package/package.json +2 -2
package/dist/atoms/FAI.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ declare namespace FAI {
|
|
|
10
10
|
type Shortcuts = {
|
|
11
11
|
[key in ShortCutNames]: React.FC<Omit<ComponentInput, 'icon'>>;
|
|
12
12
|
};
|
|
13
|
-
type ShortCutNames = 'User' | 'Times' | 'AngleRight' | 'AngleLeft' | 'AngleUp' | 'AngleDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'ChevronDown' | 'CaretLeft' | 'CaretRight' | 'CaretUp' | 'CaretDown' | 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown' | 'Rotate' | 'Redo' | 'Check' | 'CheckCircle' | 'Question' | 'QuestionCircle' | 'Exclamation' | 'ExclamationTriangle' | 'Home' | 'Share' | 'Search' | 'YenSign' | 'Heart' | 'Star' | 'Edit' | 'Pen' | 'Copy' | 'File' | 'TrashAlt' | 'Bars' | 'Download' | 'Link' | 'LinkSlash' | 'ExternalLinkAlt' | 'Gear' | 'Plus' | 'Minus' | 'EllipsisH' | 'EllipsisV' | 'PaperPlane' | 'Image' | 'Ban';
|
|
13
|
+
type ShortCutNames = 'User' | 'Times' | 'AngleRight' | 'AngleLeft' | 'AngleUp' | 'AngleDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'ChevronDown' | 'CaretLeft' | 'CaretRight' | 'CaretUp' | 'CaretDown' | 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown' | 'Rotate' | 'Redo' | 'Check' | 'CheckCircle' | 'Question' | 'QuestionCircle' | 'Exclamation' | 'ExclamationTriangle' | 'Home' | 'Share' | 'Search' | 'YenSign' | 'Heart' | 'Star' | 'Edit' | 'Pen' | 'Copy' | 'File' | 'TrashAlt' | 'Bars' | 'Download' | 'Link' | 'LinkSlash' | 'ExternalLinkAlt' | 'Gear' | 'Plus' | 'Minus' | 'EllipsisH' | 'EllipsisV' | 'PaperPlane' | 'Image' | 'Ban' | 'Location';
|
|
14
14
|
type Methods = React.FC<ComponentInput> & Shortcuts;
|
|
15
15
|
}
|
|
16
16
|
declare const FAI: FAI.Methods;
|
package/dist/atoms/FAI.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as r,c as i,d as f}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import{GenerateHTMLProps as l}from"../@utils";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faTimes as h}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as C}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as A}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as g}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as w}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as L}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as R}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as u}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as S}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as E}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as I}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as D}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as P}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as k}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as y}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as x}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as U}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as F}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as d}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as v}from"@fortawesome/free-solid-svg-icons/faCheck";import{faQuestion as T}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faExclamation as H}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as B}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as M}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as Q}from"@fortawesome/free-solid-svg-icons/faShare";import{faSearch as G}from"@fortawesome/free-solid-svg-icons/faSearch";import{faYenSign as V}from"@fortawesome/free-solid-svg-icons/faYenSign";import{faPen as Y}from"@fortawesome/free-solid-svg-icons/faPen";import{faBars as N}from"@fortawesome/free-solid-svg-icons/faBars";import{faDownload as O}from"@fortawesome/free-solid-svg-icons/faDownload";import{faLink as z}from"@fortawesome/free-solid-svg-icons/faLink";import{faLinkSlash as b}from"@fortawesome/free-solid-svg-icons/faLinkSlash";import{faExternalLinkAlt as q}from"@fortawesome/free-solid-svg-icons/faExternalLinkAlt";import{faGear as J}from"@fortawesome/free-solid-svg-icons/faGear";import{faPlus as K}from"@fortawesome/free-solid-svg-icons/faPlus";import{faMinus as W}from"@fortawesome/free-solid-svg-icons/faMinus";import{faEllipsisH as X}from"@fortawesome/free-solid-svg-icons/faEllipsisH";import{faEllipsisV as Z}from"@fortawesome/free-solid-svg-icons/faEllipsisV";import{faStar as _}from"@fortawesome/free-solid-svg-icons/faStar";import{faPaperPlane as $}from"@fortawesome/free-solid-svg-icons/faPaperPlane";import{faHeart as j}from"@fortawesome/free-solid-svg-icons/faHeart";import{faBan as oo}from"@fortawesome/free-solid-svg-icons/faBan";import{
|
|
1
|
+
import{b as r,c as i,d as f}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import{GenerateHTMLProps as l}from"../@utils";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faTimes as h}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as C}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as A}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as g}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as w}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as L}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as R}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as u}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as S}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as E}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as I}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as D}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as P}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as k}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as y}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as x}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as U}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as F}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as d}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as v}from"@fortawesome/free-solid-svg-icons/faCheck";import{faQuestion as T}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faExclamation as H}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as B}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as M}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as Q}from"@fortawesome/free-solid-svg-icons/faShare";import{faSearch as G}from"@fortawesome/free-solid-svg-icons/faSearch";import{faYenSign as V}from"@fortawesome/free-solid-svg-icons/faYenSign";import{faPen as Y}from"@fortawesome/free-solid-svg-icons/faPen";import{faBars as N}from"@fortawesome/free-solid-svg-icons/faBars";import{faDownload as O}from"@fortawesome/free-solid-svg-icons/faDownload";import{faLink as z}from"@fortawesome/free-solid-svg-icons/faLink";import{faLinkSlash as b}from"@fortawesome/free-solid-svg-icons/faLinkSlash";import{faExternalLinkAlt as q}from"@fortawesome/free-solid-svg-icons/faExternalLinkAlt";import{faGear as J}from"@fortawesome/free-solid-svg-icons/faGear";import{faPlus as K}from"@fortawesome/free-solid-svg-icons/faPlus";import{faMinus as W}from"@fortawesome/free-solid-svg-icons/faMinus";import{faEllipsisH as X}from"@fortawesome/free-solid-svg-icons/faEllipsisH";import{faEllipsisV as Z}from"@fortawesome/free-solid-svg-icons/faEllipsisV";import{faStar as _}from"@fortawesome/free-solid-svg-icons/faStar";import{faPaperPlane as $}from"@fortawesome/free-solid-svg-icons/faPaperPlane";import{faHeart as j}from"@fortawesome/free-solid-svg-icons/faHeart";import{faBan as oo}from"@fortawesome/free-solid-svg-icons/faBan";import{faLocationCrosshairs as ro}from"@fortawesome/free-solid-svg-icons/faLocationCrosshairs";import{faUser as io}from"@fortawesome/free-regular-svg-icons/faUser";import{faCheckCircle as no}from"@fortawesome/free-regular-svg-icons/faCheckCircle";import{faQuestionCircle as to}from"@fortawesome/free-regular-svg-icons/faQuestionCircle";import{faEdit as eo}from"@fortawesome/free-regular-svg-icons/faEdit";import{faCopy as ao}from"@fortawesome/free-regular-svg-icons/faCopy";import{faFile as mo}from"@fortawesome/free-regular-svg-icons/faFile";import{faTrashAlt as fo}from"@fortawesome/free-regular-svg-icons/faTrashAlt";import{faImage as po}from"@fortawesome/free-regular-svg-icons/faImage";const t=o=>{let m=o,{icon:p}=m,c=f(m,["icon"]),a=l(c);return e(s,i(r({icon:p,size:"1x"},a),{style:r({aspectRatio:"1"},a==null?void 0:a.style)}))},n=t;n.User=o=>e(t,i(r({},o),{icon:io})),n.Times=o=>e(t,i(r({},o),{icon:h})),n.AngleRight=o=>e(t,i(r({},o),{icon:C})),n.AngleLeft=o=>e(t,i(r({},o),{icon:A})),n.AngleUp=o=>e(t,i(r({},o),{icon:g})),n.AngleDown=o=>e(t,i(r({},o),{icon:w})),n.ChevronLeft=o=>e(t,i(r({},o),{icon:L})),n.ChevronRight=o=>e(t,i(r({},o),{icon:R})),n.ChevronUp=o=>e(t,i(r({},o),{icon:u})),n.ChevronDown=o=>e(t,i(r({},o),{icon:S})),n.CaretLeft=o=>e(t,i(r({},o),{icon:E})),n.CaretRight=o=>e(t,i(r({},o),{icon:I})),n.CaretUp=o=>e(t,i(r({},o),{icon:D})),n.CaretDown=o=>e(t,i(r({},o),{icon:P})),n.ArrowLeft=o=>e(t,i(r({},o),{icon:k})),n.ArrowRight=o=>e(t,i(r({},o),{icon:y})),n.ArrowUp=o=>e(t,i(r({},o),{icon:x})),n.ArrowDown=o=>e(t,i(r({},o),{icon:U})),n.Rotate=o=>e(t,i(r({},o),{icon:F})),n.Redo=o=>e(t,i(r({},o),{icon:d})),n.Check=o=>e(t,i(r({},o),{icon:v})),n.CheckCircle=o=>e(t,i(r({},o),{icon:no})),n.Question=o=>e(t,i(r({},o),{icon:T})),n.QuestionCircle=o=>e(t,i(r({},o),{icon:to})),n.Exclamation=o=>e(t,i(r({},o),{icon:H})),n.ExclamationTriangle=o=>e(t,i(r({},o),{icon:B})),n.Home=o=>e(t,i(r({},o),{icon:M})),n.Share=o=>e(t,i(r({},o),{icon:Q})),n.Search=o=>e(t,i(r({},o),{icon:G})),n.YenSign=o=>e(t,i(r({},o),{icon:V})),n.Heart=o=>e(t,i(r({},o),{icon:j})),n.Star=o=>e(t,i(r({},o),{icon:_})),n.Edit=o=>e(t,i(r({},o),{icon:eo})),n.Pen=o=>e(t,i(r({},o),{icon:Y})),n.Copy=o=>e(t,i(r({},o),{icon:ao})),n.File=o=>e(t,i(r({},o),{icon:mo})),n.TrashAlt=o=>e(t,i(r({},o),{icon:fo})),n.Bars=o=>e(t,i(r({},o),{icon:N})),n.Download=o=>e(t,i(r({},o),{icon:O})),n.Link=o=>e(t,i(r({},o),{icon:z})),n.LinkSlash=o=>e(t,i(r({},o),{icon:b})),n.ExternalLinkAlt=o=>e(t,i(r({},o),{icon:q})),n.Gear=o=>e(t,i(r({},o),{icon:J})),n.Plus=o=>e(t,i(r({},o),{icon:K})),n.Minus=o=>e(t,i(r({},o),{icon:W})),n.EllipsisH=o=>e(t,i(r({},o),{icon:X})),n.EllipsisV=o=>e(t,i(r({},o),{icon:Z})),n.PaperPlane=o=>e(t,i(r({},o),{icon:$})),n.Image=o=>e(t,i(r({},o),{icon:po})),n.Ban=o=>e(t,i(r({},o),{icon:oo})),n.Location=o=>e(t,i(r({},o),{icon:ro}));export{n as FAI,n as default};
|
|
@@ -55,7 +55,6 @@ declare namespace Autocomplete {
|
|
|
55
55
|
addCallback(): void;
|
|
56
56
|
};
|
|
57
57
|
type SelectedComponentProps = {
|
|
58
|
-
children: ReactElement;
|
|
59
58
|
value: Value;
|
|
60
59
|
label: ReactElement;
|
|
61
60
|
removeCallback(event: any): void;
|
|
@@ -70,6 +69,8 @@ declare namespace Autocomplete {
|
|
|
70
69
|
set_optionFocused: React.Dispatch<React.SetStateAction<Value>>;
|
|
71
70
|
val_optionsDict: OptionsDict;
|
|
72
71
|
set_optionsDict: React.Dispatch<React.SetStateAction<OptionsDict>>;
|
|
72
|
+
val_preventDynamicSearchOnKeywordChange: boolean;
|
|
73
|
+
set_preventDynamicSearchOnKeywordChange: React.Dispatch<React.SetStateAction<boolean>>;
|
|
73
74
|
val_preventOpenSelectorOnFocus: boolean;
|
|
74
75
|
set_preventOpenSelectorOnFocus: React.Dispatch<React.SetStateAction<boolean>>;
|
|
75
76
|
val_selectorOpen: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as v,c as V,d as j,e as Q}from"../../chunk-C5N2D3ZX.js";import{Fragment as H,jsx as l,jsxs as U}from"react/jsx-runtime";import{useState as O,useEffect as k,useRef as ae}from"react";import r from"@mingoo/jsmin";import{ExtractStyles as ne,useStore as Y}from"../../@utils";import{Box as R,Span as re,FAI as q,Column as ie}from"../../atoms";import{Text as B,Row as G}from"../../mols";import Z from"../Button";import{Loader as se}from"../Loader";import{Sheet as K}from"../Sheet";import{OptionalInputWrapper as ue,BoxWrapper as ce,CoreEffects as N,DefaultBoxishStyles as pe}from"./core";import{InputAutocompleteClasses as L}from"../../@styles/componentClasses";import{InputLabel as de}from"./Label";import{RightIcon as ee}from".";function me(t){let{value:e,states:a}=t,{required:o,options:c,min:u,max:S}=a;u=u||0,S=S||65535;let n=[],i=e.filter(m=>m!=="null").length;return o&&(i||n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),i<u&&n.push({type:"invalid",label:u+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),i>S&&n.push({type:"invalid",label:S+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!n.filter(({type:m})=>m=="invalid").length,notice:n}}const A={InitOptions:t=>{let e=[];return t.forEach(a=>{let{type:o,label:c,value:u,searchValue:S}=a,n=S||(r.is.string(c)?c:"")||(r.is.string(u)?u:"");e.push(V(v({},a),{searchValue:n,type:o||"selector",value:r.JsonTo(u)}))}),e},FilterSelectableOptions:(t,e)=>{let a=t.val_options;if(e||(a=t.val_options.filter(o=>o.type!="label")),t.val_keyword){let o=t.val_keyword.toLower().replace(/ /g,"");a=a.filter(c=>(c.searchValue||"").toLower().replace(/ /g,"").includes(o))}return a}},F={Shallow:t=>{let{rootStates:e,val_status:a}=t,o=ne(e);return l(R,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:l(B.Description,V(v({className:e.className},o),{position:"absolute",width:1,freeCSS:V(v({},o.freeCSS),{color:"orange"}),"data-id":"shallow_"+a.componentID,children:l(R,{"data-input-value-shallow":a.componentID,children:"A"})}))})},Button:t=>{let{rootStates:e,val_keyword:a,set_keyword:o,val_optionFocused:c,set_optionFocused:u,val_options:S,set_options:n,val_optionsDict:i,set_optionsDict:m,val_preventOpenSelectorOnFocus:s,set_preventOpenSelectorOnFocus:p,val_selectorOpen:f,set_selectorOpen:h,val_status:d,set_status:I,val_validate:g,set_validate:C}=t,X=e,{tone:w,required:b,form:T,className:x,multiSelect:P,enableFormSubmit:E,checkValidationAtFirst:z,onValidate:J,onUpdateValue:W,onUpdateValidValue:fe,value:Se="",options:ve,leftIndicator:ye,rightIndicator:he,leftIcon:_e,rightIcon:Ie,componentID:ge,status_id:be,wrapStyles:Oe,emptySelect:De,SearchInput:Ve,SearchInputPlaceholder:Ce,SelectedComponent:we,SelectorComponent:ke,SelectorGravityPoint:xe,DynamicOptionsOnSearch:Re}=X,_=j(X,["tone","required","form","className","multiSelect","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","emptySelect","SearchInput","SearchInputPlaceholder","SelectedComponent","SelectorComponent","SelectorGravityPoint","DynamicOptionsOnSearch"]);k(()=>{var D;if(e.disabled||!f)return;let y=A.FilterSelectableOptions(t);u(((D=y[0])==null?void 0:D.value)||null)},[a]),k(()=>{d.eventType!="init"&&(e.max==d.dataValue.length?(h(!1),p(!0),setTimeout(()=>{let y=r('[data-input-origin="'+e.componentID+'"]');y&&y.focus()},10)):r("#SearchInput_"+e.componentID).focus())},[d.dataValue]);let M="autocomplete-sheet-"+e.componentID;return k(()=>{let y="autocomplete-click-"+e.componentID;if(f){let D=r('[data-input-origin="'+e.componentID+'"]');if(!D)return;r("#SearchInput_"+e.componentID).focus(),K.open({sheetID:M,type:"custom",parent:D[0],padding:["1/4",0],gravityPoint:e.SelectorGravityPoint||22,close_option:{aroundClick:!1},content:l(F.Selector,v({},t))}),r(document).addEvent({eventID:y,eventType:"click",callback:oe=>{let $=r(oe.target),le=!!r($).parent("."+L("Core")).length;r($).parent("."+L("Selector")).length||le||h(!1)}})}else r(document).removeEvent([y]),o(""),K.close(M)},[f]),k(()=>{if(e.disabled||!f)return;K.customSheet.reposition(M);let y=Y.get("refresh-autocomplete-selector-"+e.componentID);y&&y(t)},[S,d.dataValue,a,c]),l(H,{children:l(R,V(v({tabIndex:0},_),{"data-disabled":e.disabled,"data-name":e.name,"data-value":r.JsonTo(d.dataValue),"data-form":T,"data-show-validation":N.isShowValidation(g,d,!!z),"data-validation":g.ok,"data-component-id":d.componentID,"data-input-origin":d.componentID,"data-focus":!!f,"data-input-type":"autocomplete-"+(P?"multi":"single"),className:[x,L("Core")].join(" "),onFocus:y=>{if(_!=null&&_.onFocus&&(_==null||_.onFocus(y)),!e.disabled){if(s)return p(!1);h(!0),y.preventDefault()}},onClick:y=>{_!=null&&_.onClick&&(_==null||_.onClick(y)),!e.disabled&&h(!0)},onKeyDown:y=>{let{key:D}=y;E&&N.SubmitForm(y),!f&&(D==" "||D=="ArrowDown"||D=="ArrowUp"||D=="Enter")&&h(!0)},children:U(G.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[l(F.Selected,v({},t)),l(re,{width:0,overflow:"hidden",opacity:"trans",children:"A"}),l(F.SearchInput,v({},t))]})}))})},SearchInput:t=>{let{rootStates:e}=t;return e.disabled||!t.val_selectorOpen?null:l(R,{id:"SearchInput_"+e.componentID,placeholder:e.SearchInputPlaceholder||"\u691C\u7D22...",opacity:t.val_selectorOpen?"max":"trans","data-form":e.form,transition:"middle",flexSizing:0,htmlTag:"input",border:"unset",backgroundColor:"trans",value:t.val_keyword,freeCSS:{outline:"none"},onKeyDown:a=>{let{key:o,metaKey:c,ctrlKey:u}=a,S=c||u;o=="Escape"?(t.set_selectorOpen(!1),t.set_preventOpenSelectorOnFocus(!0),setTimeout(()=>{let n=r('[data-input-origin="'+e.componentID+'"]');n&&n.focus()},10)):o=="Tab"?t.set_selectorOpen(!1):o==" "?r.scope(()=>{t.val_selectorOpen||t.val_keyword||(a.preventDefault(),t.set_selectorOpen(!0))}):o=="Backspace"?r.scope(()=>{if(t.val_keyword)return;let n=[...t.val_status.dataValue];n.pop(),t.set_status(i=>V(v({},i),{dataValue:n,eventType:"update",eventID:r.uuid.gen()}))}):o=="Enter"&&r.scope(()=>{if(!t.val_selectorOpen)return t.set_selectorOpen(!0);if(!t.val_optionFocused)return;let n=t.val_options.find(m=>m.value==t.val_optionFocused);if(!n)return;let{value:i}=n;t.set_status(m=>{let s=[...m.dataValue];return r.scope(()=>{if(i==="null")return s=[];m.dataValue.includes(i)?s=s.filter(f=>f!==i):e.multiSelect?s.push(i):s=[i]}),V(v({},m),{dataValue:s,eventType:"update",eventID:r.uuid.gen()})}),t.set_keyword("")}),r.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(o))return;if(a.preventDefault(),!t.val_selectorOpen)return t.set_selectorOpen(!0);let n=o=="ArrowDown"?1:-1,i=A.FilterSelectableOptions(t),m=i.length-1,s=null;r.scope(()=>{var p,f,h,d;if(n==1){if(s=((p=i[0])==null?void 0:p.value)||null,t.val_optionFocused==null)return;if(S){s=i[m].value||s||null;return}let I=i.findIndex(g=>g.value==t.val_optionFocused);if(I==-1)return;s=((f=i[I+1])==null?void 0:f.value)||s||null}else{if(s=i[m].value||null,t.val_optionFocused==null)return;if(S){s=((h=i[0])==null?void 0:h.value)||s||null;return}let I=i.findIndex(g=>g.value==t.val_optionFocused);if(I==-1)return;s=((d=i[I-1])==null?void 0:d.value)||s||null}}),t.set_optionFocused(s)}),e.enableFormSubmit&&N.SubmitForm(a)},onChange:a=>{let c=a.target.value;t.set_keyword(c)}},"searchInput")},Selector:t=>{let[e,a]=O(t),{rootStates:o}=e,[c,u]=O("idle"),[S,n]=O("idle");k(()=>{Y.set({["refresh-autocomplete-selector-"+o.componentID]:p=>{a(p)}})},[]),k(()=>{if(!e.val_selectorOpen||!o.DynamicOptionsOnSearch)return;if(c=="idle")return u("ok");n("fetch");let p="autocomplete-search-"+o.componentID;r.interval.clear(p),r.interval.standBy(p,300,()=>Q(void 0,null,function*(){let f=yield o.DynamicOptionsOnSearch(e.val_keyword);n("idle");let h=A.InitOptions(f||[]);e.set_options(h)}))},[e.val_keyword]);let i=[],m=A.FilterSelectableOptions(e,!0),s=A.FilterSelectableOptions(e);return m.forEach((p,f)=>{let{type:h,value:d}=p,I=e.val_optionFocused==d,g=e.val_status.dataValue.includes(d),C=o.SelectorComponent;i.push(l(C,{option:p,isFocused:I,isSelected:g,addCallback:()=>{e.set_status(w=>{let b=[...w.dataValue];return r.scope(()=>{if(d==="null")return b=[];w.dataValue.includes(d)?b=b.filter(x=>x!==d):o.multiSelect?b.push(d):b=[d]}),V(v({},w),{dataValue:b,eventType:"update",eventID:r.uuid.gen()})})}},String(d)||r.uuid.gen()))}),s.length||(i=[l(B.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),S=="fetch"&&(i=[U(G.Left,{padding:1,fontColor:"3.blur",children:[l(se.Theme.R,{showInitial:!0}),l(B.Supplement,{children:"Loading..."})]},"loader")]),l(K.Body,{className:L("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:l(ie,{gap:0,padding:[1,0],children:i})})},Selected:t=>{let{rootStates:e,val_status:a,set_status:o,val_optionsDict:c}=t,u=[];return a.dataValue.forEach(S=>{let n=c[String(S)];if(!n)return;let i=e.SelectedComponent,m=n.label;n.value==="null"&&(m=""),u.push(l(R,{className:L("SelectedCell"),children:l(i,{value:n.value,label:m,children:m,removeCallback:s=>{if(s.stopPropagation(),s.preventDefault(),e.disabled)return;let p=[...a.dataValue];p=p.filter(f=>f!==S),o(f=>V(v({},f),{dataValue:p,eventType:"update",eventID:r.uuid.gen()}))}})},String(n.value)))}),l(H,{children:u})},Core:t=>{let{onUpdateValue:e,onUpdateValidValue:a,value:o}=t,c={componentID:t.componentID||"",dataValue:o,eventType:"init",eventID:r.uuid.gen()},[u,S]=O(!1),[n,i]=O(!1),[m,s]=O(""),[p,f]=O(t.options),[h,d]=O(t.value[0]||null),[I,g]=O({}),[C,w]=O(c),[b,T]=O({ok:!1,notice:[]}),x=ae(!1);k(()=>{x.current?f(t.options):x.current=!0},[t.options]),k(()=>{if(!p.length)return;let z=[...p],J=v({},I);z.forEach(W=>{W.type!="label"&&(J[String(W.value)]=W)}),g(J)},[p]);let P={rootStates:t,val_options:p,set_options:f,val_optionFocused:h,set_optionFocused:d,val_optionsDict:I,set_optionsDict:g,val_preventOpenSelectorOnFocus:u,set_preventOpenSelectorOnFocus:S,val_selectorOpen:n,set_selectorOpen:i,val_keyword:m,set_keyword:s,val_status:C,set_status:w,val_validate:b,set_validate:T};N.CommonEffects({type:"autocomplete",states:t,val_status:C,set_status:w,val_validate:b,set_validate:T,onUpdateValue:e,onUpdateValidValue:a,DefaultValidation:me,ExtraOverrideStates:{dataValue:o,formatValue:o}});let E=C.dataValue.length&&C.dataValue[0]!=="null";return E=E||n,U(ce,{val_status:C,set_status:w,val_validate:b,states:t,children:[l(de,{componentID:t.componentID,fontSize:t.fontSize,required:t.required,label:t.label,isActive:E}),l(F.Shallow,v({},P)),l(F.Button,v({},P))]})}},te=t=>{let e=v({},t);e=V(v({value:[],min:0,max:65535,multiSelect:!0,SearchInput:!0,emptySelect:!0,SelectorComponent:({option:o,isSelected:c,isFocused:u,addCallback:S})=>o.type=="selector"?l(Z.Button.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:c||u,isActiveStyles:u?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"},onClick:n=>{S()},children:l(B.Supplement,{paddingLeft:c?"1/2":0,transition:"short",children:o.label})}):l(H,{children:o.label}),SelectedComponent:({value:o,label:c,removeCallback:u})=>U(G.Left,{ssCardBox:"cloud",backgroundColor:"layer.3",borderRadius:"2.tone.secondary",fontSize:"1.mini",padding:"1/2",gap:0,children:[l(R,{padding:[0,"1/4"],children:c}),l(Z.Button.Sub.R,{color:"cloud",fontColor:"white",backgroundColor:"layer.6",isRounded:!0,padding:"1/4",onClick:u,children:l(q.Times,{ssSphere:1})})]},"test")},e),{freeCSS:v({cursor:"pointer"},e.freeCSS)}),e.multiSelect||(e.min=1,e.max=1),e.options=e.options||[],e.emptySelect&&(e.options=[{value:null,label:l(B.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]);let a=[];return e.value=r.flatArray(e.value||null),e.value.forEach((o,c)=>{a.push(r.JsonTo(o))}),e.value=a,e.options=A.InitOptions(e.options),r.is.nullish(e.rightIcon)&&(e.rightIcon=l(ee,{children:l(q.Search,{})}),e.disabled&&(e.rightIcon=l(ee,{fontColor:"5.translucent",children:l(q.Ban,{})}))),e.rightIcon&&(e=v({paddingRight:3},e)),e.leftIcon&&(e=v({paddingLeft:3},e)),l(ue,{componentID:e.componentID,children:F.Core,states:pe(e)})};export{te as Autocomplete,te as default};
|
|
1
|
+
import{b as v,c as C,d as Y,e as Z}from"../../chunk-C5N2D3ZX.js";import{Fragment as X,jsx as a,jsxs as J}from"react/jsx-runtime";import{useState as I,useEffect as V,useRef as re}from"react";import n from"@mingoo/jsmin";import{ExtractStyles as ie,useStore as ee}from"../../@utils";import{Box as R,Span as se,FAI as G,Column as ue}from"../../atoms";import{Text as E,Row as H}from"../../mols";import te from"../Button";import{Loader as ce}from"../Loader";import{Sheet as U}from"../Sheet";import{OptionalInputWrapper as pe,BoxWrapper as de,CoreEffects as z,DefaultBoxishStyles as me}from"./core";import{InputAutocompleteClasses as B}from"../../@styles/componentClasses";import{InputLabel as Se}from"./Label";import{RightIcon as oe}from".";function fe(t){let{value:e,states:l}=t,{required:o,options:c,min:u,max:m}=l;u=u||0,m=m||65535;let r=[],i=e.filter(d=>d!=="null").length;return o&&(i||r.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),i<u&&r.push({type:"invalid",label:u+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),i>m&&r.push({type:"invalid",label:m+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!r.filter(({type:d})=>d=="invalid").length,notice:r}}const A={InitOptions:t=>{let e=[];return t.forEach(l=>{let{type:o,label:c,value:u,searchValue:m}=l,r=m||(n.is.string(c)?c:"")||(n.is.string(u)?u:"");e.push(C(v({},l),{searchValue:r,type:o||"selector",value:n.JsonTo(u)}))}),e},FilterSelectableOptions:(t,e)=>{let l=t.val_options;if(e||(l=t.val_options.filter(o=>o.type!="label")),t.val_keyword){let o=t.val_keyword.toLower().replace(/ /g,"");l=l.filter(c=>(c.searchValue||"").toLower().replace(/ /g,"").includes(o))}return l}},F={Shallow:t=>{let{rootStates:e,val_status:l}=t,o=ie(e);return a(R,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:a(E.Description,C(v({className:e.className},o),{position:"absolute",width:1,freeCSS:C(v({},o.freeCSS),{color:"orange"}),"data-id":"shallow_"+l.componentID,children:a(R,{"data-input-value-shallow":l.componentID,children:"A"})}))})},Button:t=>{let{rootStates:e,val_keyword:l,set_keyword:o,val_optionFocused:c,set_optionFocused:u,val_options:m,set_options:r,val_optionsDict:i,set_optionsDict:d,val_preventOpenSelectorOnFocus:s,set_preventOpenSelectorOnFocus:S,val_selectorOpen:f,set_selectorOpen:h,val_status:p,set_status:b,val_validate:O,set_validate:T}=t,j=e,{tone:w,required:_,form:x,className:k,multiSelect:L,enableFormSubmit:P,checkValidationAtFirst:W,onValidate:K,onUpdateValue:$,onUpdateValidValue:M,value:N="",options:ve,leftIndicator:he,rightIndicator:ye,leftIcon:_e,rightIcon:ge,componentID:Ie,status_id:be,wrapStyles:Oe,emptySelect:De,SearchInput:Ce,SearchInputPlaceholder:Ve,SelectedComponent:we,SelectorComponent:ke,SelectorGravityPoint:xe,DynamicOptionsOnSearch:Re}=j,g=Y(j,["tone","required","form","className","multiSelect","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","emptySelect","SearchInput","SearchInputPlaceholder","SelectedComponent","SelectorComponent","SelectorGravityPoint","DynamicOptionsOnSearch"]);V(()=>{var D;if(e.disabled||!f)return;let y=A.FilterSelectableOptions(t);u(((D=y[0])==null?void 0:D.value)||null)},[l]),V(()=>{p.eventType!="init"&&(e.max==p.dataValue.length?(h(!1),S(!0),setTimeout(()=>{let y=n('[data-input-origin="'+e.componentID+'"]');y&&y.focus()},10)):n("#SearchInput_"+e.componentID).focus())},[p.dataValue]);let q="autocomplete-sheet-"+e.componentID;return V(()=>{let y="autocomplete-click-"+e.componentID;if(f){let D=n('[data-input-origin="'+e.componentID+'"]');if(!D)return;n("#SearchInput_"+e.componentID).focus(),U.open({sheetID:q,type:"custom",parent:D[0],padding:["1/4",0],gravityPoint:e.SelectorGravityPoint||22,close_option:{aroundClick:!1},content:a(F.Selector,v({},t))}),n(document).addEvent({eventID:y,eventType:"click",callback:le=>{let Q=n(le.target),ne=!!n(Q).parent("."+B("Core")).length;n(Q).parent("."+B("Selector")).length||ne||h(!1)}})}else n(document).removeEvent([y]),o(""),U.close(q)},[f]),V(()=>{if(e.disabled||!f)return;U.customSheet.reposition(q);let y=ee.get("refresh-autocomplete-selector-"+e.componentID);y&&y(t)},[m,p.dataValue,l,c]),a(X,{children:a(R,C(v({tabIndex:0},g),{"data-disabled":e.disabled,"data-name":e.name,"data-value":n.JsonTo(p.dataValue),"data-form":x,"data-show-validation":z.isShowValidation(O,p,!!W),"data-validation":O.ok,"data-component-id":p.componentID,"data-input-origin":p.componentID,"data-focus":!!f,"data-input-type":"autocomplete-"+(L?"multi":"single"),className:[k,B("Core")].join(" "),onFocus:y=>{if(g!=null&&g.onFocus&&(g==null||g.onFocus(y)),!e.disabled){if(s)return S(!1);h(!0),y.preventDefault()}},onClick:y=>{g!=null&&g.onClick&&(g==null||g.onClick(y)),!e.disabled&&h(!0)},onKeyDown:y=>{let{key:D}=y;P&&z.SubmitForm(y),!f&&(D==" "||D=="ArrowDown"||D=="ArrowUp"||D=="Enter")&&h(!0)},children:J(H.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[a(F.Selected,v({},t)),a(se,{width:0,overflow:"hidden",opacity:"trans",children:"A"}),a(F.SearchInput,v({},t))]})}))})},SearchInput:t=>{let{rootStates:e}=t;return e.disabled||!t.val_selectorOpen?null:a(R,{id:"SearchInput_"+e.componentID,placeholder:e.SearchInputPlaceholder||"\u691C\u7D22...",opacity:t.val_selectorOpen?"max":"trans","data-form":e.form,transition:"middle",flexSizing:0,htmlTag:"input",border:"unset",backgroundColor:"trans",value:t.val_keyword,freeCSS:{outline:"none"},onKeyDown:l=>{let{key:o,metaKey:c,ctrlKey:u}=l,m=c||u;o=="Escape"?(t.set_selectorOpen(!1),t.set_preventOpenSelectorOnFocus(!0),setTimeout(()=>{let r=n('[data-input-origin="'+e.componentID+'"]');r&&r.focus()},10)):o=="Tab"?t.set_selectorOpen(!1):o==" "?n.scope(()=>{t.val_selectorOpen||t.val_keyword||(l.preventDefault(),t.set_selectorOpen(!0))}):o=="Backspace"?n.scope(()=>{if(t.val_keyword)return;let r=[...t.val_status.dataValue];r.pop(),t.set_status(i=>C(v({},i),{dataValue:r,eventType:"update",eventID:n.uuid.gen()}))}):o=="Enter"&&n.scope(()=>{if(!t.val_selectorOpen)return t.set_selectorOpen(!0);if(!t.val_optionFocused)return;let r=t.val_options.find(d=>d.value==t.val_optionFocused);if(!r)return;let{value:i}=r;t.set_status(d=>{let s=[...d.dataValue];return n.scope(()=>{if(i==="null")return s=[];d.dataValue.includes(i)?s=s.filter(f=>f!==i):e.multiSelect?s.push(i):s=[i]}),C(v({},d),{dataValue:s,eventType:"update",eventID:n.uuid.gen()})}),t.set_keyword(""),t.set_preventDynamicSearchOnKeywordChange(!0)}),n.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(o))return;if(l.preventDefault(),!t.val_selectorOpen)return t.set_selectorOpen(!0);let r=o=="ArrowDown"?1:-1,i=A.FilterSelectableOptions(t),d=i.length-1,s=null;n.scope(()=>{var S,f,h,p;if(r==1){if(s=((S=i[0])==null?void 0:S.value)||null,t.val_optionFocused==null)return;if(m){s=i[d].value||s||null;return}let b=i.findIndex(O=>O.value==t.val_optionFocused);if(b==-1)return;s=((f=i[b+1])==null?void 0:f.value)||s||null}else{if(s=i[d].value||null,t.val_optionFocused==null)return;if(m){s=((h=i[0])==null?void 0:h.value)||s||null;return}let b=i.findIndex(O=>O.value==t.val_optionFocused);if(b==-1)return;s=((p=i[b-1])==null?void 0:p.value)||s||null}}),t.set_optionFocused(s)}),e.enableFormSubmit&&z.SubmitForm(l)},onChange:l=>{let c=l.target.value;t.set_keyword(c)}},"searchInput")},Selector:t=>{let[e,l]=I(t),{rootStates:o}=e,[c,u]=I("idle"),[m,r]=I("idle");V(()=>{ee.set({["refresh-autocomplete-selector-"+o.componentID]:S=>{l(S)}})},[]),V(()=>{if(!e.val_selectorOpen||!o.DynamicOptionsOnSearch)return;if(e.val_preventDynamicSearchOnKeywordChange)return e.set_preventDynamicSearchOnKeywordChange(!1);if(c=="idle")return u("ok");r("fetch");let S="autocomplete-search-"+o.componentID;n.interval.clear(S),n.interval.standBy(S,300,()=>Z(void 0,null,function*(){let f=yield o.DynamicOptionsOnSearch(e.val_keyword);r("idle");let h=A.InitOptions(f||[]);e.set_options(h)}))},[e.val_keyword]);let i=[],d=A.FilterSelectableOptions(e,!0),s=A.FilterSelectableOptions(e);return d.forEach((S,f)=>{let{type:h,value:p}=S,b=e.val_optionFocused==p,O=e.val_status.dataValue.includes(p),T=o.SelectorComponent;i.push(a(T,{option:S,isFocused:b,isSelected:O,addCallback:()=>{e.set_status(w=>{let _=[...w.dataValue];return n.scope(()=>{if(p==="null")return _=[];w.dataValue.includes(p)?_=_.filter(k=>k!==p):o.multiSelect?_.push(p):_=[p]}),C(v({},w),{dataValue:_,eventType:"update",eventID:n.uuid.gen()})})}},String(p)||n.uuid.gen()))}),s.length||(i=[a(E.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),m=="fetch"&&(i=[J(H.Left,{padding:1,fontColor:"3.blur",children:[a(ce.Theme.R,{showInitial:!0}),a(E.Supplement,{children:"Loading..."})]},"loader")]),a(U.Body,{className:B("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:a(ue,{gap:0,padding:[1,0],children:i})})},Selected:t=>{let{rootStates:e,val_status:l,set_status:o,val_optionsDict:c}=t,u=[];return l.dataValue.forEach(m=>{let r=c[String(m)];if(!r)return;let i=e.SelectedComponent,d=r.label;r.value==="null"&&(d=""),u.push(a(R,{className:B("SelectedCell"),children:a(i,{value:r.value,label:d,removeCallback:s=>{if(s.stopPropagation(),s.preventDefault(),e.disabled)return;let S=[...l.dataValue];S=S.filter(f=>f!==m),o(f=>C(v({},f),{dataValue:S,eventType:"update",eventID:n.uuid.gen()}))}})},String(r.value)))}),a(X,{children:u})},Core:t=>{let{onUpdateValue:e,onUpdateValidValue:l,value:o}=t,c={componentID:t.componentID||"",dataValue:o,eventType:"init",eventID:n.uuid.gen()},[u,m]=I(!1),[r,i]=I(!1),[d,s]=I(!1),[S,f]=I(""),[h,p]=I(t.options),[b,O]=I(t.value[0]||null),[T,w]=I({}),[_,x]=I(c),[k,L]=I({ok:!1,notice:[]}),P=re(!1);V(()=>{P.current?p(t.options):P.current=!0},[t.options]),V(()=>{if(!h.length)return;let $=[...h],M=v({},T);$.forEach(N=>{N.type!="label"&&(M[String(N.value)]=N)}),w(M)},[h]);let W={rootStates:t,val_options:h,set_options:p,val_optionFocused:b,set_optionFocused:O,val_optionsDict:T,set_optionsDict:w,val_preventDynamicSearchOnKeywordChange:r,set_preventDynamicSearchOnKeywordChange:i,val_preventOpenSelectorOnFocus:u,set_preventOpenSelectorOnFocus:m,val_selectorOpen:d,set_selectorOpen:s,val_keyword:S,set_keyword:f,val_status:_,set_status:x,val_validate:k,set_validate:L};z.CommonEffects({type:"autocomplete",states:t,val_status:_,set_status:x,val_validate:k,set_validate:L,onUpdateValue:e,onUpdateValidValue:l,DefaultValidation:fe,ExtraOverrideStates:{dataValue:o,formatValue:o}});let K=_.dataValue.length&&_.dataValue[0]!=="null";return K=K||d,J(de,{val_status:_,set_status:x,val_validate:k,states:t,children:[a(Se,{componentID:t.componentID,fontSize:t.fontSize,required:t.required,label:t.label,isActive:K}),a(F.Shallow,v({},W)),a(F.Button,v({},W))]})}},ae=t=>{let e=v({},t);e=C(v({value:[],min:0,max:65535,multiSelect:!0,SearchInput:!0,emptySelect:!0,SelectorComponent:({option:o,isSelected:c,isFocused:u,addCallback:m})=>o.type=="selector"?a(te.Button.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:c||u,isActiveStyles:u?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"},onClick:r=>{m()},children:a(E.Supplement,{paddingLeft:c?"1/2":0,transition:"short",children:o.label})}):a(X,{children:o.label}),SelectedComponent:({value:o,label:c,removeCallback:u})=>J(H.Left,{ssCardBox:"cloud",backgroundColor:"layer.3",borderRadius:"2.tone.secondary",fontSize:"1.mini",padding:"1/2",gap:0,children:[a(R,{padding:[0,"1/4"],children:c}),a(te.Button.Sub.R,{color:"cloud",fontColor:"white",backgroundColor:"layer.6",isRounded:!0,padding:"1/4",onClick:u,children:a(G.Times,{ssSphere:1})})]})},e),{freeCSS:v({cursor:"pointer"},e.freeCSS)}),e.multiSelect||(e.min=1,e.max=1),e.options=e.options||[],e.emptySelect&&(e.options=[{value:null,label:a(E.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]);let l=[];return e.value=n.flatArray(e.value||null),e.value.forEach((o,c)=>{l.push(n.JsonTo(o))}),e.value=l,e.options=A.InitOptions(e.options),n.is.nullish(e.rightIcon)&&(e.rightIcon=a(oe,{ssSphere:2,children:a(G.Search,{})}),e.disabled&&(e.rightIcon=a(oe,{ssSphere:2,fontColor:"5.translucent",children:a(G.Ban,{})}))),e.rightIcon&&(e=v({paddingRight:3},e)),e.leftIcon&&(e=v({paddingLeft:3},e)),a(pe,{componentID:e.componentID,children:F.Core,states:me(e)})};export{ae as Autocomplete,ae as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as l,c as r,d as T}from"../../chunk-C5N2D3ZX.js";import{jsx as d}from"react/jsx-runtime";import{useState as b}from"react";import h from"@mingoo/jsmin";import{OptionalInputWrapper as B,BoxWrapper as F,CoreEffects as u,DefaultBoxishStyles as H}from"./core";import{Box as L}from"../../atoms";function M(t){let{value:e,states:c}=t,{required:m}=c,a=[];return m&&!e&&a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!a.filter(({type:s})=>s=="invalid").length,notice:a}}const W=t=>{let y=t,{componentID:e,tone:c,required:m,form:a,value:s,enableFormSubmit:C,checkValidationAtFirst:D,onInput:f,onKeyDown:I,onValidate:q,onUpdateValue:V,onUpdateValidValue:E,children:R="",leftIndicator:A,rightIndicator:K,leftIcon:P,rightIcon:U,freeCSS:$,wrapStyles:G}=y,x=T(y,["componentID","tone","required","form","value","enableFormSubmit","checkValidationAtFirst","onInput","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","children","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),g={componentID:e,dataValue:s,eventType:"init",eventID:h.uuid.gen()},[n,p]=b(g),[o,v]=b({ok:!1,notice:[]});return u.CommonEffects({type:"contenteditable",states:t,val_status:n,set_status:p,val_validate:o,set_validate:v,onUpdateValue:V,onUpdateValidValue:E,DefaultValidation:M}),d(F,{val_status:n,set_status:p,val_validate:o,states:t,children:d(L,r(l({contentEditable:!0,"data-form":a,"data-name":t.name,"data-input-type":"contenteditable","data-show-validation":u.isShowValidation(o,n,!!D),"data-validation":o.ok,"data-value":n.dataValue,"data-component-id":n.componentID,onKeyDown:i=>{I&&I(i),C&&u.SubmitForm(i)},onInput:i=>{let w=i.currentTarget,{innerHTML:N,innerText:_}=w;o.ok&&v({ok:!1,notice:[]}),p(k=>r(l({},k),{dataValue:_,eventType:"update",eventID:h.uuid.gen()})),f&&f(i)}},x),{children:R}))})},S=t=>{t=r(l({rows:5},t),{freeCSS:l({whiteSpace:"pre-wrap"},t.freeCSS)});let e=H(t);return d(B,{componentID:t.componentID,children:W,states:e})};export{S as Contenteditable,S as default};
|
package/dist/fn/Input/Parts.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e,c as n,d as p}from"../../chunk-C5N2D3ZX.js";import{jsx as i}from"react/jsx-runtime";import{Box as s,Span as u}from"../../atoms";const c=t=>{if(t||(t="border"),t=="plain")return{};let r={flexSizing:"none",
|
|
1
|
+
import{b as e,c as n,d as p}from"../../chunk-C5N2D3ZX.js";import{jsx as i}from"react/jsx-runtime";import{Box as s,Span as u}from"../../atoms";const c=t=>{if(t||(t="border"),t=="plain")return{};let r={flexSizing:"none",padding:"3/4",borderRadius:"2.tone.secondary",backgroundColor:"cloud"};return t=="border"?r=n(e({},r),{border:!0}):t=="cloud"?r=n(e({},r),{border:"1.thin"}):t=="bottomBorder"&&(r=n(e({},r),{borderRadius:0,borderBottom:!0})),r},d={position:"absolute",flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit",top:"50%",freeCSS:{pointerEvents:"none",transform:"translateY(-50%)"}},I=t=>i(u,e({children:"\u5FC5\u9808",fontColor:"white",fontSize:"0.xs",padding:["1/4","1/3"],backgroundColor:"nega",borderRadius:"3.tone.tertiary"},t)),b=t=>i(u,e({children:"*",fontColor:"nega",padding:["1/4","1/3"],borderRadius:"3.tone.tertiary"},t)),h=t=>i(u,e({children:"\u7701\u7565\u53EF",fontColor:"white",fontSize:"0.xs",padding:["1/4","1/3"],borderRadius:"3.tone.tertiary",backgroundColor:"layer.6"},t)),x=t=>{let o=t,{tone:r}=o,a=p(o,["tone"]);return i(s,e(n(e({},c(r)),{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3"}),a))},m=t=>{let o=t,{tone:r}=o,a=p(o,["tone"]);return i(s,e(n(e({},c(r)),{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3"}),a))},y=t=>{let o=t,{tone:r="border"}=o,a=p(o,["tone"]);return i(s,n(e(n(e({},d),{right:"3/4"}),a),{freeCSS:e(e({},d.freeCSS),a.freeCSS)}))},F=t=>{let o=t,{tone:r="border"}=o,a=p(o,["tone"]);return i(s,n(e(n(e({},d),{left:"3/4"}),a),{freeCSS:e(e({},d.freeCSS),a.freeCSS)}))};export{F as LeftIcon,x as LeftIndicator,h as OmitSign,b as RequiredShortSign,I as RequiredSign,y as RightIcon,m as RightIndicator};
|
package/dist/fn/Input/Search.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as t}from"../../chunk-C5N2D3ZX.js";import{Fragment as l,jsx as e}from"react/jsx-runtime";import{FAI as
|
|
1
|
+
import{b as t}from"../../chunk-C5N2D3ZX.js";import{Fragment as l,jsx as e}from"react/jsx-runtime";import{FAI as n}from"../../atoms";import{Autocomplete as c}from"./Autocomplete";import{RightIcon as m}from".";const o=r=>e(c,t({multiSelect:!1,SelectedComponent:({value:u,label:p})=>e(l,{children:p}),rightIcon:e(m,{ssSphere:2,children:e(n.AngleDown,{})})},r));export{o as Search,o as default};
|
package/dist/fn/Input/Select.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as u,c as y,d as J}from"../../chunk-C5N2D3ZX.js";import{Fragment as X,jsx as l,jsxs as Q}from"react/jsx-runtime";import{useState as _,useEffect as E}from"react";import s from"@mingoo/jsmin";import{ExtractStyles as ee,useStore as $}from"../../@utils";import{Box as C,Span as te,FAI as le,Column as ae}from"../../atoms";import{Text as k,Row as oe}from"../../mols";import ne from"../Button";import{Sheet as P}from"../Sheet";import{OptionalInputWrapper as re,BoxWrapper as se,CoreEffects as L,DefaultBoxishStyles as ie}from"./core";import{InputAutocompleteClasses as A}from"../../@styles/componentClasses";import{InputLabel as ue}from"./Label";import{RightIcon as ce}from".";function pe(e){let{value:t,states:a}=e,{required:r,options:i}=a,I=[];return r&&t==="null"&&I.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!I.filter(({type:b})=>b=="invalid").length,notice:I}}const N={FilterSelectableOptions:(e,t)=>{let a=e.rootStates.options;return t||(a=a.filter(r=>r.type!="label")),a}},V={Shallow:e=>{let{rootStates:t,val_status:a}=e,r=ee(t);return l(C,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:l(k.Description,y(u({className:t.className},r),{position:"absolute",width:1,freeCSS:y(u({},r.freeCSS),{color:"orange"}),children:l(C,{"data-input-value-shallow":a.componentID,children:"A"})}))})},Button:e=>{let{rootStates:t,val_preventOpenSelectorOnFocus:a,set_preventOpenSelectorOnFocus:r,val_optionFocused:i,set_optionFocused:I,val_validate:b,set_validate:f,val_status:d,set_status:h,val_selectorOpen:S,set_selectorOpen:c}=e,U=t,{tone:O,required:x,form:D,className:T,label:de,isLabelActive:Se,placeholder:fe,enableFormSubmit:Y,emptySelect:me,checkValidationAtFirst:Z,onValidate:ve,onUpdateValue:ye,onUpdateValidValue:Ie,value:be="",options:ge,leftIndicator:he,rightIndicator:De,leftIcon:_e,rightIcon:Ce,componentID:Ve,status_id:Oe,wrapStyles:xe,SelectedCellStyles:Re,SelectorCellStyles:Te,SelectorStyles:Fe,SelectorGravityPoint:we}=U,o=J(U,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorStyles","SelectorGravityPoint"]),K="select-sheet-"+t.componentID;return E(()=>{if(t.disabled)return;let n="select-click-"+t.componentID;if(S){let v=s('[data-input-origin="'+t.componentID+'"]');if(!v)return;P.open({sheetID:K,type:"custom",parent:v[0],padding:["1/4",0],gravityPoint:t.SelectorGravityPoint||22,close_option:{aroundClick:!1},content:l(V.Selector,u({},e))}),s(document).addEvent({eventID:n,eventType:"click",callback:B=>{let F=s(B.target),w=!!s(F).parent("."+A("Core")).length;s(F).parent("."+A("Selector")).length||w||c(!1)}})}else s(document).removeEvent([n]),P.close(K)},[S]),E(()=>{if(d.eventType=="init")return;let n=s('[data-input-origin="'+t.componentID+'"]');n&&n.focus()},[d.dataValue]),E(()=>{if(t.disabled||!S)return;let n=$.get("refresh-select-selector-"+t.componentID);n&&n(e)},[t.options,d.dataValue,i]),l(X,{children:l(C,y(u({tabIndex:0},o),{"data-disabled":t.disabled,"data-name":t.name,"data-form":D,"data-show-validation":L.isShowValidation(b,d,!!Z),"data-validation":b.ok,"data-component-id":d.componentID,"data-input-origin":d.componentID,"data-value":d.dataValue,"data-input-type":"select",className:[T,A("Core")].join(" "),onFocus:n=>{if(o!=null&&o.onFocus&&(o==null||o.onFocus(n)),!t.disabled){if(a)return r(!1);c(!0)}},onClick:n=>{o!=null&&o.onClick&&(o==null||o.onClick(n)),!t.disabled&&c(!0)},onKeyDown:n=>{let{key:v,metaKey:B,ctrlKey:F}=n,w=B||F;if(o!=null&&o.onKeyDown&&(o==null||o.onKeyDown(n)),Y&&L.SubmitForm(n),!t.disabled){if(s.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(v))return;if(n.preventDefault(),!S)return c(!0);let g=v=="ArrowDown"?1:-1,p=N.FilterSelectableOptions(e),q=p.length-1,m=null;s.scope(()=>{var G,z,H,M;if(g==1){if(m=((G=p[0])==null?void 0:G.value)||null,i==null)return;if(w){m=p[q].value||m||null;return}let R=p.findIndex(W=>W.value==i);if(R==-1)return;m=((z=p[R+1])==null?void 0:z.value)||m||null}else{if(m=p[q].value||null,i==null)return;if(w){m=((H=p[0])==null?void 0:H.value)||m||null;return}let R=p.findIndex(W=>W.value==i);if(R==-1)return;m=((M=p[R-1])==null?void 0:M.value)||m||null}}),I(m)}),v=="Escape")c(!1);else if(v=="Tab")c(!1);else if(v=="Backspace")h(g=>y(u({},g),{dataValue:"null",eventType:"update",eventID:s.uuid.gen()}));else if(v==" ")n.preventDefault(),c(!0);else if(v=="Enter"){if(!S)return c(!0);if(!i)return;n.preventDefault();let g=t.options.find(p=>p.value==i);if(!g)return;h(p=>y(u({},p),{dataValue:g.value,eventType:"update",eventID:s.uuid.gen()})),c(!1)}}},children:Q(oe.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[l(V.Placeholder,u({},e)),l(V.Selected,u({},e)),l(te,{width:0,overflow:"hidden",opacity:"trans",children:"A"})]})}))})},Placeholder:e=>!e.rootStates.placeholder||e.val_status.dataValue!=="null"?null:l(C,{position:"absolute",opacity:"middle",fontColor:"3.blur",children:e.rootStates.placeholder||""}),Selector:e=>{let[t,a]=_(e),{rootStates:r}=t;E(()=>{$.set({["refresh-select-selector-"+r.componentID]:f=>{a(f)}})},[]);let i=[],I=N.FilterSelectableOptions(t,!0),b=N.FilterSelectableOptions(t);return I.forEach((f,d)=>{let{type:h,value:S}=f,c=t.val_optionFocused==S,O=t.val_status.dataValue===S;if(h=="selector"){i.push(l(ne.Button.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:O||c,isActiveStyles:c?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"},onClick:x=>{t.set_status(D=>y(u({},D),{dataValue:S,eventType:"update",eventID:s.uuid.gen()})),t.set_selectorOpen(!1),t.set_preventOpenSelectorOnFocus(!0)},children:l(k.Supplement,{paddingLeft:O?"1/2":0,transition:"short",children:f.label})},String(S)));return}i.push(l(C,{children:f.label},s.uuid.gen()))}),b.length||(i=[l(k.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),l(P.Body,{className:A("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:l(ae,{gap:0,padding:[1,0],children:i})})},Selected:e=>{let t=[];return e.val_status.dataValue!=="null"&&s.scope(()=>{let a=e.rootStates.options.find(r=>r.value==e.val_status.dataValue);a&&t.push(l(C,y(u({},e.rootStates.SelectedCellStyles),{children:a.label}),String(a.value)))}),l(X,{children:t})},Core:e=>{let{onUpdateValue:t,onUpdateValidValue:a,value:r}=e,i={componentID:e.componentID||"",dataValue:r,eventType:"init",eventID:s.uuid.gen()},[I,b]=_(!1),[f,d]=_(i),[h,S]=_(!1),[c,O]=_(e.value||null),[x,D]=_({ok:!1,notice:[]}),T={rootStates:e,val_preventOpenSelectorOnFocus:I,set_preventOpenSelectorOnFocus:b,val_optionFocused:c,set_optionFocused:O,val_selectorOpen:h,set_selectorOpen:S,val_status:f,set_status:d,val_validate:x,set_validate:D};return L.CommonEffects({type:"select",states:e,val_status:f,set_status:d,val_validate:x,set_validate:D,onUpdateValue:t,onUpdateValidValue:a,DefaultValidation:pe,ExtraOverrideStates:{dataValue:r,formatValue:r}}),Q(se,{val_status:f,set_status:d,val_validate:x,states:e,children:[l(ue,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||f.dataValue!=="null"}),l(V.Shallow,u({},T)),l(V.Button,u({},T))]})}},j=e=>(e=y(u({emptySelect:!0},e),{freeCSS:u({cursor:"pointer"},e.freeCSS)}),e.value=s.JsonTo(e.value||null),e.emptySelect&&(e.options=[{value:null,label:l(k.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]),e.options.forEach((t,a)=>{let{type:r,value:i}=t;e.options[a]=y(u({},t),{type:r||"selector",value:s.JsonTo(i)})}),s.is.nullish(e.rightIcon)&&(e.rightIcon=l(ce,{ssSphere:2,children:l(le.AngleDown,{})})),l(re,{componentID:e.componentID,children:V.Core,states:ie(e)}));export{j as Select,j as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as l,c as s,d as q,e as ae}from"../../chunk-C5N2D3ZX.js";import{Fragment as le,jsx as o,jsxs as $}from"react/jsx-runtime";import{useState as L,useEffect as J}from"react";import x from"@mingoo/jsmin";import{$$fromRoot as be,useStore as ve,ExtractStyles as Ie}from"../../@utils";import{Box as R,FAI as Se}from"../../atoms";import{Text as Y}from"../../mols";import{Tips as ie,Button as Te}from"..";import{faEye as Ce}from"@fortawesome/free-solid-svg-icons/faEye";import{OptionalInputWrapper as Re,BoxWrapper as ye,CoreEffects as M,DefaultBoxishStyles as Ve}from"./core";import{InputLabel as we}from"./Label";import{LeftIcon as De,RightIcon as ne}from".";const ke={number:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},katakana:{reg:/^[ァ-ヶー ｦ-ﾟ ]*$/g,exist:!0,reason:"\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},"hankaku.katakana":{reg:/^[ｦ-ﾟ ]*$/g,exist:!0,reason:"\u534A\u89D2\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},digitNumber:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},fileName:{reg:/[¥\/:*\?\"\'\|\.\s\n\r\<\>]/g,exist:!1,reason:"\u7A7A\u767D\u307E\u305F\u306F\u4E00\u90E8\u306E\u7279\u6B8A\u6587\u5B57\u306F\u4F7F\u7528\u3067\u304D\u307E\u305B\u3093"},creditCard:{reg:/^\d{14,16}$/g,exist:!0,reason:"14~16\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},email:{reg:/^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]+\.[A-Za-z0-9]+$/,exist:!0,reason:$(le,{children:[o(R,{children:"\u25CB\u25CB\u25CB\u25CB@\u25CB\u25CB\u25CB\u25CB.\u25CB\u25CB\u25CB\u306E\u5F62\u5F0F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),o(R,{children:"\u6700\u5F8C\u306E\u6587\u5B57\u306B.(\u30C9\u30C3\u30C8)\u3092\u5165\u308C\u308B\u3053\u3068\u306F\u3067\u304D\u307E\u305B\u3093"})]})},password:{reg:/^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=[^0-9]*[0-9]).{8,}$/,exist:!0,reason:"8\u6587\u5B57\u4EE5\u4E0A\u3001\u534A\u89D2\u82F1\u6570\u5927\u5C0F\u6587\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},tel:{reg:/.*$/g,exist:!0,reason:$(le,{children:[o(R,{children:"0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"}),o(R,{children:"9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),o(R,{children:"\u6570\u5B57\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"})]})},url:{reg:/^https?:\/\/[^\n\s]+(\.|\:)[^\n\s\.\:]+$/,exist:!0,reason:"URL\u5F62\u5F0F : http(s)://\u25EF\u25EF\u25EF\u25EF"},postal:{reg:/^\d{7}$/g,exist:!0,reason:"7\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}},y={setSelection:e=>{let{id:a,restrict:r,val_status:t}=e,n=be("#"+a)[0];if(n&&t.prevValue&&t.formatValue){let{formatValue:u,prevValue:d,caretFrom:i,caretTo:m}=t;if(r=="creditCard")u.length>=d.length&&i%5==0&&(i++,m++),n.setSelectionRange(i,m);else if(r=="postal")u.length==5&&d.length==3&&(i++,m++),n.setSelectionRange(i,m);else if(r=="digitNumber"){let h=u.length-d.length;h==2&&(i++,m++),h==-2&&(i--,m--),n.setSelectionRange(i,m)}}},Validation:{Default:e=>{let{value:a,states:r}=e,{restrict:t="text",maxLength:n,multiline:u,required:d}=r,i=[];if(u||(n=n||255),x.is.exist(n)&&a.length>=Number(n)&&i.push({type:"invalid",label:n+"\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a){let m=y.Validation.Text(a,t);m.ok||i.push({type:"invalid",label:m.body})}else d&&i.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"});return{ok:!i.filter(({type:m})=>m=="invalid").length,notice:i}},Text:(e,a)=>{let r={ok:!0,body:""};return(()=>{let t=ke[a];if(!t)return;let n=t.reason;if(t){let u=!!(+!!e.match(t.reg)^+!t.exist);r={ok:u,body:u?"":n}}})(),r},DataLeveling:e=>{let{restrict:a,value:r=""}=e,t=String(r),n=!1;if(["tel","number","digitNumber","test","postal","creditCard"].includes(a)&&(t=t.zen2hanNumber()),a=="katakana"&&(t=t.replace(/[^ァ-ヶー ｦ-ﾟ ]/ig,"")),a=="hankaku.katakana"&&(t=t.replace(/[^ｦ-ﾟ ]/ig,"")),["postal","creditCard"].includes(a)&&(t=t.removeLetters()),["number","number.zeroStart","digitNumber"].includes(a)){let d=t[0]=="0";if(t){if(t!="-")if(t=="0-")t="-";else{t[0]=="-"&&(n=!0),t=t.replace(/[^0-9\.]/ig,"");let i=Number(t);i===0&&(n=!1),n&&(i=-1*i),x.is.exist(e.min)&&(i=Math.max(i,Number(e.min))),x.is.exist(e.max)&&(i=Math.min(i,Number(e.max))),t=String(Math.abs(i))}d&&t!="0"&&a=="number.zeroStart"&&(t="0"+t)}}let u=t;if(a=="digitNumber"){if(t&&t!="-"){let d=[];for(let i=t.length-1;i>=0;i--){d.unshift(t[i]);let m=t.length-1-i+1;i!=0&&m%3==0&&d.unshift(",")}u=d.join("")}}else a=="postal"?t.length>=4&&(u=t.clip(0,3)+"-"+t.clip(3)):a=="creditCard"&&(u=t.replace(/.{4}(?=.)/g,"$& "));return["number","digitNumber"].includes(a)&&n&&(t="-"+t,u="-"+u),{formatValue:u,dataValue:t}}}},G={Shallow:e=>{let{rootStates:a,val_status:r}=e,t=r.dataValue||"";J(()=>{x.scope(()=>ae(void 0,null,function*(){if(!a.multiline)return;let h=x('[data-input-origin="'+r.componentID+'"]'),V=x('[data-input-shallow="'+r.componentID+'"]'),_=x('[data-input-min-height-value-shallow="'+r.componentID+'"]'),F=x('[data-input-max-height-value-shallow="'+r.componentID+'"]');if(!h[0]||!V[0]||!_[0]||!F[0])return;let p=V.position(),w=_.position(),D=F.position(),I=0;a.autoHeight&&(I=p.height),I=Math.max(I,w.height),I=Math.min(I,D.height),h[0].style.height=I+"px"}))},[t]);let n=t||"";(!!t.match(/\n$/)||!t)&&(n+="T");let d="",i="";if(a.multiline){let h=a.minRows||1,V=a.maxRows||100;d=`
|
|
2
2
|
T`.repeat(h-1),i=`
|
|
3
|
-
T`.repeat(V-1)}let
|
|
3
|
+
T`.repeat(V-1)}let m=Ie(a);return $(R,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:[o(Y.Description,s(l({className:a.className},m),{position:"absolute",width:1,freeCSS:s(l({},m.freeCSS),{color:"orange"}),"data-input-shallow":r.componentID,children:o(R,{"data-input-value-shallow":r.componentID,children:n})})),o(Y.Description,s(l({className:a.className},m),{position:"absolute",left:0,freeCSS:s(l({},m.freeCSS),{backgroundColor:"transparent",color:"blue"}),"data-input-min-height-value-shallow":r.componentID,children:d})),o(Y.Description,s(l({className:a.className},m),{position:"absolute",right:0,freeCSS:s(l({},m.freeCSS),{backgroundColor:"transparent",color:"red"}),"data-input-max-height-value-shallow":r.componentID,children:i}))]})},InputBox:e=>{let{rootStates:a,val_validate:r,set_validate:t,val_status:n,set_status:u,val_focus:d,set_focus:i,val_isComposing:m,set_isComposing:h}=e;if(a.multiline)return null;let ee=a,{componentID:V,tone:_,required:F,restrict:p="text",form:w,autoComplete:D="off",autoCapitalize:I="off",minRows:E,maxRows:oe,multiline:X,autoHeight:re,enableFormSubmit:U,clearButton:P=!1,checkValidationAtFirst:A,onChange:K,onKeyDown:W,onValidate:se,onUpdateValue:ue,onUpdateValidValue:me,value:pe="",leftIndicator:ce,rightIndicator:de,leftIcon:fe,rightIcon:b,maxLength:ge,min:H,max:v,label:j,isLabelActive:Q,wrapStyles:Ne}=ee,c=q(ee,["componentID","tone","required","restrict","form","autoComplete","autoCapitalize","minRows","maxRows","multiline","autoHeight","enableFormSubmit","clearButton","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","maxLength","min","max","label","isLabelActive","wrapStyles"]),xe=p=="password"||p=="concealed"?"password":"text",he=["number","digitNumber","creditCard"].includes(p)?"numeric":p=="email"?"email":"text";return o(R,s(l({htmlTag:"input",type:xe,inputMode:he,"data-disabled":a.disabled,"data-form":w,"data-input-type":"text","data-show-validation":M.isShowValidation(r,n,!!A),"data-validation":r.ok,"data-value":n.dataValue,"data-component-id":n.componentID,"data-input-origin":n.componentID,value:n.formatValue,autoComplete:D,autoCapitalize:I,onKeyDown:f=>{let{key:S,target:k}=f;{let C=k,{selectionStart:N,selectionEnd:B}=C,z=Number(N),te=Number(B),Z=n.formatValue[Number(z)],O=n.formatValue[Number(z)-1];S=="Delete"&&(p=="creditCard"&&Z==" "||p=="postal"&&Z=="-"||p=="digitNumber"&&Z==",")&&(C.setSelectionRange(z+1,te+1),f.preventDefault()),S=="Backspace"&&(p=="creditCard"&&O==" "||p=="postal"&&O=="-"||p=="digitNumber"&&O==",")&&(C.setSelectionRange(z-1,te-1),f.preventDefault()),S=="Enter"||S=="Tab"}if(["number","digitNumber","creditCard"].includes(p)&&S=="Clear"&&u(C=>s(l({},C),{dataValue:"",formatValue:"",eventType:"update",eventID:x.uuid.gen()})),["number","digitNumber"].includes(p)&&["ArrowUp","ArrowDown"].includes(S)){let C=+(S=="ArrowUp")*2-1,N=String(Number(n.dataValue)+C);r.ok&&t({ok:!1,notice:[]}),u(B=>s(l(l({},B),y.Validation.DataLeveling({min:H,max:v,restrict:p,value:N})),{eventType:"update",eventID:x.uuid.gen()})),f.preventDefault()}W&&W(f),U&&M.SubmitForm(f)},onChange:f=>{let{value:S,selectionStart:k,selectionEnd:C}=f.target,N=y.Validation.DataLeveling({min:H,max:v,restrict:p,value:S});m&&(N.formatValue=S),N.formatValue!=n.formatValue&&(r.ok&&t({ok:!1,notice:[]}),u(B=>s(l(l({},B),N),{prevValue:n.formatValue,eventType:"update",eventID:x.uuid.gen(),caretFrom:Number(k),caretTo:Number(C)})),K&&K(f))},width:1},c),{onFocus:f=>{c!=null&&c.onFocus&&(c==null||c.onFocus(f)),i(!0)},onBlur:f=>{c!=null&&c.onBlur&&(c==null||c.onBlur(f)),i(!1)},onCompositionStart:f=>{c!=null&&c.onCompositionStart&&(c==null||c.onCompositionStart(f)),h(!0)},onCompositionEnd:f=>{if(c!=null&&c.onCompositionEnd&&(c==null||c.onCompositionEnd(f)),p=="text")return;let S=y.Validation.DataLeveling({min:H,max:v,restrict:p,value:n.formatValue});u(k=>s(l(l({},k),S),{prevValue:k.formatValue,eventType:"update",eventID:x.uuid.gen(),caretFrom:Number(k.formatValue.length+1),caretTo:Number(k.formatValue.length+1)})),h(!1)}}))},TextAreaBox:e=>{let{rootStates:a,val_focus:r,set_focus:t,val_validate:n,set_validate:u,val_status:d,set_status:i,isShallow:m}=e,H=a,{componentID:h,tone:V,required:_,form:F,label:p,isLabelActive:w,minRows:D,maxRows:I,multiline:E,autoHeight:oe,enableFormSubmit:X,maxLength:re,checkValidationAtFirst:U,onChange:P,onKeyDown:A,onValidate:K,onUpdateValue:W,onUpdateValidValue:se,value:ue="",leftIndicator:me,rightIndicator:pe,leftIcon:ce,rightIcon:de,wrapStyles:fe}=H,b=q(H,["componentID","tone","required","form","label","isLabelActive","minRows","maxRows","multiline","autoHeight","enableFormSubmit","maxLength","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","wrapStyles"]);return!a.multiline?null:o(R,s(l({htmlTag:"textarea","data-form":F,"data-input-type":"textarea","data-show-validation":M.isShowValidation(n,d,!!U),"data-validation":n.ok,"data-value":d.dataValue,"data-input-origin":d.componentID,"data-component-id":d.componentID,value:d.dataValue,width:1},b),{onFocus:v=>{b!=null&&b.onFocus&&(b==null||b.onFocus(v)),t(!0)},onBlur:v=>{b!=null&&b.onBlur&&(b==null||b.onBlur(v)),t(!1)},onKeyDown:v=>{A&&A(v),X&&M.SubmitForm(v)},onChange:v=>{let{value:j}=v.target;n.ok&&u({ok:!1,notice:[]}),i(Q=>s(l({},Q),{dataValue:j,eventType:"update",eventID:x.uuid.gen()})),P&&P(v)}}))}},Fe=e=>{let{componentID:a,restrict:r="text",onUpdateValue:t,onUpdateValidValue:n,value:u="",min:d,max:i}=e,m=s(l({componentID:a},y.Validation.DataLeveling({min:d,max:i,restrict:r,value:u})),{prevValue:"",eventType:"init",eventID:x.uuid.gen(),caretFrom:null,caretTo:null}),[h,V]=L(!1),[_,F]=L(!1),[p,w]=L(m),[D,I]=L({ok:!1,notice:[]}),E={rootStates:e,val_focus:h,set_focus:V,val_isComposing:_,set_isComposing:F,val_status:p,set_status:w,val_validate:D,set_validate:I};return M.CommonEffects({type:"textfield",states:e,val_status:p,set_status:w,val_validate:D,set_validate:I,onUpdateValue:t,onUpdateValidValue:n,DefaultValidation:y.Validation.Default,ExtraOverrideStates:l({},y.Validation.DataLeveling({min:d,max:i,restrict:r,value:u}))}),J(()=>{y.setSelection({id:e.id,restrict:r,val_status:p})},[p]),$(ye,{val_status:p,set_status:w,val_validate:D,states:E.rootStates,children:[o(we,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||h||!!p.dataValue}),o(G.Shallow,l({},E)),o(G.InputBox,l({},E)),o(G.TextAreaBox,l({},E))]})},T=e=>(e=l({autoHeight:!0,restrict:"text",fontSize:"2.normal"},e),e.multiline?(e.minRows=e.minRows||5,e.maxRows=e.maxRows||20):(e.minRows=1,e.maxRows=1),o(Re,{componentID:e.componentID,children:Fe,states:Ve(e)})),g=T;g.Validate=y.Validation.Text,g.Katakana=e=>o(T,s(l({},e),{restrict:"katakana",multiline:!1,autoHeight:!1})),g.HankakuKatakana=e=>o(T,s(l({},e),{restrict:"hankaku.katakana",multiline:!1,autoHeight:!1})),g.CreditCard=e=>o(T,s(l({},e),{restrict:"creditCard",multiline:!1,autoHeight:!1})),g.Tel=e=>o(T,s(l({},e),{restrict:"tel",multiline:!1,autoHeight:!1})),g.Number=e=>o(T,s(l({},e),{restrict:"number",multiline:!1,autoHeight:!1})),g.DigitNumber=e=>o(T,s(l({},e),{restrict:"digitNumber",multiline:!1,autoHeight:!1})),g.Email=e=>o(T,s(l({},e),{restrict:"email",multiline:!1,autoHeight:!1})),g.Url=e=>o(T,s(l({},e),{restrict:"url",multiline:!1,autoHeight:!1})),g.Postal=e=>{let[a]=L(x.uuid.gen());return J(()=>()=>{ve.delete(a)},[]),o(T,s(l({label:"\u90F5\u4FBF\u756A\u53F7"},e),{restrict:"postal",multiline:!1,autoHeight:!1,leftIcon:o(De,{ssSphere:2,fontColor:"4.thin",children:"\u3012"})}))},g.Password=e=>o(T,s(l({label:"\u30D1\u30B9\u30EF\u30FC\u30C9",rightIcon:o(ne,{ssSphere:2,padding:0,freeCSS:{pointerEvents:"all"},children:o(Te.Button.Sub.R,{ssSphere:2,borderRadius:"3.tone.tertiary",fontColor:"theme",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:a=>{ie.open(a.currentTarget,"\u30C6\u30AD\u30B9\u30C8\u3092\u8868\u793A",24)},onMouseLeave:ie.abort,tabIndex:-1,onClick:a=>{x(a.target).parent().parent().find("input").callback(r=>{let t=r[0];t.type=t.type==="password"?"text":"password"})},children:o(Se,{icon:Ce})})}),restrict:"password"},e),{multiline:!1,autoHeight:!1})),g.Concealed=e=>o(g.Password,s(l({label:"\u79D8\u5BC6\u9375"},e),{restrict:"concealed"})),g.Money={JPY:e=>o(g.DigitNumber,s(l({rightIcon:o(ne,{ssSphere:2,fontColor:"4.thin",children:"\u5186"})},e),{multiline:!1,autoHeight:!1}))};export{g as TextField,Fe as TextInput,g as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as f,c as x}from"../../../chunk-C5N2D3ZX.js";import{Fragment as G,jsx as a,jsxs as y}from"react/jsx-runtime";import{createElement as $}from"react";import{useState as P,useEffect as F,useRef as Y}from"react";import c from"@mingoo/jsmin";import{Box as C,Flex as R,Grid as A,FAI as T,Column as D}from"../../../atoms";import{Row as M,Text as O}from"../../../mols";import v from"../../Button";import H from"../../Tooltips";import V from"../Select";import{Radio as U}from"../List";import{RightIcon as I}from"..";import{InputTimeClasses as g}from"../../../@styles/componentClasses";let _=i=>{var t,r;let e=[],d=Number((t=i==null?void 0:i.min)!=null?t:1900),o=Number((r=i==null?void 0:i.max)!=null?r:c.Time().addYear(10).year);for(let m=d;m<=o;m++)e.unshift({value:m,label:[m,...c.transformer.wareki(m).value].join(" - ")});return e};const L=i=>{let{restrict:e,era:d="year",defaultValue:o=""}=i;i=f({},i),i.tipsID=i.tipsID||c.uuid.gen();const t=Y(!1);let[r,m]=P((()=>{var s,p;if(e=="clock"){let l=String(o).split(/[^\d]/);l[0]||(l=[0,0]);let u=Number(l[0]),h=Number(l[1]);return{modifiedType:"init",hour:u,minutes:h}}else if(e=="date"){let[l,u,h]=(s=String(o))==null?void 0:s.split(/\D/);return(c.is.nullish(l)||c.is.nullish(u)||c.is.nullish(h))&&([l,u,h]=c.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",year:Number(l),month:Number(u),date:Number(h)}}else if(e!="week"){if(e=="month"){let[l,u]=String(o).split(/\D/);return(c.is.nullish(l)||c.is.nullish(u))&&([l,u]=c.Time().toFormat("%Y-%M").split("-")),{modifiedType:"init",year:Number(l),month:Number(u)}}else if(e=="year"){let[l]=String(o).split(/\D/);return c.is.nullish(l)&&([l]=c.Time().toFormat("%Y").split("-")),{modifiedType:"init",year:Number(l)}}else if(e=="dateWareki"){let[l,u,h]=(p=String(o))==null?void 0:p.split(/\D/);return(c.is.nullish(l)||c.is.nullish(u)||c.is.nullish(h))&&([l,u,h]=c.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",era:d||"year",year:Number(l),month:Number(u),date:Number(h)}}}return{}})());F(()=>{if(t.current){if(r.modifiedType=="update"){let s="",p=d||"year";if(e=="clock"){let{hour:l,minutes:u}=r;s=[l.zeroEmbed(2),u.zeroEmbed(2)].join("/")}else if(e=="date"){let{year:l,month:u,date:h}=r;s=[l,u.zeroEmbed(2),h.zeroEmbed(2)].join("/")}else if(e!="week"){if(e=="month"){let{year:l,month:u}=r;s=[l,u.zeroEmbed(2)].join("/")}else if(e=="year"){let{year:l}=r;s=String(l)}else if(e=="dateWareki"){let{year:l,month:u,date:h,era:S}=r;p=S,s=[l,u.zeroEmbed(2),h.zeroEmbed(2)].join("/")}}i.onValueUpdate(s,p)}}else t.current=!0},[r]);let n=x(f({},i),{val_value:r,set_value:m});return a(C,{backgroundColor:"layer.1",borderRadius:"2.tone.secondary",boxShadow:"1.remark",border:!0,overflow:"hidden",children:a(C,{overflow:"auto",className:g(e.toCapital()+"Base"),children:e=="clock"?a(k.Clock.index,f({},n)):e=="date"?a(k.Date.index,f({},n)):e=="week"?"":e=="month"?a(k.Month.index,f({},n)):e=="year"?a(k.Year.index,f({},n)):e=="dates"||e=="months"?"":e=="dateWareki"?a(k.DateWareki.index,f({},n)):a(G,{})})})},k={Clock:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,[n,s]=P(r.hour>12?2:1),[p,l]=P(Number(localStorage.getItem("timePickerUnit")||5));F(()=>{localStorage.setItem("timePickerUnit",String(p))},[p]);let{hour:u,minutes:h}=r;return y(D,{padding:1,children:[y(R,{flexType:"row",flexWrap:!1,gap:1,className:g("Body"),children:[y(D,{className:g("DesignSide"),flexSizing:0,children:[a(C,{className:g("ClockUiBase"),padding:[1,"2/3"],flexCenter:!0,children:y(C,{className:g("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[a(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[g("Needle"),g("hour")].join(" "),freeCSS:{transform:`rotate(${u*30+h/2}deg)`}}),a(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[g("Needle"),g("minute")].join(" "),freeCSS:{transform:`rotate(${h*6}deg)`}})]})}),a(U,{icon:!0,value:[n],options:[{value:1,label:"AM"},{value:2,label:"PM"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:S})=>{let B=r.hour%12+(S==2?12:0);s(S),m({modifiedType:"update",hour:B,minutes:r.minutes})}}),a(C,{borderTop:!0,margin:[0,1]}),a(U,{icon:!0,value:[p],options:[{value:1,label:"/ 1\u5206"},{value:2,label:"/ 2\u5206"},{value:5,label:"/ 5\u5206"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:S})=>{l(S)}})]}),y(D,{children:[y(C,{flexCenter:!0,isSemiBoldFont:!0,fontSize:"3.paragraph",children:[r.hour.zeroEmbed(2)," : ",r.minutes.zeroEmbed(2)]}),y(R,{flexWrap:!1,borderRadius:"1.tone.primary",boxShadow:"0.remark.inset",flexChilds:"even",padding:["1/3",0],freeCSS:{minWidth:12*12},children:[a(D,{gap:0,overflow:"auto",padding:"2/3",borderRight:!0,freeCSS:{maxHeight:12*22},children:k.Clock.Hours({onClick:S=>{let N=S+(n==2?12:0);m({modifiedType:"update",hour:N,minutes:r.minutes})},min:e,max:d,ampm:n})}),a(D,{gap:0,overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*22},children:k.Clock.Minutes({onClick:S=>{m({modifiedType:"update",hour:r.hour,minutes:S})},min:e,max:d,unit:p})})]})]})]}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Hours:i=>{let e=[];for(let d=0;d<12;d++){let o=i.ampm==2?d+12:d,t=!1;{let r=Number(String(o*100).replace(/\D/ig,""));if(i.min&&Number(String(i.min).replace(/\D/ig,""))>r&&(t=!0),i.max){let m=Number(String(i.max).replace(/\D/ig,""));r>m&&(t=!0)}}e.push(a(v.Button.Normal.R,{isLocked:t,borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{i.onClick(d)},children:o.zeroEmbed(2)},d))}return e},Minutes:i=>{let e=[];for(let d=0;d<60/i.unit;d++){let o=d*i.unit;e.push(a(v.Button.Normal.R,{borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{i.onClick(o)},children:o.zeroEmbed(2)},o))}return e}},Date:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{year:n,month:s,date:p}=r;return y(D,{padding:1,children:[y(R,{flexWrap:!0,verticalAlign:"center",horizontalAlign:"between",children:[y(R,{verticalAlign:"bottom",horizontalAlign:"left",gap:"2/3",flexWrap:!1,children:[a(V,{override:"force",emptySelect:!1,value:n,options:_(),border:"1.thin",padding:["1/3","2/3"],paddingRight:2,onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:Number(l),month:s,date:p})},rightIcon:a(I,{right:"1/3",children:a(T.AngleDown,{})})}),a(V,{override:"force",emptySelect:!1,value:s,options:(()=>{let l=[];for(let u=1;u<=12;u++)l.push({value:u,label:String(u),displayLabel:String(u)+"\u6708"});return l})(),border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{right:"1/3",children:a(T.AngleDown,{})}),onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:n,month:Number(l),date:p})}})]}),a(k.Variables.ShiftButtons,{callback:l=>{let u=s+l,h=n;l==-1?(u<=0&&h--,u=u||12):s==12&&h++,m({modifiedType:"update",year:h,month:u,date:r.date})}})]}),a(C,{borderTop:!0}),a(C,{children:k.Date.MonthCalendar({min:e,max:d,year:r.year,month:r.month,current:[r.year,r.month,r.date],callback:l=>{let[u,h,S]=l;m({modifiedType:"update",year:u,month:h,date:S})}})}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},MonthCalendar:i=>{let{min:e,max:d,year:o,month:t,current:r,callback:m}=i,n=c.Time(),s=c.Time([o,t.zeroEmbed(2),"01"].join("/")),p=s.getLastDayOfTheMonth(),l=c.Time(s).addMonth(-1).getLastDayOfTheMonth().date,u=[],h=[],S=[],N=[],B={padding:0,unitWidth:3,unitHeight:3,flexCenter:!0,borderRadius:"3.tone.tertiary"};for(var b=0;b<7;b++)u.push(a(C,x(f({className:[g("CalendarDay"),g("Legend")].join(" ")},B),{children:["\u65E5","\u6708","\u706B","\u6C34","\u6728","\u91D1","\u571F"][b]}),b));for(var b=0;b<s.weekday;b++)h.unshift($(C,x(f({className:[g("CalendarDay"),g("Dummy")].join(" "),fontColor:"4.thin"},B),{key:b}),l-b));for(var b=1;b<=p.date;b++){let E=b,j=o==n.year&&t==n.month&&b==n.date,w=!1;{let W=Number(String([o,t.zeroEmbed(2),b.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(i.min&&Number(String(i.min).replace(/\D/ig,""))>W&&(w=!0),i.max){let z=Number(String(i.max).replace(/\D/ig,""));W>z&&(w=!0)}}S.push(a(v.Button.Clear.R,x(f({className:[g("CalendarDay"),g("isToday_"+j)].join(" ")},B),{fontColor:"1.clear",padding:0,flexCenter:!0,isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{m([o,t,E])},tabIndex:-1,isLocked:w,children:b}),E))}for(var b=1;b<7-p.weekday;b++)N.push(a(C,x(f({className:[g("CalendarDay"),g("Dummy")].join(" "),fontColor:"4.thin"},B),{children:b}),b));return y(A,{gridCols:7,gap:"1/3",children:[u,h,S,N]})}},Month:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{year:n,month:s}=r;return y(D,{padding:1,children:[y(M.Separate,{gap:0,children:[a(M.Center,{verticalAlign:"bottom",gap:"2/3",children:a(V,{emptySelect:!1,value:n,options:_(),override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{right:"1/3",children:a(T.AngleDown,{})}),onUpdateValidValue:({value:p})=>{m({modifiedType:"update",year:Number(p),month:s})}})}),a(k.Variables.ShiftButtons,{callback:p=>{let l=Math.min(Math.max(n+p,1900),2100);m({modifiedType:"update",year:l,month:s})}})]}),a(C,{borderTop:!0}),k.Month.Months({min:e,max:d,year:r.year,callback:p=>{let[l,u]=p;m({modifiedType:"update",year:l,month:u})}}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Months:i=>{let{year:e,callback:d}=i,o=c.Time(),t=[];for(let r=1;r<=12;r++){let m=e==o.year&&r==o.month,n=!1;{let p=Number(String([e,r.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(i.min&&Number(String(i.min).replace(/\D/ig,""))>p&&(n=!0),i.max){let l=Number(String(i.max).replace(/\D/ig,""));p>l&&(n=!0)}}let s=[g("Cell"),m?g("isThisMonth"):""].join(" ");t.push(y(v.Button.Clear.R,{className:s,isLocked:n,fontColor:"2.normal",padding:["1/3",1],ssEffectsOnActive:"shrink",onClick:()=>{d([e,r])},children:[r," \u6708"]},e+"-"+r))}return a(A,{gridCols:4,gap:"2/3",children:t})}},Year:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{year:n}=r;return y(D,{padding:1,children:[a(V,{emptySelect:!1,value:n||c.Time().year,override:"force",options:_({min:e,max:d}),onUpdateValidValue:({value:s})=>{m({modifiedType:"update",year:Number(s)})}}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o,onSubmit:()=>{m({modifiedType:"update",year:Number(n||c.Time().year)})}})]})}},DateWareki:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{era:n,year:s,month:p,date:l}=r,u={val_value:r,set_value:m};return y(C,{children:[y(M.Left,{borderBottom:!0,gap:0,verticalAlign:"unset",children:[a(k.DateWareki.EraSelect,f({},u)),a(C,{borderRight:!0}),a(k.DateWareki.Calendar,f({},u))]}),a(C,{padding:1,children:a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})})]})},EraSelect:i=>{let{val_value:e,set_value:d}=i,o={padding:["1/2",1.5],fontColor:"3.blur"},t={backgroundColor:"cloud",fontColor:"2.normal",isSemiBoldFont:!0};return y(D,{padding:1,gap:0,children:[a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="year",onClick:()=>{let r=c.Time();d({modifiedType:"update",era:"year",year:r.year,month:r.month,date:r.date})},children:"\u897F\u66A6"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="reiwa",onClick:()=>{let r=c.Time();d({modifiedType:"update",era:"reiwa",year:r.year,month:r.month,date:r.date})},children:"\u4EE4\u548C"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="heisei",onClick:()=>{d({modifiedType:"update",era:"heisei",year:2019,month:1,date:1})},children:"\u5E73\u6210"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="shouwa",onClick:()=>{d({modifiedType:"update",era:"shouwa",year:1989,month:1,date:1})},children:"\u662D\u548C"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="taisho",onClick:()=>{d({modifiedType:"update",era:"taisho",year:1926,month:1,date:1})},children:"\u5927\u6B63"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="meiji",onClick:()=>{d({modifiedType:"update",era:"meiji",year:1912,month:1,date:1})},children:"\u660E\u6CBB"}))]})},Calendar:i=>{let{val_value:e,set_value:d}=i,o=[];if(e.era=="year")for(let t=1900;t<2100;t++)o.unshift({value:t,label:t+"\u5E74"});else if(e.era=="reiwa"){let t=c.Time().year-2018;for(let r=1;r<=t+10;r++)o.unshift({value:2019+r-1,label:"\u4EE4\u548C"+(r==1?"\u5143":r)+"\u5E74"})}else if(e.era=="heisei")for(let t=1;t<=31;t++)o.unshift({value:1989+t-1,label:"\u5E73\u6210"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="shouwa")for(let t=1;t<=64;t++)o.unshift({value:1926+t-1,label:"\u662D\u548C"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="taisho")for(let t=1;t<=15;t++)o.unshift({value:1912+t-1,label:"\u5927\u6B63"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="meiji")for(let t=1;t<=45;t++)o.unshift({value:1868+t-1,label:"\u660E\u6CBB"+(t==1?"\u5143":t)+"\u5E74"});return y(D,{padding:1,children:[y(M.Separate,{children:[a(V,{tone:"cloud",emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{right:"1/3",children:a(T.AngleDown,{})}),options:o,value:e.year,onUpdateValidValue:({value:t})=>{d(r=>x(f({},r),{modifiedType:"update",year:Number(t)}))}}),y(M.Center,{gap:"1/3",children:[a(v.Button.Clear.S,{ssSphere:2,onClick:()=>{let t=e.month-1;d({modifiedType:"update",era:e.era,year:t==0?e.year-1:e.year,month:t==0?12:t,date:1})},children:a(T.ChevronLeft,{})}),a(V,{tone:"cloud",emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{right:"1/3",children:a(T.AngleDown,{})}),options:[{value:1,label:"1\u6708"},{value:2,label:"2\u6708"},{value:3,label:"3\u6708"},{value:4,label:"4\u6708"},{value:5,label:"5\u6708"},{value:6,label:"6\u6708"},{value:7,label:"7\u6708"},{value:8,label:"8\u6708"},{value:9,label:"9\u6708"},{value:10,label:"10\u6708"},{value:11,label:"11\u6708"},{value:12,label:"12\u6708"}],value:e.month,onUpdateValidValue:({value:t})=>{d({modifiedType:"update",era:e.era,year:e.year,month:Number(t),date:1})}}),a(v.Button.Clear.S,{ssSphere:2,onClick:()=>{let t=e.month+1;d({modifiedType:"update",era:e.era,year:t==13?e.year+1:e.year,month:t==13?1:t,date:1})},children:a(T.ChevronRight,{})})]})]}),a(k.DateWareki.MonthCell,f({},i))]},e.era)},MonthCell:i=>{let{val_value:e,set_value:d}=i,o=c.Time([e.year.zeroEmbed(4),e.month.zeroEmbed(2),e.date.zeroEmbed(2)].join("/"));if(!o.validate)return;let t=o.getFirstDayOfTheMonth().weekday,r=o.getLastDayOfTheMonth(),m=[];for(let n=0;n<7;n++)m.push(a(O.Supplement,{flexCenter:!0,fontColor:n==0?"googleRed":n==6?"googleBlue":"3.blur",children:c.transformer.weekday.shortJP(n)},"legend-"+n));for(let n=0;n<t;n++){let s=c.Time(o).getFirstDayOfTheMonth().addDate(n-t);m.push(a(v.Button.Sub.R,{color:"cloud",border:"1.thin",ssSphere:3,opacity:"middle",onClick:p=>{p.preventDefault(),p.stopPropagation(),d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date},"lastMonth-"+n))}for(let n=1;n<=r.date;n++){let s=c.Time(o).setDate(n);m.push(a(v.Button.Border.R,{ssSphere:3,onClick:()=>{d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date},"currentMonth-"+n))}for(let n=0;n<7-r.weekday-1;n++){let s=c.Time(o).addMonth(1).setDate(1).addDate(n);m.push(a(v.Button.Sub.R,{color:"cloud",border:"1.thin",ssSquare:3,opacity:"middle",onClick:p=>{p.preventDefault(),p.stopPropagation(),d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date},"nextMonth-"+n))}return a(A,{gridCols:7,gap:"1/4",children:m})}},Variables:{Footer:i=>y(R,{flexWrap:!1,gap:1,flexChilds:"even",freeCSS:{whiteSpace:"nowrap"},children:[y(v.Button.Border.R,{onClick:()=>{i.onValueUpdate("")},tabIndex:-1,flexSizing:"none",padding:["2/3",1],children:[a(T.Times,{})," \u524A\u9664"]}),a(v.Button.Prime.R,{flexSizing:"auto",padding:["2/3",1],onClick:()=>{i.onSubmit&&i.onSubmit(),H.close(i.tipsID)},tabIndex:-1,children:"\u6C7A\u5B9A"})]}),ShiftButtons:i=>y(R,{gap:"1/3",flexWrap:!1,children:[a(v.Button.Clear.R,x(f({className:g("LeftButton"),tabIndex:-1,right:0},k.Variables.ShiftButtonStyles),{onClick:()=>{i.callback(-1)},children:a(T.ChevronLeft,{})})),a(v.Button.Clear.R,x(f({className:g("RightButton"),tabIndex:-1,left:0},k.Variables.ShiftButtonStyles),{onClick:()=>{i.callback(1)},children:a(T.ChevronRight,{})}))]}),ShiftButtonStyles:{flexCenter:!0,padding:0,unitWidth:3,unitHeight:3,borderRadius:"sphere",position:"relative"}}};export{L as Picker,L as default};
|
|
1
|
+
import{b as f,c as x}from"../../../chunk-C5N2D3ZX.js";import{Fragment as G,jsx as a,jsxs as y}from"react/jsx-runtime";import{createElement as $}from"react";import{useState as P,useEffect as F,useRef as Y}from"react";import c from"@mingoo/jsmin";import{Box as C,Flex as R,Grid as A,FAI as T,Column as D}from"../../../atoms";import{Row as M,Text as O}from"../../../mols";import v from"../../Button";import H from"../../Tooltips";import V from"../Select";import{Radio as U}from"../List";import{RightIcon as I}from"..";import{InputTimeClasses as g}from"../../../@styles/componentClasses";let _=i=>{var t,r;let e=[],d=Number((t=i==null?void 0:i.min)!=null?t:1900),o=Number((r=i==null?void 0:i.max)!=null?r:c.Time().addYear(10).year);for(let m=d;m<=o;m++)e.unshift({value:m,label:[m,...c.transformer.wareki(m).value].join(" - ")});return e};const L=i=>{let{restrict:e,era:d="year",defaultValue:o=""}=i;i=f({},i),i.tipsID=i.tipsID||c.uuid.gen();const t=Y(!1);let[r,m]=P((()=>{var s,p;if(e=="clock"){let l=String(o).split(/[^\d]/);l[0]||(l=[0,0]);let u=Number(l[0]),h=Number(l[1]);return{modifiedType:"init",hour:u,minutes:h}}else if(e=="date"){let[l,u,h]=(s=String(o))==null?void 0:s.split(/\D/);return(c.is.nullish(l)||c.is.nullish(u)||c.is.nullish(h))&&([l,u,h]=c.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",year:Number(l),month:Number(u),date:Number(h)}}else if(e!="week"){if(e=="month"){let[l,u]=String(o).split(/\D/);return(c.is.nullish(l)||c.is.nullish(u))&&([l,u]=c.Time().toFormat("%Y-%M").split("-")),{modifiedType:"init",year:Number(l),month:Number(u)}}else if(e=="year"){let[l]=String(o).split(/\D/);return c.is.nullish(l)&&([l]=c.Time().toFormat("%Y").split("-")),{modifiedType:"init",year:Number(l)}}else if(e=="dateWareki"){let[l,u,h]=(p=String(o))==null?void 0:p.split(/\D/);return(c.is.nullish(l)||c.is.nullish(u)||c.is.nullish(h))&&([l,u,h]=c.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",era:d||"year",year:Number(l),month:Number(u),date:Number(h)}}}return{}})());F(()=>{if(t.current){if(r.modifiedType=="update"){let s="",p=d||"year";if(e=="clock"){let{hour:l,minutes:u}=r;s=[l.zeroEmbed(2),u.zeroEmbed(2)].join("/")}else if(e=="date"){let{year:l,month:u,date:h}=r;s=[l,u.zeroEmbed(2),h.zeroEmbed(2)].join("/")}else if(e!="week"){if(e=="month"){let{year:l,month:u}=r;s=[l,u.zeroEmbed(2)].join("/")}else if(e=="year"){let{year:l}=r;s=String(l)}else if(e=="dateWareki"){let{year:l,month:u,date:h,era:S}=r;p=S,s=[l,u.zeroEmbed(2),h.zeroEmbed(2)].join("/")}}i.onValueUpdate(s,p)}}else t.current=!0},[r]);let n=x(f({},i),{val_value:r,set_value:m});return a(C,{backgroundColor:"layer.1",borderRadius:"2.tone.secondary",boxShadow:"1.remark",border:!0,overflow:"hidden",children:a(C,{overflow:"auto",className:g(e.toCapital()+"Base"),children:e=="clock"?a(k.Clock.index,f({},n)):e=="date"?a(k.Date.index,f({},n)):e=="week"?"":e=="month"?a(k.Month.index,f({},n)):e=="year"?a(k.Year.index,f({},n)):e=="dates"||e=="months"?"":e=="dateWareki"?a(k.DateWareki.index,f({},n)):a(G,{})})})},k={Clock:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,[n,s]=P(r.hour>12?2:1),[p,l]=P(Number(localStorage.getItem("timePickerUnit")||5));F(()=>{localStorage.setItem("timePickerUnit",String(p))},[p]);let{hour:u,minutes:h}=r;return y(D,{padding:1,children:[y(R,{flexType:"row",flexWrap:!1,gap:1,className:g("Body"),children:[y(D,{className:g("DesignSide"),flexSizing:0,children:[a(C,{className:g("ClockUiBase"),padding:[1,"2/3"],flexCenter:!0,children:y(C,{className:g("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[a(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[g("Needle"),g("hour")].join(" "),freeCSS:{transform:`rotate(${u*30+h/2}deg)`}}),a(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[g("Needle"),g("minute")].join(" "),freeCSS:{transform:`rotate(${h*6}deg)`}})]})}),a(U,{icon:!0,value:[n],options:[{value:1,label:"AM"},{value:2,label:"PM"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:S})=>{let B=r.hour%12+(S==2?12:0);s(S),m({modifiedType:"update",hour:B,minutes:r.minutes})}}),a(C,{borderTop:!0,margin:[0,1]}),a(U,{icon:!0,value:[p],options:[{value:1,label:"/ 1\u5206"},{value:2,label:"/ 2\u5206"},{value:5,label:"/ 5\u5206"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:S})=>{l(S)}})]}),y(D,{children:[y(C,{flexCenter:!0,isSemiBoldFont:!0,fontSize:"3.paragraph",children:[r.hour.zeroEmbed(2)," : ",r.minutes.zeroEmbed(2)]}),y(R,{flexWrap:!1,borderRadius:"1.tone.primary",boxShadow:"0.remark.inset",flexChilds:"even",padding:["1/3",0],freeCSS:{minWidth:12*12},children:[a(D,{gap:0,overflow:"auto",padding:"2/3",borderRight:!0,freeCSS:{maxHeight:12*22},children:k.Clock.Hours({onClick:S=>{let N=S+(n==2?12:0);m({modifiedType:"update",hour:N,minutes:r.minutes})},min:e,max:d,ampm:n})}),a(D,{gap:0,overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*22},children:k.Clock.Minutes({onClick:S=>{m({modifiedType:"update",hour:r.hour,minutes:S})},min:e,max:d,unit:p})})]})]})]}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Hours:i=>{let e=[];for(let d=0;d<12;d++){let o=i.ampm==2?d+12:d,t=!1;{let r=Number(String(o*100).replace(/\D/ig,""));if(i.min&&Number(String(i.min).replace(/\D/ig,""))>r&&(t=!0),i.max){let m=Number(String(i.max).replace(/\D/ig,""));r>m&&(t=!0)}}e.push(a(v.Button.Normal.R,{isLocked:t,borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{i.onClick(d)},children:o.zeroEmbed(2)},d))}return e},Minutes:i=>{let e=[];for(let d=0;d<60/i.unit;d++){let o=d*i.unit;e.push(a(v.Button.Normal.R,{borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{i.onClick(o)},children:o.zeroEmbed(2)},o))}return e}},Date:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{year:n,month:s,date:p}=r;return y(D,{padding:1,children:[y(R,{flexWrap:!0,verticalAlign:"center",horizontalAlign:"between",children:[y(R,{verticalAlign:"bottom",horizontalAlign:"left",gap:"2/3",flexWrap:!1,children:[a(V,{override:"force",emptySelect:!1,value:n,options:_(),border:"1.thin",padding:["1/3","2/3"],paddingRight:2,onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:Number(l),month:s,date:p})},rightIcon:a(I,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})})}),a(V,{override:"force",emptySelect:!1,value:s,options:(()=>{let l=[];for(let u=1;u<=12;u++)l.push({value:u,label:String(u),displayLabel:String(u)+"\u6708"});return l})(),border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:n,month:Number(l),date:p})}})]}),a(k.Variables.ShiftButtons,{callback:l=>{let u=s+l,h=n;l==-1?(u<=0&&h--,u=u||12):s==12&&h++,m({modifiedType:"update",year:h,month:u,date:r.date})}})]}),a(C,{borderTop:!0}),a(C,{children:k.Date.MonthCalendar({min:e,max:d,year:r.year,month:r.month,current:[r.year,r.month,r.date],callback:l=>{let[u,h,S]=l;m({modifiedType:"update",year:u,month:h,date:S})}})}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},MonthCalendar:i=>{let{min:e,max:d,year:o,month:t,current:r,callback:m}=i,n=c.Time(),s=c.Time([o,t.zeroEmbed(2),"01"].join("/")),p=s.getLastDayOfTheMonth(),l=c.Time(s).addMonth(-1).getLastDayOfTheMonth().date,u=[],h=[],S=[],N=[],B={padding:0,unitWidth:3,unitHeight:3,flexCenter:!0,borderRadius:"3.tone.tertiary"};for(var b=0;b<7;b++)u.push(a(C,x(f({className:[g("CalendarDay"),g("Legend")].join(" ")},B),{children:["\u65E5","\u6708","\u706B","\u6C34","\u6728","\u91D1","\u571F"][b]}),b));for(var b=0;b<s.weekday;b++)h.unshift($(C,x(f({className:[g("CalendarDay"),g("Dummy")].join(" "),fontColor:"4.thin"},B),{key:b}),l-b));for(var b=1;b<=p.date;b++){let E=b,j=o==n.year&&t==n.month&&b==n.date,w=!1;{let W=Number(String([o,t.zeroEmbed(2),b.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(i.min&&Number(String(i.min).replace(/\D/ig,""))>W&&(w=!0),i.max){let z=Number(String(i.max).replace(/\D/ig,""));W>z&&(w=!0)}}S.push(a(v.Button.Clear.R,x(f({className:[g("CalendarDay"),g("isToday_"+j)].join(" ")},B),{fontColor:"1.clear",padding:0,flexCenter:!0,isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{m([o,t,E])},tabIndex:-1,isLocked:w,children:b}),E))}for(var b=1;b<7-p.weekday;b++)N.push(a(C,x(f({className:[g("CalendarDay"),g("Dummy")].join(" "),fontColor:"4.thin"},B),{children:b}),b));return y(A,{gridCols:7,gap:"1/3",children:[u,h,S,N]})}},Month:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{year:n,month:s}=r;return y(D,{padding:1,children:[y(M.Separate,{gap:0,children:[a(M.Center,{verticalAlign:"bottom",gap:"2/3",children:a(V,{emptySelect:!1,value:n,options:_(),override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),onUpdateValidValue:({value:p})=>{m({modifiedType:"update",year:Number(p),month:s})}})}),a(k.Variables.ShiftButtons,{callback:p=>{let l=Math.min(Math.max(n+p,1900),2100);m({modifiedType:"update",year:l,month:s})}})]}),a(C,{borderTop:!0}),k.Month.Months({min:e,max:d,year:r.year,callback:p=>{let[l,u]=p;m({modifiedType:"update",year:l,month:u})}}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Months:i=>{let{year:e,callback:d}=i,o=c.Time(),t=[];for(let r=1;r<=12;r++){let m=e==o.year&&r==o.month,n=!1;{let p=Number(String([e,r.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(i.min&&Number(String(i.min).replace(/\D/ig,""))>p&&(n=!0),i.max){let l=Number(String(i.max).replace(/\D/ig,""));p>l&&(n=!0)}}let s=[g("Cell"),m?g("isThisMonth"):""].join(" ");t.push(y(v.Button.Clear.R,{className:s,isLocked:n,fontColor:"2.normal",padding:["1/3",1],ssEffectsOnActive:"shrink",onClick:()=>{d([e,r])},children:[r," \u6708"]},e+"-"+r))}return a(A,{gridCols:4,gap:"2/3",children:t})}},Year:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{year:n}=r;return y(D,{padding:1,children:[a(V,{emptySelect:!1,value:n||c.Time().year,override:"force",options:_({min:e,max:d}),onUpdateValidValue:({value:s})=>{m({modifiedType:"update",year:Number(s)})}}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o,onSubmit:()=>{m({modifiedType:"update",year:Number(n||c.Time().year)})}})]})}},DateWareki:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{era:n,year:s,month:p,date:l}=r,u={val_value:r,set_value:m};return y(C,{children:[y(M.Left,{borderBottom:!0,gap:0,verticalAlign:"unset",children:[a(k.DateWareki.EraSelect,f({},u)),a(C,{borderRight:!0}),a(k.DateWareki.Calendar,f({},u))]}),a(C,{padding:1,children:a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})})]})},EraSelect:i=>{let{val_value:e,set_value:d}=i,o={padding:["1/2",1.5],fontColor:"3.blur"},t={backgroundColor:"cloud",fontColor:"2.normal",isSemiBoldFont:!0};return y(D,{padding:1,gap:0,children:[a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="year",onClick:()=>{let r=c.Time();d({modifiedType:"update",era:"year",year:r.year,month:r.month,date:r.date})},children:"\u897F\u66A6"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="reiwa",onClick:()=>{let r=c.Time();d({modifiedType:"update",era:"reiwa",year:r.year,month:r.month,date:r.date})},children:"\u4EE4\u548C"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="heisei",onClick:()=>{d({modifiedType:"update",era:"heisei",year:2019,month:1,date:1})},children:"\u5E73\u6210"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="shouwa",onClick:()=>{d({modifiedType:"update",era:"shouwa",year:1989,month:1,date:1})},children:"\u662D\u548C"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="taisho",onClick:()=>{d({modifiedType:"update",era:"taisho",year:1926,month:1,date:1})},children:"\u5927\u6B63"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="meiji",onClick:()=>{d({modifiedType:"update",era:"meiji",year:1912,month:1,date:1})},children:"\u660E\u6CBB"}))]})},Calendar:i=>{let{val_value:e,set_value:d}=i,o=[];if(e.era=="year")for(let t=1900;t<2100;t++)o.unshift({value:t,label:t+"\u5E74"});else if(e.era=="reiwa"){let t=c.Time().year-2018;for(let r=1;r<=t+10;r++)o.unshift({value:2019+r-1,label:"\u4EE4\u548C"+(r==1?"\u5143":r)+"\u5E74"})}else if(e.era=="heisei")for(let t=1;t<=31;t++)o.unshift({value:1989+t-1,label:"\u5E73\u6210"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="shouwa")for(let t=1;t<=64;t++)o.unshift({value:1926+t-1,label:"\u662D\u548C"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="taisho")for(let t=1;t<=15;t++)o.unshift({value:1912+t-1,label:"\u5927\u6B63"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="meiji")for(let t=1;t<=45;t++)o.unshift({value:1868+t-1,label:"\u660E\u6CBB"+(t==1?"\u5143":t)+"\u5E74"});return y(D,{padding:1,children:[y(M.Separate,{children:[a(V,{tone:"cloud",emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),options:o,value:e.year,onUpdateValidValue:({value:t})=>{d(r=>x(f({},r),{modifiedType:"update",year:Number(t)}))}}),y(M.Center,{gap:"1/3",children:[a(v.Button.Clear.S,{ssSphere:2,onClick:()=>{let t=e.month-1;d({modifiedType:"update",era:e.era,year:t==0?e.year-1:e.year,month:t==0?12:t,date:1})},children:a(T.ChevronLeft,{})}),a(V,{tone:"cloud",emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),options:[{value:1,label:"1\u6708"},{value:2,label:"2\u6708"},{value:3,label:"3\u6708"},{value:4,label:"4\u6708"},{value:5,label:"5\u6708"},{value:6,label:"6\u6708"},{value:7,label:"7\u6708"},{value:8,label:"8\u6708"},{value:9,label:"9\u6708"},{value:10,label:"10\u6708"},{value:11,label:"11\u6708"},{value:12,label:"12\u6708"}],value:e.month,onUpdateValidValue:({value:t})=>{d({modifiedType:"update",era:e.era,year:e.year,month:Number(t),date:1})}}),a(v.Button.Clear.S,{ssSphere:2,onClick:()=>{let t=e.month+1;d({modifiedType:"update",era:e.era,year:t==13?e.year+1:e.year,month:t==13?1:t,date:1})},children:a(T.ChevronRight,{})})]})]}),a(k.DateWareki.MonthCell,f({},i))]},e.era)},MonthCell:i=>{let{val_value:e,set_value:d}=i,o=c.Time([e.year.zeroEmbed(4),e.month.zeroEmbed(2),e.date.zeroEmbed(2)].join("/"));if(!o.validate)return;let t=o.getFirstDayOfTheMonth().weekday,r=o.getLastDayOfTheMonth(),m=[];for(let n=0;n<7;n++)m.push(a(O.Supplement,{flexCenter:!0,fontColor:n==0?"googleRed":n==6?"googleBlue":"3.blur",children:c.transformer.weekday.shortJP(n)},"legend-"+n));for(let n=0;n<t;n++){let s=c.Time(o).getFirstDayOfTheMonth().addDate(n-t);m.push(a(v.Button.Sub.R,{color:"cloud",border:"1.thin",ssSphere:3,opacity:"middle",onClick:p=>{p.preventDefault(),p.stopPropagation(),d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date},"lastMonth-"+n))}for(let n=1;n<=r.date;n++){let s=c.Time(o).setDate(n);m.push(a(v.Button.Border.R,{ssSphere:3,onClick:()=>{d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date},"currentMonth-"+n))}for(let n=0;n<7-r.weekday-1;n++){let s=c.Time(o).addMonth(1).setDate(1).addDate(n);m.push(a(v.Button.Sub.R,{color:"cloud",border:"1.thin",ssSquare:3,opacity:"middle",onClick:p=>{p.preventDefault(),p.stopPropagation(),d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date},"nextMonth-"+n))}return a(A,{gridCols:7,gap:"1/4",children:m})}},Variables:{Footer:i=>y(R,{flexWrap:!1,gap:1,flexChilds:"even",freeCSS:{whiteSpace:"nowrap"},children:[y(v.Button.Border.R,{onClick:()=>{i.onValueUpdate("")},tabIndex:-1,flexSizing:"none",padding:["2/3",1],children:[a(T.Times,{})," \u524A\u9664"]}),a(v.Button.Prime.R,{flexSizing:"auto",padding:["2/3",1],onClick:()=>{i.onSubmit&&i.onSubmit(),H.close(i.tipsID)},tabIndex:-1,children:"\u6C7A\u5B9A"})]}),ShiftButtons:i=>y(R,{gap:"1/3",flexWrap:!1,children:[a(v.Button.Clear.R,x(f({className:g("LeftButton"),tabIndex:-1,right:0},k.Variables.ShiftButtonStyles),{onClick:()=>{i.callback(-1)},children:a(T.ChevronLeft,{})})),a(v.Button.Clear.R,x(f({className:g("RightButton"),tabIndex:-1,left:0},k.Variables.ShiftButtonStyles),{onClick:()=>{i.callback(1)},children:a(T.ChevronRight,{})}))]}),ShiftButtonStyles:{flexCenter:!0,padding:0,unitWidth:3,unitHeight:3,borderRadius:"sphere",position:"relative"}}};export{L as Picker,L as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as ee,b as l,c as E,d as Y}from"../../../chunk-C5N2D3ZX.js";import{Fragment as we,jsx as g,jsxs as ne}from"react/jsx-runtime";import{useState as A,useEffect as q,useRef as me}from"react";import k from"@mingoo/jsmin";import{$$fromRoot as ue,Config as te,useStore as O,ExtractStyles as ce}from"../../../@utils";import{Box as K,FAI as pe}from"../../../atoms";import{Text as de}from"../../../mols";import ae from"../../Button";import re from"../../Tooltips";import{faClock as fe}from"@fortawesome/free-solid-svg-icons/faClock";import{faCalendarAlt as he}from"@fortawesome/free-solid-svg-icons/faCalendarAlt";import{OptionalInputWrapper as ge,BoxWrapper as ye,CoreEffects as X,DefaultBoxishStyles as ve}from"../core";import{RightIcon as De}from"..";import Ie from"../Hidden";import Te from"../Select";import{InputLabel as Se}from"../Label";import xe from"./Picker";const C=" ~ ",be={clock:{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2}],sets:1},date:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2}],sets:1},week:{defaultValue:"----\u5E74\u7B2C--\u9031",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4,region:6},{type:"week",from:6,length:2,region:3}],sets:1},month:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:3}],sets:1},year:{defaultValue:"----\u5E74",format:/^\d{4}$/,ranges:[{type:"year",from:0,length:4,region:5}],sets:1},dates:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2,region:5},{type:"year",from:10+C.length,length:4},{type:"month",from:15+C.length,length:2},{type:"date",from:18+C.length,length:2}],sets:2},months:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:6},{type:"year",from:8+C.length,length:4},{type:"month",from:13+C.length,length:2,region:3}],sets:2},dateWareki:{defaultValue:"----\u5E74--\u6708--\u65E5",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"dateWareki",from:0,length:4,region:5},{type:"month",from:5,length:2,region:3},{type:"date",from:8,length:2,region:3}],sets:1}},F={PeriodMargin:" ~ ",DataLeveling:e=>{let{restrict:n,value:y,era:t}=e,I=k.flatArray(y||""),{defaultValue:f,format:v,ranges:p,sets:a}=be[n],m=[],o=n=="clock"?":":"/";for(let i=0;i<I.length;i++)I[i]=String(I[i]).replace(/\D/ig,o);for(let i=0;i<a;i++){let d=I[i]||"";if(!d.match(v))I[i]="",m.push(f);else{let b=f;d.split(/\D/).forEach((w,V)=>{if(V==0&&n=="dateWareki"){let T=Number(w);t!="year"&&(T>=2019?t=="reiwa"?T-=2018:t=="heisei"&&(T=31):T>=1989?t=="heisei"?T-=1988:t=="shouwa"&&(T=64):T>=1926?t=="shouwa"?T-=1925:t=="taisho"&&(T=15):T>=1912?t=="taisho"?T-=1911:t=="meiji"&&(T=45):T>=1868&&(T-=1867)),w=T.zeroEmbed(4)}b=b.replace(new RegExp("------------------".slice(0,w.length)),w)}),m.push(b)}}return{formatValue:m.join(C),dataValue:["dates","months"].includes(n)?I:I[0],ranges:p}},DefaultValidation:e=>{let{states:n}=e,{restrict:y,min:t,max:I,required:f}=n,v=[],p=k.flatArray(e.value),a={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let m=y=="clock"?":":"/";for(let o=0;o<p.length;o++)p[o]=String(p[o]).replace(/\D/ig,m);for(let o=0;o<p.length;o++){let i=p[o],d=p[o-1];i.removeLetters()||(a.empty=!0),o>0&&(a.escalated&=+(i>=d))}a.escalated&&(a.empty||(y.match(/clock/)?p.forEach(o=>{let[i,d]=o.split(/\D+/);!i||!d?a.filled=!1:(Number(i)>23||Number(d)>59)&&(a.correct=!1)}):y.match(/date/)?p.forEach(o=>{let[i,d,b]=o.split(/\D+/);if(!i||!d||!b)a.filled=!1;else{let w=k.Time(o);(!w.validate||o!=w.toFormatYMD())&&(a.correct=!1)}}):y.match(/week/)?p.forEach(o=>{let[i,d]=o.split(/\D+/);if(!i||!d)a.filled=!1;else{let b=k.Time(i+"/01/01").weekday,V=k.Time(i+"/01/0"+(7-b+1)).addWeek(Number(d)-1);i!=String(V.year)&&(a.correct=!1)}}):y.match(/month/)?p.forEach(o=>{let[i,d]=o.split(/\D+/);!i||!d?a.filled=!1:k.Time([i,d,"01"].join("/")).validate||(a.correct=!1)}):y.match(/year/),a.filled&&a.correct&&p.forEach(o=>{{let i=Number(String(o).replace(/\D/ig,""));if(t&&Number(String(t).replace(/\D/ig,""))>i&&(a.prohibited=!0),I){let d=Number(String(I).replace(/\D/ig,""));i>d&&(a.prohibited=!0)}}})))})();{let{empty:m,escalated:o,filled:i,correct:d,prohibited:b}=a;m&&f&&(v=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),o||v.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),d||v.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),i||v.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),b&&v.push({type:"invalid",label:ne(we,{children:[g(K,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",t||"\u4E0B\u9650\u7121\u3057","] ~ [",I||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!v.filter(({type:m})=>m=="invalid").length,notice:v}},KeyDownEvent:e=>{let{val_era:n,restrict:y,event:t,val_status:I,set_status:f,val_focus:v,set_focus:p}=e,{key:a,shiftKey:m,ctrlKey:o,metaKey:i}=t,d=o||i,{selectionStart:b,selectionEnd:w}=t.target,{index:V,prevIndex:T}=v,{ranges:L,formatValue:H}=I,M=L.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(a)){let D=0;if(a=="Tab"){let s=+!m*2-1;if(D=v.index+s,D<0||D>M)return}else{let s=a=="ArrowLeft"?-1:a=="ArrowRight"?1:0;d||b==0&&w==String(I.formatValue).length?D=s==1?M:0:D=Math.max(0,Math.min(V+s,M))}p(s=>E(l({},s),{index:D,prevIndex:V})),t.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(a)){t.preventDefault();let D=V;D=Math.max(D,0),D=Math.min(D,M);let{type:s,from:U,length:z}=L[D],N=H.slice(U,U+z),c;if(a=="Backspace")c="------".slice(0,z);else if(["ArrowUp","ArrowDown"].includes(a)){let R=a=="ArrowUp"?1:-1;N=N|0,c=N+R;let[r,u,S]=s=="dateWareki"?n=="year"?[0,2999,4]:n=="reiwa"?[1,2999,4]:n=="heisei"?[1,31,4]:n=="shouwa"?[1,64,4]:n=="taisho"?[1,15,4]:n=="meiji"?[1,45,4]:[0,0,0]:s=="minute"?[0,59,2]:s=="hour"?[0,23,2]:s=="date"?[1,31,2]:s=="week"?[1,53,2]:s=="month"?[1,12,2]:s=="year"?[0,2999,4]:[0,0,0];c>u?c=r:c<r&&(c=u),c=Number(c).zeroEmbed(S)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(a)){let R=N|0,r=a,u=`${R}${r}`;if(T!=V&&(R=0,u="0"+r),s=="year"||s=="dateWareki"&&n=="year")Number(u)>1e4?c=r:c=u,(c|0)>1e3&&D++;else if(["hour","minute","date","week","month"].includes(s)||s=="dateWareki"&&n!="year"){let S=s=="dateWareki"?n=="reiwa"?100:n=="heisei"?31:n=="shouwa"?64:n=="taisho"?15:n=="meiji"?45:0:s=="minute"?59:s=="hour"?23:s=="date"?31:s=="week"?53:s=="month"?12:0;c=(u|0)>S?r:u,(Number(r)>Number(String(S)[0])||N=="0000".slice(0,String(S).length)&&(u!="0000".slice(0,String(S).length)||["minute","hour"].includes(s)&&T==V)||(u|0)>=ee(10,String(S).length-1))&&D++}s=="year"||s=="dateWareki"?c=(c|0).zeroEmbed(4):c=(c|0).zeroEmbed(2)}{let R=String(H).partReplace(U,String(c)),r=R.split(C).map(u=>u.replace(/(^\D|\D$)/,"").split(/\D+/).join(y=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(y=="dateWareki"){let u=r[0].split(/\D/),[S,j,P]=u;u.length==3&&S&&(r=[[Number(S)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[n]),j,P].join("/")])}D=Math.max(D,0),D=Math.min(D,M),f(u=>E(l({},u),{dataValue:["dates","months"].includes(y)?r:r[0],formatValue:R,eventType:"update",eventID:k.uuid.gen()})),p(u=>E(l({},u),{index:D,prevIndex:u.index}))}}}},ie={picker:{launch:e=>{let n=e.tipsID||k.uuid.gen(),m=e,{onValueUpdate:y,min:t,max:I,era:f,restrict:v,defaultValue:p}=m,a=Y(m,["onValueUpdate","min","max","era","restrict","defaultValue"]);re.open(E(l({gravityPoint:e.gravityPoint||24,tipsID:n,padding:0},a),{parent:a.parent,close_option:l({aroundClick:!0,parentBlur:!1},a.close_option),content:g(xe,{restrict:v,min:t,max:I,era:f,defaultValue:p,tipsID:n,onValueUpdate:(o,i)=>{y(o,i)}})}))},remove:e=>{re.close(e)}}},ke={Shallow:e=>{let{rootStates:n,val_status:y}=e,t=ce(n);return g(K,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:g(de.Description,E(l({className:n.className},t),{position:"absolute",width:1,freeCSS:E(l({},t.freeCSS),{color:"orange"}),children:g(K,{"data-input-value-shallow":y.componentID,children:"A"})}))})}},Ee=e=>{let Q=e,{tone:n,required:y,restrict:t="clock",componentID:I,era:f,form:v,name:p,min:a,max:m,className:o,enableFormSubmit:i,checkValidationAtFirst:d,onKeyDown:b,onValidate:w,onUpdateValue:V,onUpdateValidValue:T,value:L="",leftIndicator:H,rightIndicator:M,leftIcon:D,rightIcon:s,freeCSS:U,wrapStyles:z}=Q,N=Y(Q,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),[c,R]=A(f),[r,u]=A(E(l({componentID:e.componentID||""},F.DataLeveling({restrict:t,value:L,era:c})),{eventType:"init",eventID:k.uuid.gen()})),[S,j]=A({ok:!1,notice:[]}),[P,B]=A({active:!1,index:0,prevIndex:-1}),oe={rootStates:e,val_status:r,set_status:u,val_validate:S,set_validate:j,val_era:c,set_era:R,val_focus:P,set_focus:B};X.CommonEffects({type:"time",states:e,val_status:r,set_status:u,val_validate:S,set_validate:j,onUpdateValue:V,onUpdateValidValue:T,DefaultValidation:F.DefaultValidation,ExtraOverrideStates:l({},F.DataLeveling({restrict:t,value:L,era:c}))});const G=me(!1);return q(()=>{if(G.current){u(x=>l(l({},x),F.DataLeveling({restrict:t,value:x.dataValue,era:c})));let h=O.get("refreshEra_"+r.componentID);h&&h.refreshEra(c)}else G.current=!0},[c]),O.update({[r.componentID]:{openPicker:()=>{e.disabled||ie.picker.launch({parent:"#Picker-"+r.componentID,tipsID:"PickerTips-"+r.componentID,restrict:t,min:a,max:m,defaultValue:r.dataValue,era:c,onValueUpdate:(h,x)=>{u(W=>E(l(l({},W),F.DataLeveling({restrict:t,value:h,era:x})),{eventType:"update",eventID:k.uuid.gen()})),R(x)}})},resetEra:h=>{R(h),u(x=>E(l(l({},x),F.DataLeveling({restrict:t,value:"",era:c})),{eventType:"update",eventID:k.uuid.gen()}))}}}),q(()=>{let{index:h,active:x}=P;if(x){h=Math.max(h,0),h=Math.min(h,r.ranges.length-1);let{from:W,length:$}=r.ranges[h],J=ue("#"+e.id)[0];J&&J.setSelectionRange(W,W+$)}},[P]),ne(ye,{val_status:r,set_status:u,val_validate:S,states:e,children:[g(ke.Shallow,l({},oe)),g(Se,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:!0}),g(Ie,{name:p,"data-disabled":e.disabled,"data-input-type":"time","data-form":v,"data-validation":S.ok,componentID:r.componentID,"data-value":JSON.stringify(["dates","months"].includes(t)?!r.dataValue[0]||!r.dataValue[1]?null:r.dataValue:r.dataValue||null)}),te.get().isTouchDevice?g(ae.Button.Plain,{"data-show-validation":X.isShowValidation(S,r,!!d),"data-component-id":r.componentID,className:o,freeCSS:{textAlign:"left"},children:r.formatValue,onClick:h=>{let x=O.get(r.componentID);x&&x.openPicker(),h.stopPropagation()}}):g(K,l({htmlTag:"input",type:"text",inputMode:"numeric","data-show-validation":X.isShowValidation(S,r,!!d),"data-input-origin":r.componentID,"data-disabled":e.disabled,"data-input-type":"time","data-form-name":v,value:r.formatValue,className:o,tabIndex:te.get().isTouchDevice?-1:0,onKeyDown:h=>{F.KeyDownEvent({restrict:t,event:h,val_era:c,val_status:r,set_status:u,val_focus:P,set_focus:B}),b&&b(h),i&&X.SubmitForm(h)},onKeyUp:h=>{h.key=="Tab"&&B(x=>E(l({},x),{active:!0}))},onClick:h=>{let x=h.target.selectionEnd,W=0;r.ranges.forEach(($,J)=>{let{from:Z,length:le,region:se}=$;Z<=x&&x<=Z+(se||le)&&(W=J)}),B($=>E(l({},$),{active:!0,index:W})),h.preventDefault()},onChange:()=>{}},N))]})},_={Origin:e=>{e=l({},e),e.rightIcon&&(e=l({paddingRight:3},e)),e.leftIcon&&(e=l({paddingLeft:3},e));let[n]=A(e.componentID||k.uuid.gen());if(e.componentID=n,k.is.nullish(e.rightIcon)){let y=(e.restrict||"").match(/clock/)?fe:he;e.rightIcon=g(De,{padding:0,freeCSS:{pointerEvents:"all"},children:g(ae.Button.Sub.R,{color:"cloud",border:"unset",ssSphere:2,fontColor:"theme",boxShadow:"0.normal",borderRadius:"3.tone.tertiary",flexCenter:!0,ssEffectsOnActive:"push",tabIndex:-1,id:"Picker-"+e.componentID,onClick:()=>{let t=O.get(e.componentID);t&&t.openPicker()},children:g(pe,{icon:y})})})}return g(ge,{componentID:e.componentID,children:Ee,states:ve(e)})},Clock:e=>g(_.Origin,l({restrict:"clock",era:"clock"},e)),Date:e=>g(_.Origin,l({restrict:"date"},e)),Week:e=>g(_.Origin,l({restrict:"week"},e)),Month:e=>g(_.Origin,l({restrict:"month"},e)),Year:e=>g(_.Origin,l({restrict:"year"},e)),DateWareki:e=>{e=l({},e);let[n]=A(e.componentID||k.uuid.gen());e.componentID=n;let{defaultEra:y="wareki"}=e,[t,I]=A((()=>{let f="year";if(y=="wareki"&&(f="reiwa",e.value)){let[v,p,a]=e.value.split(/\D/);if(v&&p&&a){let m=Number(v);m>=2019?(m-=2019,f="reiwa"):m>=1989?(m-=1989,f="heisei"):m>=1926?(m-=1926,f="shouwa"):m>=1912?(m-=1912,f="taisho"):m>=1868&&(m-=1868,f="meiji"),m+=1}}return f})());return q(()=>{O.set({["refreshEra_"+n]:{refreshEra:f=>{I(f)}}})},[]),g(_.Origin,E(l({restrict:"dateWareki",leftIndicator:g(Te,{label:"\u5143\u53F7",emptySelect:!1,value:t,tone:e.tone||"border",override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:({value:f,eventType:v})=>{I(f);let p=O.get(e.componentID);p&&p.resetEra&&p.resetEra(f)}})},e),{era:t}))},Periods:{Date:e=>g(_.Origin,l({restrict:"dates"},e)),Month:e=>g(_.Origin,l({restrict:"months"},e))},fn:ie};export{_ as Time,_ as default};
|
|
1
|
+
import{a as ee,b as s,c as E,d as Y}from"../../../chunk-C5N2D3ZX.js";import{Fragment as we,jsx as g,jsxs as ne}from"react/jsx-runtime";import{useState as A,useEffect as q,useRef as me}from"react";import k from"@mingoo/jsmin";import{$$fromRoot as ue,Config as te,useStore as O,ExtractStyles as pe}from"../../../@utils";import{Box as K,FAI as ce}from"../../../atoms";import{Text as de}from"../../../mols";import ae from"../../Button";import re from"../../Tooltips";import{faClock as fe}from"@fortawesome/free-solid-svg-icons/faClock";import{faCalendarAlt as he}from"@fortawesome/free-solid-svg-icons/faCalendarAlt";import{OptionalInputWrapper as ge,BoxWrapper as ye,CoreEffects as X,DefaultBoxishStyles as ve}from"../core";import{RightIcon as De}from"..";import Ie from"../Hidden";import Te from"../Select";import{InputLabel as Se}from"../Label";import xe from"./Picker";const C=" ~ ",be={clock:{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2}],sets:1},date:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2}],sets:1},week:{defaultValue:"----\u5E74\u7B2C--\u9031",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4,region:6},{type:"week",from:6,length:2,region:3}],sets:1},month:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:3}],sets:1},year:{defaultValue:"----\u5E74",format:/^\d{4}$/,ranges:[{type:"year",from:0,length:4,region:5}],sets:1},dates:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2,region:5},{type:"year",from:10+C.length,length:4},{type:"month",from:15+C.length,length:2},{type:"date",from:18+C.length,length:2}],sets:2},months:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:6},{type:"year",from:8+C.length,length:4},{type:"month",from:13+C.length,length:2,region:3}],sets:2},dateWareki:{defaultValue:"----\u5E74--\u6708--\u65E5",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"dateWareki",from:0,length:4,region:5},{type:"month",from:5,length:2,region:3},{type:"date",from:8,length:2,region:3}],sets:1}},F={PeriodMargin:" ~ ",DataLeveling:e=>{let{restrict:n,value:y,era:t}=e,I=k.flatArray(y||""),{defaultValue:f,format:v,ranges:c,sets:a}=be[n],m=[],o=n=="clock"?":":"/";for(let i=0;i<I.length;i++)I[i]=String(I[i]).replace(/\D/ig,o);for(let i=0;i<a;i++){let d=I[i]||"";if(!d.match(v))I[i]="",m.push(f);else{let b=f;d.split(/\D/).forEach((w,V)=>{if(V==0&&n=="dateWareki"){let T=Number(w);t!="year"&&(T>=2019?t=="reiwa"?T-=2018:t=="heisei"&&(T=31):T>=1989?t=="heisei"?T-=1988:t=="shouwa"&&(T=64):T>=1926?t=="shouwa"?T-=1925:t=="taisho"&&(T=15):T>=1912?t=="taisho"?T-=1911:t=="meiji"&&(T=45):T>=1868&&(T-=1867)),w=T.zeroEmbed(4)}b=b.replace(new RegExp("------------------".slice(0,w.length)),w)}),m.push(b)}}return{formatValue:m.join(C),dataValue:["dates","months"].includes(n)?I:I[0],ranges:c}},DefaultValidation:e=>{let{states:n}=e,{restrict:y,min:t,max:I,required:f}=n,v=[],c=k.flatArray(e.value),a={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let m=y=="clock"?":":"/";for(let o=0;o<c.length;o++)c[o]=String(c[o]).replace(/\D/ig,m);for(let o=0;o<c.length;o++){let i=c[o],d=c[o-1];i.removeLetters()||(a.empty=!0),o>0&&(a.escalated&=+(i>=d))}a.escalated&&(a.empty||(y.match(/clock/)?c.forEach(o=>{let[i,d]=o.split(/\D+/);!i||!d?a.filled=!1:(Number(i)>23||Number(d)>59)&&(a.correct=!1)}):y.match(/date/)?c.forEach(o=>{let[i,d,b]=o.split(/\D+/);if(!i||!d||!b)a.filled=!1;else{let w=k.Time(o);(!w.validate||o!=w.toFormatYMD())&&(a.correct=!1)}}):y.match(/week/)?c.forEach(o=>{let[i,d]=o.split(/\D+/);if(!i||!d)a.filled=!1;else{let b=k.Time(i+"/01/01").weekday,V=k.Time(i+"/01/0"+(7-b+1)).addWeek(Number(d)-1);i!=String(V.year)&&(a.correct=!1)}}):y.match(/month/)?c.forEach(o=>{let[i,d]=o.split(/\D+/);!i||!d?a.filled=!1:k.Time([i,d,"01"].join("/")).validate||(a.correct=!1)}):y.match(/year/),a.filled&&a.correct&&c.forEach(o=>{{let i=Number(String(o).replace(/\D/ig,""));if(t&&Number(String(t).replace(/\D/ig,""))>i&&(a.prohibited=!0),I){let d=Number(String(I).replace(/\D/ig,""));i>d&&(a.prohibited=!0)}}})))})();{let{empty:m,escalated:o,filled:i,correct:d,prohibited:b}=a;m&&f&&(v=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),o||v.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),d||v.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),i||v.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),b&&v.push({type:"invalid",label:ne(we,{children:[g(K,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",t||"\u4E0B\u9650\u7121\u3057","] ~ [",I||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!v.filter(({type:m})=>m=="invalid").length,notice:v}},KeyDownEvent:e=>{let{val_era:n,restrict:y,event:t,val_status:I,set_status:f,val_focus:v,set_focus:c}=e,{key:a,shiftKey:m,ctrlKey:o,metaKey:i}=t,d=o||i,{selectionStart:b,selectionEnd:w}=t.target,{index:V,prevIndex:T}=v,{ranges:B,formatValue:H}=I,M=B.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(a)){let D=0;if(a=="Tab"){let l=+!m*2-1;if(D=v.index+l,D<0||D>M)return}else{let l=a=="ArrowLeft"?-1:a=="ArrowRight"?1:0;d||b==0&&w==String(I.formatValue).length?D=l==1?M:0:D=Math.max(0,Math.min(V+l,M))}c(l=>E(s({},l),{index:D,prevIndex:V})),t.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(a)){t.preventDefault();let D=V;D=Math.max(D,0),D=Math.min(D,M);let{type:l,from:U,length:z}=B[D],N=H.slice(U,U+z),p;if(a=="Backspace")p="------".slice(0,z);else if(["ArrowUp","ArrowDown"].includes(a)){let R=a=="ArrowUp"?1:-1;N=N|0,p=N+R;let[r,u,S]=l=="dateWareki"?n=="year"?[0,2999,4]:n=="reiwa"?[1,2999,4]:n=="heisei"?[1,31,4]:n=="shouwa"?[1,64,4]:n=="taisho"?[1,15,4]:n=="meiji"?[1,45,4]:[0,0,0]:l=="minute"?[0,59,2]:l=="hour"?[0,23,2]:l=="date"?[1,31,2]:l=="week"?[1,53,2]:l=="month"?[1,12,2]:l=="year"?[0,2999,4]:[0,0,0];p>u?p=r:p<r&&(p=u),p=Number(p).zeroEmbed(S)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(a)){let R=N|0,r=a,u=`${R}${r}`;if(T!=V&&(R=0,u="0"+r),l=="year"||l=="dateWareki"&&n=="year")Number(u)>1e4?p=r:p=u,(p|0)>1e3&&D++;else if(["hour","minute","date","week","month"].includes(l)||l=="dateWareki"&&n!="year"){let S=l=="dateWareki"?n=="reiwa"?100:n=="heisei"?31:n=="shouwa"?64:n=="taisho"?15:n=="meiji"?45:0:l=="minute"?59:l=="hour"?23:l=="date"?31:l=="week"?53:l=="month"?12:0;p=(u|0)>S?r:u,(Number(r)>Number(String(S)[0])||N=="0000".slice(0,String(S).length)&&(u!="0000".slice(0,String(S).length)||["minute","hour"].includes(l)&&T==V)||(u|0)>=ee(10,String(S).length-1))&&D++}l=="year"||l=="dateWareki"?p=(p|0).zeroEmbed(4):p=(p|0).zeroEmbed(2)}{let R=String(H).partReplace(U,String(p)),r=R.split(C).map(u=>u.replace(/(^\D|\D$)/,"").split(/\D+/).join(y=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(y=="dateWareki"){let u=r[0].split(/\D/),[S,j,P]=u;u.length==3&&S&&(r=[[Number(S)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[n]),j,P].join("/")])}D=Math.max(D,0),D=Math.min(D,M),f(u=>E(s({},u),{dataValue:["dates","months"].includes(y)?r:r[0],formatValue:R,eventType:"update",eventID:k.uuid.gen()})),c(u=>E(s({},u),{index:D,prevIndex:u.index}))}}}},ie={picker:{launch:e=>{let n=e.tipsID||k.uuid.gen(),m=e,{onValueUpdate:y,min:t,max:I,era:f,restrict:v,defaultValue:c}=m,a=Y(m,["onValueUpdate","min","max","era","restrict","defaultValue"]);re.open(E(s({gravityPoint:e.gravityPoint||24,tipsID:n,padding:0},a),{parent:a.parent,close_option:s({aroundClick:!0,parentBlur:!1},a.close_option),content:g(xe,{restrict:v,min:t,max:I,era:f,defaultValue:c,tipsID:n,onValueUpdate:(o,i)=>{y(o,i)}})}))},remove:e=>{re.close(e)}}},ke={Shallow:e=>{let{rootStates:n,val_status:y}=e,t=pe(n);return g(K,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:g(de.Description,E(s({className:n.className},t),{position:"absolute",width:1,freeCSS:E(s({},t.freeCSS),{color:"orange"}),children:g(K,{"data-input-value-shallow":y.componentID,children:"A"})}))})}},Ee=e=>{let Q=e,{tone:n,required:y,restrict:t="clock",componentID:I,era:f,form:v,name:c,min:a,max:m,className:o,enableFormSubmit:i,checkValidationAtFirst:d,onKeyDown:b,onValidate:w,onUpdateValue:V,onUpdateValidValue:T,value:B="",leftIndicator:H,rightIndicator:M,leftIcon:D,rightIcon:l,freeCSS:U,wrapStyles:z}=Q,N=Y(Q,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),[p,R]=A(f),[r,u]=A(E(s({componentID:e.componentID||""},F.DataLeveling({restrict:t,value:B,era:p})),{eventType:"init",eventID:k.uuid.gen()})),[S,j]=A({ok:!1,notice:[]}),[P,L]=A({active:!1,index:0,prevIndex:-1}),oe={rootStates:e,val_status:r,set_status:u,val_validate:S,set_validate:j,val_era:p,set_era:R,val_focus:P,set_focus:L};X.CommonEffects({type:"time",states:e,val_status:r,set_status:u,val_validate:S,set_validate:j,onUpdateValue:V,onUpdateValidValue:T,DefaultValidation:F.DefaultValidation,ExtraOverrideStates:s({},F.DataLeveling({restrict:t,value:B,era:p}))});const G=me(!1);return q(()=>{if(G.current){u(x=>s(s({},x),F.DataLeveling({restrict:t,value:x.dataValue,era:p})));let h=O.get("refreshEra_"+r.componentID);h&&h.refreshEra(p)}else G.current=!0},[p]),O.update({[r.componentID]:{openPicker:()=>{e.disabled||ie.picker.launch({parent:"#Picker-"+r.componentID,tipsID:"PickerTips-"+r.componentID,restrict:t,min:a,max:m,defaultValue:r.dataValue,era:p,onValueUpdate:(h,x)=>{u(W=>E(s(s({},W),F.DataLeveling({restrict:t,value:h,era:x})),{eventType:"update",eventID:k.uuid.gen()})),R(x)}})},resetEra:h=>{R(h),u(x=>E(s(s({},x),F.DataLeveling({restrict:t,value:"",era:p})),{eventType:"update",eventID:k.uuid.gen()}))}}}),q(()=>{let{index:h,active:x}=P;if(x){h=Math.max(h,0),h=Math.min(h,r.ranges.length-1);let{from:W,length:$}=r.ranges[h],J=ue("#"+e.id)[0];J&&J.setSelectionRange(W,W+$)}},[P]),ne(ye,{val_status:r,set_status:u,val_validate:S,states:e,children:[g(ke.Shallow,s({},oe)),g(Se,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:!0}),g(Ie,{name:c,"data-disabled":e.disabled,"data-input-type":"time","data-form":v,"data-validation":S.ok,componentID:r.componentID,"data-value":JSON.stringify(["dates","months"].includes(t)?!r.dataValue[0]||!r.dataValue[1]?null:r.dataValue:r.dataValue||null)}),te.get().isTouchDevice?g(ae.Button.Plain,{"data-show-validation":X.isShowValidation(S,r,!!d),"data-component-id":r.componentID,className:o,freeCSS:{textAlign:"left"},children:r.formatValue,onClick:h=>{let x=O.get(r.componentID);x&&x.openPicker(),h.stopPropagation()}}):g(K,s({htmlTag:"input",type:"text",inputMode:"numeric","data-show-validation":X.isShowValidation(S,r,!!d),"data-input-origin":r.componentID,"data-disabled":e.disabled,"data-input-type":"time","data-form-name":v,value:r.formatValue,className:o,tabIndex:te.get().isTouchDevice?-1:0,onKeyDown:h=>{F.KeyDownEvent({restrict:t,event:h,val_era:p,val_status:r,set_status:u,val_focus:P,set_focus:L}),b&&b(h),i&&X.SubmitForm(h)},onKeyUp:h=>{h.key=="Tab"&&L(x=>E(s({},x),{active:!0}))},onClick:h=>{let x=h.target.selectionEnd,W=0;r.ranges.forEach(($,J)=>{let{from:Z,length:le,region:se}=$;Z<=x&&x<=Z+(se||le)&&(W=J)}),L($=>E(s({},$),{active:!0,index:W})),h.preventDefault()},onChange:()=>{}},N))]})},_={Origin:e=>{let[n]=A(e.componentID||k.uuid.gen());if(e.componentID=n,k.is.nullish(e.rightIcon)){let y=(e.restrict||"").match(/clock/)?fe:he;e.rightIcon=g(De,{padding:0,freeCSS:{pointerEvents:"all"},children:g(ae.Button.Sub.R,{color:"cloud",border:"unset",ssSphere:2,fontColor:"theme",boxShadow:"0.normal",borderRadius:"3.tone.tertiary",flexCenter:!0,ssEffectsOnActive:"push",tabIndex:-1,id:"Picker-"+e.componentID,onClick:()=>{let t=O.get(e.componentID);t&&t.openPicker()},children:g(ce,{icon:y})})})}return g(ge,{componentID:e.componentID,children:Ee,states:ve(e)})},Clock:e=>g(_.Origin,s({restrict:"clock",era:"clock"},e)),Date:e=>g(_.Origin,s({restrict:"date"},e)),Week:e=>g(_.Origin,s({restrict:"week"},e)),Month:e=>g(_.Origin,s({restrict:"month"},e)),Year:e=>g(_.Origin,s({restrict:"year"},e)),DateWareki:e=>{e=s({},e);let[n]=A(e.componentID||k.uuid.gen());e.componentID=n;let{defaultEra:y="wareki"}=e,[t,I]=A((()=>{let f="year";if(y=="wareki"&&(f="reiwa",e.value)){let[v,c,a]=e.value.split(/\D/);if(v&&c&&a){let m=Number(v);m>=2019?(m-=2019,f="reiwa"):m>=1989?(m-=1989,f="heisei"):m>=1926?(m-=1926,f="shouwa"):m>=1912?(m-=1912,f="taisho"):m>=1868&&(m-=1868,f="meiji"),m+=1}}return f})());return q(()=>{O.set({["refreshEra_"+n]:{refreshEra:f=>{I(f)}}})},[]),g(_.Origin,E(s({restrict:"dateWareki",leftIndicator:g(Te,{label:"\u5143\u53F7",emptySelect:!1,value:t,tone:e.tone||"border",override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:({value:f,eventType:v})=>{I(f);let c=O.get(e.componentID);c&&c.resetEra&&c.resetEra(f)}})},e),{era:t}))},Periods:{Date:e=>g(_.Origin,s({restrict:"dates"},e)),Month:e=>g(_.Origin,s({restrict:"months"},e))},fn:ie};export{_ as Time,_ as default};
|
package/dist/fn/Input/core.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as o,c,e as _}from"../../chunk-C5N2D3ZX.js";import{jsx as y,jsxs as x}from"react/jsx-runtime";import{useState as E,useEffect as
|
|
1
|
+
import{b as o,c,e as _}from"../../chunk-C5N2D3ZX.js";import{jsx as y,jsxs as x}from"react/jsx-runtime";import{useState as E,useEffect as V}from"react";import i from"@mingoo/jsmin";import{$$fromRoot as N,Config as w,useStore as I}from"../../@utils";import{InputClasses as k}from"../../@styles/componentClasses";import{Box as F,Flex as A,FAI as C,Column as O}from"../../atoms";import{Row as B,Text as W}from"../../mols";import z from"../Button";import b from"../Tooltips";const se=e=>{let[n]=E(e.componentID||i.uuid.gen(24));e=o({},e),e.states=c(o({enableFormSubmit:!0,status_id:i.uuid.gen(),override:"never",name:i.uuid.gen(),id:i.uuid.gen(),"aria-label":"Input-"+n},e.states),{componentID:n});let{children:a}=e;return y(a,o({},e.states))},ue=e=>{let{children:n,val_status:a,set_status:t,val_validate:s,states:r}=e,{leftIcon:l,wrapStyles:u}=r;return a.eventType=="init"&&!r.checkValidationAtFirst&&(s.notice=[]),x(B.Center,c(o({position:"relative",verticalAlign:"unset",gap:0},u),{className:k("Wrapper"),"data-notice-uid":a.componentID,children:[y(D.Notice,{notice:s.notice,val_status:a}),r.leftIndicator,x(A,{position:"relative",flexSizing:"auto",children:[n,l,y(D.RightIcon,o({},e)),y(D.ClearButton,o({},e))]}),r.rightIndicator]}))},D={ClearButton:e=>!e.states.clearButton||!e.val_status.dataValue?null:y(z.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{e.set_status(n=>c(o({},n),{dataValue:"",formatValue:"",eventType:"update",eventID:i.uuid.gen()}))},children:y(C.Times,{})}),RightIcon:e=>e.states.clearButton&&e.val_status.dataValue?null:e.states.rightIcon,Notice:e=>{let{notice:n,val_status:a}=e,{componentID:t}=a,s="NoticeTimer-"+t,r="NoticeTimerClose-"+t,l="notice-tips-"+t;return V(()=>{i.interval.clear(s),i.interval.clear(r),i.interval.standBy(s,350,()=>{if(!n.length){b.close(l);return}b.open({tipsID:l,parent:`[data-notice-uid="${t}"]`,gravityPoint:22,padding:[1,0],close_option:{parentBlur:!1},content:x(b.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[y(F,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),y(O,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:n.map((u,f)=>{let{type:g,label:R}=u,h=g=="invalid"?C.Times:g=="warn"?C.Exclamation:C.Check;return x(B.Left,{gap:0,borderRadius:"2.tone.secondary",children:[y(h,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[g]}),y(W.Supplement,{fontSize:"0.xs",fontColor:"white",children:R})]},f+"-"+JSON.stringify(u))})})]})})}),i.interval.standBy(r,6e3,()=>{b.close(l)})},[n]),null}},L={CommonEffects:e=>{let{type:n,states:a,val_status:t,set_status:s,ExtraOverrideStates:r,ExtraStoreStates:l,val_validate:u,set_validate:f,DefaultValidation:g,onUpdateValue:R,onUpdateValidValue:h}=e;a=o({},a);let{componentID:T}=t;V(()=>(I.update({[T]:o({ResolveRefresh:null,Refresh:()=>new Promise((d,p)=>{I.get(T).ResolveRefresh=d,s(v=>c(o({},v),{eventType:"refresh",eventID:i.uuid.gen()}))}),GenNotice:d=>{let{ok:p,notice:v}=d;f({ok:p,notice:v})}},l)}),()=>{I.delete(T)}),[]),V(()=>{a.value=t.dataValue,i.interval.clear("ValidationTimer-"+T),L.ValidationCheck({val_status:t,set_validate:f,DefaultValidation:g,states:a})},[t.eventID]),(()=>{let{override:d}=a;if(d=="never"||d=="beforeModified"&&!["init","override"].includes(t.eventType))return;let p=I.get(t.componentID);p&&(a.value!=t.dataValue&&a.status_id!=p.status_id&&s(v=>c(o(c(o({},v),{dataValue:a.value}),r),{eventType:"override",eventID:i.uuid.gen()})),p.status_id=a.status_id)})(),V(()=>{let{componentID:d,eventType:p,dataValue:v}=t,m=v;if(n=="list"?(m=v.map(S=>i.toJson(S).body),a.type=="radio"&&(m=m[0])):n=="autocomplete"?(m=v.map(S=>i.toJson(S).body),a.multiSelect||(m=m[0])):n=="select"?m=i.toJson(m).body:n=="file"&&I.update({[d]:{Files:t.dataValue}}),p=="refresh"){let S=I.get(d);S&&S.ResolveRefresh&&S.ResolveRefresh(null)}p=="update"&&(R&&R({componentID:d,value:m,storeData:I.get(d),eventType:p}),i.scope(()=>{u.ok&&h&&h({componentID:d,value:m,storeData:I.get(d),eventType:p})}))},[u])},ValidationCheck:e=>{let{val_status:n,states:a,set_validate:t,DefaultValidation:s}=e,r=s({value:n.dataValue,states:a});if(!r.ok){t(r);return}let l=r.notice;const u=()=>_(void 0,null,function*(){if(!a.onValidate)return;let f=yield a.onValidate({value:n.dataValue,eventType:n.eventType,props:e});if(!f.ok){t({ok:!1,notice:[...l,...f.notice]});return}t({ok:!0,notice:[...l,...f.notice]})});a.onValidate?n.eventType=="refresh"?u():i.interval.standBy("ValidationTimer-"+n.componentID,450,u):t({ok:!0,notice:l})},SubmitForm:e=>{let n=e.target,{form:a,formName:t}=n.dataset;a=t||a;let s=!1,r=N(`[data-form-submit-button="${a}"]`)[0];if(!r)return s;let l=r.dataset.sdfike||"",u=e.key,f=e.ctrlKey||e.metaKey;return i.scope(()=>{l.includes("enter")&&(u!="Enter"||e.nativeEvent.isComposing||w.get().browserIs=="safari"&&e.keyCode==229)||((u=="Enter"&&(l.includes("enter")||l.includes("auxEnter")&&f)||u==" "&&l.includes("space"))&&(r.click(),e.preventDefault()),s=!0)}),s},isShowValidation:(e,n,a)=>{let t=e.ok;return!a&&n.eventType=="init"&&(t=!0),t}},de=function(e){e=o({tone:"border"},e);let n=i.scope(()=>{if(e.tone=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return e.tone=="border"?t=c(o({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e.tone=="cloud"?t=c(o({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e.tone=="bottomBorder"&&(t=c(o({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t});return c(o(o(o(o(o(o({fontColor:"2.normal"},n),!!e.rightIcon&&{paddingRight:3}),!!e.leftIcon&&{paddingLeft:3}),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),e),{freeCSS:o({letterSpacing:"1px",resize:"none"},e.freeCSS),className:[k("Input"),e.className].join(" ")})};export{ue as BoxWrapper,L as CoreEffects,de as DefaultBoxishStyles,se as OptionalInputWrapper};
|