@xwadex/fesd 0.0.2 → 0.0.3
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/package.json +4 -1
- package/20240328-video4-setting.png +0 -0
- package/CHANGELOG.md +0 -41
- package/index.html +0 -25
- package/prepros.config +0 -883
- package/src/fesd/anchor4/anchor4.js +0 -179
- package/src/fesd/aost4/_aost4.sass +0 -64
- package/src/fesd/aost4/aost4.js +0 -138
- package/src/fesd/article4/article4.js +0 -280
- package/src/fesd/article4/article4.md +0 -1
- package/src/fesd/category-slider/_category-slider.sass +0 -33
- package/src/fesd/category-slider/category-slider.js +0 -332
- package/src/fesd/collapse4/collapse4.js +0 -159
- package/src/fesd/detect4/detect4.js +0 -70
- package/src/fesd/dropdown4/_dropdown4.sass +0 -185
- package/src/fesd/dropdown4/cityData.js +0 -830
- package/src/fesd/dropdown4/dropdown4.js +0 -647
- package/src/fesd/image-preview/_image-preview.sass +0 -26
- package/src/fesd/image-preview/image-preview.js +0 -209
- package/src/fesd/image-validate/_image-validate.sass +0 -21
- package/src/fesd/image-validate/image-validate.js +0 -84
- package/src/fesd/marquee4/_marquee4.sass +0 -45
- package/src/fesd/marquee4/marquee4.js +0 -371
- package/src/fesd/modal4/_modal4.sass +0 -134
- package/src/fesd/modal4/modal4.js +0 -236
- package/src/fesd/modal4/modernModal.js +0 -182
- package/src/fesd/multipurpose4/_multipurpose4.sass +0 -282
- package/src/fesd/multipurpose4/multipurpose4.js +0 -562
- package/src/fesd/ripple4/_ripple4.sass +0 -44
- package/src/fesd/ripple4/ripple4.js +0 -138
- package/src/fesd/share4/share4.js +0 -191
- package/src/fesd/shared/shared.js +0 -59
- package/src/fesd/shared/utils.js +0 -98
- package/src/fesd/tab4/_tab4.sass +0 -25
- package/src/fesd/tab4/tab4.js +0 -473
- package/src/fesd/video4/README.md +0 -3
- package/src/fesd/video4/_video4.sass +0 -117
- package/src/fesd/video4/video4.js +0 -237
- package/src/fesd/video4/videoPlayer.js +0 -195
- package/src/fesd.js +0 -53
- package/src/fesd.sass +0 -29
- package/src/fesdDB.js +0 -282
- package/vite.config.js +0 -37
@@ -1,185 +0,0 @@
|
|
1
|
-
dropdown-el
|
2
|
-
position: relative
|
3
|
-
display: block
|
4
|
-
width: 100%
|
5
|
-
&[d4-status="open"]
|
6
|
-
.dropdown-icon
|
7
|
-
transform: rotateX(180deg)
|
8
|
-
// 選取之後的顏色
|
9
|
-
&:not([d4-value=""])
|
10
|
-
.select-display
|
11
|
-
color: #fff
|
12
|
-
&[multiple]
|
13
|
-
.select-display
|
14
|
-
display: flex
|
15
|
-
flex-wrap: wrap
|
16
|
-
gap: 8px
|
17
|
-
.option-btn
|
18
|
-
display: flex
|
19
|
-
align-items: center
|
20
|
-
padding: 4px 15px
|
21
|
-
background-color: #585858
|
22
|
-
border-radius: 10rem
|
23
|
-
.text
|
24
|
-
color: #fff
|
25
|
-
.remove-icon
|
26
|
-
position: relative
|
27
|
-
width: 14px
|
28
|
-
height: 14px
|
29
|
-
transform: rotate(45deg)
|
30
|
-
margin-left: 10px
|
31
|
-
&::before,&::after
|
32
|
-
content: ''
|
33
|
-
position: absolute
|
34
|
-
top: 50%
|
35
|
-
left: 50%
|
36
|
-
transform: translate3d(-50%,-50%,0)
|
37
|
-
background-color: #fff
|
38
|
-
&::before
|
39
|
-
width: 100%
|
40
|
-
height: 1px
|
41
|
-
&::after
|
42
|
-
width: 1px
|
43
|
-
height: 100%
|
44
|
-
&:not([multiple])
|
45
|
-
.select-display
|
46
|
-
display: block
|
47
|
-
overflow: hidden
|
48
|
-
display: -webkit-box
|
49
|
-
text-overflow: ellipsis
|
50
|
-
-webkit-box-orient: vertical
|
51
|
-
-webkit-line-clamp: 1
|
52
|
-
padding-right: 20px
|
53
|
-
// 禁用
|
54
|
-
&.disabled
|
55
|
-
opacity: 0.5
|
56
|
-
pointer-events: none
|
57
|
-
>li
|
58
|
-
display: none
|
59
|
-
.select-wrapper
|
60
|
-
display: flex
|
61
|
-
align-items: center
|
62
|
-
width: 100%
|
63
|
-
min-height: 48px
|
64
|
-
border-radius: 8px
|
65
|
-
background-color: #000
|
66
|
-
padding: 15px
|
67
|
-
cursor: pointer
|
68
|
-
.select-display
|
69
|
-
flex: 1
|
70
|
-
color: #fff
|
71
|
-
.dropdown-icon
|
72
|
-
width: 0
|
73
|
-
height: 0
|
74
|
-
border-width: 6px 5px 0 5px
|
75
|
-
border-style: solid
|
76
|
-
border-color: #fff transparent transparent transparent
|
77
|
-
margin-left: auto
|
78
|
-
transition: transform 0.3s linear
|
79
|
-
.dropdown
|
80
|
-
position: absolute
|
81
|
-
top: 100%
|
82
|
-
left: 0
|
83
|
-
width: 100%
|
84
|
-
height: 0
|
85
|
-
transform: translate3d(0,5px,0)
|
86
|
-
transition: height 0.4s cubic-bezier(0.02, 0.01, 0.47, 1)
|
87
|
-
overflow: hidden
|
88
|
-
border-radius: 8px
|
89
|
-
will-change: height
|
90
|
-
z-index: 1
|
91
|
-
&::after
|
92
|
-
content: ''
|
93
|
-
position: absolute
|
94
|
-
top: 0
|
95
|
-
left: 0
|
96
|
-
width: 100%
|
97
|
-
height: var(--maxHeight)
|
98
|
-
background-color: #fff
|
99
|
-
border: 1px solid rgba(0,0,0,0.2)
|
100
|
-
border-radius: 8px
|
101
|
-
transition: height 0.4s cubic-bezier(0.02, 0.01, 0.47, 1)
|
102
|
-
z-index: -1
|
103
|
-
.filter-bar
|
104
|
-
width: 100%
|
105
|
-
margin: 0 auto
|
106
|
-
padding: 5px
|
107
|
-
.filter-input
|
108
|
-
display: block
|
109
|
-
width: 100%
|
110
|
-
height: 50px
|
111
|
-
border: none
|
112
|
-
border-radius: 8px
|
113
|
-
border: 1px solid #1e1e1e
|
114
|
-
padding: 0 10px
|
115
|
-
font-size: 16px
|
116
|
-
.dropdown-scroller
|
117
|
-
width: 100%
|
118
|
-
max-height: 200px
|
119
|
-
overflow: hidden
|
120
|
-
.dropdown-list
|
121
|
-
position: relative
|
122
|
-
width: 100%
|
123
|
-
height: 100%
|
124
|
-
> li
|
125
|
-
line-height: 1.5
|
126
|
-
padding: 15px
|
127
|
-
transition: background-color 0.3s linear
|
128
|
-
&:not(:first-child)
|
129
|
-
border-top: 1px solid #eee
|
130
|
-
&:not(.has-sublayer)
|
131
|
-
&.active,&:hover
|
132
|
-
background-color: #eee
|
133
|
-
// 子選單樣式
|
134
|
-
.sub-dropdown
|
135
|
-
height: 0
|
136
|
-
transition: height 0.4s cubic-bezier(0.02, 0.01, 0.47, 1)
|
137
|
-
overflow: hidden
|
138
|
-
.sub-dropdown-list
|
139
|
-
background-color: #666
|
140
|
-
color: #fff
|
141
|
-
margin-top: 5px
|
142
|
-
>li
|
143
|
-
padding: 10px
|
144
|
-
&:not(:first-child)
|
145
|
-
border-top: 1px solid #fff
|
146
|
-
li.has-sublayer
|
147
|
-
&.open
|
148
|
-
.header
|
149
|
-
.icon
|
150
|
-
transform: rotateX(180deg)
|
151
|
-
.sub-dropdown
|
152
|
-
height: var(--height)
|
153
|
-
.header
|
154
|
-
display: flex
|
155
|
-
align-items: center
|
156
|
-
.title
|
157
|
-
display: block
|
158
|
-
overflow: hidden
|
159
|
-
display: -webkit-box
|
160
|
-
text-overflow: ellipsis
|
161
|
-
-webkit-box-orient: vertical
|
162
|
-
-webkit-line-clamp: 1
|
163
|
-
padding-right: 20px
|
164
|
-
.icon
|
165
|
-
width: 0
|
166
|
-
height: 0
|
167
|
-
border-width: 6px 5px 0 5px
|
168
|
-
border-style: solid
|
169
|
-
border-color: #000 transparent transparent transparent
|
170
|
-
margin-left: auto
|
171
|
-
transition: transform 0.3s linear
|
172
|
-
|
173
|
-
// 卷軸樣式
|
174
|
-
.os-theme-dark
|
175
|
-
> .os-scrollbar
|
176
|
-
&:hover
|
177
|
-
> .os-scrollbar-track
|
178
|
-
> .os-scrollbar-handle
|
179
|
-
background: var(--scrollbar-thumb-hover-color) // 卷軸Hover後顏色
|
180
|
-
> .os-scrollbar-track
|
181
|
-
background: var(--scrollbar-track-color) // 卷軸整條顏色
|
182
|
-
border-radius: var(--scrollbar-radius) // 卷軸整條圓角
|
183
|
-
> .os-scrollbar-handle
|
184
|
-
background: var(--scrollbar-thumb-color) // 卷軸顏色
|
185
|
-
border-radius: var(--scrollbar-radius) // 卷軸圓角
|