amotify 0.2.76 → 0.2.78

package/demo/esbuild/app.tsx

@@ -2,7 +2,7 @@ import ReactDOMClient from 'react-dom/client'
 import * as ReactRouterDOM from 'react-router-dom'
 import React,{ StrictMode,useEffect } from 'react'
 
-import $$,{ KeyValueDict } from '@mingoo/jsmin'
+import $$ from 'jmini'
 
 import {
   DesignBook,
@@ -30,57 +30,108 @@ import '../../dist/@styles/style.css'
 
 import { faRobot } from '@fortawesome/free-solid-svg-icons/faRobot'
 
+const OpenSheetA = () => {
+  Sheet.open( {
+    sheetID: 'sheetA',
+    type: 'normal.middleCenter',
+    hold_state: true,
+    content: <Sheet.Body>
+      <Column padding={ 1 }>
+        <Button.Sub
+          color='cloud'
+          ssSphere={ 3 }
+          onClick={ () => {
+            Sheet.close( 'sheetA' )
+          } }
+        ><FAI.Times /></Button.Sub>
+        <Input.TextField
+        />
+        <Text.Paragraph>SheetA(holdState)</Text.Paragraph>
+      </Column>
+    </Sheet.Body>
+  } )
+}
+const OpenSheetB = () => {
+  Sheet.open( {
+    sheetID: 'sheetB',
+    type: 'drawer.left',
+    content: () => {
+      return <Column padding={ 1 }>
+        <Button.Sub
+          color='cloud'
+          ssSphere={ 3 }
+          onClick={ () => {
+            Sheet.close( 'sheetB' )
+          } }
+        ><FAI.Times /></Button.Sub>
+        <Text.Paragraph>SheetB</Text.Paragraph>
+        <Input.TextField.Email
+        />
+        <Input.Time.Clock
+        />
+        <Button.Border
+          onClick={ () => {
+            OpenSheetA()
+          } }
+        >
+          Open SheetA
+        </Button.Border>
+      </Column>
+    }
+  } )
+}
 let Test = () => {
   return <>
     <Column
+      // display='none'
       padding={ 1 }
       freeCSS={ {
         maxWidth: 12 * 32
       } }
     >
-      <Input.Search
-        form='testForm'
-        name='test.search'
-        // value={ { b: 'b' } }
-        options={ [
-          { value: { a: 'a' },label: 'a' },
-          { value: { b: 'b' },label: 'b' },
-          { value: { c: 'c' },label: 'c' },
-          { value: { d: 'd' },label: 'd' },
-        ] }
-      />
-      <Input.TextField
-        form='testForm'
-        name='test'
-        required
-        value={ 'test' }
-        onUpdateValidValue={ ( { value } ) => {
-          console.log( value )
-        } }
-        onValidate={ async ( { value,eventType } ) => {
-          console.log( "onValidate",value )
-          if ( eventType == 'init' ) return {
-            ok: false,notice: []
-          }
-          await $$.pending( () => { },1000 )
-          return {
-            ok: true,
-            notice: []
-          }
+      {/* <Box freeCSS={ { height: '1000vh' } } backgroundColor='posi'>
+        A
+      </Box> */}
+      <Button.Prime
+        onClick={ () => {
+          OpenSheetA()
+
+          setTimeout( () => {
+            return
+            Sheet.open( {
+              sheetID: 'sheetA',
+              type: 'normal.middleCenter',
+              hold_state: true,
+              content: () => {
+                return <Sheet.Body>
+                  <Column padding={ 1 }>
+                    <Button.Sub
+                      color='cloud'
+                      ssSphere={ 3 }
+                      onClick={ () => {
+                        Sheet.close( 'sheetA' )
+                      } }
+                    ><FAI.Times /></Button.Sub>
+                    <Text.Paragraph>SheetA(holdStateAAAA)</Text.Paragraph>
+                  </Column>
+                </Sheet.Body>
+              }
+            } )
+          },1000 );
         } }
-      />
-      <Button
-        submitOption={ {
-          formName: 'testForm',
-          acceptInvalidForm: true,
-          callback: ( form,ok ) => {
-            console.log( form )
-            console.log( ok )
-          }
+      >
+        Open Sheet A
+      </Button.Prime>
+      <Button.Prime
+        onClick={ () => {
+          OpenSheetB()
         } }
       >
-        Submit
-      </Button>
+        Open Sheet B
+      </Button.Prime>
+      {/* <Box freeCSS={ { height: '100vh' } } backgroundColor='posi'>
+        A
+      </Box> */}
     </Column>
     <DesignBook
     />