@mptw/skylens-ui 1.4.109 → 1.5.1

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 (130) hide show
  1. package/AGENTS.md +59 -0
  2. package/CLAUDE.md +36 -0
  3. package/README.md +7 -7
  4. package/app/app.config.ts +14 -0
  5. package/app/app.vue +5 -0
  6. package/app/assets/css/layout.css +134 -0
  7. package/app/assets/css/main.css +189 -0
  8. package/{components → app/components}/SLAlertModal.vue +24 -16
  9. package/{components → app/components}/SLBreadcrumbs.vue +12 -8
  10. package/app/components/SLButton.vue +370 -0
  11. package/{components → app/components}/SLCalendarButton.vue +40 -34
  12. package/{components → app/components}/SLCalendarPopup.vue +79 -53
  13. package/{components → app/components}/SLCard.vue +57 -41
  14. package/{components → app/components}/SLChart.vue +6 -3
  15. package/{components → app/components}/SLCheckbox.vue +92 -49
  16. package/{components → app/components}/SLCircleButton.vue +25 -16
  17. package/{components → app/components}/SLCollapsableBlock.vue +44 -33
  18. package/{components → app/components}/SLCollapsableMulitPillSelect.vue +20 -15
  19. package/{components → app/components}/SLConfirmModal.vue +9 -6
  20. package/{components → app/components}/SLContextMenu.vue +88 -48
  21. package/{components → app/components}/SLDateInput.vue +109 -92
  22. package/{components → app/components}/SLDatePicker.vue +9 -7
  23. package/{components → app/components}/SLDistributor.vue +1 -1
  24. package/{components → app/components}/SLDownloadButton.vue +39 -29
  25. package/{components → app/components}/SLDraggable.vue +2 -2
  26. package/{components → app/components}/SLDropdown.vue +33 -25
  27. package/{components → app/components}/SLDropdownItem.vue +9 -5
  28. package/{components → app/components}/SLElementWithTitle.vue +12 -7
  29. package/{components → app/components}/SLEyeCheckbox.vue +44 -31
  30. package/{components → app/components}/SLFileInput.vue +23 -16
  31. package/{components → app/components}/SLGenderAgeSelect.vue +52 -36
  32. package/{components → app/components}/SLHourRangeInput.vue +45 -32
  33. package/{components → app/components}/SLIOSSwitch.vue +81 -60
  34. package/{components → app/components}/SLIcon.vue +4 -3
  35. package/{components → app/components}/SLIconButton.vue +31 -29
  36. package/{components → app/components}/SLInfoTip.vue +51 -40
  37. package/{components → app/components}/SLInsightSitePage.vue +12 -7
  38. package/{components → app/components}/SLLegend.vue +19 -12
  39. package/app/components/SLLinearProgressBar.vue +22 -0
  40. package/{components → app/components}/SLLink.vue +12 -8
  41. package/{components → app/components}/SLLoading.vue +34 -31
  42. package/{components → app/components}/SLMapChart.vue +5 -4
  43. package/{components → app/components}/SLModal.vue +90 -66
  44. package/{components → app/components}/SLMonthCalendarButton.vue +91 -45
  45. package/{components → app/components}/SLMonthPicker.vue +42 -37
  46. package/{components → app/components}/SLMultiEmailInput.vue +163 -113
  47. package/{components → app/components}/SLMultiSelect.vue +37 -26
  48. package/{components → app/components}/SLNoData.vue +16 -11
  49. package/app/components/SLNotification.vue +155 -0
  50. package/{components → app/components}/SLPageModal.vue +14 -9
  51. package/{components → app/components}/SLPagination.vue +45 -33
  52. package/{components → app/components}/SLPillCheckbox.vue +50 -42
  53. package/{components → app/components}/SLPillLabel.vue +43 -28
  54. package/{components → app/components}/SLPopupMenuButton.vue +26 -17
  55. package/{components → app/components}/SLProfileButton.vue +28 -20
  56. package/{components → app/components}/SLProjectShareItem.vue +30 -17
  57. package/{components → app/components}/SLRadioButton.vue +41 -33
  58. package/{components → app/components}/SLRadioButtonGroup.vue +28 -23
  59. package/app/components/SLRadioGroup.vue +221 -0
  60. package/{components → app/components}/SLRangeInput.vue +53 -38
  61. package/{components → app/components}/SLRegionsMapChart.vue +5 -4
  62. package/{components → app/components}/SLRightSider.vue +50 -40
  63. package/{components → app/components}/SLSearchInput.vue +24 -19
  64. package/{components → app/components}/SLSelect.vue +114 -87
  65. package/{components → app/components}/SLSelectAllToggle.vue +52 -37
  66. package/app/components/SLSidebarNav.vue +487 -0
  67. package/{components → app/components}/SLSidebarNavGroupItem.vue +13 -10
  68. package/{components → app/components}/SLSidebarNavGroupItemSection.vue +240 -179
  69. package/{components → app/components}/SLSidebarNavLinkItem.vue +131 -109
  70. package/{components → app/components}/SLSidebarNavSectionItem.vue +21 -18
  71. package/{components → app/components}/SLSitePage.vue +35 -24
  72. package/{components → app/components}/SLSkyInsightSitePage.vue +13 -8
  73. package/{components → app/components}/SLSortByDropdown.vue +35 -22
  74. package/{components → app/components}/SLSpinIcon.vue +6 -3
  75. package/{components → app/components}/SLStayRangeInput.vue +47 -36
  76. package/{components → app/components}/SLTab.vue +7 -2
  77. package/app/components/SLTable.vue +472 -0
  78. package/{components → app/components}/SLTableTooltip.vue +44 -30
  79. package/app/components/SLTabs.vue +528 -0
  80. package/{components → app/components}/SLTextInput.vue +162 -134
  81. package/{components → app/components}/SLTextarea.vue +40 -29
  82. package/{components → app/components}/SLToast.vue +19 -11
  83. package/{components → app/components}/SLToggleButton.vue +18 -11
  84. package/{components → app/components}/SLTwoLayerMultiSelect.vue +180 -85
  85. package/{components → app/components}/SLTwoLayerSelect.vue +47 -37
  86. package/{components → app/components}/SLTwoLayerSingleSelect.vue +52 -33
  87. package/{components → app/components}/SLWarnModal.vue +9 -7
  88. package/app/interface/commons.ts +7 -0
  89. package/{utils → app/utils}/index.ts +213 -146
  90. package/eslint.config.js +3 -0
  91. package/nuxt.config.ts +17 -14
  92. package/package.json +10 -9
  93. package/skills-lock.json +59 -0
  94. package/tsconfig.json +1 -6
  95. package/.eslintrc.cjs +0 -4
  96. package/app.config.ts +0 -5
  97. package/assets/css/layout.styl +0 -98
  98. package/assets/css/tailwind.css +0 -3
  99. package/components/SLButton.vue +0 -337
  100. package/components/SLLinearProgressBar.vue +0 -35
  101. package/components/SLNotification.vue +0 -151
  102. package/components/SLRadioGroup.vue +0 -209
  103. package/components/SLSidebarNav.vue +0 -427
  104. package/components/SLTable.vue +0 -455
  105. package/components/SLTabs.vue +0 -475
  106. package/interface/commons.ts +0 -7
  107. package/pages/index.vue +0 -15
  108. package/tailwind.config.js +0 -271
  109. /package/{assets → app/assets}/css/fonts/MEShPlus-font-icon.eot +0 -0
  110. /package/{assets → app/assets}/css/fonts/MEShPlus-font-icon.svg +0 -0
  111. /package/{assets → app/assets}/css/fonts/MEShPlus-font-icon.ttf +0 -0
  112. /package/{assets → app/assets}/css/fonts/MEShPlus-font-icon.woff +0 -0
  113. /package/{assets → app/assets}/css/icons.css +0 -0
  114. /package/{assets → app/assets}/images/commons/app-logo-white.png +0 -0
  115. /package/{assets → app/assets}/images/commons/app-logo.png +0 -0
  116. /package/{assets → app/assets}/images/commons/empty-box.png +0 -0
  117. /package/{interface → app/interface}/IDateRange.ts +0 -0
  118. /package/{interface → app/interface}/IHourRange.ts +0 -0
  119. /package/{interface → app/interface}/IInputOption.ts +0 -0
  120. /package/{interface → app/interface}/ILegendItem.ts +0 -0
  121. /package/{interface → app/interface}/IOrganization.ts +0 -0
  122. /package/{interface → app/interface}/IPopupMenuButton.ts +0 -0
  123. /package/{interface → app/interface}/IStayRange.ts +0 -0
  124. /package/{interface → app/interface}/ITableField.ts +0 -0
  125. /package/{interface → app/interface}/IWeb.ts +0 -0
  126. /package/{interface → app/interface}/NavConfigType.ts +0 -0
  127. /package/{models → app/models}/DateRange.ts +0 -0
  128. /package/{plugins → app/plugins}/v-calendar.ts +0 -0
  129. /package/{utils → app/utils}/constants.ts +0 -0
  130. /package/{utils → app/utils}/generateSheet.ts +0 -0
