amotify 0.2.127 → 0.2.129

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,7 +2,7 @@ import ReactDOMClient from 'react-dom/client'
2
2
  import * as ReactRouterDOM from 'react-router-dom'
3
3
  import React,{ StrictMode,useEffect,useState } from 'react'
4
4
 
5
- import $$ from 'jmini'
5
+ import $$,{ UUID } from 'jmini'
6
6
 
7
7
  import {
8
8
  Config,
@@ -17,6 +17,9 @@ import {
17
17
  Button,
18
18
  Plate,
19
19
  Column,
20
+ Sheet,
21
+ Text,
22
+ FAI,
20
23
  } from 'amotify'
21
24
 
22
25
  import '../../dist/@styles/style.css'
@@ -26,26 +29,74 @@ import {
26
29
  } from './designBook'
27
30
 
28
31
  let Test = () => {
32
+ let [ val_open,set_open ] = useState( false )
33
+
34
+ let [ val_uuid,set_uuid ] = useState( UUID() )
35
+ useEffect( () => {
36
+ if ( !val_open ) return
37
+ $$.interval.once( () => {
38
+ set_uuid( UUID() )
39
+ },1000 )
40
+ },[ val_open ] )
41
+ Sheet.open( {
42
+ type: 'normal.middleCenter',
43
+ size: 'S',
44
+ content: <Sheet.Body>
45
+ AAA
46
+ </Sheet.Body>
47
+ } )
48
+
29
49
  return <Box>
30
- <Plate padding={ 4 }>
31
- <Column>
32
- <Card>
33
- Hello World
34
- </Card>
35
- <Card.Border>
36
- Hello World
37
- </Card.Border>
38
- <Card.Cloud>
39
- Hello World
40
- </Card.Cloud>
41
- <Card.Plain>
42
- Hello World
43
- </Card.Plain>
44
- <Card.Shadow>
45
- Hello World
46
- </Card.Shadow>
47
- </Column>
48
- </Plate>
50
+ <Text.Paragraph>
51
+ sheet: { String( val_open ) }
52
+ </Text.Paragraph>
53
+ <Button.Prime
54
+ onClick={ () => {
55
+ set_open( !val_open )
56
+ } }
57
+ >
58
+ Submit
59
+ </Button.Prime>
60
+ <Sheet.Element
61
+ type='custom'
62
+ isOpen={ val_open }
63
+ size='S'
64
+ >
65
+ Hello
66
+ </Sheet.Element>
67
+ <Sheet.Element
68
+ key={ val_uuid }
69
+ sheetID='testSheet'
70
+ type='normal.middleCenter'
71
+ size='S'
72
+ isOpen={ val_open }
73
+ openAfter={ () => {
74
+ set_open( true )
75
+ } }
76
+ closeAfter={ () => {
77
+ set_open( false )
78
+ } }
79
+ >
80
+ <Sheet.Body>
81
+ <Column padding={ 2 }>
82
+ <Row.Separate>
83
+ <Text.Paragraph>
84
+ Title
85
+ </Text.Paragraph>
86
+ <Button.Sub
87
+ color='cloud'
88
+ ssSphere={ 3 }
89
+ onClick={ () => {
90
+ set_open( false )
91
+ } }
92
+ >
93
+ <FAI.Times />
94
+ </Button.Sub>
95
+ </Row.Separate>
96
+ { val_uuid }
97
+ </Column>
98
+ </Sheet.Body>
99
+ </Sheet.Element>
49
100
  {/* <DesignBook
50
101
  /> */}
51
102