@cbjwwwcode/common 0.0.2 → 0.0.4

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/es/api.mjs CHANGED
@@ -23,4 +23,4 @@ const $http = setupRequest(window.appConfig.baseApi || "admin", { alovaOptions:
23
23
  }
24
24
  } });
25
25
  //#endregion
26
- export { $http, axios, createClientTokenAuthentication, setupRequest, useCaptcha, useRequest, useUploader };
26
+ export { $http, createClientTokenAuthentication, setupRequest, useCaptcha, useRequest, useUploader };
@@ -11,11 +11,11 @@ import { VeeValidate } from "./vee-validate.mjs";
11
11
  import { Vue } from "./vue.mjs";
12
12
  import { VueRouter } from "./vue-router.mjs";
13
13
  import { VueUse, createGlobalState, createReusableTemplate, onClickOutside, useClipboard, useScriptTag, useStorage, useStyleTag, useToggle } from "./vueuse.mjs";
14
- import { $mitt, isModuleObject, registerWindow } from "./window.mjs";
14
+ import { $mitt, axios, isModuleObject, registerWindow } from "./window.mjs";
15
15
  import { zod } from "./zod.mjs";
16
16
  import { JsonNodeProps, setupJsonNode, useJsonNode } from "./vtj/node.mjs";
17
17
  import { BlockSchema, ContextMode, initProvider, useGlobalProvider, vtjSymbol } from "./vtj/provider.mjs";
18
18
  import "./vtj/index.mjs";
19
19
  import hljs from "./lowlight/hljs.mjs";
20
20
  import { Lowlight, VueLowlight, highlightLanguages, lowlight } from "./lowlight/index.mjs";
