amotify 0.2.166 → 0.2.168

package/demo/esbuild/designBook.tsx

@@ -1926,10 +1926,9 @@ text5`}
   </>
 }
 const Styling = () => {
-  const SheetContent = ( type: Sheet.Sheet,index?: number,opt?: Partial<Sheet.Input> ) => {
+  const SheetContent = ( type: Sheet.Type,index?: number,opt?: Partial<Sheet.Input> ) => {
     let sheetID = 'testModal' + index
-    Sheet.open( {
-      type,
+    Sheet.open( type,{
       sheetID: sheetID,
       size: 'S',
       padding: 2,
@@ -2064,7 +2063,7 @@ const Styling = () => {
       <Box padding={ 1 } overflow={ 'auto' }>
         <Literal.Description>
           {
-            `Sheet.open( {
+            `Sheet.open( Type,{
   sheetID: 'sheetID',
   header: ReactElement | React.FC< { modalClose } >,
   body: ReactElement | React.FC< { modalClose } >,
@@ -2086,10 +2085,9 @@ const Styling = () => {
                 return <Sheet.Body padding={ 2 }>
                   <Button
                     onClick={ () => {
-                      Sheet.open( {
+                      Sheet.open( 'middleLeft',{
                         sheetID: 'testSheet',
                         closeAtAroundClick: true,
-                        type: 'normal.middleLeft',
                         content: () => {
                           return <Sheet.Body padding={ 2 }>
                             END
@@ -2111,63 +2109,63 @@ const Styling = () => {
           <Grid gridCols={ 3 } gap={ 1 }>
             <Button.Border
               onClick={ () => {
-                SheetContent( 'normal.topLeft' )
+                SheetContent( 'topLeft' )
               } }
             >
               Top Left
             </Button.Border>
             <Button.Border
               onClick={ () => {
-                SheetContent( 'normal.topCenter' )
+                SheetContent( 'topCenter' )
               } }
             >
               Top Center
             </Button.Border>
             <Button.Border
               onClick={ () => {
-                SheetContent( 'normal.topRight' )
+                SheetContent( 'topRight' )
               } }
             >
               Top Right
             </Button.Border>
             <Button.Border
               onClick={ () => {
-                SheetContent( 'normal.middleLeft' )
+                SheetContent( 'middleLeft' )
               } }
             >
               Middle Left
             </Button.Border>
             <Button.Border
               onClick={ () => {
-                SheetContent( 'normal.middleCenter' )
+                SheetContent( 'middleCenter' )
               } }
             >
               Middle Center
             </Button.Border>
             <Button.Border
               onClick={ () => {
-                SheetContent( 'normal.middleRight' )
+                SheetContent( 'middleRight' )
               } }
             >
               Middle Right
             </Button.Border>
             <Button.Border
               onClick={ () => {
-                SheetContent( 'normal.bottomLeft' )
+                SheetContent( 'bottomLeft' )
               } }
             >
               Bottom Left
             </Button.Border>
             <Button.Border
               onClick={ () => {
-                SheetContent( 'normal.bottomCenter' )
+                SheetContent( 'bottomCenter' )
               } }
             >
               Bottom Center
             </Button.Border>
             <Button.Border
               onClick={ () => {
-                SheetContent( 'normal.bottomRight' )
+                SheetContent( 'bottomRight' )
               } }
             >
               Bottom Right
@@ -2528,14 +2526,11 @@ const Cropping = () => {
       <Row.Center>
         <Button.Prime
           onClick={ () => {
-            Sheet.open( {
-              type: 'image',
-              src: [
-                'https://png.pngtree.com/background/20210714/original/pngtree-futuristic-shape-abstract-background-chemistry-technology-concept-for-website-picture-image_1250295.jpg',
-                'https://png.pngtree.com/background/20210711/original/pngtree-set-of-instagram-stories-sale-banner-background-instagram-template-photo-can-picture-image_1167343.jpg',
-                'https://png.pngtree.com/background/20210715/original/pngtree-website-banner-abstract-purple-blue-gradient-background-picture-image_1298439.jpg'
-              ]
-            } )
+            Sheet.image( {},[
+              'https://png.pngtree.com/background/20210714/original/pngtree-futuristic-shape-abstract-background-chemistry-technology-concept-for-website-picture-image_1250295.jpg',
+              'https://png.pngtree.com/background/20210711/original/pngtree-set-of-instagram-stories-sale-banner-background-instagram-template-photo-can-picture-image_1167343.jpg',
+              'https://png.pngtree.com/background/20210715/original/pngtree-website-banner-abstract-purple-blue-gradient-background-picture-image_1298439.jpg'
+            ] )
           } }
         >
           Open Image Sheet
@@ -2736,55 +2731,55 @@ let DesignBook = () => {
     $$.queryParams.set( { 'ti': String( val_tabIndex ) } )
   },[ val_tabIndex ] )
 
-  let [ val_refresh,set_refresh ] = useState( UUID() )
+  // let [ val_refresh,set_refresh ] = useState( UUID() )
 
-  let DataData: Table.Data.BodyRow[] = []
-  for ( var i = 0; i < 10000; i++ ) {
-    let random1 = $$.randomNumber( 10000,1000000 )
-    let random2 = $$.randomNumber( 10000,1000000 )
+  // let DataData: Table.Data.BodyRow[] = []
+  // for ( var i = 0; i < 100; i++ ) {
+  //   let random1 = $$.randomNumber( 0,10000 )
+  //   let random2 = $$.randomNumber( 0,10000 )
 
-    let Data1 = 'name_' + random1
-    let Data2 = 'data_' + random2
-    let Row: Table.Data.BodyRow = [
-      {
-        type: 'th',
-        // children: i + ':' + Data1,
-        children: [
-          'i=' + i,
-          'data=' + random1.toLocaleString(),
-        ].join( '/' ),
-        data: Data1,
-        orderIndex: random1.toLocaleString()
-        // orderIndex: random1
-      },
-      { type: 'td',children: Data2,data: Data2 },
-    ]
-    DataData.push( Row )
-  }
-  DataData[ 1 ].checked = true
-  DataData[ 4 ].checked = true
+  //   let Data1 = 'name_' + random1
+  //   let Data2 = 'data_' + random2
+  //   let Row: Table.Data.BodyRow = [
+  //     {
+  //       type: 'th',
+  //       // children: i + ':' + Data1,
+  //       children: [
+  //         'i=' + i,
+  //         'data=' + random1.toLocaleString(),
+  //       ].join( '/' ),
+  //       data: Data1,
+  //       // orderIndex: random1.toLocaleString()
+  //       orderIndex: random1
+  //     },
+  //     { type: 'td',children: Data2,data: Data2 },
+  //   ]
+  //   DataData.push( Row )
+  // }
+  // DataData[ 1 ].checked = true
+  // DataData[ 4 ].checked = true
 
-  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
+  // 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
-    />
-  </Column>
+  //     orderPriority='DESC'
+  //     cellStyles={ {
+  //       padding: '1/2'
+  //     } }
+  //   // filter={ [ true,true ] }
+  //   // checker
+  //   />
+  // </Column>
 
   return <>
     <UserConfig />