@@ -1,271 +0,0 @@
1
- /** @type {import('tailwindcss').Config} */
2
- module.exports = {
3
- content: [
4
- './components/**/*.{js,vue,ts}',
5
- './layouts/**/*.vue',
6
- './pages/**/*.vue',
7
- './app.vue',
8
- ],
9
- darkMode: 'class', // or 'media' or 'class'
10
- theme: {
11
- extend: {
12
- backdropBlur: {
13
- 5: '5px',
14
- 8: '8px',
15
- },
16
- fontFamily: {
17
- 'login-title': 'Roboto',
18
- },
19
- colors: {
20
- primary: {
21
- 15: '#FAFAFD',
22
- 25: '#F9F9FF',
23
- 50: '#F3F4F8',
24
- 100: '#E8EAF2',
25
- 200: '#DDE1F3',
26
- 300: '#BABBE1',
27
- 400: '#A1A3D0',
28
- 500: '#9193C1',
29
- 600: '#8486B4',
30
- DEFAULT: '#626493',
31
- 800: '#4E5076',
32
- 900: '#3B3C58',
33
- },
34
- secondary: {
35
- 50: '#F1F5FC',
36
- 200: '#EAF1FF',
37
- 400: '#A9BADB',
38
- 500: '#90A8D7',
39
- 600: '#7996CF',
40
- DEFAULT: '#6182C3',
41
- 800: '#4E689C',
42
- 'new-dark': '#445B89',
43
- },
44
- third: {
45
- 50: '#F9FFF1',
46
- 100: '#E8F2EB',
47
- 400: '#B3D9C7',
48
- 500: '#82CDDB',
49
- 600: '#4EA3B6',
50
- DEFAULT: '#4C8098',
51
- },
52
- four: {
53
- 100: '#FAE7F0',
54
- 400: '#FEABBF',
55
- 500: '#EC6F8D',
56
- },
57
- highlight: {
58
- 50: '#FFFBF1',
59
- 100: '#F2EFE8',
60
- 300: '#F6D79D',
61
- 400: '#FFD874',
62
- 500: '#FBBE21',
63
- 600: '#FDB242',
64
- DEFAULT: '#EEB13C',
65
- },
66
- poi: {
67
- 100: '#F1AFCE',
68
- 300: '#EB8CB9',
69
- DEFAULT: '#D35092',
70
- 900: '#AA5488',
71
- 1000: '#7E4E77',
72
- },
73
- danger: {
74
- DEFAULT: '#F35A5A',
75
- light: '#FE8678',
76
- },
77
- red: {
78
- 2: '#F34141',
79
- DEFAULT: '#EB5757',
80
- },
81
- pgray: {
82
- 1: '#2C2D31',
83
- 2: '#4D4F55',
84
- 3: '#858792',
85
- 4: '#BCBFCF',
86
- 4.5: '#C7C5D0',
87
- 5: '#DFE1E9',
88
- 6: '#ECECF2',
89
- },
90
- gray: {
91
- 1: '#333333',
92
- 2: '#4F4F4F',
93
- 3: '#828282',
94
- 4: '#BDBDBD',
95
- 5: '#E0E0E0',
96
- 6: '#F2F2F2',
97
- },
98
- green: {
99
- 2: '#6EC393',
100
- DEFAULT: '#27AE60',
101
- },
102
- blue: {
103
- 1: '#2F80ED',
104
- 2: '#110DFB',
105
- 3: '#332FED',
106
- },
107
- orange: {
108
- DEFAULT: '#F48A28',
109
- },
110
- edit: {
111
- DEFAULT: '#6E6BDD',
112
- },
113
- card: {
114
- 'lightpr-bg': '#FBFCFF',
115
- },
116
- insight: {
117
- title: '#696CBA',
118
- 'title-line': '#9B74DA',
119
- 'hint-line': '#ADB4F5',
120
- 'web-title-start': '#39BBE4',
121
- 'web-title-end': 'rgb(144 128 241/0.74)',
122
- 'poi-title-start': 'rgb(255 131 92/0.7)',
123
- 'poi-title-end': 'rgb(120 91 207/0.74)',
124
- },
125
- mask: {
126
- DEFAULT: '#47485A',
127
- },
128
- 'login-bg': {
129
- DEFAULT: '#fefefe',
130
- },
131
- 'nav-color-switch-bg': {
132
- DEFAULT: '#2D2F57',
133
- },
134
- },
135
- boxShadow: {
136
- DEFAULT: '0px 2px 4px rgba(111, 111, 111, 0.2)',
137
- md: '0px 2px 8px rgba(88, 82, 103, 0.25)',
138
- inline: 'inset 0px -1px 0px rgba(186, 187, 225, 0.8)',
139
- 'second-inline': 'inset 0px -1px 0px rgba(238, 177, 60, 0.8)',
140
- 'header-drop': '0px 5px 12px rgba(88, 82, 103, 0.45)',
141
- 'popup-sm':
142
- '0px 5px 5px -3px rgba(88, 82, 103, 0.2), 0px 3px 14px 2px rgba(88, 82, 103, 0.12)',
143
- 'popup-lg': '0px 5px 12px rgba(88, 82, 103, 0.45)',
144
- login: '2px 5px 20px rgba(107, 91, 141, 0.45)',
145
- 'insight-layer': '0px 4px 4px rgba(70, 56, 107, 0.25)',
146
- 'insight-comment': '0px 4px 12px rgba(37, 35, 143, 0.25)',
147
- 'insight-card': '0px 4px 12px rgba(77, 45, 147, 0.25)',
148
- 'insight-card-lg': '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',
149
- 'small-card': '2px 2px 4px rgba(0, 0, 0, 0.1)',
150
- 'float-actions': '0px -6px 12px 0px rgba(90, 92, 133, 0.10)',
151
- },
152
- fontSize: {
153
- sm: ['0.875rem', '1.1875rem'],
154
- md: ['0.9375rem', '1.25rem'],
155
- base: ['1rem', '1.3125rem'],
156
- lg: ['1.25rem', '1.6875rem'],
157
- '0.75xl': ['1.0625rem', '1.75rem'],
158
- '2.25xl': ['1.5625rem', '1.8125rem'],
159
- '2.67xl': ['1.75rem', '2rem'],
160
- '3.33xl': ['2rem', '2.6875rem'],
161
- '3.67xl': ['2.125rem', '2.4175rem'],
162
- '7.17xl': '4.75rem',
163
- '16xl': ['4rem', '4.625rem'],
164
- '18xl': ['4.5rem', '6rem'],
165
- },
166
- lineHeight: {
167
- 3.5: '0.875rem',
168
- 4.25: '1.0625rem',
169
- 4.5: '1.125rem',
170
- 4.75: '1.1875rem',
171
- 5.75: '1.4375rem',
172
- 6.5: '1.625rem',
173
- 6.75: '1.6875rem',
174
- 7: '1.75rem',
175
- 7.25: '1.8125rem',
176
- 7.5: '1.875rem',
177
- 9.25: '2.3125rem',
178
- 10.5: '2.625rem',
179
- 12: '3rem',
180
- 13.75: '3.3475rem',
181
- 16: '4rem',
182
- 24: '6rem',
183
- normal: '1.3125',
184
- },
185
- spacing: {
186
- 0.75: '0.1875rem',
187
- 1.25: '0.3125rem',
188
- 1.75: '0.4375rem',
189
- 2.25: '0.5625rem',
190
- 2.75: '0.6875rem',
191
- 3.25: '0.8125rem',
192
- 3.75: '0.9375rem',
193
- 4.75: '1.1875rem',
194
- 5.5: '1.375rem',
195
- 6: '1.5rem',
196
- 6.5: '1.625rem',
197
- 7.25: '1.8125rem',
198
- 7.5: '1.875rem',
199
- 7.75: '1.9375rem',
200
- 9.5: '2.375rem',
201
- 10.5: '2.625rem',
202
- 12.5: '3.125rem',
203
- 13.5: '3.375rem',
204
- 15: '3.75rem',
205
- 17.75: '4.4375rem',
206
- 21.5: '5.375rem',
207
- 22.75: '5.6875rem',
208
- 23: '5.76rem',
209
- 30: '7.5rem',
210
- 31.75: '7.9375rem',
211
- 38.5: '9.625rem',
212
- 44.75: '11.1875rem',
213
- 67.75: '16.9375rem',
214
- 68: '17rem',
215
- 78: '19.5rem',
216
- 89.5: '22.375rem',
217
- 96: '24rem',
218
- 142: '35.5rem',
219
- },
220
- minWidth: {
221
- 52.5: '13.125rem',
222
- 57.5: '14.375rem',
223
- 63: '15.75rem',
224
- },
225
- maxWidth: {
226
- 55: '13.75rem',
227
- 63.75: '15.9375rem',
228
- 68: '17rem',
229
- 70: '17.5rem',
230
- 96: '24rem',
231
- 114.5: '28.625rem',
232
- 117.5: '29.375rem',
233
- 134.5: '33.625rem',
234
- 149.5: '37.375rem',
235
- 150: '37.5rem',
236
- 208: '52rem',
237
- },
238
- minHeight: {
239
- 18: '4.5rem',
240
- 52: '13rem',
241
- 52.25: '13.0625rem',
242
- 57.75: '14.4375rem',
243
- 76: '19rem',
244
- },
245
- transitionProperty: {
246
- 'input-focus':
247
- 'margin, padding, color, font-size, line-height, background-color',
248
- 'app-header': 'margin, width',
249
- width: 'width',
250
- height: 'height',
251
- margin: 'margin',
252
- 'font-size': 'font-size',
253
- padding: 'padding',
254
- 'sidebar-nav-item': 'border-radius, width',
255
- 'sidebar-nav-item-icon': 'width, height, font-size',
256
- 'border-radius': 'border-radius',
257
- },
258
- opacity: {
259
- 81: '0.81',
260
- },
261
- textShadow: {
262
- default: '0px 4px 4px rgba(0, 0, 0, 0.25)',
263
- md: '0px 2px 8px rgba(88, 82, 103, 0.25)',
264
- },
265
- zIndex: {
266
- 60: '60',
267
- },
268
- },
269
- },
270
- plugins: [require('tailwindcss-textshadow')],
271
- };
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes