amotify 0.2.215 → 0.2.217
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/next/package.json
CHANGED
|
@@ -81,15 +81,34 @@ const SheetContent = () => {
|
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
let Page = () => {
|
|
84
|
-
let
|
|
84
|
+
let select1: any = { test: 1 }
|
|
85
|
+
let select2: any = { test: 2 }
|
|
86
|
+
let select3: any = { test: 3 }
|
|
87
|
+
// select1 = 1
|
|
88
|
+
// select2 = 2
|
|
89
|
+
// select3 = 3
|
|
90
|
+
|
|
91
|
+
let [ val_selected,set_selected ] = useState<any>( !!select1 )
|
|
85
92
|
|
|
86
93
|
// let [ val_value,set_value ] = useState( 'DFF' )
|
|
87
94
|
|
|
88
|
-
let [ val_value,set_value ] = useState( '
|
|
95
|
+
let [ val_value,set_value ] = useState( '' )
|
|
89
96
|
|
|
90
97
|
let [ val_checked1,set_checked1 ] = useState( false )
|
|
91
98
|
let [ val_checked2,set_checked2 ] = useState( true )
|
|
92
99
|
|
|
100
|
+
useEffect( () => {
|
|
101
|
+
$$.interval.once( () => {
|
|
102
|
+
set_selected( !select2 )
|
|
103
|
+
set_value( '1996/05/11' )
|
|
104
|
+
|
|
105
|
+
$$.interval.once( () => {
|
|
106
|
+
set_selected( !!select3 )
|
|
107
|
+
set_value( '2025/05/11' )
|
|
108
|
+
},1000,'test2' )
|
|
109
|
+
},1000,'test1' )
|
|
110
|
+
},[] )
|
|
111
|
+
|
|
93
112
|
return <Plate
|
|
94
113
|
padding={ 3 }
|
|
95
114
|
size="XS"
|
|
@@ -103,7 +122,7 @@ let Page = () => {
|
|
|
103
122
|
<Literal>
|
|
104
123
|
val_value { val_value || "null" }
|
|
105
124
|
</Literal>
|
|
106
|
-
<Input.TextField
|
|
125
|
+
<Input.TextField.Email
|
|
107
126
|
form='form_test'
|
|
108
127
|
name='testInput'
|
|
109
128
|
override='force'
|
|
@@ -122,6 +141,21 @@ let Page = () => {
|
|
|
122
141
|
set_value( value )
|
|
123
142
|
} }
|
|
124
143
|
/>
|
|
144
|
+
|
|
145
|
+
{/* <Input.TextField
|
|
146
|
+
override='force'
|
|
147
|
+
multiline
|
|
148
|
+
value={ val_value }
|
|
149
|
+
// options={ [
|
|
150
|
+
// { value: select1,label: "option1" },
|
|
151
|
+
// { value: select2,label: "option2" },
|
|
152
|
+
// { value: select3,label: "option3" }
|
|
153
|
+
// ] }
|
|
154
|
+
onUpdateValidValue={ value => {
|
|
155
|
+
console.log( value )
|
|
156
|
+
set_value( value )
|
|
157
|
+
} }
|
|
158
|
+
/> */}
|
|
125
159
|
{/* <Column>
|
|
126
160
|
<Input.Checker
|
|
127
161
|
override='force'
|
|
@@ -148,36 +182,6 @@ let Page = () => {
|
|
|
148
182
|
} }
|
|
149
183
|
/>
|
|
150
184
|
</Column> */}
|
|
151
|
-
{/* <Input.Time.DateWareki
|
|
152
|
-
form='form_test'
|
|
153
|
-
name='dateInput'
|
|
154
|
-
override='force'
|
|
155
|
-
value={ "2025/09/12" }
|
|
156
|
-
required
|
|
157
|
-
// onValidate={ async () => {
|
|
158
|
-
// await $$.pending( () => { },1000 )
|
|
159
|
-
|
|
160
|
-
// return { ok: true,notice: [] }
|
|
161
|
-
// } }
|
|
162
|
-
onUserAction={ ( value,opt ) => {
|
|
163
|
-
// console.log(
|
|
164
|
-
// '[onUserAction]',value,opt
|
|
165
|
-
// )
|
|
166
|
-
// set_value( value )
|
|
167
|
-
} }
|
|
168
|
-
onUpdateValue={ ( value,opt ) => {
|
|
169
|
-
// console.log(
|
|
170
|
-
// '[onUpdateValue]',value,opt
|
|
171
|
-
// )
|
|
172
|
-
// set_value( value )
|
|
173
|
-
} }
|
|
174
|
-
onUpdateValidValue={ ( value,opt ) => {
|
|
175
|
-
// console.log(
|
|
176
|
-
// '[onUpdateValidValue]',value,opt
|
|
177
|
-
// )
|
|
178
|
-
// set_value( value )
|
|
179
|
-
} }
|
|
180
|
-
/> */}
|
|
181
185
|
</Box>
|
|
182
186
|
<Button.Prime
|
|
183
187
|
submitOption={ {
|
package/dist/fn/Input/List.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as o,c as
|
|
1
|
+
import{b as o,c as m,d as B}from"../../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import C,{UUID as w}from"jmini";import{useState as ie}from"react";import{$$fromRoot as ne,GenerateHTMLProps as se}from"../../@utils";import{Box as T,Flex as re,FAI as ce,Span as ue}from"../../atoms";import{Button as de}from"../Button";import{OptionalInputWrapper as me,BoxWrapper as pe,CoreEffects as M}from"./core";import{InputListClasses as b}from"../../@styles/componentClasses";function Ce(t){let{value:l,states:i}=t,{type:e,required:s,min:n,max:p}=i;n=n||0,p=p||65535;let c=[],y=l.length;return s&&(y||e=="radio"&&c.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),y<n&&c.push({type:"invalid",label:n+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),y>p&&c.push({type:"invalid",label:p+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!c.filter(({type:V})=>V=="invalid").length,notice:c}}const h={InitOptions:t=>{let l=[];return t.forEach(i=>{if(!i)return;let{label:e,value:s}=i;C.is.nullish(e)&&(e=String(s)),l.push(m(o({},i),{label:e,value:s}))}),l},OptionalListWrapper:t=>{let{value:l,options:i=[]}=t,e=C.is.exist(l)?C.flatArray(l):[],s=[];return e.forEach(n=>{i.findIndex(c=>C.is.equal(c.value,n))!=-1&&s.push(n)}),a(h.Core,m(o({},t),{value:s,options:i}))},Core:t=>{let S=t,{type:l,tone:i,required:e,componentId:s="",form:n,override:p,icon:c,iconType:y,iconSize:V,iconPosition:P,iconColor:v,CustomIcon:X,enableFormSubmit:A,checkValidationAtFirst:$,onValidate:U,onValidateDelay:N,onUpdateValue:W,onUpdateValidValue:H,onUserAction:q,value:f,options:K,className:j,cellStyles:G,cellClassName:Q,cellCheckedStyles:Y,cellCheckedClassName:Z,min:D,max:u,hideInput:O,freeCSS:x,wrapStyles:ee}=S,L=B(S,["type","tone","required","componentId","form","override","icon","iconType","iconSize","iconPosition","iconColor","CustomIcon","enableFormSubmit","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName","min","max","hideInput","freeCSS","wrapStyles"]),[k,R]=ie(M.DefaultStatus(s,f)),[_,E]=ie({ok:!1,notice:[]});return M.CommonEffects({type:"list."+l,states:t,val_status:k,set_status:R,val_validate:_,set_validate:E,SystemValidation:Ce}),a(pe,{val_status:k,set_status:R,val_validate:_,states:t,children:a(h.List,{rootStates:t,val_status:k,set_status:R})})},List:t=>{let{rootStates:l,val_status:i,set_status:e}=t,{componentId:s,type:n,tone:p,icon:c,iconSize:y,iconColor:V,isChecker:P,options:v,name:X,form:A,tabIndex:$,hideInput:U,disabled:N,className:W,cellStyles:H,cellClassName:q="",cellCheckedStyles:f,cellCheckedClassName:K="",enableFormSubmit:j}=l,{dataValue:G}=i,Q=l.CustomIcon,Y=v.map((Z,D)=>{let le=Z,{value:u,label:O,disabled:x,className:ee="",checkedStyles:L,checkedClassName:k="",freeCSS:R}=le,_=B(le,["value","label","disabled","className","checkedStyles","checkedClassName","freeCSS"]),E=w(),S=G.findIndex(r=>r===u||C.is.equal(r,u))!=-1,I=o(o({},H),_),z=[b("Label"),q,ee];S&&(I=m(o(o(o({},I),f),L),{freeCSS:o(o(o({},I==null?void 0:I.freeCSS),f==null?void 0:f.freeCSS),L==null?void 0:L.freeCSS)}),z=[...z,K,k]);const te=()=>{if(N||x)return;let r=[];if(n=="radio")r=[u];else if(n=="checkbox"||P)if(!S)r=[...i.dataValue,u];else{let d=[...i.dataValue];d.splice(i.dataValue.findIndex(F=>F==u),1),r=d}e(d=>m(o({},d),{dataValue:r,eventType:"update",eventID:w()}))};let oe=[a(ue,{position:"relative",freeCSS:{zIndex:2},flexSizing:0,children:C.is.string(O)?a(T,{children:O}):O},"content")];return c&&oe[l.iconPosition=="right"?"push":"unshift"](a(Q,{isChecked:S,iconSize:y,iconColor:V,toggle:te},"icon")),[a(T,{htmlTag:"input",type:n=="radio"?"radio":"checkbox",className:b("Input"),name:"RadioCheckbox-"+X,"data-list-index":s+"-"+D,id:E,value:String(u),disabled:N||x,checked:S,onFocus:r=>{x||n=="radio"&&(i.dataValue.length||e(d=>m(o({},d),{dataValue:[u],eventType:"update",eventID:w()})))},onChange:()=>{te()},onKeyDown:r=>{let{key:d,shiftKey:F}=r;if((n=="checkbox"||t.rootStates.isChecker)&&d!="Tab"){if(d.match(/Arrow/)){r.preventDefault();let ae=["ArrowLeft","ArrowUp"].includes(d)?-1:1,g=D+ae;g<0?g=v.length-1:g>=v.length&&(g=0),ne(`input[data-list-index="${s}-${g}"]`).focus()}}j&&M.SubmitForm(r,A)},tabIndex:$},"List-"+C.Stringify(u)),a(T,m(o({htmlTag:"label","data-disabled":N||x,htmlFor:E,className:z.join(" "),tabIndex:-1,display:"flex",verticalAlign:"center",flexWrap:!1},I),{children:oe}),"ListTrigger-"+C.Stringify(u))]});return a(re,{flexSizing:"auto",style:l.style,freeCSS:o({},l.freeCSS),className:[W,b("CellBase"),b("HideInput_"+U),b("IconIndicator_"+!!c),b("Tone_"+p)].join(" "),children:Y})},_Icon:t=>{let l=1.5;return t.iconSize=="small"?l=1.2:t.iconSize=="large"&&(l=2),a(de.Normal,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:2,freeCSS:{transform:`scale(${l})`},onClick:i=>{i.preventDefault(),i.stopPropagation(),t.toggle()},children:t.children})},RadioIcon:t=>a(h._Icon,m(o({type:"radio"},t),{children:a(T,{flexCenter:!0,isRounded:!0,border:t.isChecked?"0.trans":"3.thick",borderColor:t.isChecked?t.iconColor:"3.thick",position:"relative",transition:"middle",freeCSS:{width:"50%",height:"50%"},children:a(T,{position:"absolute",transition:"middle",isRounded:!0,backgroundColor:t.iconColor,opacity:t.isChecked?"max":"trans",freeCSS:{width:"60%",height:"60%",transform:t.isChecked?"scale(1)":"scale(.4)"}})})})),CheckboxIcon:t=>a(h._Icon,m(o({type:"checkbox"},t),{children:a(T,{flexCenter:!0,boxShadow:t.isChecked?"0.remark":"none",border:t.isChecked?"0.trans":"3.thick",backgroundColor:t.isChecked?t.iconColor:"trans",position:"relative",transition:"middle",fontColor:"white",freeCSS:{borderRadius:"25%",padding:"4%",width:"50%",height:"50%"},children:a(ce.Check,{transition:"middle",opacity:t.isChecked?"max":"trans",freeCSS:{zIndex:8,width:"100%",height:"100%",transform:t.isChecked?"scale(1)":"scale(.5)"}})})}))},J=t=>{t=t||"checkbox";const l=e=>(e=m(o({gap:1,icon:!0,iconSize:"regular",iconType:t=="radio"?"radio":"checkbox",iconPosition:"left",iconColor:"theme"},e),{type:t,cellStyles:o({gap:"1/6",position:"relative",borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),e.CustomIcon||(e.iconType=="radio"?e.CustomIcon=h.RadioIcon:e.iconType=="checkbox"&&(e.CustomIcon=h.CheckboxIcon)),e.iconSize=="small"?e.cellStyles.gap=0:e.iconSize=="large"&&(e.cellStyles.gap="1/2"),e.tone=="normal"?(e.cellStyles=o({padding:["1/4",1],border:"1.thin",backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme",boxShadow:"1.normal"},e.cellCheckedStyles)):e.tone=="border"?(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.1",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):e.tone=="cloud"&&(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.2",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({backgroundColor:"cloud",fontColor:"theme"},e.cellCheckedStyles)),e=se(e),e.options=h.InitOptions(e.options),a(me,{componentId:e.componentId,children:h.OptionalListWrapper,states:e})),i=l;return i.Normal=e=>a(l,o({type:t,tone:"normal",icon:!1},e)),i.Border=e=>a(l,o({type:t,tone:"border"},e)),i.Cloud=e=>a(l,o({type:t,tone:"cloud"},e)),i.Vivid=e=>a(l,o({type:t,tone:"normal",icon:!1,cellCheckedStyles:{backgroundColor:"theme",fontColor:"white"}},e)),i.Simple=e=>a(l,o({type:t,tone:"plain",icon:!1,cellCheckedStyles:{fontColor:"theme"}},e)),i},he=J("radio"),Se=J("checkbox"),ye=J();export{Se as Checkbox,ye as List,he as Radio};
|
package/dist/fn/Input/core.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as n,c as
|
|
1
|
+
import{b as n,c as d,e as _}from"../../chunk-C5N2D3ZX.js";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{useState as x,useEffect as S}from"react";import p,{UUID as v,useStore as g}from"jmini";import{$$fromRoot as D}from"../../@utils";import{InputClasses as b}from"../../@styles/componentClasses";import{Box as B,Flex as E,FAI as C,Column as F}from"../../atoms";import{Row as k,Literal as N}from"../../mols";import{Button as w}from"../Button";import R from"../Tooltips";const et=t=>{let[i]=x(t.componentId||v());t=n({},t),t.states=d(n({enableFormSubmit:!0,status_id:v(),override:"never",form:"",id:v(),"aria-label":"Input-"+i},t.states),{componentId:i});let{children:a}=t;return m(a,n({},t.states))},at=t=>{let{children:i,val_status:a,val_validate:e,states:s}=t,{leftIcon:r,wrapStyles:o}=s;return s.checkValidationAtFirst||a.eventType=="init"&&(e.notice=[]),h(k.Center,d(n({position:"relative",verticalAlign:"unset",gap:0},o),{className:b("Wrapper"),"data-notice-uid":a.componentId,children:[m(T.Notice,{notice:e.notice,val_status:a}),s.leftIndicator,h(E,{position:"relative",flexSizing:"auto",children:[i,r,m(T.RightIcon,n({},t)),m(T.ClearButton,n({},t))]}),s.rightIndicator]}))},T={ClearButton:t=>!t.states.clearButton||!t.val_status.dataValue?null:m(w.Normal,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{t.set_status(i=>d(n({},i),{dataValue:"",formatValue:"",eventType:"update",eventID:v()}))},children:m(C.X,{})}),RightIcon:t=>t.states.clearButton&&t.val_status.dataValue?null:t.states.rightIcon,Notice:t=>{let{notice:i,val_status:a}=t,{componentId:e}=a,s="NoticeTimer-"+e,r="NoticeTimerClose-"+e,o="notice-tips-"+e;return S(()=>{p.interval.once(()=>{if(!i.length){R.close(o);return}R.open({tipsID:o,parent:`[data-notice-uid="${e}"]`,gravityPoint:24,padding:[1,0],closeAtParentBlur:!1,content:h(R.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[m(B,{position:"absolute",unitHeight:1,unitWidth:1,right:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),m(F,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:i.map((y,I)=>{let{type:l,label:u}=y,f=l=="invalid"?C.Exclamation:l=="warn"?C.Exclamation:C.Check;return h(k.Left,{gap:0,borderRadius:"2.tone.secondary",children:[m(f,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[l]}),m(N.Supplement,{fontSize:"0.xs",fontColor:"white",children:u})]},I+"-"+p.Stringify(y))})})]})})},350,s),p.interval.once(()=>{R.close(o)},6e3,r)},[i]),null}},A={DefaultStatus:(t,i)=>({componentId:t,dataValue:i,eventType:"init",eventID:v()}),CommonEffects:function(t){let{type:i,states:a,val_status:e,set_status:s,val_validate:r,set_validate:o,SystemValidation:y}=t;a=n({},a);let{componentId:I}=e;S(()=>(g.update({[I]:{ResolveRefresh:null,Refresh:()=>new Promise((l,u)=>{g.get(I).ResolveRefresh=l,s(f=>d(n({},f),{isValidating:!0,eventType:"refresh",eventID:v()}))}),GenNotice:l=>{let{ok:u,notice:f}=l;o({ok:u,notice:f})}}}),()=>{g.delete(I)}),[]),p.scope(()=>{let{override:l}=a;if(l=="never"||l=="beforeModified"&&!["init","override"].includes(e.eventType)||e.isComposing)return;let u=g.get(e.componentId);if(!u)return;if(p.is.equal(a.value,e.dataValue)){u.status_id=a.status_id;return}let f=p.SortifyObject(a.value),c=p.SortifyObject(e.dataValue);if(f&&c&&p.is.equal(f,c)){u.status_id=a.status_id;return}a.status_id!=u.status_id&&s(V=>d(n(d(n({},V),{dataValue:a.value}),t.ExtraOverrideStates&&t.ExtraOverrideStates()),{eventType:"override",eventID:v()}))}),S(()=>{A.ValidationCheck({val_status:e,set_status:s,set_validate:o,SystemValidation:y,states:a})},[e.eventID,e.dataValue]);{let{componentId:l,eventType:u,dataValue:f}=e,c=f;i=="autocomplete.single"||i=="list.radio"?c=c[0]:a.isChecker&&(c=!!c[0]),S(()=>(p.scope(()=>{if(a.form=a.form||"testForm",a.name&&a.form&&g.update({[["form-data",a.form].join("-")]:{[a.name]:{componentId:l,type:i,value:c,validation:r.ok}}}),e.isValidating||u!="refresh")return;let V=g.get(l);V&&V.ResolveRefresh&&V.ResolveRefresh(null)}),()=>{g.update({[["form-data",a.form].join("-")]:{[a.name]:null}})}),[e,r]),S(()=>{a.onUserAction&&a.onUserAction(c,{eventType:u,componentId:l,isValidated:!!r.ok,isComposing:!!e.isComposing,isFocusing:!!e.isFocusing})},[e]),S(()=>{u=="update"&&(a.onUpdateValue&&a.onUpdateValue(c,{eventType:u,componentId:l,isValidated:!!r.ok,isComposing:!!e.isComposing,isFocusing:!!e.isFocusing}),a.onUpdateValidValue&&r.ok&&a.onUpdateValidValue(c,{eventType:u,componentId:l,isValidated:!!r.ok,isComposing:!!e.isComposing,isFocusing:!!e.isFocusing}))},[r.ok,e.dataValue])}},ValidationCheck:t=>{let{states:i}=t,a="ValidationTimer-"+t.val_status.componentId;p.interval.abort(a),t.set_status(o=>d(n({},o),{isValidating:!0}));let e=t.SystemValidation({value:t.val_status.dataValue,states:i});if(!e.ok){t.set_validate(e),t.set_status(o=>d(n({},o),{isValidating:!1}));return}let s=e.notice;const r=()=>_(void 0,null,function*(){if(!i.onValidate)return;let o=yield i.onValidate(t.val_status.dataValue,t.val_status.eventType,t);t.set_validate({ok:o.ok,notice:[...s,...o.notice]}),t.set_status(y=>d(n({},y),{isValidating:!1}))});if(i.onValidate){if(t.val_status.eventType=="refresh"){r();return}p.interval.once(r,i.onValidateDelay||500,a);return}t.set_validate({ok:!0,notice:s}),t.set_status(o=>d(n({},o),{isValidating:!1}))},SubmitForm:(t,i)=>{let a=!1;if(!i)return a;let e=D(`[data-form-submit-button="${i}"]`)[0];if(!e)return a;let s=e.dataset.sdfike||"",r=t.key,o=t.ctrlKey||t.metaKey;return p.scope(()=>{s.includes("enter")&&(r!="Enter"||t.nativeEvent.isComposing||(t==null?void 0:t.keyCode)==229)||((r=="Enter"&&(s.includes("enter")||s.includes("auxEnter")&&o)||r==" "&&s.includes("space"))&&(e.click(),t.preventDefault()),a=!0)}),a},isShowValidation:(t,i,a)=>{let e=t.ok;return!a&&i.eventType=="init"?!0:e}},it=function(t){t=n({tone:"border"},t);let i=p.scope(()=>{if(t.tone=="plain")return{};let e={padding:1,transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return t.tone=="border"?e=d(n({},e),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):t.tone=="cloud"?e=d(n({},e),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):t.tone=="bottomBorder"&&(e=d(n({},e),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),e});return d(n(n(n(n(n(n({fontColor:"2.normal"},i),!!t.rightIcon&&{paddingRight:3}),!!t.leftIcon&&{paddingLeft:3}),!!t.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!t.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),t),{freeCSS:n({letterSpacing:"1px",resize:"none"},t.freeCSS),className:[b("Input"),t.className].join(" ")})};export{at as BoxWrapper,A as CoreEffects,it as DefaultBoxishStyles,et as OptionalInputWrapper};
|
package/dist/fn/Sheet.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ declare namespace Sheet {
|
|
|
9
9
|
type: T;
|
|
10
10
|
isOpen: boolean;
|
|
11
11
|
children: ReactElement;
|
|
12
|
-
}):
|
|
12
|
+
}): JSX.Element;
|
|
13
13
|
image(params: Omit<UniInput, 'content'>, src: string | string[]): void;
|
|
14
14
|
open<T extends keyof TypesInput>(type: T, params: TypesInput[T], defaultOpen?: boolean | 'inherit'): void;
|
|
15
15
|
resize(p: {
|
package/dist/fn/Sheet.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as g,c as w,d as H}from"../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as V}from"react/jsx-runtime";import c,{UUID as Z,Time as le,useStore as x}from"jmini";import{useState as L,useEffect as G,useRef as pe}from"react";import{$$fromRoot as K,Config as X}from"../@utils";import{Box as k,Flex as ue,Img as ie,FAI as ae,Column as oe}from"../atoms";import{Row as ne}from"../mols";import{Button as se}from"./Button";import he from"./Input";import{SheetClasses as m}from"../@styles/componentClasses";import ce from"./Effect";const A={currentIndex:0,openQueue:{},getSessionStates:()=>{let t=x.get("sessionStates-"+X.get().sessionUID);return t||null},getNewSheetStates:t=>{var a;let e=w(g({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom"},t),{sheetID:t.sheetID||Z(),isOpen:!0,created_at:le()});if(e.type=="custom"){let l=e;l.parent=l.parent||((a=l==null?void 0:l.event)==null?void 0:a.currentTarget),e=l}return e}},j={Wrapper:()=>{let[t,e]=L([]),a={val_sheets:t,set_sheets:e},l="sessionStates-"+X.get().sessionUID;return x.set({[l]:a}),G(()=>{let d="Sheet-"+X.get().sessionUID;x.set({[d]:{add:(r,s)=>{let i=x.get(d);if(!i)return;let o=A.getNewSheetStates(r);if(A.openQueue[o.sheetID])return;if(A.openQueue[o.sheetID]=!0,s!="inherit"&&(o.isOpen=s!=null?s:!0),!!i.find(o.sheetID)){e(C=>{let I=[...C],D=I.findIndex(N=>N.sheetID==o.sheetID);return D==-1||(I[D]=o),I}),delete A.openQueue[o.sheetID];return}e(C=>[o,...C])},find:r=>{let s=A.getSessionStates();if(!s)return null;let{val_sheets:i}=s;return i.find(o=>o.sheetID==r)}}}),c(X.get().appRoot).removeEvent(["SheetEvent.keyUp","SheetEvent.Click"]).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(r){let{key:s,metaKey:i}=r;if(s=="Escape"||s==","&&i){let o=A.getSessionStates();if(!o)return;let{val_sheets:v}=o,C=v.filter(D=>D.isOpen);if(!C.length)return;let I=C.reduce((D,N)=>D.created_at.value>N.created_at.value?D:N);E.close(I.sheetID,s)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(r){let s=A.getSessionStates();if(!s)return;let{val_sheets:i}=s,o=r.target;if(!o||o!=null&&o.closest("."+m("CustomSheet")))return;let v=i.filter(C=>C.type=="custom");v.length&&v.forEach(C=>{let{parent:I}=C;if(!C.closeAtAroundClick)return;let D=K(I)[0];I!==o&&D!==o&&(c(D).find(o).length||E.close(C.sheetID))})}})},[]),h(k,{className:["AMOTIFY_be",m("Wrapper")].join(" "),children:t.map(d=>h(j.Core,w(g({},a),{val_sheet:d,patch_sheet:r=>{e(s=>{let i=[...s],o=i.findIndex(v=>v.sheetID==d.sheetID);return o==-1||(i[o]=g(g({},i[o]),r)),i})},delete_sheet:()=>{e(r=>{let s=[...r],i=s.findIndex(o=>o.sheetID==d.sheetID);return i==-1||s.splice(i,1),s})}}),d.sheetID))})},sheetCategory:t=>t=="custom"?"custom":t.startsWith("drawer")?"drawer":"normal",sheetPosition:t=>t=="drawer.left"?"left":t=="drawer.right"?"right":t=="drawer.bottom"?"bottom":"",Core:t=>{let{val_sheet:e,patch_sheet:a}=t,[l,d]=L(A.currentIndex+2),[r]=L(Z()),s=e.type!="custom"&&!e.overwrap;G(()=>{A.currentIndex++,c.scope(()=>{if(!e.closeAtParentBlur)return;let o=c(e.parent);o[0]&&o.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{o.removeEvent("SheetClosation-"+e.sheetID),a({isOpen:!1})}})}),x.set({[e.sheetID]:{resize:o=>{if(e.type=="drawer.bottom"){let v=x.get(r);v&&v.resize&&v.resize(o)}else(e.type.includes("normal")||e.type.includes("drawer"))&&a({size:o})},close:o=>{a({isOpen:!1})},open:()=>{a({isOpen:!0})}}})},[]),G(()=>{c.scope(()=>{let o=K("#"+r);if(e.isOpen){e.hold_state&&d(A.currentIndex+1),o.await(10).removeClass(m("Hide")).await(10).addClass(m("Open")).callback(()=>{delete A.openQueue[e.sheetID],e.onOpen&&e.onOpen()});return}o.await(10).removeClass(m("Open")).await(251).addClass(m("Hide")).callback(()=>{if(e.onClose&&e.onClose(),s&&X.get().browserIs!="safari"&&c(X.get().appRoot).focus(),e.hold_state)return a({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let i=j.Types[{topLeft:"Normal",topCenter:"Normal",topRight:"Normal",middleLeft:"Normal",middleCenter:"Normal",middleRight:"Normal",bottomLeft:"Normal",bottomCenter:"Normal",bottomRight:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return h(k,{className:[m("Wrap"),m("Tcate_"+j.sheetCategory(e.type)),m("Tpos_"+j.sheetPosition(e.type)),m("isMainSheet_"+s)].join(" "),width:1,ssAbsoluteCovered:!0,freeCSS:{zIndex:l},id:r,children:V(oe,{className:m("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!s&&h(j.TapSensor,{sheetID:e.sheetID,delegateAroundClick:e.closeAtAroundClick}),h(i,g({componentId:r},e))]})},r)},Types:{Normal:t=>{let R=t,{sheetID:e,sheetGroups:a,bodyScrolls:l,content:d,className:r="",type:s,size:i="R",freeCSS:o,onOpen:v,onClose:C,closeAtAroundClick:I,closeAtEscapeKeyDown:D,closeAtPageTransit:N,closeAtParentBlur:J,closeAtSwipeDown:Y,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:U}=R,M=H(R,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),T={},y=[];return s.match(/top/)?(y.push("top"),T.marginBottom="auto"):s.match(/middle/)?(y.push("center"),T.marginTop="auto",T.marginBottom="auto"):s.match(/bottom/)&&(y.push("bottom"),T.marginTop="auto"),s.match(/left/i)?(y.push("left"),T.marginRight="auto"):s.match(/center/i)?(y.push("center"),T.marginLeft="auto",T.marginRight="auto"):s.match(/right/i)&&(y.push("right"),T.marginLeft="auto"),h(k,w(g(g({className:[m("BB"),r].join(" "),padding:1,transition:"long",opacity:"trans"},M),T),{freeCSS:g({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[i],maxWidth:"96vw",transformOrigin:y.join(" ")},o),children:c.is.function(d)?h(d,{}):d}))},Edge:t=>{let M=t,{sheetID:e,sheetGroups:a,bodyScrolls:l,type:d,content:r,className:s="",size:i="R",onOpen:o,onClose:v,closeAtAroundClick:C,closeAtEscapeKeyDown:I,closeAtPageTransit:D,closeAtParentBlur:N,closeAtSwipeDown:J,hold_state:Y,overwrap:q,isOpen:ee,backgroundEffect:te}=M,U=H(M,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return h(k,w(g(w(g({className:[m("BB"),s].join(" ")},d=="drawer.right"?{marginLeft:"auto"}:d=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),U),{freeCSS:g({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[i],maxWidth:"96vw"},U.freeCSS),children:c.is.function(r)?h(r,{}):r}))},Bottom:t=>{let F=t,{componentId:e,sheetID:a,sheetGroups:l,bodyScrolls:d,content:r,size:s="R",sizeChanged:i,baseStyles:o,onOpen:v,onClose:C,closeAtAroundClick:I,closeAtEscapeKeyDown:D,closeAtPageTransit:N,closeAtParentBlur:J,closeAtSwipeDown:Y=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:U}=F,M=H(F,["componentId","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),T=c.getScreenSize(),y=[0,.2,.6,.95],R={ZERO:0,S:1,R:2,L:3,"2L":3,"3L":3,MAX:3},[W,$]=L(s),[b,_]=L({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:y[R[s]]});x.update({[e]:{val_edit:b,resize:S=>{let f=y[R[S]];_(u=>w(g({},u),{value:f})),$(S)}}});const B={Start:S=>{c(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:B.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:B.End});let f=c.getCursor(S),u=w(g({},b),{process:!0,processStart:new Date().getTime(),originY:f.y,originValue:b.value,viewHeight:c.getScreenSize().height});x.update({[e]:{val_edit:u}}),_(u)},Move:S=>{var O;let f=(O=x.get(e))==null?void 0:O.val_edit;if(!f.process)return;let z=(c.getCursor(S).y-f.originY)/f.viewHeight,n=f.originValue-z;if(n>.95)n=.95+(n-.95)*.5;else if(n<.2){let P=.2-n;P-=.1,n=.1+(.1-P)*.5}return _(w(g({},f),{value:n})),S.preventDefault(),S.stopPropagation(),!1},End:S=>{var n;let f=(n=x.get(e))==null?void 0:n.val_edit;if(!f.process)return;c(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let u=0;if(f.value<.1||(f.value<.5?u=1:f.value>.75?u=3:u=2),new Date().getTime()-f.processStart<300){let O=c.getCursor(S).y-f.originY;if(Math.abs(O)>=20){let P=+(O<0)*2-1;u+=P,u=Math.min(Math.max(u,0),y.length-1)}}u==0&&(Y||(u=1)),$(["ZERO","S","R","L"][u]),_(w(g({},f),{value:y[u],process:!1}))}},Q=pe(!1);return G(()=>{Q.current?W=="ZERO"?Y&&E.close(a):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(W)},250):Q.current=!0},[W]),h(k,{className:m("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:g({maxWidth:12*60,height:T.height*b.value},b.process?{transition:"0s"}:{}),children:V(oe,w(g({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},o),{children:[V(ne.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[h(k,{ssSphere:2.5}),h(ne.Center,{onPointerDown:B.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:h(k,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:m("DragBar")})}),h(se.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{E.close(a)},children:h(ae.X,{})})]}),h(k,w(g({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},M),{children:c.is.function(r)?h(r,{}):r}))]}))})},Custom:t=>{let F=t,{sheetID:e,sheetGroups:a,bodyScrolls:l,event:d,parent:r,nextToCursor:s,gravityPoint:i=22,content:o,closeAtAroundClick:v,closeAtEscapeKeyDown:C,closeAtPageTransit:I,closeAtParentBlur:D,closeAtSwipeDown:N,hold_state:J,onOpen:Y,onClose:q,overwrap:ee,isOpen:te,resize:U,backgroundEffect:M}=F,T=H(F,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","onOpen","onClose","overwrap","isOpen","resize","backgroundEffect"]),[y]=L(Z()),R=c.is.element(r)||c.is.jmini(r)?c(r):K(r),W='[data-sheet-id="'+y+'"]',$='[data-sheet-content="'+y+'"]';i=i;let b=i%5||5,_=Math.ceil(i/5);const B={Init:()=>{if(s&&d){let p=c.getScreenSize(),re=c.getCursor(d);return{top:re.y-p.pageYOffset,left:re.x-p.pageXOffset}}let S={};if(!R||!R[0])return S;let{top:f,right:u,bottom:z,left:n,height:O,width:P}=R.position();return[1,2].includes(b)?S.left=n:b==3?S.left=n+P/2:[4,5].includes(b)&&(S.left=u),i<=10?S.top=f:i<=15?S.top=f+O/2:i<=25&&(S.top=z),S},Adjust:()=>{let S=K(W).position(),f=K($).position(),u=R.position(),z=c.getScreenSize(),n={};for(let p in f)n[p]=f[p];if(c.scope(()=>{if(t.nextToCursor)return;let p=0;_==1?p=u.top-n.bottom:_==2?p=u.top-n.top:_==3?p=u.top-n.top+(u.height-n.height)/2:_==4?p=u.bottom-n.bottom:_==5&&(p=u.bottom-n.top),n.top+=p,n.bottom+=p}),c.scope(()=>{if(t.nextToCursor)return;let p=0;b==1?p=u.left-n.right:b==2?p=u.left-n.left:b==3?p=u.left-n.left+(u.width-n.width)/2:b==4?p=u.right-n.right:b==5&&(p=u.right-n.left),n.left+=p,n.right+=p}),n.top<0){let p=-n.top;n.top+=p,n.bottom+=p}if(n.bottom>z.height){let p=n.bottom-z.height;n.top-=p,n.bottom-=p}if(n.left<0){let p=-n.left;n.left+=p,n.right+=p}if(n.right>z.width){let p=n.right-z.width;n.left-=p,n.right-=p}let O=n.top-f.top,P=n.left-f.left;c(W).css({top:S.top+O+"px",left:S.left+P+"px"})}};let[Q]=L(B.Init());return G(()=>{K(W).await(10).addClass(m("Open")).await(200).callback(()=>{(U==null||U)&&B.Adjust()}),x.update({["customSheet-"+t.sheetID]:{reposition:()=>{B.Adjust()}}})},[]),R[0]?h(k,{className:[m("BB"),m("CustomSheet")].join(" "),"data-sheet-id":y,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:Q,children:h(ue,{position:"absolute",className:[m("GPT"),m("GPT_"+i),m("Col_"+b),m("Row_"+_)].join(" "),children:h(k,w(g({"data-sheet-content":y,flexSizing:"none",maxHeight:"viewHeight"},T),{freeCSS:g({maxWidth:"98vw"},T.freeCSS),children:c.is.function(o)?h(o,{}):o}))})}):null}},TapSensor:t=>h(k,{className:m("TapSensor"),children:h(se.Plain,{className:m("TapContent"),onClick:e=>{var a;(a=t.delegateAroundClick)!=null&&a&&E.close(t.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},E={Wrapper:()=>h(j.Wrapper,{}),Element:t=>{let d=t,{isOpen:e,children:a}=d,l=H(d,["isOpen","children"]);return G(()=>{if(e){E.open(t.type,w(g({},l),{content:a}));return}l.sheetID&&E.close(l.sheetID)},[e]),null},image:(t,e)=>{let a=t.sheetID||Z(),r=t,{type:l}=r,d=H(r,["type"]);E.open(l||"topCenter",w(g({size:"MAX",backgroundColor:"trans",height:"viewHeight"},d),{sheetID:a,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[s]=L(c.flatArray(e)),[i,o]=L(0),v=[];return s.forEach((C,I)=>{v.push({value:I,label:h(ie,{src:c.flatArray(C)[0],width:"auto",height:1,borderRadius:"3.tone.tertiary",freeCSS:{maxWidth:12*6,maxHeight:12*3}})})}),V(oe,{gap:0,height:1,position:"relative",children:[V(ne.Separate,{position:"absolute",top:0,left:0,right:0,padding:[1,2],freeCSS:{zIndex:2},children:[h(he.Radio,{icon:!1,value:i,override:"force",horizontalAlign:"center",onUpdateValidValue:C=>{o(C)},cellStyles:{border:!0,borderWidth:2,padding:"1/3",paddingRight:"1/3",boxShadow:"2.normal",gap:0},cellCheckedStyles:{borderColor:"theme"},options:v}),h(se.Sub.S,{color:"cloud",ssSphere:3,onClick:()=>{E.close(a)},children:h(ae.X,{})})]}),h(ce.FadeIn,{flexCenter:!0,flexSizing:0,overflow:"auto",children:h(ie,{width:"auto",height:"auto",maxWidth:1,maxHeight:1,src:s[i]})},i)]})}}))},open:(t,e,a)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=t;let l=x.get("Sheet-"+X.get().sessionUID);l&&l.add(e,a)},resize:t=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let e=x.get(t.sheetID);e&&e.resize&&e.resize(t.size)},customSheet:{reposition:t=>{let e=x.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,a){let l=A.getSessionStates();if(!l)return;let{val_sheets:d}=l;t=t==null?void 0:t.replace(/\./g,"-");let r=d.find(i=>i.sheetID==t);if(!r||e=="Escape"&&!r.closeAtEscapeKeyDown)return;let s=x.get(r.sheetID);s&&s.close&&s.close(a)},closeGroup:t=>{let e=A.getSessionStates();if(!e)return;let{val_sheets:a}=e;t=(t||"").replace(/\./g,"-");for(let l of a)l.sheetGroups&&l.sheetGroups==t&&E.close(l.sheetID)},closeAll:t=>{let e=A.getSessionStates();if(!e)return;let{val_sheets:a}=e;for(let l of a)t&&!l.closeAtPageTransit||E.close(l.sheetID,"pageTransit",!0)},Body:t=>h(k,g({className:m("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{E as Sheet,E as default};
|
|
1
|
+
import{b as g,c as w,d as H}from"../chunk-C5N2D3ZX.js";import{Fragment as de,jsx as u,jsxs as V}from"react/jsx-runtime";import c,{UUID as Z,Time as le,useStore as x}from"jmini";import{useState as L,useEffect as G,useRef as pe}from"react";import{$$fromRoot as K,Config as X}from"../@utils";import{Box as k,Flex as ue,Img as ie,FAI as ae,Column as oe}from"../atoms";import{Row as ne}from"../mols";import{Button as se}from"./Button";import he from"./Input";import{SheetClasses as m}from"../@styles/componentClasses";import ce from"./Effect";const A={currentIndex:0,openQueue:{},getSessionStates:()=>{let t=x.get("sessionStates-"+X.get().sessionUID);return t||null},getNewSheetStates:t=>{var a;let e=w(g({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom"},t),{sheetID:t.sheetID||Z(),isOpen:!0,created_at:le()});if(e.type=="custom"){let l=e;l.parent=l.parent||((a=l==null?void 0:l.event)==null?void 0:a.currentTarget),e=l}return e}},j={Wrapper:()=>{let[t,e]=L([]),a={val_sheets:t,set_sheets:e},l="sessionStates-"+X.get().sessionUID;return x.set({[l]:a}),G(()=>{let d="Sheet-"+X.get().sessionUID;x.set({[d]:{add:(r,s)=>{let i=x.get(d);if(!i)return;let o=A.getNewSheetStates(r);if(A.openQueue[o.sheetID])return;if(A.openQueue[o.sheetID]=!0,s!="inherit"&&(o.isOpen=s!=null?s:!0),!!i.find(o.sheetID)){e(C=>{let I=[...C],D=I.findIndex(N=>N.sheetID==o.sheetID);return D==-1||(I[D]=o),I}),delete A.openQueue[o.sheetID];return}e(C=>[o,...C])},find:r=>{let s=A.getSessionStates();if(!s)return null;let{val_sheets:i}=s;return i.find(o=>o.sheetID==r)}}}),c(X.get().appRoot).removeEvent(["SheetEvent.keyUp","SheetEvent.Click"]).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(r){let{key:s,metaKey:i}=r;if(s=="Escape"||s==","&&i){let o=A.getSessionStates();if(!o)return;let{val_sheets:v}=o,C=v.filter(D=>D.isOpen);if(!C.length)return;let I=C.reduce((D,N)=>D.created_at.value>N.created_at.value?D:N);E.close(I.sheetID,s)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(r){let s=A.getSessionStates();if(!s)return;let{val_sheets:i}=s,o=r.target;if(!o||o!=null&&o.closest("."+m("CustomSheet")))return;let v=i.filter(C=>C.type=="custom");v.length&&v.forEach(C=>{let{parent:I}=C;if(!C.closeAtAroundClick)return;let D=K(I)[0];I!==o&&D!==o&&(c(D).find(o).length||E.close(C.sheetID))})}})},[]),u(k,{className:["AMOTIFY_be",m("Wrapper")].join(" "),children:t.map(d=>u(j.Core,w(g({},a),{val_sheet:d,patch_sheet:r=>{e(s=>{let i=[...s],o=i.findIndex(v=>v.sheetID==d.sheetID);return o==-1||(i[o]=g(g({},i[o]),r)),i})},delete_sheet:()=>{e(r=>{let s=[...r],i=s.findIndex(o=>o.sheetID==d.sheetID);return i==-1||s.splice(i,1),s})}}),d.sheetID))})},sheetCategory:t=>t=="custom"?"custom":t.startsWith("drawer")?"drawer":"normal",sheetPosition:t=>t=="drawer.left"?"left":t=="drawer.right"?"right":t=="drawer.bottom"?"bottom":"",Core:t=>{let{val_sheet:e,patch_sheet:a}=t,[l,d]=L(A.currentIndex+2),[r]=L(Z()),s=e.type!="custom"&&!e.overwrap;G(()=>{A.currentIndex++,c.scope(()=>{if(!e.closeAtParentBlur)return;let o=c(e.parent);o[0]&&o.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{o.removeEvent("SheetClosation-"+e.sheetID),a({isOpen:!1})}})}),x.set({[e.sheetID]:{resize:o=>{if(e.type=="drawer.bottom"){let v=x.get(r);v&&v.resize&&v.resize(o)}else(e.type.includes("normal")||e.type.includes("drawer"))&&a({size:o})},close:o=>{a({isOpen:!1})},open:()=>{a({isOpen:!0})}}})},[]),G(()=>{c.scope(()=>{let o=K("#"+r);if(e.isOpen){e.hold_state&&d(A.currentIndex+1),o.await(10).removeClass(m("Hide")).await(10).addClass(m("Open")).callback(()=>{delete A.openQueue[e.sheetID],e.onOpen&&e.onOpen()});return}o.await(10).removeClass(m("Open")).await(251).addClass(m("Hide")).callback(()=>{if(e.onClose&&e.onClose(),s&&X.get().browserIs!="safari"&&c(X.get().appRoot).focus(),e.hold_state)return a({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let i=j.Types[{topLeft:"Normal",topCenter:"Normal",topRight:"Normal",middleLeft:"Normal",middleCenter:"Normal",middleRight:"Normal",bottomLeft:"Normal",bottomCenter:"Normal",bottomRight:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return u(k,{className:[m("Wrap"),m("Tcate_"+j.sheetCategory(e.type)),m("Tpos_"+j.sheetPosition(e.type)),m("isMainSheet_"+s)].join(" "),width:1,ssAbsoluteCovered:!0,freeCSS:{zIndex:l},id:r,children:V(oe,{className:m("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!s&&u(j.TapSensor,{sheetID:e.sheetID,delegateAroundClick:e.closeAtAroundClick}),u(i,g({componentId:r},e))]})},r)},Types:{Normal:t=>{let R=t,{sheetID:e,sheetGroups:a,bodyScrolls:l,content:d,className:r="",type:s,size:i="R",freeCSS:o,onOpen:v,onClose:C,closeAtAroundClick:I,closeAtEscapeKeyDown:D,closeAtPageTransit:N,closeAtParentBlur:J,closeAtSwipeDown:Y,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:U}=R,M=H(R,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),T={},y=[];return s.match(/top/)?(y.push("top"),T.marginBottom="auto"):s.match(/middle/)?(y.push("center"),T.marginTop="auto",T.marginBottom="auto"):s.match(/bottom/)&&(y.push("bottom"),T.marginTop="auto"),s.match(/left/i)?(y.push("left"),T.marginRight="auto"):s.match(/center/i)?(y.push("center"),T.marginLeft="auto",T.marginRight="auto"):s.match(/right/i)&&(y.push("right"),T.marginLeft="auto"),u(k,w(g(g({className:[m("BB"),r].join(" "),padding:1,transition:"long",opacity:"trans"},M),T),{freeCSS:g({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[i],maxWidth:"96vw",transformOrigin:y.join(" ")},o),children:c.is.function(d)?u(d,{}):d}))},Edge:t=>{let M=t,{sheetID:e,sheetGroups:a,bodyScrolls:l,type:d,content:r,className:s="",size:i="R",onOpen:o,onClose:v,closeAtAroundClick:C,closeAtEscapeKeyDown:I,closeAtPageTransit:D,closeAtParentBlur:N,closeAtSwipeDown:J,hold_state:Y,overwrap:q,isOpen:ee,backgroundEffect:te}=M,U=H(M,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return u(k,w(g(w(g({className:[m("BB"),s].join(" ")},d=="drawer.right"?{marginLeft:"auto"}:d=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),U),{freeCSS:g({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[i],maxWidth:"96vw"},U.freeCSS),children:c.is.function(r)?u(r,{}):r}))},Bottom:t=>{let F=t,{componentId:e,sheetID:a,sheetGroups:l,bodyScrolls:d,content:r,size:s="R",sizeChanged:i,baseStyles:o,onOpen:v,onClose:C,closeAtAroundClick:I,closeAtEscapeKeyDown:D,closeAtPageTransit:N,closeAtParentBlur:J,closeAtSwipeDown:Y=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:U}=F,M=H(F,["componentId","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),T=c.getScreenSize(),y=[0,.2,.6,.95],R={ZERO:0,S:1,R:2,L:3,"2L":3,"3L":3,MAX:3},[W,$]=L(s),[b,_]=L({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:y[R[s]]});x.update({[e]:{val_edit:b,resize:S=>{let f=y[R[S]];_(h=>w(g({},h),{value:f})),$(S)}}});const B={Start:S=>{c(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:B.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:B.End});let f=c.getCursor(S),h=w(g({},b),{process:!0,processStart:new Date().getTime(),originY:f.y,originValue:b.value,viewHeight:c.getScreenSize().height});x.update({[e]:{val_edit:h}}),_(h)},Move:S=>{var O;let f=(O=x.get(e))==null?void 0:O.val_edit;if(!f.process)return;let z=(c.getCursor(S).y-f.originY)/f.viewHeight,n=f.originValue-z;if(n>.95)n=.95+(n-.95)*.5;else if(n<.2){let P=.2-n;P-=.1,n=.1+(.1-P)*.5}return _(w(g({},f),{value:n})),S.preventDefault(),S.stopPropagation(),!1},End:S=>{var n;let f=(n=x.get(e))==null?void 0:n.val_edit;if(!f.process)return;c(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let h=0;if(f.value<.1||(f.value<.5?h=1:f.value>.75?h=3:h=2),new Date().getTime()-f.processStart<300){let O=c.getCursor(S).y-f.originY;if(Math.abs(O)>=20){let P=+(O<0)*2-1;h+=P,h=Math.min(Math.max(h,0),y.length-1)}}h==0&&(Y||(h=1)),$(["ZERO","S","R","L"][h]),_(w(g({},f),{value:y[h],process:!1}))}},Q=pe(!1);return G(()=>{Q.current?W=="ZERO"?Y&&E.close(a):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(W)},250):Q.current=!0},[W]),u(k,{className:m("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:g({maxWidth:12*60,height:T.height*b.value},b.process?{transition:"0s"}:{}),children:V(oe,w(g({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},o),{children:[V(ne.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[u(k,{ssSphere:2.5}),u(ne.Center,{onPointerDown:B.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:u(k,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:m("DragBar")})}),u(se.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{E.close(a)},children:u(ae.X,{})})]}),u(k,w(g({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},M),{children:c.is.function(r)?u(r,{}):r}))]}))})},Custom:t=>{let F=t,{sheetID:e,sheetGroups:a,bodyScrolls:l,event:d,parent:r,nextToCursor:s,gravityPoint:i=22,content:o,closeAtAroundClick:v,closeAtEscapeKeyDown:C,closeAtPageTransit:I,closeAtParentBlur:D,closeAtSwipeDown:N,hold_state:J,onOpen:Y,onClose:q,overwrap:ee,isOpen:te,resize:U,backgroundEffect:M}=F,T=H(F,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","onOpen","onClose","overwrap","isOpen","resize","backgroundEffect"]),[y]=L(Z()),R=c.is.element(r)||c.is.jmini(r)?c(r):K(r),W='[data-sheet-id="'+y+'"]',$='[data-sheet-content="'+y+'"]';i=i;let b=i%5||5,_=Math.ceil(i/5);const B={Init:()=>{if(s&&d){let p=c.getScreenSize(),re=c.getCursor(d);return{top:re.y-p.pageYOffset,left:re.x-p.pageXOffset}}let S={};if(!R||!R[0])return S;let{top:f,right:h,bottom:z,left:n,height:O,width:P}=R.position();return[1,2].includes(b)?S.left=n:b==3?S.left=n+P/2:[4,5].includes(b)&&(S.left=h),i<=10?S.top=f:i<=15?S.top=f+O/2:i<=25&&(S.top=z),S},Adjust:()=>{let S=K(W).position(),f=K($).position(),h=R.position(),z=c.getScreenSize(),n={};for(let p in f)n[p]=f[p];if(c.scope(()=>{if(t.nextToCursor)return;let p=0;_==1?p=h.top-n.bottom:_==2?p=h.top-n.top:_==3?p=h.top-n.top+(h.height-n.height)/2:_==4?p=h.bottom-n.bottom:_==5&&(p=h.bottom-n.top),n.top+=p,n.bottom+=p}),c.scope(()=>{if(t.nextToCursor)return;let p=0;b==1?p=h.left-n.right:b==2?p=h.left-n.left:b==3?p=h.left-n.left+(h.width-n.width)/2:b==4?p=h.right-n.right:b==5&&(p=h.right-n.left),n.left+=p,n.right+=p}),n.top<0){let p=-n.top;n.top+=p,n.bottom+=p}if(n.bottom>z.height){let p=n.bottom-z.height;n.top-=p,n.bottom-=p}if(n.left<0){let p=-n.left;n.left+=p,n.right+=p}if(n.right>z.width){let p=n.right-z.width;n.left-=p,n.right-=p}let O=n.top-f.top,P=n.left-f.left;c(W).css({top:S.top+O+"px",left:S.left+P+"px"})}};let[Q]=L(B.Init());return G(()=>{K(W).await(10).addClass(m("Open")).await(200).callback(()=>{(U==null||U)&&B.Adjust()}),x.update({["customSheet-"+t.sheetID]:{reposition:()=>{B.Adjust()}}})},[]),R[0]?u(k,{className:[m("BB"),m("CustomSheet")].join(" "),"data-sheet-id":y,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:Q,children:u(ue,{position:"absolute",className:[m("GPT"),m("GPT_"+i),m("Col_"+b),m("Row_"+_)].join(" "),children:u(k,w(g({"data-sheet-content":y,flexSizing:"none",maxHeight:"viewHeight"},T),{freeCSS:g({maxWidth:"98vw"},T.freeCSS),children:c.is.function(o)?u(o,{}):o}))})}):null}},TapSensor:t=>u(k,{className:m("TapSensor"),children:u(se.Plain,{className:m("TapContent"),onClick:e=>{var a;(a=t.delegateAroundClick)!=null&&a&&E.close(t.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},E={Wrapper:()=>u(j.Wrapper,{}),Element:t=>{let d=t,{isOpen:e,children:a}=d,l=H(d,["isOpen","children"]);return G(()=>{if(e){E.open(t.type,w(g({},l),{content:a}));return}l.sheetID&&E.close(l.sheetID)},[e]),u(de,{})},image:(t,e)=>{let a=t.sheetID||Z(),r=t,{type:l}=r,d=H(r,["type"]);E.open(l||"topCenter",w(g({size:"MAX",backgroundColor:"trans",height:"viewHeight"},d),{sheetID:a,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[s]=L(c.flatArray(e)),[i,o]=L(0),v=[];return s.forEach((C,I)=>{v.push({value:I,label:u(ie,{src:c.flatArray(C)[0],width:"auto",height:1,borderRadius:"3.tone.tertiary",freeCSS:{maxWidth:12*6,maxHeight:12*3}})})}),V(oe,{gap:0,height:1,position:"relative",children:[V(ne.Separate,{position:"absolute",top:0,left:0,right:0,padding:[1,2],freeCSS:{zIndex:2},children:[u(he.Radio,{icon:!1,value:i,override:"force",horizontalAlign:"center",onUpdateValidValue:C=>{o(C)},cellStyles:{border:!0,borderWidth:2,padding:"1/3",paddingRight:"1/3",boxShadow:"2.normal",gap:0},cellCheckedStyles:{borderColor:"theme"},options:v}),u(se.Sub.S,{color:"cloud",ssSphere:3,onClick:()=>{E.close(a)},children:u(ae.X,{})})]}),u(ce.FadeIn,{flexCenter:!0,flexSizing:0,overflow:"auto",children:u(ie,{width:"auto",height:"auto",maxWidth:1,maxHeight:1,src:s[i]})},i)]})}}))},open:(t,e,a)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=t;let l=x.get("Sheet-"+X.get().sessionUID);l&&l.add(e,a)},resize:t=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let e=x.get(t.sheetID);e&&e.resize&&e.resize(t.size)},customSheet:{reposition:t=>{let e=x.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,a){let l=A.getSessionStates();if(!l)return;let{val_sheets:d}=l;t=t==null?void 0:t.replace(/\./g,"-");let r=d.find(i=>i.sheetID==t);if(!r||e=="Escape"&&!r.closeAtEscapeKeyDown)return;let s=x.get(r.sheetID);s&&s.close&&s.close(a)},closeGroup:t=>{let e=A.getSessionStates();if(!e)return;let{val_sheets:a}=e;t=(t||"").replace(/\./g,"-");for(let l of a)l.sheetGroups&&l.sheetGroups==t&&E.close(l.sheetID)},closeAll:t=>{let e=A.getSessionStates();if(!e)return;let{val_sheets:a}=e;for(let l of a)t&&!l.closeAtPageTransit||E.close(l.sheetID,"pageTransit",!0)},Body:t=>u(k,g({className:m("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{E as Sheet,E as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "amotify",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.217",
|
|
4
4
|
"description": "UI Component for React,NextJS,esbuild",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "run-p clean build:*",
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
"@fortawesome/free-solid-svg-icons": "^6.7.2",
|
|
91
91
|
"@fortawesome/react-fontawesome": "^0.2.2",
|
|
92
92
|
"dotenv": "^17.0.1",
|
|
93
|
-
"jmini": "^0.0.
|
|
93
|
+
"jmini": "^0.0.97",
|
|
94
94
|
"react": "^18.3.1"
|
|
95
95
|
},
|
|
96
96
|
"devDependencies": {
|