amotify 0.2.122 → 0.2.123

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,35 +31,34 @@ 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
+      <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>
@@ -76,7 +75,8 @@ $$.scope( () => {
 
     themeColor: $$.localStrage.get( 'prf.themeColor' ) || 'battery',
     // darkMode: $$.getLocalStrageData( 'prf.darkMode' ) || 'dark'
-    // darkMode: 'dark'
+    darkMode: 'dark'
+    // darkMode: 'dim'
   } )
 
   const AppRouter = () => {