jplan-pack 0.5.70 → 0.5.72

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/dist/index.css ADDED
@@ -0,0 +1 @@
1
+ export default undefined;export default undefined;export default undefined;export default undefined;export default undefined;{}
@@ -0,0 +1,243 @@
1
+
2
+ .relative[data-v-a53b15af] {
3
+ position: relative;
4
+ }
5
+
6
+
7
+ .max-w[data-v-61d006fd] {
8
+ max-width: 400px;
9
+ white-space: nowrap;
10
+ overflow: hidden;
11
+ text-overflow: ellipsis;
12
+ }
13
+
14
+
15
+ .height[data-v-489d31c3] {
16
+ height: calc(100vh - 280px);
17
+ }
18
+
19
+
20
+ .overlay[data-v-71303a61] {
21
+ position: fixed;
22
+ top: 0;
23
+ left: 0;
24
+ width: 100%;
25
+ height: 100%;
26
+ background: rgba(0, 0, 0, 0.5);
27
+ z-index: 10000;
28
+ display: flex;
29
+ align-items: center;
30
+ justify-content: center;
31
+ }
32
+ @keyframes spinner-loading-71303a61 {
33
+ 0% {
34
+ transform: rotate(0)
35
+ }
36
+ 100% {
37
+ transform: rotate(360deg)
38
+ }
39
+ }
40
+ .spinner-loading div[data-v-71303a61] {
41
+ box-sizing: border-box !important
42
+ }
43
+ .spinner-loading > div[data-v-71303a61] {
44
+ position: absolute;
45
+ width: 148px;
46
+ height: 148px;
47
+ top: 26px;
48
+ left: 26px;
49
+ border-radius: 50%;
50
+ border: 8px solid #000;
51
+ border-color: #00ff82 transparent #00ff82 transparent;
52
+ animation: spinner-loading-71303a61 1.3333333333333333s linear infinite;
53
+ }
54
+ .spinner-loading > div[data-v-71303a61]:nth-child(2), .spinner-loading > div[data-v-71303a61]:nth-child(4) {
55
+ width: 128px;
56
+ height: 128px;
57
+ top: 36px;
58
+ left: 36px;
59
+ animation: spinner-loading-71303a61 1.3333333333333333s linear infinite reverse;
60
+ }
61
+ .spinner-loading > div[data-v-71303a61]:nth-child(2) {
62
+ border-color: transparent #00cd78 transparent #00cd78
63
+ }
64
+ .spinner-loading > div[data-v-71303a61]:nth-child(3) {
65
+ border-color: transparent
66
+ }
67
+ .spinner-loading > div:nth-child(3) div[data-v-71303a61] {
68
+ position: absolute;
69
+ width: 100%;
70
+ height: 100%;
71
+ transform: rotate(45deg);
72
+ }
73
+ .spinner-loading > div:nth-child(3) div[data-v-71303a61]:before, .spinner-loading > div:nth-child(3) div[data-v-71303a61]:after {
74
+ content: "";
75
+ display: block;
76
+ position: absolute;
77
+ width: 8px;
78
+ height: 8px;
79
+ top: -8px;
80
+ left: 62px;
81
+ background: #00ff82;
82
+ border-radius: 50%;
83
+ box-shadow: 0 140px 0 0 #00ff82;
84
+ }
85
+ .spinner-loading > div:nth-child(3) div[data-v-71303a61]:after {
86
+ left: -8px;
87
+ top: 62px;
88
+ box-shadow: 140px 0 0 0 #00ff82;
89
+ }
90
+ .spinner-loading > div[data-v-71303a61]:nth-child(4) {
91
+ border-color: transparent;
92
+ }
93
+ .spinner-loading > div:nth-child(4) div[data-v-71303a61] {
94
+ position: absolute;
95
+ width: 100%;
96
+ height: 100%;
97
+ transform: rotate(45deg);
98
+ }
99
+ .spinner-loading > div:nth-child(4) div[data-v-71303a61]:before, .spinner-loading > div:nth-child(4) div[data-v-71303a61]:after {
100
+ content: "";
101
+ display: block;
102
+ position: absolute;
103
+ width: 8px;
104
+ height: 8px;
105
+ top: -8px;
106
+ left: 52px;
107
+ background: #00cd78;
108
+ border-radius: 50%;
109
+ box-shadow: 0 120px 0 0 #00cd78;
110
+ }
111
+ .spinner-loading > div:nth-child(4) div[data-v-71303a61]:after {
112
+ left: -8px;
113
+ top: 52px;
114
+ box-shadow: 120px 0 0 0 #00cd78;
115
+ }
116
+ .double-ring-spinner-container[data-v-71303a61] {
117
+ width: 200px;
118
+ height: 200px;
119
+ display: inline-block;
120
+ overflow: hidden;
121
+ background: none;
122
+ }
123
+ .spinner-loading[data-v-71303a61] {
124
+ width: 100%;
125
+ height: 100%;
126
+ position: relative;
127
+ transform: translateZ(0) scale(1);
128
+ backface-visibility: hidden;
129
+ transform-origin: 0 0;
130
+ }
131
+
132
+
133
+ ._jspinner-overlay_jj {
134
+ position: fixed;
135
+ top: 0;
136
+ left: 0;
137
+ width: 100%;
138
+ height: 100%;
139
+ background: rgba(0, 0, 0, 0.5);
140
+ z-index: 10000;
141
+ display: flex;
142
+ align-items: center;
143
+ justify-content: center;
144
+ }
145
+ @keyframes j-global-spinner-loading {
146
+ 0% {
147
+ transform: rotate(0)
148
+ }
149
+ 100% {
150
+ transform: rotate(360deg)
151
+ }
152
+ }
153
+ .j-global-spinner-loading div {
154
+ box-sizing: border-box !important
155
+ }
156
+ .j-global-spinner-loading > div {
157
+ position: absolute;
158
+ width: 148px;
159
+ height: 148px;
160
+ top: 26px;
161
+ left: 26px;
162
+ border-radius: 50%;
163
+ border: 8px solid #000;
164
+ border-color: #00ff82 transparent #00ff82 transparent;
165
+ animation: j-global-spinner-loading 1.3333333333333333s linear infinite;
166
+ }
167
+ .j-global-spinner-loading > div:nth-child(2), .j-global-spinner-loading > div:nth-child(4) {
168
+ width: 128px;
169
+ height: 128px;
170
+ top: 36px;
171
+ left: 36px;
172
+ animation: j-global-spinner-loading 1.3333333333333333s linear infinite reverse;
173
+ }
174
+ .j-global-spinner-loading > div:nth-child(2) {
175
+ border-color: transparent #00cd78 transparent #00cd78
176
+ }
177
+ .j-global-spinner-loading > div:nth-child(3) {
178
+ border-color: transparent
179
+ }
180
+ .j-global-spinner-loading > div:nth-child(3) div {
181
+ position: absolute;
182
+ width: 100%;
183
+ height: 100%;
184
+ transform: rotate(45deg);
185
+ }
186
+ .j-global-spinner-loading > div:nth-child(3) div:before, .j-global-spinner-loading > div:nth-child(3) div:after {
187
+ content: "";
188
+ display: block;
189
+ position: absolute;
190
+ width: 8px;
191
+ height: 8px;
192
+ top: -8px;
193
+ left: 62px;
194
+ background: #00ff82;
195
+ border-radius: 50%;
196
+ box-shadow: 0 140px 0 0 #00ff82;
197
+ }
198
+ .j-global-spinner-loading > div:nth-child(3) div:after {
199
+ left: -8px;
200
+ top: 62px;
201
+ box-shadow: 140px 0 0 0 #00ff82;
202
+ }
203
+ .j-global-spinner-loading > div:nth-child(4) {
204
+ border-color: transparent;
205
+ }
206
+ .j-global-spinner-loading > div:nth-child(4) div {
207
+ position: absolute;
208
+ width: 100%;
209
+ height: 100%;
210
+ transform: rotate(45deg);
211
+ }
212
+ .j-global-spinner-loading > div:nth-child(4) div:before, .j-global-spinner-loading > div:nth-child(4) div:after {
213
+ content: "";
214
+ display: block;
215
+ position: absolute;
216
+ width: 8px;
217
+ height: 8px;
218
+ top: -8px;
219
+ left: 52px;
220
+ background: #00cd78;
221
+ border-radius: 50%;
222
+ box-shadow: 0 120px 0 0 #00cd78;
223
+ }
224
+ .j-global-spinner-loading > div:nth-child(4) div:after {
225
+ left: -8px;
226
+ top: 52px;
227
+ box-shadow: 120px 0 0 0 #00cd78;
228
+ }
229
+ .j-double-ring-spinner-container {
230
+ width: 200px;
231
+ height: 200px;
232
+ display: inline-block;
233
+ overflow: hidden;
234
+ background: none;
235
+ }
236
+ .j-global-spinner-loading {
237
+ width: 100%;
238
+ height: 100%;
239
+ position: relative;
240
+ transform: translateZ(0) scale(1);
241
+ backface-visibility: hidden;
242
+ transform-origin: 0 0;
243
+ }
@@ -0,0 +1,243 @@
1
+
2
+ .relative[data-v-a53b15af] {
3
+ position: relative;
4
+ }
5
+
6
+
7
+ .max-w[data-v-61d006fd] {
8
+ max-width: 400px;
9
+ white-space: nowrap;
10
+ overflow: hidden;
11
+ text-overflow: ellipsis;
12
+ }
13
+
14
+
15
+ .height[data-v-489d31c3] {
16
+ height: calc(100vh - 280px);
17
+ }
18
+
19
+
20
+ .overlay[data-v-71303a61] {
21
+ position: fixed;
22
+ top: 0;
23
+ left: 0;
24
+ width: 100%;
25
+ height: 100%;
26
+ background: rgba(0, 0, 0, 0.5);
27
+ z-index: 10000;
28
+ display: flex;
29
+ align-items: center;
30
+ justify-content: center;
31
+ }
32
+ @keyframes spinner-loading-71303a61 {
33
+ 0% {
34
+ transform: rotate(0)
35
+ }
36
+ 100% {
37
+ transform: rotate(360deg)
38
+ }
39
+ }
40
+ .spinner-loading div[data-v-71303a61] {
41
+ box-sizing: border-box !important
42
+ }
43
+ .spinner-loading > div[data-v-71303a61] {
44
+ position: absolute;
45
+ width: 148px;
46
+ height: 148px;
47
+ top: 26px;
48
+ left: 26px;
49
+ border-radius: 50%;
50
+ border: 8px solid #000;
51
+ border-color: #00ff82 transparent #00ff82 transparent;
52
+ animation: spinner-loading-71303a61 1.3333333333333333s linear infinite;
53
+ }
54
+ .spinner-loading > div[data-v-71303a61]:nth-child(2), .spinner-loading > div[data-v-71303a61]:nth-child(4) {
55
+ width: 128px;
56
+ height: 128px;
57
+ top: 36px;
58
+ left: 36px;
59
+ animation: spinner-loading-71303a61 1.3333333333333333s linear infinite reverse;
60
+ }
61
+ .spinner-loading > div[data-v-71303a61]:nth-child(2) {
62
+ border-color: transparent #00cd78 transparent #00cd78
63
+ }
64
+ .spinner-loading > div[data-v-71303a61]:nth-child(3) {
65
+ border-color: transparent
66
+ }
67
+ .spinner-loading > div:nth-child(3) div[data-v-71303a61] {
68
+ position: absolute;
69
+ width: 100%;
70
+ height: 100%;
71
+ transform: rotate(45deg);
72
+ }
73
+ .spinner-loading > div:nth-child(3) div[data-v-71303a61]:before, .spinner-loading > div:nth-child(3) div[data-v-71303a61]:after {
74
+ content: "";
75
+ display: block;
76
+ position: absolute;
77
+ width: 8px;
78
+ height: 8px;
79
+ top: -8px;
80
+ left: 62px;
81
+ background: #00ff82;
82
+ border-radius: 50%;
83
+ box-shadow: 0 140px 0 0 #00ff82;
84
+ }
85
+ .spinner-loading > div:nth-child(3) div[data-v-71303a61]:after {
86
+ left: -8px;
87
+ top: 62px;
88
+ box-shadow: 140px 0 0 0 #00ff82;
89
+ }
90
+ .spinner-loading > div[data-v-71303a61]:nth-child(4) {
91
+ border-color: transparent;
92
+ }
93
+ .spinner-loading > div:nth-child(4) div[data-v-71303a61] {
94
+ position: absolute;
95
+ width: 100%;
96
+ height: 100%;
97
+ transform: rotate(45deg);
98
+ }
99
+ .spinner-loading > div:nth-child(4) div[data-v-71303a61]:before, .spinner-loading > div:nth-child(4) div[data-v-71303a61]:after {
100
+ content: "";
101
+ display: block;
102
+ position: absolute;
103
+ width: 8px;
104
+ height: 8px;
105
+ top: -8px;
106
+ left: 52px;
107
+ background: #00cd78;
108
+ border-radius: 50%;
109
+ box-shadow: 0 120px 0 0 #00cd78;
110
+ }
111
+ .spinner-loading > div:nth-child(4) div[data-v-71303a61]:after {
112
+ left: -8px;
113
+ top: 52px;
114
+ box-shadow: 120px 0 0 0 #00cd78;
115
+ }
116
+ .double-ring-spinner-container[data-v-71303a61] {
117
+ width: 200px;
118
+ height: 200px;
119
+ display: inline-block;
120
+ overflow: hidden;
121
+ background: none;
122
+ }
123
+ .spinner-loading[data-v-71303a61] {
124
+ width: 100%;
125
+ height: 100%;
126
+ position: relative;
127
+ transform: translateZ(0) scale(1);
128
+ backface-visibility: hidden;
129
+ transform-origin: 0 0;
130
+ }
131
+
132
+
133
+ ._jspinner-overlay_jj {
134
+ position: fixed;
135
+ top: 0;
136
+ left: 0;
137
+ width: 100%;
138
+ height: 100%;
139
+ background: rgba(0, 0, 0, 0.5);
140
+ z-index: 10000;
141
+ display: flex;
142
+ align-items: center;
143
+ justify-content: center;
144
+ }
145
+ @keyframes j-global-spinner-loading {
146
+ 0% {
147
+ transform: rotate(0)
148
+ }
149
+ 100% {
150
+ transform: rotate(360deg)
151
+ }
152
+ }
153
+ .j-global-spinner-loading div {
154
+ box-sizing: border-box !important
155
+ }
156
+ .j-global-spinner-loading > div {
157
+ position: absolute;
158
+ width: 148px;
159
+ height: 148px;
160
+ top: 26px;
161
+ left: 26px;
162
+ border-radius: 50%;
163
+ border: 8px solid #000;
164
+ border-color: #00ff82 transparent #00ff82 transparent;
165
+ animation: j-global-spinner-loading 1.3333333333333333s linear infinite;
166
+ }
167
+ .j-global-spinner-loading > div:nth-child(2), .j-global-spinner-loading > div:nth-child(4) {
168
+ width: 128px;
169
+ height: 128px;
170
+ top: 36px;
171
+ left: 36px;
172
+ animation: j-global-spinner-loading 1.3333333333333333s linear infinite reverse;
173
+ }
174
+ .j-global-spinner-loading > div:nth-child(2) {
175
+ border-color: transparent #00cd78 transparent #00cd78
176
+ }
177
+ .j-global-spinner-loading > div:nth-child(3) {
178
+ border-color: transparent
179
+ }
180
+ .j-global-spinner-loading > div:nth-child(3) div {
181
+ position: absolute;
182
+ width: 100%;
183
+ height: 100%;
184
+ transform: rotate(45deg);
185
+ }
186
+ .j-global-spinner-loading > div:nth-child(3) div:before, .j-global-spinner-loading > div:nth-child(3) div:after {
187
+ content: "";
188
+ display: block;
189
+ position: absolute;
190
+ width: 8px;
191
+ height: 8px;
192
+ top: -8px;
193
+ left: 62px;
194
+ background: #00ff82;
195
+ border-radius: 50%;
196
+ box-shadow: 0 140px 0 0 #00ff82;
197
+ }
198
+ .j-global-spinner-loading > div:nth-child(3) div:after {
199
+ left: -8px;
200
+ top: 62px;
201
+ box-shadow: 140px 0 0 0 #00ff82;
202
+ }
203
+ .j-global-spinner-loading > div:nth-child(4) {
204
+ border-color: transparent;
205
+ }
206
+ .j-global-spinner-loading > div:nth-child(4) div {
207
+ position: absolute;
208
+ width: 100%;
209
+ height: 100%;
210
+ transform: rotate(45deg);
211
+ }
212
+ .j-global-spinner-loading > div:nth-child(4) div:before, .j-global-spinner-loading > div:nth-child(4) div:after {
213
+ content: "";
214
+ display: block;
215
+ position: absolute;
216
+ width: 8px;
217
+ height: 8px;
218
+ top: -8px;
219
+ left: 52px;
220
+ background: #00cd78;
221
+ border-radius: 50%;
222
+ box-shadow: 0 120px 0 0 #00cd78;
223
+ }
224
+ .j-global-spinner-loading > div:nth-child(4) div:after {
225
+ left: -8px;
226
+ top: 52px;
227
+ box-shadow: 120px 0 0 0 #00cd78;
228
+ }
229
+ .j-double-ring-spinner-container {
230
+ width: 200px;
231
+ height: 200px;
232
+ display: inline-block;
233
+ overflow: hidden;
234
+ background: none;
235
+ }
236
+ .j-global-spinner-loading {
237
+ width: 100%;
238
+ height: 100%;
239
+ position: relative;
240
+ transform: translateZ(0) scale(1);
241
+ backface-visibility: hidden;
242
+ transform-origin: 0 0;
243
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jplan-pack",
3
- "version": "0.5.70",
3
+ "version": "0.5.72",
4
4
  "main": "./dist/jplan-pack.cjs.js",
5
5
  "module": "./dist/jplan-pack.es.js",
6
6
  "types": "dist/types/index.d.ts",
@@ -8,6 +8,7 @@
8
8
  ".": {
9
9
  "import": "./dist/jplan-pack.es.js",
10
10
  "require": "./dist/jplan-pack.cjs.js",
11
+ "css": "./dist/jplan-pack.es.css",
11
12
  "types": "./dist/types/index.d.ts"
12
13
  }
13
14
  },
