amotify 0.0.16 → 0.0.18
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.
- package/@types/state.tsx +9 -2
- package/dist/amotify.js +2 -2
- package/dist/amotify.min.css +3 -3
- package/dist/coreVender.js +1 -1
- package/package.json +2 -2
- package/src/atoms/Logo/parts.tsx +14 -14
- package/src/atoms/Various/parts.tsx +6 -6
- package/src/functions/Button/_.tsx +26 -16
- package/src/functions/Button/style.module.scss +34 -60
- package/src/functions/Cropper/parts.tsx +119 -121
- package/src/functions/Effects/Fade.tsx +4 -4
- package/src/functions/Effects/style.module.scss +9 -1
- package/src/functions/Input/Chips/Selector.tsx +2 -2
- package/src/functions/Input/Chips/_.tsx +4 -4
- package/src/functions/Input/DigitCharacters.tsx +2 -2
- package/src/functions/Input/File/_.tsx +206 -213
- package/src/functions/Input/List/_.tsx +4 -4
- package/src/functions/Input/Segmented/_.tsx +12 -12
- package/src/functions/Input/Select/_.tsx +6 -7
- package/src/functions/Input/Slider/_.tsx +4 -4
- package/src/functions/Input/Text.tsx +104 -106
- package/src/functions/Input/TextArea.tsx +33 -35
- package/src/functions/Input/Time/Picker.tsx +14 -14
- package/src/functions/Input/Time/_.tsx +77 -79
- package/src/functions/Input/_.tsx +87 -93
- package/src/functions/Input/core.tsx +2 -2
- package/src/functions/Inputs/text.tsx +6 -8
- package/src/functions/Layout/PageNotFound.tsx +2 -2
- package/src/functions/Layout/PageViewController/parts.tsx +3 -5
- package/src/functions/Layout/Plate.tsx +2 -3
- package/src/functions/Layout/RootViewController/parts.tsx +4 -4
- package/src/functions/Layout/SwipeView/parts.tsx +4 -4
- package/src/functions/Layout/TabBar.tsx +2 -2
- package/src/functions/Sheet/parts.tsx +11 -11
- package/src/functions/SnackBar/parts.tsx +4 -3
- package/src/functions/Table/Data/parts.tsx +35 -37
- package/src/functions/Table/Drag/parts.tsx +6 -6
- package/src/functions/Table/Normal/parts.tsx +6 -6
- package/src/functions/Table/_.tsx +2 -2
- package/src/launch.tsx +0 -1
- package/src/molecules/Accordion/parts.tsx +2 -2
- package/src/molecules/LinkifyText/parts.tsx +3 -5
- package/src/templates/PlayGround/parts.tsx +2 -2
- package/webpack.config.js +0 -6
|
@@ -353,10 +353,10 @@ const Components = {
|
|
|
353
353
|
</Comps.TH> );
|
|
354
354
|
}
|
|
355
355
|
|
|
356
|
-
return
|
|
356
|
+
return <Comps.Row
|
|
357
357
|
className={ [ style.Row,style.HeadRow ].join( ' ' ) }
|
|
358
358
|
children={ Cols }
|
|
359
|
-
|
|
359
|
+
/>;
|
|
360
360
|
},
|
|
361
361
|
Body: ( params: {
|
|
362
362
|
val_status: DataTableOptionParams
|
|
@@ -500,7 +500,7 @@ const Components = {
|
|
|
500
500
|
</Comps.TD>
|
|
501
501
|
</Comps.Row> );
|
|
502
502
|
}
|
|
503
|
-
return
|
|
503
|
+
return <>{ BodyRows }</>;
|
|
504
504
|
},
|
|
505
505
|
Core: ( params: {
|
|
506
506
|
val_status: DataTableOptionParams
|
|
@@ -645,24 +645,22 @@ const Components = {
|
|
|
645
645
|
} );
|
|
646
646
|
} );
|
|
647
647
|
|
|
648
|
-
return
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
>
|
|
652
|
-
<
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
</Box>
|
|
665
|
-
</> );
|
|
648
|
+
return <Box
|
|
649
|
+
className={ style.TableBase }
|
|
650
|
+
>
|
|
651
|
+
<Comps.Table className={ style.Table }>
|
|
652
|
+
<Components.Header
|
|
653
|
+
val_status={ val_status }
|
|
654
|
+
set_status={ set_status }
|
|
655
|
+
KeywordFilterRows={ KeywordFilterRows }
|
|
656
|
+
/>
|
|
657
|
+
<Components.Body
|
|
658
|
+
val_status={ val_status }
|
|
659
|
+
set_status={ set_status }
|
|
660
|
+
PageRows={ PageRows }
|
|
661
|
+
/>
|
|
662
|
+
</Comps.Table>
|
|
663
|
+
</Box>;
|
|
666
664
|
},
|
|
667
665
|
Propagations: {} as any,
|
|
668
666
|
|
|
@@ -707,10 +705,10 @@ const Components = {
|
|
|
707
705
|
} );
|
|
708
706
|
row.__sys4SearchKey = __sys4SearchKey.join( '/;' );
|
|
709
707
|
} );
|
|
710
|
-
return
|
|
708
|
+
return <Components.StateManager
|
|
711
709
|
eventID={ $.uuidGen() }
|
|
712
710
|
{ ...params }
|
|
713
|
-
|
|
711
|
+
/>;
|
|
714
712
|
},
|
|
715
713
|
StateManager: ( params: amotify.fn.Tables.Data.Params ) => {
|
|
716
714
|
let {
|
|
@@ -762,10 +760,10 @@ const Components = {
|
|
|
762
760
|
set_status( DefStatus );
|
|
763
761
|
}
|
|
764
762
|
|
|
765
|
-
return
|
|
763
|
+
return <Components.Core
|
|
766
764
|
val_status={ val_status }
|
|
767
765
|
set_status={ set_status }
|
|
768
|
-
|
|
766
|
+
/>;
|
|
769
767
|
}
|
|
770
768
|
}
|
|
771
769
|
|
|
@@ -823,9 +821,9 @@ export const DataFNs: amotify.fn.Tables.Data.FNs = {
|
|
|
823
821
|
export const DataComps: amotify.fn.Tables.Data.Comps = {
|
|
824
822
|
SearchInput: ( params ) => {
|
|
825
823
|
let status = DataFNs.useStatus( params.tableID );
|
|
826
|
-
if ( !status.tableComponentDidMount ) return
|
|
824
|
+
if ( !status.tableComponentDidMount ) return null;
|
|
827
825
|
|
|
828
|
-
return
|
|
826
|
+
return <Input.Text.Normal
|
|
829
827
|
placeholder='検索...'
|
|
830
828
|
clearButton
|
|
831
829
|
padding={ '2/3' }
|
|
@@ -841,14 +839,14 @@ export const DataComps: amotify.fn.Tables.Data.Comps = {
|
|
|
841
839
|
onUpdateValidValue={ ( { value } ) => {
|
|
842
840
|
DataFNs.setSearchKeyword( params.tableID,value );
|
|
843
841
|
} }
|
|
844
|
-
|
|
842
|
+
/>;
|
|
845
843
|
},
|
|
846
844
|
Info: ( params ) => {
|
|
847
845
|
let status = DataFNs.useStatus( params.tableID );
|
|
848
|
-
if ( !status.tableComponentDidMount ) return
|
|
846
|
+
if ( !status.tableComponentDidMount ) return null;
|
|
849
847
|
let Ratio = status.filteredRows.ratio( status.totalRows ) || 0;
|
|
850
848
|
|
|
851
|
-
return
|
|
849
|
+
return <Flex
|
|
852
850
|
verticalAlign='baseline'
|
|
853
851
|
gap={ '1/2' }
|
|
854
852
|
fontSize='1.mini'
|
|
@@ -861,18 +859,18 @@ export const DataComps: amotify.fn.Tables.Data.Comps = {
|
|
|
861
859
|
{ status.filteredRows.toLocaleString() }
|
|
862
860
|
</Span>
|
|
863
861
|
/ { status.totalRows.toLocaleString() }件 ({ Ratio }%)
|
|
864
|
-
</Flex
|
|
862
|
+
</Flex>;
|
|
865
863
|
},
|
|
866
864
|
Paging: ( params ) => {
|
|
867
865
|
let status = DataFNs.useStatus( params.tableID );
|
|
868
|
-
if ( !status.tableComponentDidMount ) return
|
|
866
|
+
if ( !status.tableComponentDidMount ) return null;
|
|
869
867
|
|
|
870
868
|
let PageSelect: amotify.fn.Input.Select.OptionProps[] = [];
|
|
871
869
|
for ( let index = 0; index < status.paging.pageLength; index++ ) {
|
|
872
870
|
PageSelect.push( { value: index + 1,label: ( index + 1 ).toString() } );
|
|
873
871
|
}
|
|
874
872
|
|
|
875
|
-
return
|
|
873
|
+
return <Row.Center>
|
|
876
874
|
<Row.Center
|
|
877
875
|
gap={ '1/2' }
|
|
878
876
|
>
|
|
@@ -917,11 +915,11 @@ export const DataComps: amotify.fn.Tables.Data.Comps = {
|
|
|
917
915
|
<FAI.ChevronRight />
|
|
918
916
|
</Buttons.Button.Sub.R>
|
|
919
917
|
</Row.Right>
|
|
920
|
-
</Row.Center
|
|
918
|
+
</Row.Center>;
|
|
921
919
|
},
|
|
922
920
|
RowLength: ( params ) => {
|
|
923
921
|
let status = DataFNs.useStatus( params.tableID );
|
|
924
|
-
if ( !status.tableComponentDidMount ) return
|
|
922
|
+
if ( !status.tableComponentDidMount ) return null;
|
|
925
923
|
|
|
926
924
|
let currentLength = status.paging.rowLength;
|
|
927
925
|
let ExistCurrentLength = 0;
|
|
@@ -939,7 +937,7 @@ export const DataComps: amotify.fn.Tables.Data.Comps = {
|
|
|
939
937
|
keys: [ 'value' ],
|
|
940
938
|
} );
|
|
941
939
|
|
|
942
|
-
return
|
|
940
|
+
return <Row.Center
|
|
943
941
|
gap={ '1/2' }
|
|
944
942
|
>
|
|
945
943
|
件数 :
|
|
@@ -955,7 +953,7 @@ export const DataComps: amotify.fn.Tables.Data.Comps = {
|
|
|
955
953
|
DataFNs.setRowLength( params.tableID,value );
|
|
956
954
|
} }
|
|
957
955
|
/>
|
|
958
|
-
</Row.Center
|
|
956
|
+
</Row.Center>;
|
|
959
957
|
},
|
|
960
958
|
}
|
|
961
959
|
|
|
@@ -64,10 +64,10 @@ const HeadRow: React.FC<amotify.fn.Tables.Drag.Params> = ( props ) => {
|
|
|
64
64
|
/> );
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
-
return
|
|
67
|
+
return <Comps.Row
|
|
68
68
|
className={ [ style.Row,style.HeadRow ].join( ' ' ) }
|
|
69
69
|
children={ Cols }
|
|
70
|
-
|
|
70
|
+
/>;
|
|
71
71
|
}
|
|
72
72
|
const BodyRows: React.FC<amotify.fn.Tables.Drag.Params> = ( props ) => {
|
|
73
73
|
let {
|
|
@@ -294,9 +294,9 @@ const BodyRows: React.FC<amotify.fn.Tables.Drag.Params> = ( props ) => {
|
|
|
294
294
|
}
|
|
295
295
|
},[] );
|
|
296
296
|
|
|
297
|
-
return
|
|
297
|
+
return <>
|
|
298
298
|
{ BodyRows }
|
|
299
|
-
|
|
299
|
+
</>;
|
|
300
300
|
}
|
|
301
301
|
|
|
302
302
|
export const DragTable: React.FC<amotify.fn.Tables.Drag.Params> = ( params ) => {
|
|
@@ -334,10 +334,10 @@ export const DragTable: React.FC<amotify.fn.Tables.Drag.Params> = ( params ) =>
|
|
|
334
334
|
return row;
|
|
335
335
|
} );
|
|
336
336
|
|
|
337
|
-
return
|
|
337
|
+
return <Comps.Table className={ style.Table }>
|
|
338
338
|
<HeadRow { ...params } />
|
|
339
339
|
<BodyRows { ...params } />
|
|
340
|
-
</Comps.Table
|
|
340
|
+
</Comps.Table>;
|
|
341
341
|
}
|
|
342
342
|
|
|
343
343
|
type InfoParams = {
|
|
@@ -47,10 +47,10 @@ const HeadRow: React.FC<amotify.fn.Tables.Normal.Params> = ( params ) => {
|
|
|
47
47
|
/> );
|
|
48
48
|
} )
|
|
49
49
|
|
|
50
|
-
return
|
|
50
|
+
return <Comps.Row
|
|
51
51
|
className={ [ style.Row,style.HeadRow ].join( ' ' ) }
|
|
52
52
|
children={ Cols }
|
|
53
|
-
|
|
53
|
+
/>;
|
|
54
54
|
}
|
|
55
55
|
const BodyRows: React.FC<amotify.fn.Tables.Normal.Params> = ( params ) => {
|
|
56
56
|
let {
|
|
@@ -105,9 +105,9 @@ const BodyRows: React.FC<amotify.fn.Tables.Normal.Params> = ( params ) => {
|
|
|
105
105
|
/> );
|
|
106
106
|
} );
|
|
107
107
|
|
|
108
|
-
return
|
|
108
|
+
return <>
|
|
109
109
|
{ BodyRows }
|
|
110
|
-
|
|
110
|
+
</>;
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
export const NormalTable: React.FC<amotify.fn.Tables.Normal.Params> = ( params ) => {
|
|
@@ -117,8 +117,8 @@ export const NormalTable: React.FC<amotify.fn.Tables.Normal.Params> = ( params )
|
|
|
117
117
|
return row;
|
|
118
118
|
} );
|
|
119
119
|
|
|
120
|
-
return
|
|
120
|
+
return <Comps.Table className={ style.Table }>
|
|
121
121
|
<HeadRow { ...params } />
|
|
122
122
|
<BodyRows { ...params } />
|
|
123
|
-
</Comps.Table
|
|
123
|
+
</Comps.Table>;
|
|
124
124
|
}
|
|
@@ -100,12 +100,12 @@ const Wrapper: React.FC<amotify.fn.Tables.Uni.Params & {
|
|
|
100
100
|
'spread': ''
|
|
101
101
|
}[ type ];
|
|
102
102
|
|
|
103
|
-
return
|
|
103
|
+
return <Box
|
|
104
104
|
className={ ClassName }
|
|
105
105
|
style={ freeCSS }
|
|
106
106
|
>
|
|
107
107
|
<TableComponent { ...others as any } />
|
|
108
|
-
</Box
|
|
108
|
+
</Box>;
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
let DataComponent: any = ( props: any ) => ( <Wrapper type='data' { ...props } /> );
|
package/src/launch.tsx
CHANGED
|
@@ -113,7 +113,7 @@ const Component: React.FC<amotify.mols.Accordion.Params> = ( params ) => {
|
|
|
113
113
|
} );
|
|
114
114
|
}
|
|
115
115
|
|
|
116
|
-
return
|
|
116
|
+
return <Box
|
|
117
117
|
className={ [
|
|
118
118
|
style.Wrap,
|
|
119
119
|
style[ 'Open_' + val_open ]
|
|
@@ -124,7 +124,7 @@ const Component: React.FC<amotify.mols.Accordion.Params> = ( params ) => {
|
|
|
124
124
|
data-accordion-content-id={ val_contentID }
|
|
125
125
|
{ ...others }
|
|
126
126
|
/>
|
|
127
|
-
</Box
|
|
127
|
+
</Box>;
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
const Accordion: amotify.mols.Accordion.SetParams = Component as any
|
|
@@ -15,7 +15,7 @@ import {
|
|
|
15
15
|
import style from './style.module.scss';
|
|
16
16
|
|
|
17
17
|
export const PlayGround: React.FC<{}> = () => {
|
|
18
|
-
return
|
|
18
|
+
return <>
|
|
19
19
|
<Box
|
|
20
20
|
padding={ 2 }
|
|
21
21
|
border
|
|
@@ -92,5 +92,5 @@ export const PlayGround: React.FC<{}> = () => {
|
|
|
92
92
|
/>
|
|
93
93
|
</Box>
|
|
94
94
|
</Column>
|
|
95
|
-
|
|
95
|
+
</>;
|
|
96
96
|
}
|
package/webpack.config.js
CHANGED
|
@@ -52,12 +52,6 @@ module.exports = ( () => {
|
|
|
52
52
|
],
|
|
53
53
|
splitChunks: {
|
|
54
54
|
cacheGroups: {
|
|
55
|
-
// jsminFront: {
|
|
56
|
-
// test: /node_modules\/jsmin-front/,
|
|
57
|
-
// filename: 'jsminFront.js',
|
|
58
|
-
// chunks: 'all',
|
|
59
|
-
// enforce: true
|
|
60
|
-
// },
|
|
61
55
|
vendor: {
|
|
62
56
|
test: /node_modules/,
|
|
63
57
|
filename: 'coreVender.js',
|