amotify 0.2.122 → 0.2.124

package/demo/esbuild/app.tsx

@@ -1,6 +1,6 @@
 import ReactDOMClient from 'react-dom/client'
 import * as ReactRouterDOM from 'react-router-dom'
-import React,{ StrictMode,useEffect } from 'react'
+import React,{ StrictMode,useEffect,useState } from 'react'
 
 import $$ from 'jmini'
 
@@ -31,36 +31,70 @@ import {
 } from './designBook'
 
 let Test = () => {
-  let optionElms: ReactElement[] = []
-  for ( let i = 0; i < 100; i++ ) {
-    optionElms.push( <option key={ i } value={ i }>{ i }</option> )
-  }
-
-  useEffect( () => {
-    let A = $$.interval.once( () => {
-      console.log( 'testInterval' )
-    },1000,'testInterval' )
-
-    console.log( A )
-  },[] )
-
-  let Options: Input.Autocomplete.Option[] = []
-  for ( let i = 0; i < 100; i++ ) {
-    Options.push( { value: 'option' + i,label: 'オプション-' + i } )
-  }
-  for ( let i = 0; i < 100; i++ ) {
-    Options.push( { value: 'optionJP' + i,label: '選択肢-' + i } )
-  }
-
   return <Box>
     {/* <DesignBook
     /> */}
     <Row.Center
       flexCenter
       padding={ 3 }
+      gap={ 3 }
+      backgroundColor='layer.0'
     >
-      <Input.TextField.Katakana
+      <Input.Select
+        options={ [
+          { value: 'AAA',label: 'AAA' },
+          { value: 'BBB',label: 'BBB' },
+          { value: 'CCC',label: 'CCC' },
+        ] }
+      />
+      <Input.Select
+        SelectorMode='legacy'
+        options={ [
+          { value: 'AAA',label: 'AAA' },
+          { value: 'BBB',label: 'BBB' },
+          { value: 'CCC',label: 'CCC' },
+        ] }
+        name='test'
+        form='test'
+        required
+        onUpdateValidValue={ value => {
+          console.log( value )
+        } }
+        onUpdateValue={ value => {
+          console.log( value )
+        } }
+      />
+      <Button.Prime
+        submitOption={ {
+          formName: 'test',
+          callback: form => {
+            console.log( form )
+          }
+        } }
+      >
+        Submit
+      </Button.Prime>
+
+      {/* <Box
+        ssSquare={ 12 }
+        backgroundColor='layer.0'
+      />
+      <Box
+        ssSquare={ 12 }
+        backgroundColor='layer.1'
+      />
+      <Box
+        ssSquare={ 12 }
+        backgroundColor='layer.2'
+      />
+      <Box
+        ssSquare={ 12 }
+        backgroundColor='layer.3'
       />
+      <Box
+        ssSquare={ 12 }
+        backgroundColor='cloud'
+      /> */}
     </Row.Center>
   </Box>
 }
@@ -77,6 +111,7 @@ $$.scope( () => {
     themeColor: $$.localStrage.get( 'prf.themeColor' ) || 'battery',
     // darkMode: $$.getLocalStrageData( 'prf.darkMode' ) || 'dark'
     // darkMode: 'dark'
+    // darkMode: 'dim'
   } )
 
   const AppRouter = () => {