amotify 0.2.131 → 0.2.133

package/demo/esbuild/app.tsx

@@ -29,127 +29,9 @@ import {
 } from './designBook'
 
 let Test = () => {
-  let [ val_open,set_open ] = useState( false )
-
-  let [ val_uuid,set_uuid ] = useState( UUID() )
-  useEffect( () => {
-    if ( !val_open ) return
-    $$.interval.once( () => {
-      set_uuid( UUID() )
-    },1000 )
-  },[ val_open ] )
-  Sheet.open( {
-    type: 'normal.middleCenter',
-    size: 'S',
-    content: <Sheet.Body>
-      AAA
-    </Sheet.Body>
-  } )
-
   return <Box>
-    <Box
-      padding={ 6 }
-    >
-      <Column>
-        <Row.Center>
-          <Input.Switch.S value icon={ <FAI.Plus /> } isApply color='choco' />
-          <Input.Switch.R value icon={ <FAI.Plus /> } isApply color='warn' />
-          <Input.Switch.L value icon={ <FAI.Plus /> } isApply color='posi' />
-        </Row.Center>
-        <Row.Center>
-          <Input.Switch.S value icon={ <FAI.Plus /> } color='amazon' />
-          <Input.Switch.R value icon={ <FAI.Plus /> } color='battery' />
-          <Input.Switch.L value icon={ <FAI.Plus /> } color='bat' />
-        </Row.Center>
-      </Column>
-    </Box>
-    <Text.Paragraph>
-      sheet: { String( val_open ) }
-    </Text.Paragraph>
-    <Button.Prime
-      onClick={ () => {
-        set_open( !val_open )
-      } }
-    >
-      Submit
-    </Button.Prime>
-    <Sheet.Element
-      type='custom'
-      isOpen={ val_open }
-      size='S'
-    >
-      Hello
-    </Sheet.Element>
-    <Sheet.Element
-      key={ val_uuid }
-      sheetID='testSheet'
-      type='normal.middleCenter'
-      size='S'
-      isOpen={ val_open }
-      openAfter={ () => {
-        set_open( true )
-      } }
-      closeAfter={ () => {
-        set_open( false )
-      } }
-    >
-      <Sheet.Body>
-        <Column padding={ 2 }>
-          <Row.Separate>
-            <Text.Paragraph>
-              Title
-            </Text.Paragraph>
-            <Button.Sub
-              color='cloud'
-              ssSphere={ 3 }
-              onClick={ () => {
-                set_open( false )
-              } }
-            >
-              <FAI.Times />
-            </Button.Sub>
-          </Row.Separate>
-          { val_uuid }
-        </Column>
-      </Sheet.Body>
-    </Sheet.Element>
-    {/* <DesignBook
-    /> */}
-
-    {/* <Row.Center
-      padding={ 2 }
-    >
-      <a href='#section1'>
-        #Section1
-      </a>
-      <a href='#section2'>
-        #Section2
-      </a>
-      <Anchor.Prime
-        href='#section1'
-      >
-        #Section1
-      </Anchor.Prime>
-      <Anchor.Prime
-        href='#section2'
-      >
-        #Section2
-      </Anchor.Prime>
-    </Row.Center>
-    <Box
-      id='section1'
-      backgroundColor='posi'
-      height={ 'viewHeight' }
-    >
-      #section1
-    </Box>
-    <Box
-      id='section2'
-      backgroundColor='nega'
-      height={ 'viewHeight' }
-    >
-      #section2
-    </Box> */}
+    <DesignBook
+    />
   </Box>
 }
 
@@ -160,12 +42,9 @@ $$.scope( () => {
 
   Config.launch( {
     appRoot: root,
-    roundness: 4,
-
+    roundness: $$.localStrage.get( 'prf.roundness' ) ?? 4,
     themeColor: $$.localStrage.get( 'prf.themeColor' ) || 'battery',
-    // darkMode: $$.getLocalStrageData( 'prf.darkMode' ) || 'dark',
-    // darkMode: 'dark',
-    // darkMode: 'dim'
+    darkMode: $$.localStrage.get( 'prf.darkMode' ) || 'auto',
   } )
 
   const AppRouter = () => {