amotify 0.2.149 → 0.2.151

package/demo/esbuild/app.tsx

@@ -40,7 +40,7 @@ let Test = () => {
   let accordionID = 'accordionIDD'
 
   return <Box>
-    <Plate size='S'>
+    {/* <Plate size='S'>
       <Column
         padding={ 2 }
       >
@@ -76,9 +76,9 @@ let Test = () => {
           Link
         </Button.Link.Plain>
       </Column>
-    </Plate>
-    {/* <DesignBook
-    /> */}
+    </Plate> */}
+    <DesignBook
+    />
   </Box>
 }
 

package/demo/esbuild/designBook.tsx

@@ -2463,7 +2463,7 @@ const Tables = {
         colLength={ 3 }
         head={ [
           { data: 'head1' },
-          { data: 'head2' },
+          { data: 'head2',children: <Box>head2</Box> },
           {
             data: 'head3',
             // styles: { backgroundColor: 'angel' },
@@ -2738,6 +2738,66 @@ let DesignBook = () => {
     $$.queryParams.set( { 'ti': String( val_tabIndex ) } )
   },[ val_tabIndex ] )
 
+  let [ val_refresh,set_refresh ] = useState( UUID() )
+  useEffect( () => {
+    setTimeout( () => {
+      set_refresh( UUID() )
+    },2000 );
+  },[] )
+
+  let DataData: Table.Data.BodyRow[] = []
+  for ( var i = 0; i < 10; i++ ) {
+    let random1 = Math.round( Math.random() * 50 + 1 )
+    let random2 = Math.round( Math.random() * 50 + 1 )
+    let random3 = Math.round( Math.random() * 50 + 1 )
+
+    let Data1 = 'name_' + random1
+    let Data2 = 'data_' + random2
+    let Data3 = 'data_' + random3
+    let Row: Table.Data.BodyRow = [
+      {
+        type: 'th',
+        children: i + ':' + Data1,
+        data: Data1,
+        orderIndex: i
+      },{
+        type: 'td',
+        children: Data2,
+        data: Data2
+      },{
+        type: 'td',
+        children: Data3,
+        data: Data3,
+      }
+    ]
+    DataData.push( Row )
+  }
+  DataData[ 1 ].checked = true
+  DataData[ 4 ].checked = true
+
+  return <Table.Data
+    tableID={ 'aaaa' }
+    colLength={ 3 }
+    head={ [
+      { data: 'head1' },
+      { data: 'head2',children: <Box>head2</Box> },
+      {
+        data: 'head3',
+        // styles: { backgroundColor: 'angel' },
+        // freeCSS: { opacity: .3 }
+      }
+    ] }
+    rows={ DataData }
+    pageRowLength={ 30 }
+    ssCardBox
+
+    cellStyles={ {
+      padding: '1/2'
+    } }
+    filter={ [ true,true ] }
+    checker
+  />
+
   return <>
     <UserConfig />
     <Column