amotify 0.2.87 → 0.2.89
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/demo/esbuild/app.tsx +50 -6
- package/demo/esbuild/designBook.tsx +2967 -0
- package/demo/esbuild/nodemon.json +2 -1
- package/demo/esbuild/public/index.css +1 -1
- package/demo/esbuild/public/index.js +22 -120
- package/dist/@declares/property.d.ts +5 -4
- package/dist/@styles/componentClasses/index.css +1 -1
- package/dist/@styles/componentClasses/index.js +1 -1
- package/dist/@styles/index.css +1 -1
- package/dist/@styles/index.js +1 -1
- package/dist/@styles/style.css +1 -1
- package/dist/@styles/style.js +1 -1
- package/dist/@utils/GenerateClassName.js +1 -1
- package/dist/fn/Input/Checker.d.ts +5 -0
- package/dist/fn/Input/Checker.js +1 -1
- package/dist/fn/Input/List.d.ts +5 -3
- package/dist/fn/Input/List.js +1 -1
- package/dist/fn/Input/Switch.d.ts +13 -2
- package/dist/fn/Input/Switch.js +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/temps/index.d.ts +1 -1
- package/dist/temps/index.js +0 -1
- package/package.json +1 -1
- package/dist/temps/designBook.d.ts +0 -2
- package/dist/temps/designBook.js +0 -99
package/demo/esbuild/app.tsx
CHANGED
|
@@ -5,7 +5,6 @@ import React,{ StrictMode,useEffect } from 'react'
|
|
|
5
5
|
import $$ from 'jmini'
|
|
6
6
|
|
|
7
7
|
import {
|
|
8
|
-
DesignBook,
|
|
9
8
|
Config,
|
|
10
9
|
ReactElement,
|
|
11
10
|
Row,
|
|
@@ -27,8 +26,9 @@ import {
|
|
|
27
26
|
|
|
28
27
|
import '../../dist/@styles/style.css'
|
|
29
28
|
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
import {
|
|
30
|
+
DesignBook
|
|
31
|
+
} from './designBook'
|
|
32
32
|
|
|
33
33
|
const OpenSheetA = () => {
|
|
34
34
|
Sheet.open( {
|
|
@@ -86,8 +86,8 @@ let Test = () => {
|
|
|
86
86
|
optionElms.push( <option key={ i } value={ i }>{ i }</option> )
|
|
87
87
|
}
|
|
88
88
|
return <>
|
|
89
|
-
<DesignBook
|
|
90
|
-
/>
|
|
89
|
+
{/* <DesignBook
|
|
90
|
+
/> */}
|
|
91
91
|
<Row.Center
|
|
92
92
|
flexCenter
|
|
93
93
|
freeCSS={ {
|
|
@@ -95,21 +95,63 @@ let Test = () => {
|
|
|
95
95
|
} }
|
|
96
96
|
>
|
|
97
97
|
<Column gap={ 2 }>
|
|
98
|
+
|
|
99
|
+
<Box>
|
|
100
|
+
<Box
|
|
101
|
+
border
|
|
102
|
+
borderLeft='1.thin'
|
|
103
|
+
borderBottom='3.thick'
|
|
104
|
+
borderWidth={ 2 }
|
|
105
|
+
borderColor='posi'
|
|
106
|
+
>
|
|
107
|
+
A
|
|
108
|
+
</Box>
|
|
109
|
+
|
|
110
|
+
</Box>
|
|
111
|
+
<Row.Left>
|
|
112
|
+
<Input.Switch.S
|
|
113
|
+
icon={ <FAI.Check /> }
|
|
114
|
+
/>
|
|
115
|
+
<Input.Switch
|
|
116
|
+
icon={ <FAI.Check /> }
|
|
117
|
+
/>
|
|
118
|
+
<Input.Switch.L
|
|
119
|
+
icon={ <FAI.Check /> }
|
|
120
|
+
/>
|
|
121
|
+
</Row.Left>
|
|
122
|
+
<Row.Left>
|
|
123
|
+
<Input.Switch.S
|
|
124
|
+
isApply
|
|
125
|
+
icon={ <FAI.Check /> }
|
|
126
|
+
/>
|
|
127
|
+
<Input.Switch
|
|
128
|
+
isApply
|
|
129
|
+
icon={ <FAI.Check /> }
|
|
130
|
+
/>
|
|
131
|
+
<Input.Switch.L
|
|
132
|
+
isApply
|
|
133
|
+
icon={ <FAI.Check /> }
|
|
134
|
+
/>
|
|
135
|
+
</Row.Left>
|
|
136
|
+
|
|
98
137
|
<Input.Radio
|
|
99
138
|
gap={ 1 }
|
|
100
139
|
iconSize='small'
|
|
140
|
+
iconCheckedColor='posi'
|
|
101
141
|
value={ 1 }
|
|
102
142
|
options={ [ { value: 1,label: "Option1" },{ value: 2,label: "Option2" },{ value: 3,label: "Option3" } ] }
|
|
103
143
|
/>
|
|
104
144
|
<Input.Radio
|
|
105
145
|
gap={ 1 }
|
|
106
146
|
// iconSize='large'
|
|
147
|
+
iconCheckedColor='nega'
|
|
107
148
|
value={ 1 }
|
|
108
149
|
options={ [ { value: 1,label: "Option1" },{ value: 2,label: "Option2" },{ value: 3,label: "Option3" } ] }
|
|
109
150
|
/>
|
|
110
151
|
<Input.Radio
|
|
111
152
|
gap={ 1 }
|
|
112
153
|
iconSize='large'
|
|
154
|
+
iconCheckedColor='warn'
|
|
113
155
|
value={ 1 }
|
|
114
156
|
options={ [
|
|
115
157
|
{ value: 1,label: <Box>Option1</Box> },
|
|
@@ -125,14 +167,15 @@ let Test = () => {
|
|
|
125
167
|
/>
|
|
126
168
|
<Input.Checkbox
|
|
127
169
|
gap={ 1 }
|
|
128
|
-
// iconSize='large'
|
|
129
170
|
value={ 1 }
|
|
171
|
+
iconCheckedColor='theater'
|
|
130
172
|
options={ [ { value: 1,label: "Option1" },{ value: 2,label: "Option2" },{ value: 3,label: "Option3" } ] }
|
|
131
173
|
/>
|
|
132
174
|
<Input.Checkbox
|
|
133
175
|
gap={ 1 }
|
|
134
176
|
iconSize='large'
|
|
135
177
|
value={ 1 }
|
|
178
|
+
iconCheckedColor='tree3'
|
|
136
179
|
options={ [ { value: 1,label: "Option1" },{ value: 2,label: "Option2" },{ value: 3,label: "Option3" } ] }
|
|
137
180
|
/>
|
|
138
181
|
|
|
@@ -204,6 +247,7 @@ $$.scope( () => {
|
|
|
204
247
|
|
|
205
248
|
themeColor: $$.localStrage.get( 'prf.themeColor' ) || 'battery',
|
|
206
249
|
// darkMode: $$.getLocalStrageData( 'prf.darkMode' ) || 'dark'
|
|
250
|
+
// darkMode: 'dark'
|
|
207
251
|
} )
|
|
208
252
|
|
|
209
253
|
const AppRouter = () => {
|