21
- export { $http, $mitt, AlovaAxiosRequestConfig, ApiConfig, type BlockSchema, ContextMode, CryptoJS, IDBKeyValReturn, IDBOptions, JsonNodeProps, Lowlight, type NProgress, type NProgressOptions, type Toast, ToastApi, type ToastOptions, Toolkit, type UseStore, VeeValidate, Vue, VueLowlight, VueRouter, VueUse, createClientTokenAuthentication, createFunction, createGlobalState, createNaiveStore, createReusableTemplate, dayjs, determineTextColor, hasProperty, highlightLanguages, hljs, idb, initProvider, isComponentRegistered, isHttpUrl, isModuleObject, isNotNil, isPromise, isStringNumber, keepProps, loadJsStore, loadRemoteModule, loaderScript, lowlight, makeRawComponent, makeUuid, makeVueId, md5, mergeOmitBy, mergePropsOmitBy, mergeUrlWithParams, onClickOutside, randomId, registerWindow, setDayjsLocale, setupJsonNode, setupRequest, setupToast, toast, transformPx, useCaptcha, useClipboard, useGlobalProvider, useIdb, useJsonNode, useProgress, useRequest, useScriptTag, useStorage, useStyleLink, useStyleTag, useToggle, useUploader, vtjSymbol, zod };
21
+ export { $http, $mitt, AlovaAxiosRequestConfig, ApiConfig, type BlockSchema, ContextMode, CryptoJS, IDBKeyValReturn, IDBOptions, JsonNodeProps, Lowlight, type NProgress, type NProgressOptions, type Toast, ToastApi, type ToastOptions, Toolkit, type UseStore, VeeValidate, Vue, VueLowlight, VueRouter, VueUse, axios, createClientTokenAuthentication, createFunction, createGlobalState, createNaiveStore, createReusableTemplate, dayjs, determineTextColor, hasProperty, highlightLanguages, hljs, idb, initProvider, isComponentRegistered, isHttpUrl, isModuleObject, isNotNil, isPromise, isStringNumber, keepProps, loadJsStore, loadRemoteModule, loaderScript, lowlight, makeRawComponent, makeUuid, makeVueId, md5, mergeOmitBy, mergePropsOmitBy, mergeUrlWithParams, onClickOutside, randomId, registerWindow, setDayjsLocale, setupJsonNode, setupRequest, setupToast, toast, transformPx, useCaptcha, useClipboard, useGlobalProvider, useIdb, useJsonNode, useProgress, useRequest, useScriptTag, useStorage, useStyleLink, useStyleTag, useToggle, useUploader, vtjSymbol, zod };
package/dist/es/index.mjs CHANGED
@@ -7,7 +7,7 @@ import { VueUse, createGlobalState, createReusableTemplate, onClickOutside, useC
7
7
  import { zod } from "./zod.mjs";
8
8
  import hljs_default from "./lowlight/hljs.mjs";
9
9
  import { VueLowlight, highlightLanguages, lowlight } from "./lowlight/index.mjs";
10
- import { $mitt, isModuleObject, registerWindow } from "./window.mjs";
10
+ import { $mitt, axios, isModuleObject, registerWindow } from "./window.mjs";
11
11
  import { dayjs, setDayjsLocale } from "./dayjs.mjs";
12
12
  import { Toolkit, isNotNil, isPromise } from "./es-toolkit.mjs";
13
13
  import { createNaiveStore, idb, loadJsStore, useIdb } from "./idb-keyval.mjs";
@@ -18,4 +18,4 @@ import { VeeValidate } from "./vee-validate.mjs";
18
18
  import { ContextMode, initProvider, useGlobalProvider, vtjSymbol } from "./vtj/provider.mjs";
19
19
  import { setupJsonNode, useJsonNode } from "./vtj/node.mjs";
20
20
  import "./vtj/index.mjs";
21
- export { $http, $mitt, ContextMode, CryptoJS, ToastApi, Toolkit, VeeValidate, Vue, VueLowlight, VueRouter, VueUse, createClientTokenAuthentication, createFunction, createGlobalState, createNaiveStore, createReusableTemplate, dayjs, determineTextColor, hasProperty, highlightLanguages, hljs_default as hljs, idb, initProvider, isComponentRegistered, isHttpUrl, isModuleObject, isNotNil, isPromise, isStringNumber, keepProps, loadJsStore, loadRemoteModule, loaderScript, lowlight, makeRawComponent, makeUuid, makeVueId, md5, mergeOmitBy, mergePropsOmitBy, mergeUrlWithParams, onClickOutside, randomId, registerWindow, setDayjsLocale, setupJsonNode, setupRequest, setupToast, toast, transformPx, useCaptcha, useClipboard, useGlobalProvider, useIdb, useJsonNode, useProgress, useRequest, useScriptTag, useStorage, useStyleLink, useStyleTag, useToggle, useUploader, vtjSymbol, zod };
21
+ export { $http, $mitt, ContextMode, CryptoJS, ToastApi, Toolkit, VeeValidate, Vue, VueLowlight, VueRouter, VueUse, axios, createClientTokenAuthentication, createFunction, createGlobalState, createNaiveStore, createReusableTemplate, dayjs, determineTextColor, hasProperty, highlightLanguages, hljs_default as hljs, idb, initProvider, isComponentRegistered, isHttpUrl, isModuleObject, isNotNil, isPromise, isStringNumber, keepProps, loadJsStore, loadRemoteModule, loaderScript, lowlight, makeRawComponent, makeUuid, makeVueId, md5, mergeOmitBy, mergePropsOmitBy, mergeUrlWithParams, onClickOutside, randomId, registerWindow, setDayjsLocale, setupJsonNode, setupRequest, setupToast, toast, transformPx, useCaptcha, useClipboard, useGlobalProvider, useIdb, useJsonNode, useProgress, useRequest, useScriptTag, useStorage, useStyleLink, useStyleTag, useToggle, useUploader, vtjSymbol, zod };
@@ -1,4 +1,5 @@
1
1
  import nProgress, { NProgress, NProgressOptions, NProgressOptions as NProgressOptions$1 } from "nprogress";
2
+ import "nprogress/nprogress.css";
2
3
  //#region src/nprogress.d.ts
3
4
  export declare function useProgress(options?: Partial<NProgressOptions>): nProgress.NProgress;
4
5
  //#endregion
@@ -1,4 +1,5 @@
1
1
  import nProgress from "nprogress";
2
+ import "nprogress/nprogress.css";
2
3
  //#region src/nprogress.ts
3
4
  const progress = nProgress.configure({
4
5
  minimum: .1,
@@ -1,6 +1,7 @@
1
1
  import { App } from "vue";
2
2
  import * as ToastApi from "vue3-toastify";
3
3
  import { Toast, ToastOptions, toast } from "vue3-toastify";
4
+ import "vue3-toastify/dist/index.css";
4
5
  //#region src/toastify.d.ts
5
6
  export declare function setupToast(app: App, useHandler?: (app: App) => void): void;
6
7
  //#endregion
@@ -1,5 +1,6 @@
1
1
  import * as ToastApi from "vue3-toastify";
2
2
  import Toastify, { toast } from "vue3-toastify";
3
+ import "vue3-toastify/dist/index.css";
3
4
  //#region src/toastify.ts
4
5
  function setupToast(app, useHandler) {
5
6
  app.use(Toastify, {
@@ -1,6 +1,7 @@
1
- import "axios";
1
+ import axios$1 from "axios";
2
2
  //#region src/window.d.ts
3
3
  export declare const $mitt: import("mitt").Emitter<Record<import("mitt").EventType, unknown>>;
4
4
  export declare function isModuleObject(value: unknown): value is Record<string, any>;
5
5
  export declare function registerWindow<T extends any>(key: string, value: T): void;
6
- //#endregion
6
+ //#endregion
7
+ export { axios$1 as axios };
@@ -5,7 +5,7 @@ import { VueUse } from "./vueuse.mjs";
5
5
  import { zod } from "./zod.mjs";
6
6
  import hljs_default from "./lowlight/hljs.mjs";
7
7
  import { VueLowlight } from "./lowlight/index.mjs";
8
- import axios from "axios";
8
+ import axios$1 from "axios";
9
9
  import { isPlainObject } from "es-toolkit/compat";
10
10
  import mitt from "mitt";
11
11
  //#region src/window.ts
@@ -30,10 +30,10 @@ registerWindow("zod", zod);
30
30
  registerWindow("Vue", Vue);
31
31
  registerWindow("VueUse", VueUse);
32
32
  registerWindow("VueRouter", VueRouter);
33
- registerWindow("axios", axios);
33
+ registerWindow("axios", axios$1);
34
34
  registerWindow("CryptoJS", CryptoJS);
35
35
  registerWindow("VueLowlight", VueLowlight);
36
36
  registerWindow("hljs", hljs_default);
37
37
  registerWindow("process", { env: { NODE_ENV: "production" } });
38
38
  //#endregion
39
- export { $mitt, axios, isModuleObject, registerWindow };
39
+ export { $mitt, axios$1 as axios, isModuleObject, registerWindow };
@@ -57,3 +57,821 @@ code.hljs {
57
57
  .hljs-link {
58
58
  text-decoration: underline;
59
59
  }
60
+ #nprogress {
61
+ pointer-events: none;
62
+ }
63
+
64
+ #nprogress .bar {
65
+ z-index: 1031;
66
+ background: #29d;
67
+ width: 100%;
68
+ height: 2px;
69
+ position: fixed;
70
+ top: 0;
71
+ left: 0;
72
+ }
73
+
74
+ #nprogress .peg {
75
+ opacity: 1;
76
+ width: 100px;
77
+ height: 100%;
78
+ display: block;
79
+ position: absolute;
80
+ right: 0;
81
+ -webkit-transform: rotate(3deg) translate(0, -4px);
82
+ -ms-transform: rotate(3deg) translate(0, -4px);
83
+ transform: rotate(3deg) translate(0, -4px);
84
+ box-shadow: 0 0 10px #29d, 0 0 5px #29d;
85
+ }
86
+
87
+ #nprogress .spinner {
88
+ z-index: 1031;
89
+ display: block;
90
+ position: fixed;
91
+ top: 15px;
92
+ right: 15px;
93
+ }
94
+
95
+ #nprogress .spinner-icon {
96
+ box-sizing: border-box;
97
+ border: 2px solid #0000;
98
+ border-color: #29d #0000 #0000 #29d;
99
+ border-radius: 50%;
100
+ width: 18px;
101
+ height: 18px;
102
+ -webkit-animation: .4s linear infinite nprogress-spinner;
103
+ animation: .4s linear infinite nprogress-spinner;
104
+ }
105
+
106
+ .nprogress-custom-parent {
107
+ position: relative;
108
+ overflow: hidden;
109
+ }
110
+
111
+ .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
112
+ position: absolute;
113
+ }
114
+
115
+ @-webkit-keyframes nprogress-spinner {
116
+ 0% {
117
+ -webkit-transform: rotate(0);
118
+ }
119
+
120
+ 100% {
121
+ -webkit-transform: rotate(360deg);
122
+ }
123
+ }
124
+
125
+ @keyframes nprogress-spinner {
126
+ 0% {
127
+ transform: rotate(0);
128
+ }
129
+
130
+ 100% {
131
+ transform: rotate(360deg);
132
+ }
133
+ }
134
+ :root {
135
+ --toastify-color-light: #fff;
136
+ --toastify-color-dark: #121212;
137
+ --toastify-color-info: #3498db;
138
+ --toastify-color-success: #07bc0c;
139
+ --toastify-color-warning: #f1c40f;
140
+ --toastify-color-error: #e74c3c;
141
+ --toastify-color-transparent: #ffffffb3;
142
+ --toastify-icon-color-info: var(--toastify-color-info);
143
+ --toastify-icon-color-success: var(--toastify-color-success);
144
+ --toastify-icon-color-warning: var(--toastify-color-warning);
145
+ --toastify-icon-color-error: var(--toastify-color-error);
146
+ --toastify-toast-width: 320px;
147
+ --toastify-toast-background: #fff;
148
+ --toastify-toast-min-height: 64px;
149
+ --toastify-toast-max-height: 800px;
150
+ --toastify-font-family: sans-serif;
151
+ --toastify-z-index: 9999;
152
+ --toastify-text-color-light: #757575;
153
+ --toastify-text-color-dark: #fff;
154
+ --toastify-text-color-info: #fff;
155
+ --toastify-text-color-success: #fff;
156
+ --toastify-text-color-warning: #fff;
157
+ --toastify-text-color-error: #fff;
158
+ --toastify-spinner-color: #616161;
159
+ --toastify-spinner-color-empty-area: #e0e0e0;
160
+ --toastify-color-progress-light: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);
161
+ --toastify-color-progress-dark: #bb86fc;
162
+ --toastify-color-progress-info: var(--toastify-color-info);
163
+ --toastify-color-progress-success: var(--toastify-color-success);
164
+ --toastify-color-progress-warning: var(--toastify-color-warning);
165
+ --toastify-color-progress-error: var(--toastify-color-error);
166
+ --toastify-color-progress-colored: #ddd;
167
+ }
168
+
169
+ .Toastify__toast-container {
170
+ box-sizing: border-box;
171
+ color: #fff;
172
+ transform: translate3d(0,0,var(--toastify-z-index) px);
173
+ width: var(--toastify-toast-width);
174
+ z-index: var(--toastify-z-index);
175
+ padding: 4px;
176
+ position: fixed;
177
+ }
178
+
179
+ .Toastify__toast-container--top-left {
180
+ top: 1em;
181
+ left: 1em;
182
+ }
183
+
184
+ .Toastify__toast-container--top-center {
185
+ top: 1em;
186
+ left: 50%;
187
+ transform: translateX(-50%);
188
+ }
189
+
190
+ .Toastify__toast-container--top-right {
191
+ top: 1em;
192
+ right: 1em;
193
+ }
194
+
195
+ .Toastify__toast-container--bottom-left {
196
+ bottom: 1em;
197
+ left: 1em;
198
+ }
199
+
200
+ .Toastify__toast-container--bottom-center {
201
+ bottom: 1em;
202
+ left: 50%;
203
+ transform: translateX(-50%);
204
+ }
205
+
206
+ .Toastify__toast-container--bottom-right {
207
+ bottom: 1em;
208
+ right: 1em;
209
+ }
210
+
211
+ @media only screen and (width <= 480px) {
212
+ .Toastify__toast-container {
213
+ width: 100vw;
214
+ margin: 0;
215
+ padding: 0;
216
+ left: 0;
217
+ }
218
+
219
+ .Toastify__toast-container--top-center, .Toastify__toast-container--top-left, .Toastify__toast-container--top-right {
220
+ top: 0;
221
+ transform: translateX(0);
222
+ }
223
+
224
+ .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-right {
225
+ bottom: 0;
226
+ transform: translateX(0);
227
+ }
228
+
229
+ .Toastify__toast-container--rtl {
230
+ left: auto;
231
+ right: 0;
232
+ }
233
+ }
234
+
235
+ .Toastify__toast {
236
+ box-sizing: border-box;
237
+ cursor: pointer;
238
+ font-family: var(--toastify-font-family);
239
+ max-height: var(--toastify-toast-max-height);
240
+ min-height: var(--toastify-toast-min-height);
241
+ z-index: 0;
242
+ direction: ltr;
243
+ border-radius: 4px;
244
+ justify-content: space-between;
245
+ margin-bottom: 1rem;
246
+ padding: 8px;
247
+ display: flex;
248
+ position: relative;
249
+ overflow: hidden;
250
+ box-shadow: 0 1px 10px #0000001a, 0 2px 15px #0000000d;
251
+ }
252
+
253
+ .Toastify__toast--rtl {
254
+ direction: rtl;
255
+ }
256
+
257
+ .Toastify__toast-body {
258
+ white-space: pre-wrap;
259
+ flex: auto;
260
+ align-items: center;
261
+ margin: auto 0;
262
+ padding: 6px;
263
+ display: flex;
264
+ }
265
+
266
+ .Toastify__toast-body > div:last-child {
267
+ flex: 1;
268
+ }
269
+
270
+ .Toastify__toast-icon {
271
+ flex-shrink: 0;
272
+ width: 20px;
273
+ margin-inline-end: 10px;
274
+ display: flex;
275
+ }
276
+
277
+ .Toastify__toast-text {
278
+ flex-direction: column;
279
+ gap: 2px;
280
+ width: 100%;
281
+ line-height: 1.35;
282
+ display: flex;
283
+ }
284
+
285
+ .Toastify__toast-text-title {
286
+ font-weight: 600;
287
+ }
288
+
289
+ .Toastify__toast-text-content {
290
+ opacity: .92;
291
+ }
292
+
293
+ .Toastify--animate {
294
+ animation-duration: .7s;
295
+ animation-fill-mode: both;
296
+ }
297
+
298
+ .Toastify--animate-icon {
299
+ animation-duration: .3s;
300
+ animation-fill-mode: both;
301
+ }
302
+
303
+ @media only screen and (width <= 480px) {
304
+ .Toastify__toast {
305
+ border-radius: 0;
306
+ margin-bottom: 0;
307
+ }
308
+ }
309
+
310
+ .Toastify__toast-theme--dark {
311
+ background: var(--toastify-color-dark);
312
+ color: var(--toastify-text-color-dark);
313
+ }
314
+
315
+ .Toastify__toast-theme--colored.Toastify__toast--default, .Toastify__toast-theme--light {
316
+ background: var(--toastify-color-light);
317
+ color: var(--toastify-text-color-light);
318
+ }
319
+
320
+ .Toastify__toast-theme--colored.Toastify__toast--info {
321
+ background: var(--toastify-color-info);
322
+ color: var(--toastify-text-color-info);
323
+ }
324
+
325
+ .Toastify__toast-theme--colored.Toastify__toast--success {
326
+ background: var(--toastify-color-success);
327
+ color: var(--toastify-text-color-success);
328
+ }
329
+
330
+ .Toastify__toast-theme--colored.Toastify__toast--warning {
331
+ background: var(--toastify-color-warning);
332
+ color: var(--toastify-text-color-warning);
333
+ }
334
+
335
+ .Toastify__toast-theme--colored.Toastify__toast--error {
336
+ background: var(--toastify-color-error);
337
+ color: var(--toastify-text-color-error);
338
+ }
339
+
340
+ .Toastify__progress-bar-theme--light {
341
+ background: var(--toastify-color-progress-light);
342
+ }
343
+
344
+ .Toastify__progress-bar-theme--dark {
345
+ background: var(--toastify-color-progress-dark);
346
+ }
347
+
348
+ .Toastify__progress-bar--info {
349
+ background: var(--toastify-color-progress-info);
350
+ }
351
+
352
+ .Toastify__progress-bar--success {
353
+ background: var(--toastify-color-progress-success);
354
+ }
355
+
356
+ .Toastify__progress-bar--warning {
357
+ background: var(--toastify-color-progress-warning);
358
+ }
359
+
360
+ .Toastify__progress-bar--error {
361
+ background: var(--toastify-color-progress-error);
362
+ }
363
+
364
+ .Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {
365
+ background: var(--toastify-color-progress-colored);
366
+ }
367
+
368
+ .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
369
+ background: var(--toastify-color-transparent);
370
+ }
371
+
372
+ .Toastify__close-button {
373
+ color: #fff;
374
+ cursor: pointer;
375
+ opacity: .7;
376
+ background: none;
377
+ border: none;
378
+ outline: none;
379
+ align-self: flex-start;
380
+ padding: 0;
381
+ transition: all .3s;
382
+ }
383
+
384
+ .Toastify__close-button--light {
385
+ color: #000;
386
+ opacity: .3;
387
+ }
388
+
389
+ .Toastify__close-button > svg {
390
+ fill: currentColor;
391
+ width: 14px;
392
+ height: 16px;
393
+ }
394
+
395
+ .Toastify__close-button:focus, .Toastify__close-button:hover {
396
+ opacity: 1;
397
+ }
398
+
399
+ @keyframes Toastify__trackProgress {
400
+ 0% {
401
+ transform: scaleX(1);
402
+ }
403
+
404
+ to {
405
+ transform: scaleX(0);
406
+ }
407
+ }
408
+
409
+ .Toastify__progress-bar {
410
+ opacity: .7;
411
+ transform-origin: 0;
412
+ width: 100%;
413
+ height: 5px;
414
+ z-index: var(--toastify-z-index);
415
+ position: absolute;
416
+ bottom: 0;
417
+ left: 0;
418
+ }
419
+
420
+ .Toastify__progress-bar--animated {
421
+ animation: linear forwards Toastify__trackProgress;
422
+ }
423
+
424
+ .Toastify__progress-bar--controlled {
425
+ transition: transform .2s;
426
+ }
427
+
428
+ .Toastify__progress-bar--rtl {
429
+ transform-origin: 100%;
430
+ left: auto;
431
+ right: 0;
432
+ }
433
+
434
+ .Toastify__spinner {
435
+ border: 2px solid;
436
+ border-color: var(--toastify-spinner-color-empty-area);
437
+ border-right-color: var(--toastify-spinner-color);
438
+ box-sizing: border-box;
439
+ border-radius: 100%;
440
+ width: 20px;
441
+ height: 20px;
442
+ animation: .65s linear infinite Toastify__spin;
443
+ }
444
+
445
+ @keyframes Toastify__bounceInRight {
446
+ 0%, 60%, 75%, 90%, to {
447
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1);
448
+ }
449
+
450
+ 0% {
451
+ opacity: 0;
452
+ transform: translate3d(3000px, 0, 0);
453
+ }
454
+
455
+ 60% {
456
+ opacity: 1;
457
+ transform: translate3d(-25px, 0, 0);
458
+ }
459
+
460
+ 75% {
461
+ transform: translate3d(10px, 0, 0);
462
+ }
463
+
464
+ 90% {
465
+ transform: translate3d(-5px, 0, 0);
466
+ }
467
+
468
+ to {
469
+ transform: none;
470
+ }
471
+ }
472
+
473
+ @keyframes Toastify__bounceOutRight {
474
+ 20% {
475
+ opacity: 1;
476
+ transform: translate3d(-20px, 0, 0);
477
+ }
478
+
479
+ to {
480
+ opacity: 0;
481
+ transform: translate3d(2000px, 0, 0);
482
+ }
483
+ }
484
+
485
+ @keyframes Toastify__bounceInLeft {
486
+ 0%, 60%, 75%, 90%, to {
487
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1);
488
+ }
489
+
490
+ 0% {
491
+ opacity: 0;
492
+ transform: translate3d(-3000px, 0, 0);
493
+ }
494
+
495
+ 60% {
496
+ opacity: 1;
497
+ transform: translate3d(25px, 0, 0);
498
+ }
499
+
500
+ 75% {
501
+ transform: translate3d(-10px, 0, 0);
502
+ }
503
+
504
+ 90% {
505
+ transform: translate3d(5px, 0, 0);
506
+ }
507
+
508
+ to {
509
+ transform: none;
510
+ }
511
+ }
512
+
513
+ @keyframes Toastify__bounceOutLeft {
514
+ 20% {
515
+ opacity: 1;
516
+ transform: translate3d(20px, 0, 0);
517
+ }
518
+
519
+ to {
520
+ opacity: 0;
521
+ transform: translate3d(-2000px, 0, 0);
522
+ }
523
+ }
524
+
525
+ @keyframes Toastify__bounceInUp {
526
+ 0%, 60%, 75%, 90%, to {
527
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1);
528
+ }
529
+
530
+ 0% {
531
+ opacity: 0;
532
+ transform: translate3d(0, 3000px, 0);
533
+ }
534
+
535
+ 60% {
536
+ opacity: 1;
537
+ transform: translate3d(0, -20px, 0);
538
+ }
539
+
540
+ 75% {
541
+ transform: translate3d(0, 10px, 0);
542
+ }
543
+
544
+ 90% {
545
+ transform: translate3d(0, -5px, 0);
546
+ }
547
+
548
+ to {
549
+ transform: translateZ(0);
550
+ }
551
+ }
552
+
553
+ @keyframes Toastify__bounceOutUp {
554
+ 20% {
555
+ transform: translate3d(0, -10px, 0);
556
+ }
557
+
558
+ 40%, 45% {
559
+ opacity: 1;
560
+ transform: translate3d(0, 20px, 0);
561
+ }
562
+
563
+ to {
564
+ opacity: 0;
565
+ transform: translate3d(0, -2000px, 0);
566
+ }
567
+ }
568
+
569
+ @keyframes Toastify__bounceInDown {
570
+ 0%, 60%, 75%, 90%, to {
571
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1);
572
+ }
573
+
574
+ 0% {
575
+ opacity: 0;
576
+ transform: translate3d(0, -3000px, 0);
577
+ }
578
+
579
+ 60% {
580
+ opacity: 1;
581
+ transform: translate3d(0, 25px, 0);
582
+ }
583
+
584
+ 75% {
585
+ transform: translate3d(0, -10px, 0);
586
+ }
587
+
588
+ 90% {
589
+ transform: translate3d(0, 5px, 0);
590
+ }
591
+
592
+ to {
593
+ transform: none;
594
+ }
595
+ }
596
+
597
+ @keyframes Toastify__bounceOutDown {
598
+ 20% {
599
+ transform: translate3d(0, 10px, 0);
600
+ }
601
+
602
+ 40%, 45% {
603
+ opacity: 1;
604
+ transform: translate3d(0, -20px, 0);
605
+ }
606
+
607
+ to {
608
+ opacity: 0;
609
+ transform: translate3d(0, 2000px, 0);
610
+ }
611
+ }
612
+
613
+ .Toastify__bounce-enter--bottom-left, .Toastify__bounce-enter--top-left {
614
+ animation-name: Toastify__bounceInLeft;
615
+ }
616
+
617
+ .Toastify__bounce-enter--bottom-right, .Toastify__bounce-enter--top-right {
618
+ animation-name: Toastify__bounceInRight;
619
+ }
620
+
621
+ .Toastify__bounce-enter--top-center {
622
+ animation-name: Toastify__bounceInDown;
623
+ }
624
+
625
+ .Toastify__bounce-enter--bottom-center {
626
+ animation-name: Toastify__bounceInUp;
627
+ }
628
+
629
+ .Toastify__bounce-exit--bottom-left, .Toastify__bounce-exit--top-left {
630
+ animation-name: Toastify__bounceOutLeft;
631
+ }
632
+
633
+ .Toastify__bounce-exit--bottom-right, .Toastify__bounce-exit--top-right {
634
+ animation-name: Toastify__bounceOutRight;
635
+ }
636
+
637
+ .Toastify__bounce-exit--top-center {
638
+ animation-name: Toastify__bounceOutUp;
639
+ }
640
+
641
+ .Toastify__bounce-exit--bottom-center {
642
+ animation-name: Toastify__bounceOutDown;
643
+ }
644
+
645
+ @keyframes Toastify__none {
646
+ 0%, 60%, 75%, 90%, to {
647
+ animation-duration: 0;
648
+ animation-timing-function: none;
649
+ }
650
+
651
+ 0% {
652
+ opacity: 1;
653
+ transform: translateZ(0);
654
+ }
655
+
656
+ to {
657
+ transform: translateZ(0);
658
+ }
659
+ }
660
+
661
+ .Toastify__none-enter--bottom-center, .Toastify__none-enter--bottom-left, .Toastify__none-enter--bottom-right, .Toastify__none-enter--top-center, .Toastify__none-enter--top-left, .Toastify__none-enter--top-right {
662
+ animation-name: Toastify__none;
663
+ }
664
+
665
+ @keyframes Toastify__zoomIn {
666
+ 0% {
667
+ opacity: 0;
668
+ transform: scale3d(.3, .3, .3);
669
+ }
670
+
671
+ 50% {
672
+ opacity: 1;
673
+ }
674
+ }
675
+
676
+ @keyframes Toastify__zoomOut {
677
+ 0% {
678
+ opacity: 1;
679
+ }
680
+
681
+ 50% {
682
+ opacity: 0;
683
+ transform: scale3d(.3, .3, .3);
684
+ }
685
+
686
+ to {
687
+ opacity: 0;
688
+ }
689
+ }
690
+
691
+ .Toastify__zoom-enter {
692
+ animation-name: Toastify__zoomIn;
693
+ }
694
+
695
+ .Toastify__zoom-exit {
696
+ animation-name: Toastify__zoomOut;
697
+ }
698
+
699
+ @keyframes Toastify__flipIn {
700
+ 0% {
701
+ opacity: 0;
702
+ animation-timing-function: ease-in;
703
+ transform: perspective(400px) rotateX(90deg);
704
+ }
705
+
706
+ 40% {
707
+ animation-timing-function: ease-in;
708
+ transform: perspective(400px) rotateX(-20deg);
709
+ }
710
+
711
+ 60% {
712
+ opacity: 1;
713
+ transform: perspective(400px) rotateX(10deg);
714
+ }
715
+
716
+ 80% {
717
+ transform: perspective(400px) rotateX(-5deg);
718
+ }
719
+
720
+ to {
721
+ transform: perspective(400px);
722
+ }
723
+ }
724
+
725
+ @keyframes Toastify__flipOut {
726
+ 0% {
727
+ transform: perspective(400px);
728
+ }
729
+
730
+ 30% {
731
+ opacity: 1;
732
+ transform: perspective(400px) rotateX(-20deg);
733
+ }
734
+
735
+ to {
736
+ opacity: 0;
737
+ transform: perspective(400px) rotateX(90deg);
738
+ }
739
+ }
740
+
741
+ .Toastify__flip-enter {
742
+ animation-name: Toastify__flipIn;
743
+ }
744
+
745
+ .Toastify__flip-exit {
746
+ animation-name: Toastify__flipOut;
747
+ }
748
+
749
+ @keyframes Toastify__slideInRight {
750
+ 0% {
751
+ visibility: visible;
752
+ transform: translate3d(110%, 0, 0);
753
+ }
754
+
755
+ to {
756
+ transform: translateZ(0);
757
+ }
758
+ }
759
+
760
+ @keyframes Toastify__slideInLeft {
761
+ 0% {
762
+ visibility: visible;
763
+ transform: translate3d(-110%, 0, 0);
764
+ }
765
+
766
+ to {
767
+ transform: translateZ(0);
768
+ }
769
+ }
770
+
771
+ @keyframes Toastify__slideInUp {
772
+ 0% {
773
+ visibility: visible;
774
+ transform: translate3d(0, 110%, 0);
775
+ }
776
+
777
+ to {
778
+ transform: translateZ(0);
779
+ }
780
+ }
781
+
782
+ @keyframes Toastify__slideInDown {
783
+ 0% {
784
+ visibility: visible;
785
+ transform: translate3d(0, -110%, 0);
786
+ }
787
+
788
+ to {
789
+ transform: translateZ(0);
790
+ }
791
+ }
792
+
793
+ @keyframes Toastify__slideOutRight {
794
+ 0% {
795
+ transform: translateZ(0);
796
+ }
797
+
798
+ to {
799
+ visibility: hidden;
800
+ transform: translate3d(110%, 0, 0);
801
+ }
802
+ }
803
+
804
+ @keyframes Toastify__slideOutLeft {
805
+ 0% {
806
+ transform: translateZ(0);
807
+ }
808
+
809
+ to {
810
+ visibility: hidden;
811
+ transform: translate3d(-110%, 0, 0);
812
+ }
813
+ }
814
+
815
+ @keyframes Toastify__slideOutDown {
816
+ 0% {
817
+ transform: translateZ(0);
818
+ }
819
+
820
+ to {
821
+ visibility: hidden;
822
+ transform: translate3d(0, 500px, 0);
823
+ }
824
+ }
825
+
826
+ @keyframes Toastify__slideOutUp {
827
+ 0% {
828
+ transform: translateZ(0);
829
+ }
830
+
831
+ to {
832
+ visibility: hidden;
833
+ transform: translate3d(0, -500px, 0);
834
+ }
835
+ }
836
+
837
+ .Toastify__slide-enter--bottom-left, .Toastify__slide-enter--top-left {
838
+ animation-name: Toastify__slideInLeft;
839
+ }
840
+
841
+ .Toastify__slide-enter--bottom-right, .Toastify__slide-enter--top-right {
842
+ animation-name: Toastify__slideInRight;
843
+ }
844
+
845
+ .Toastify__slide-enter--top-center {
846
+ animation-name: Toastify__slideInDown;
847
+ }
848
+
849
+ .Toastify__slide-enter--bottom-center {
850
+ animation-name: Toastify__slideInUp;
851
+ }
852
+
853
+ .Toastify__slide-exit--bottom-left, .Toastify__slide-exit--top-left {
854
+ animation-name: Toastify__slideOutLeft;
855
+ }
856
+
857
+ .Toastify__slide-exit--bottom-right, .Toastify__slide-exit--top-right {
858
+ animation-name: Toastify__slideOutRight;
859
+ }
860
+
861
+ .Toastify__slide-exit--top-center {
862
+ animation-name: Toastify__slideOutUp;
863
+ }
864
+
865
+ .Toastify__slide-exit--bottom-center {
866
+ animation-name: Toastify__slideOutDown;
867
+ }
868
+
869
+ @keyframes Toastify__spin {
870
+ 0% {
871
+ transform: rotate(0);
872
+ }
873
+
874
+ to {
875
+ transform: rotate(1turn);
876
+ }
877
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cbjwwwcode/common",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "ISC",
package/src/api.ts CHANGED
@@ -70,10 +70,7 @@ export const $http = setupRequest( window.appConfig.baseApi || "admin", {
70
70
  }
71
71
  }
72
72
  });
73
-
74
- export {
75
- axios
76
- }
73
+
77
74
 
78
75
  export {
79
76
  createClientTokenAuthentication,
package/src/nprogress.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  // @ts-nocheck
2
2
  import type { NProgressOptions } from 'nprogress';
3
3
  import nProgress from 'nprogress';
4
+ import 'nprogress/nprogress.css'
5
+
4
6
 
5
7
  // @ts-ignore
6
8
  const options: Partial<NProgressOptions> = {
package/src/toastify.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import type { App } from 'vue';
2
2
 
3
3
  import Toastify, { toast } from 'vue3-toastify';
4
+ import 'vue3-toastify/dist/index.css';
4
5
 
5
6
  export { toast };
6
7