bfg-common 1.3.485 → 1.3.487

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.
Files changed (3) hide show
  1. package/components/atoms/TheIcon2.vue +40 -25
  2. package/components/common/layout/theHeader/LanguageSwitch.vue +102 -102
  3. package/package.json +1 -1
package/components/atoms/TheIcon2.vue CHANGED
@@ -1259,32 +1259,47 @@
1259
1259
  </template>
1260
1260
  <template v-else-if="props.name === 'backup'">
1261
1261
  <svg
1262
- xmlns="http://www.w3.org/2000/svg"
1263
- :width="props.width"
1264
- :height="props.height"
1265
- viewBox="0 0 20 20"
1266
- fill="none"
1262
+ xmlns="http://www.w3.org/2000/svg"
1263
+ :width="props.width"
1264
+ :height="props.height"
1265
+ viewBox="0 0 24 24"
1266
+ fill="none"
1267
1267
  >
1268
- <path
1269
- d="M12.9275 17.4058C13.5005 17.9789 14.2922 18.3333 15.1667 18.3333C16.9156 18.3333 18.3333 16.9156 18.3333 15.1667C18.3333 13.4178 16.9156 12 15.1667 12C13.7389 12 12.8734 12.9516 12 13.9352M12.8063 17.2778C13.0736 17.5764 13.3967 17.824 13.7593 18.0042"
1270
- stroke="currentColor"
1271
- stroke-width="1.5"
1272
- stroke-linecap="round"
1273
- stroke-linejoin="round"
1274
- />
1275
- <path
1276
- d="M12 12.5283V13.9357H13.4074"
1277
- stroke="currentColor"
1278
- stroke-width="1.5"
1279
- stroke-linecap="round"
1280
- stroke-linejoin="round"
1281
- />
1282
- <path
1283
- d="M16.7857 3.45271C16.7857 4.43893 13.5877 5.23842 9.64286 5.23842C5.69797 5.23842 2.5 4.43893 2.5 3.45271M16.7857 3.45271C16.7857 2.46648 13.5877 1.66699 9.64286 1.66699C5.69797 1.66699 2.5 2.46648 2.5 3.45271M16.7857 3.45271V9.00033M2.5 3.45271V16.5479M2.5 16.5479C2.5 17.5049 5.51097 18.286 9.29367 18.3316M2.5 16.5479C2.5 17.5342 5.69797 18.3337 9.64286 18.3337M2.5 12.1906C2.5 13.028 4.80575 13.7308 7.91667 13.9238M2.5 12.1906C2.5 13.0718 5.05287 13.8037 8.41043 13.9497M2.5 12.1906C2.5 13.0943 5.18514 13.8413 8.66964 13.96M16.1836 8.5404C16.5708 8.32049 16.7857 8.07735 16.7857 7.82166C16.7857 8.80788 13.5877 9.60749 9.64286 9.60749C5.69797 9.60749 2.5 8.80788 2.5 7.82166C2.5 8.74309 5.29157 9.50152 8.87571 9.5972"
1284
- stroke="currentColor"
1285
- stroke-width="1.5"
1286
- stroke-linecap="round"
1287
- />
1268
+ <g clip-path="url(#clip0_927_13361)">
1269
+ <path
1270
+ d="M4.5 19.5V19.5C2.84315 19.5 1.5 18.1569 1.5 16.5V4.5C1.5 2.84315 2.84315 1.5 4.5 1.5H16.5C18.1569 1.5 19.5 2.84315 19.5 4.5V4.5"
1271
+ stroke="currentColor"
1272
+ stroke-width="1.2"
1273
+ />
1274
+ <rect
1275
+ x="4.5"
1276
+ y="4.5"
1277
+ width="18"
1278
+ height="18"
1279
+ rx="3"
1280
+ stroke="currentColor"
1281
+ stroke-width="1.2"
1282
+ />
1283
+ <path
1284
+ d="M10.318 16.682C11.1324 17.4963 12.2574 18 13.5 18C15.9853 18 18 15.9853 18 13.5C18 11.0147 15.9853 9 13.5 9C11.471 9 10.2412 10.3523 9 11.75M10.1458 16.5C10.5257 16.9244 10.9848 17.2762 11.5 17.5322"
1285
+ stroke="currentColor"
1286
+ stroke-width="1.2"
1287
+ stroke-linecap="round"
1288
+ stroke-linejoin="round"
1289
+ />
1290
+ <path
1291
+ d="M9 9.50732V11.7509H11.25"
1292
+ stroke="currentColor"
1293
+ stroke-width="1.2"
1294
+ stroke-linecap="round"
1295
+ stroke-linejoin="round"
1296
+ />
1297
+ </g>
1298
+ <defs>
1299
+ <clipPath id="clip0_927_13361">
1300
+ <rect width="24" height="24" fill="white" />
1301
+ </clipPath>
1302
+ </defs>
1288
1303
  </svg>
1289
1304
  </template>
1290
1305
  <template v-else-if="props.name === 'network'">