@@ -59,8 +60,10 @@
59
60
  "@storybook/vue3-vite": "^8.6.0",
60
61
  "@types/jest": "^29.5.14",
61
62
  "@types/lodash": "^4.17.15",
63
+ "autoprefixer": "^10.4.21",
62
64
  "jest": "^29.7.0",
63
65
  "rimraf": "^5.0.1",
66
+ "rollup-plugin-postcss": "^4.0.2",
64
67
  "sass": "^1.63.6",
65
68
  "storybook": "^8.6.0",
66
69
  "ts-jest": "^29.2.6",
@@ -1 +0,0 @@
1
- .relative[data-v-a53b15af]{position:relative}.max-w[data-v-61d006fd]{max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.height[data-v-489d31c3]{height:calc(100vh - 280px)}.overlay[data-v-71303a61]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center}@keyframes spinner-loading-71303a61{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-loading div[data-v-71303a61]{box-sizing:border-box!important}.spinner-loading>div[data-v-71303a61]{position:absolute;width:148px;height:148px;top:26px;left:26px;border-radius:50%;border:8px solid #000;border-color:#00ff82 transparent #00ff82 transparent;animation:spinner-loading-71303a61 1.3333333333333333s linear infinite}.spinner-loading>div[data-v-71303a61]:nth-child(2),.spinner-loading>div[data-v-71303a61]:nth-child(4){width:128px;height:128px;top:36px;left:36px;animation:spinner-loading-71303a61 1.3333333333333333s linear infinite reverse}.spinner-loading>div[data-v-71303a61]:nth-child(2){border-color:transparent #00cd78 transparent #00cd78}.spinner-loading>div[data-v-71303a61]:nth-child(3){border-color:transparent}.spinner-loading>div:nth-child(3) div[data-v-71303a61]{position:absolute;width:100%;height:100%;transform:rotate(45deg)}.spinner-loading>div:nth-child(3) div[data-v-71303a61]:before,.spinner-loading>div:nth-child(3) div[data-v-71303a61]:after{content:"";display:block;position:absolute;width:8px;height:8px;top:-8px;left:62px;background:#00ff82;border-radius:50%;box-shadow:0 140px #00ff82}.spinner-loading>div:nth-child(3) div[data-v-71303a61]:after{left:-8px;top:62px;box-shadow:140px 0 #00ff82}.spinner-loading>div[data-v-71303a61]:nth-child(4){border-color:transparent}.spinner-loading>div:nth-child(4) div[data-v-71303a61]{position:absolute;width:100%;height:100%;transform:rotate(45deg)}.spinner-loading>div:nth-child(4) div[data-v-71303a61]:before,.spinner-loading>div:nth-child(4) div[data-v-71303a61]:after{content:"";display:block;position:absolute;width:8px;height:8px;top:-8px;left:52px;background:#00cd78;border-radius:50%;box-shadow:0 120px #00cd78}.spinner-loading>div:nth-child(4) div[data-v-71303a61]:after{left:-8px;top:52px;box-shadow:120px 0 #00cd78}.double-ring-spinner-container[data-v-71303a61]{width:200px;height:200px;display:inline-block;overflow:hidden;background:none}.spinner-loading[data-v-71303a61]{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}._jspinner-overlay_jj{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center}@keyframes j-global-spinner-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.j-global-spinner-loading div{box-sizing:border-box!important}.j-global-spinner-loading>div{position:absolute;width:148px;height:148px;top:26px;left:26px;border-radius:50%;border:8px solid #000;border-color:#00ff82 transparent #00ff82 transparent;animation:j-global-spinner-loading 1.3333333333333333s linear infinite}.j-global-spinner-loading>div:nth-child(2),.j-global-spinner-loading>div:nth-child(4){width:128px;height:128px;top:36px;left:36px;animation:j-global-spinner-loading 1.3333333333333333s linear infinite reverse}.j-global-spinner-loading>div:nth-child(2){border-color:transparent #00cd78 transparent #00cd78}.j-global-spinner-loading>div:nth-child(3){border-color:transparent}.j-global-spinner-loading>div:nth-child(3) div{position:absolute;width:100%;height:100%;transform:rotate(45deg)}.j-global-spinner-loading>div:nth-child(3) div:before,.j-global-spinner-loading>div:nth-child(3) div:after{content:"";display:block;position:absolute;width:8px;height:8px;top:-8px;left:62px;background:#00ff82;border-radius:50%;box-shadow:0 140px #00ff82}.j-global-spinner-loading>div:nth-child(3) div:after{left:-8px;top:62px;box-shadow:140px 0 #00ff82}.j-global-spinner-loading>div:nth-child(4){border-color:transparent}.j-global-spinner-loading>div:nth-child(4) div{position:absolute;width:100%;height:100%;transform:rotate(45deg)}.j-global-spinner-loading>div:nth-child(4) div:before,.j-global-spinner-loading>div:nth-child(4) div:after{content:"";display:block;position:absolute;width:8px;height:8px;top:-8px;left:52px;background:#00cd78;border-radius:50%;box-shadow:0 120px #00cd78}.j-global-spinner-loading>div:nth-child(4) div:after{left:-8px;top:52px;box-shadow:120px 0 #00cd78}.j-double-ring-spinner-container{width:200px;height:200px;display:inline-block;overflow:hidden;background:none}.j-global-spinner-loading{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}