amotify 0.2.164 → 0.2.166

package/demo/esbuild/app.tsx

@@ -29,81 +29,7 @@ import {
 } from './designBook'
 
 let Test = () => {
-  let [ val_value,set_value ] = useState( <>
-    Hello World <br />
-    Hello World <br />
-    Hello World <br />
-    Hello World
-  </> )
-
-  let accordionID = 'accordionIDD'
-
-  let [ val_image,set_image ] = useState( '' )
-
   return <Box>
-    <Plate size='S'>
-      <Column
-        padding={ 2 }
-      >
-        <Input.TextField.Password
-          defaultValidation={ {
-            reg: /^.{6,}$/,
-            exist: true,
-            reason: '6文字以上で入力してください'
-          } }
-        />
-        <Button.Prime
-          onClick={ () => {
-            Cropper.openDialogNEdit( {
-              // use: '16:9',
-              // use: '9:16',
-
-              use: '4:3',
-              // use: '4:3',
-
-              // use: [ 9,16 ],
-
-              develops: [
-                { size: 'L' }
-              ],
-              onProcessFinished: async ( files ) => {
-                console.log( files )
-
-                let filer = await await Filer.fromFile( files[ 0 ] )
-                set_image( await filer.toDataURL() )
-              }
-            } )
-          } }
-        >
-          Submit
-        </Button.Prime>
-
-        { val_image && <Img
-          src={ val_image }
-        /> }
-
-        <Input.Select
-          options={ [
-            { value: 'option1',label: 'Option 1',searchValue: 'Option 1' },
-          ] }
-        />
-        <Input.Autocomplete
-          options={ [
-            { label: 'Option 1',value: 'option1' },
-            { label: 'Option 2',value: 'option2' },
-            { label: 'Option 3',value: 'option3' },
-          ] }
-          DynamicOptionsOnSearch={ async ( keyword ) => {
-            console.log( keyword )
-            return [
-              { label: 'Option 1',value: 'option1' },
-              { label: 'Option 2',value: 'option2' },
-              { label: 'Option 3',value: 'option3' },
-            ]
-          } }
-        />
-      </Column>
-    </Plate>
     <DesignBook
     />
   </Box>

package/demo/esbuild/designBook.tsx

@@ -2739,14 +2739,12 @@ let DesignBook = () => {
   let [ val_refresh,set_refresh ] = useState( UUID() )
 
   let DataData: Table.Data.BodyRow[] = []
-  for ( var i = 0; i < 10; i++ ) {
+  for ( var i = 0; i < 10000; i++ ) {
     let random1 = $$.randomNumber( 10000,1000000 )
     let random2 = $$.randomNumber( 10000,1000000 )
-    let random3 = $$.randomNumber( 10000,1000000 )
 
     let Data1 = 'name_' + random1
     let Data2 = 'data_' + random2
-    let Data3 = 'data_' + random3
     let Row: Table.Data.BodyRow = [
       {
         type: 'th',
@@ -2757,44 +2755,36 @@ let DesignBook = () => {
         ].join( '/' ),
         data: Data1,
         orderIndex: random1.toLocaleString()
-      },{
-        type: 'td',
-        children: Data2,
-        data: Data2
-      },{
-        type: 'td',
-        children: Data3,
-        data: Data3,
-      }
+        // orderIndex: random1
+      },
+      { type: 'td',children: Data2,data: Data2 },
     ]
     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
+  return <Column>
+    <Literal>Count: { DataData.length.toLocaleString() }</Literal>
+    <Table.Data
+      tableID={ 'aaaa' }
+      colLength={ 2 }
+      pageRowLength={ 100 }
+      head={ [
+        { data: 'head1' },
+        { data: 'head2',children: <Box>head2</Box> },
+      ] }
+      rows={ DataData }
+      ssCardBox
 
-    orderPriority='DESC'
-    cellStyles={ {
-      padding: '1/2'
-    } }
-    filter={ [ true,true ] }
-    checker
-  />
+      orderPriority='DESC'
+      cellStyles={ {
+        padding: '1/2'
+      } }
+    // filter={ [ true,true ] }
+    // checker
+    />
+  </Column>
 
   return <>
     <UserConfig />