package/components/common/layout/theHeader/LanguageSwitch.vue CHANGED
@@ -1,102 +1,102 @@
1
- <template>
2
- <div class="language-switch-content">
3
- <label class="switch">
4
- <input type="checkbox" @change="emits('change-theme-mode')" />
5
- <span class="slider"></span>
6
- <span class="theme-icon light">
7
- <ui-icon name="light-theme" width="14" height="14" />
8
- </span>
9
- <span class="theme-icon dark">
10
- <ui-icon name="dark-theme" width="14" height="14" />
11
- </span>
12
- </label>
13
- </div>
14
- </template>
15
-
16
- <script setup lang="ts">
17
- const emits = defineEmits<{
18
- (event: 'change-theme-mode'): void
19
- }>()
20
- </script>
21
-
22
- <style>
23
- :root {
24
- --switch-bg-color: #e9ebed;
25
- --switch-item-color: #213444;
26
- }
27
- :root.dark-theme {
28
- --switch-bg-color: #4d5d69;
29
- --switch-item-color: #ffffff;
30
- }
31
- </style>
32
-
33
- <style scoped lang="scss">
34
- .language-switch-content {
35
- .switch {
36
- position: relative;
37
- display: inline-block;
38
- width: 48px;
39
- height: 24px;
40
- color: var(--switch-item-color);
41
-
42
- input {
43
- opacity: 0;
44
- width: 0;
45
- height: 0;
46
-
47
- &:checked + .slider {
48
- background-color: var(--switch-bg-color);
49
- }
50
- &:focus + .slider {
51
- box-shadow: 0 0 1px var(--switch-bg-color);
52
- }
53
- &:checked + .slider:before {
54
- -webkit-transform: translateX(26px);
55
- -ms-transform: translateX(26px);
56
- transform: translateX(26px);
57
- }
58
- }
59
-
60
- .slider {
61
- position: absolute;
62
- cursor: pointer;
63
- top: 0;
64
- left: 0;
65
- right: 0;
66
- bottom: 0;
67
- background-color: var(--switch-bg-color);
68
- -webkit-transition: 0.4s;
69
- transition: 0.4s;
70
- border-radius: 34px;
71
-
72
- &:before {
73
- position: absolute;
74
- content: '';
75
- height: 18px;
76
- width: 18px;
77
- left: 2px;
78
- bottom: 3px;
79
- background-color: var(--switch-item-color);
80
- -webkit-transition: 0.4s;
81
- transition: 0.4s;
82
- border-radius: 50%;
83
- }
84
- }
85
-
86
- .theme-icon {
87
- position: absolute;
88
- display: flex;
89
- top: 5px;
90
- color: var(--switch-item-color);
91
- pointer-events: none;
92
-
93
- &.light {
94
- right: 5px;
95
- }
96
- &.dark {
97
- left: 5px;
98
- }
99
- }
100
- }
101
- }
102
- </style>
1
+ <template>
2
+ <div class="language-switch-content">
3
+ <label class="switch">
4
+ <input type="checkbox" @change="emits('change-theme-mode')" />
5
+ <span class="slider"></span>
6
+ <span class="theme-icon light">
7
+ <ui-icon name="light-theme" width="14" height="14" />
8
+ </span>
9
+ <span class="theme-icon dark">
10
+ <ui-icon name="dark-theme" width="14" height="14" />
11
+ </span>
12
+ </label>
13
+ </div>
14
+ </template>
15
+
16
+ <script setup lang="ts">
17
+ const emits = defineEmits<{
18
+ (event: 'change-theme-mode'): void
19
+ }>()
20
+ </script>
21
+
22
+ <style>
23
+ :root {
24
+ --switch-bg-color: #e9ebed;
25
+ --switch-item-color: #213444;
26
+ }
27
+ :root.dark-theme {
28
+ --switch-bg-color: #4d5d69;
29
+ --switch-item-color: #ffffff;
30
+ }
31
+ </style>
32
+
33
+ <style scoped lang="scss">
34
+ .language-switch-content {
35
+ .switch {
36
+ position: relative;
37
+ display: inline-block;
38
+ width: 48px;
39
+ height: 24px;
40
+ color: var(--switch-item-color);
41
+
42
+ input {
43
+ opacity: 0;
44
+ width: 0;
45
+ height: 0;
46
+
47
+ &:checked + .slider {
48
+ background-color: var(--switch-bg-color);
49
+ }
50
+ &:focus + .slider {
51
+ box-shadow: 0 0 1px var(--switch-bg-color);
52
+ }
53
+ &:checked + .slider:before {
54
+ -webkit-transform: translateX(26px);
55
+ -ms-transform: translateX(26px);
56
+ transform: translateX(26px);
57
+ }
58
+ }
59
+
60
+ .slider {
61
+ position: absolute;
62
+ cursor: pointer;
63
+ top: 0;
64
+ left: 0;
65
+ right: 0;
66
+ bottom: 0;
67
+ background-color: var(--switch-bg-color);
68
+ -webkit-transition: 0.4s;
69
+ transition: 0.4s;
70
+ border-radius: 34px;
71
+
72
+ &:before {
73
+ position: absolute;
74
+ content: '';
75
+ height: 18px;
76
+ width: 18px;
77
+ left: 2px;
78
+ bottom: 3px;
79
+ background-color: var(--switch-item-color);
80
+ -webkit-transition: 0.4s;
81
+ transition: 0.4s;
82
+ border-radius: 50%;
83
+ }
84
+ }
85
+
86
+ .theme-icon {
87
+ position: absolute;
88
+ display: flex;
89
+ top: 5px;
90
+ color: var(--switch-item-color);
91
+ pointer-events: none;
92
+
93
+ &.light {
94
+ right: 5px;
95
+ }
96
+ &.dark {
97
+ left: 5px;
98
+ }
99
+ }
100
+ }
101
+ }
102
+ </style>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "bfg-common",
3
3
  "private": false,
4
- "version": "1.3.485",
4
+ "version": "1.3.487",
5
5
  "scripts": {
6
6
  "build": "nuxt build",
7
7
  "dev": "nuxt dev --port=3002",