@opsnow-mcp/opsnow-mcp-common-ui-server 1.0.19 → 1.0.21
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 +1 -1
- package/build/components/data/icon-names.js +0 -129
- package/build/components/examples/opsnow-common-calendar-examples-data.js +0 -48
- package/build/components/examples/opsnow-common-chart-examples-data.js +0 -6590
- package/build/components/examples/opsnow-common-data-status-examples-data.js +0 -65
- package/build/components/examples/opsnow-common-file-upload-examples-data.js +0 -95
- package/build/components/examples/opsnow-common-forms-examples-data.js +0 -1699
- package/build/components/examples/opsnow-common-grid-examples-data.js +0 -2328
- package/build/components/examples/opsnow-common-icons-examples-data.js +0 -72
- package/build/components/examples/opsnow-common-layout-examples-data.js +0 -72
- package/build/components/examples/opsnow-common-notification-examples-data.js +0 -78
- package/build/components/examples/opsnow-common-pagination-examples-data.js +0 -82
- package/build/components/examples/opsnow-common-popup-examples-data.js +0 -205
- package/build/components/examples/opsnow-common-progress-examples-data.js +0 -86
- package/build/components/examples/opsnow-common-select-examples-data.js +0 -106
- package/build/components/examples/opsnow-common-stepper-examples-data.js +0 -180
- package/build/components/examples/opsnow-common-storage-examples-data.js +0 -8
- package/build/components/examples/opsnow-common-tab-examples-data.js +0 -87
- package/build/components/examples/opsnow-common-toast-popup-examples-data.js +0 -129
- package/build/components/examples/opsnow-common-tooltip-examples-data.js +0 -80
- package/build/components/examples/opsnow-common-typography-examples-data.js +0 -366
- package/build/components/opsnow-common-calendar.js +0 -228
- package/build/components/opsnow-common-chart.js +0 -1643
- package/build/components/opsnow-common-data-status.js +0 -116
- package/build/components/opsnow-common-examples.js +0 -109
- package/build/components/opsnow-common-file-upload.js +0 -57
- package/build/components/opsnow-common-forms.js +0 -1006
- package/build/components/opsnow-common-grid.js +0 -352
- package/build/components/opsnow-common-icons.js +0 -139
- package/build/components/opsnow-common-layout.js +0 -138
- package/build/components/opsnow-common-notification.js +0 -110
- package/build/components/opsnow-common-pagination.js +0 -164
- package/build/components/opsnow-common-popup.js +0 -71
- package/build/components/opsnow-common-progress.js +0 -177
- package/build/components/opsnow-common-select.js +0 -132
- package/build/components/opsnow-common-stepper.js +0 -72
- package/build/components/opsnow-common-tab.js +0 -111
- package/build/components/opsnow-common-toast-popup.js +0 -135
- package/build/components/opsnow-common-tooltip.js +0 -204
- package/build/components/opsnow-common-typography.js +0 -93
- package/build/index.js +0 -124
package/package.json
CHANGED
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
// 아이콘 카테고리 정의
|
|
2
|
-
export const IconCategories = {
|
|
3
|
-
'AI/기술': ['AiBot', 'AiBrain', 'AiChip', 'CloudAi', 'ChipLine', 'ChipSparkLine', 'Code', 'BrowserCode'],
|
|
4
|
-
'알림/경고': [
|
|
5
|
-
'AlertBellNewalarmOutline', 'AlertBellOutline', 'AlertMessage', 'AlertWarningCircleFilled',
|
|
6
|
-
'WarningTriangleFilled', 'WarningTriangleOutline', 'InfoCircleFiller', 'InfoCircleOutline',
|
|
7
|
-
'DangerousZoneSign'
|
|
8
|
-
],
|
|
9
|
-
'화살표': [
|
|
10
|
-
'ArrowBoth', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp',
|
|
11
|
-
'ArrowBothHorizontalCircleFiller', 'ArrowBothVerticalCircleOutline', 'ArrowCircle',
|
|
12
|
-
'ArrowDownDotCircle', 'ArrowLeftRightSquare', 'ArrowLeftWall', 'ArrowLogout',
|
|
13
|
-
'ArrowReceive', 'ArrowRecycle', 'ArrowRedo', 'ArrowReload', 'ArrowRightWall',
|
|
14
|
-
'ArrowTransfer', 'ArrowTwoSide', 'ArrowUndo', 'ArrowUpDotCircle',
|
|
15
|
-
'ArrowUpDownSquare', 'ArrowUpperRight', 'ArrowWall', 'ArrowWallUp',
|
|
16
|
-
'ChevronDown', 'ChevronLeft', 'ChevronRight', 'ChevronUp',
|
|
17
|
-
'ChevronDoubleDown', 'ChevronDoubleLeft', 'ChevronDoubleLeftSm',
|
|
18
|
-
'ChevronDoubleRight', 'ChevronDoubleRightSm', 'ChevronDoubleUp',
|
|
19
|
-
'ChevronDownSm', 'ChevronLeftRight', 'ChevronLeftSm', 'ChevronRightSm',
|
|
20
|
-
'ChevronRightUp'
|
|
21
|
-
],
|
|
22
|
-
'문서/파일': [
|
|
23
|
-
'Document2', 'DocumentArrowDown', 'DocumentArrowUp', 'DocumentCheck',
|
|
24
|
-
'DocumentCopyFiles', 'DocumentPenText', 'DocumentPlus', 'DocumentSearch',
|
|
25
|
-
'DocumentSetting', 'DocumentText', 'DocumentTextAlignLeft1', 'DocumentTextAlignLeft2',
|
|
26
|
-
'DocumentX', 'DoucumentSquare', 'EnvelopeDocument', 'FolderDocument',
|
|
27
|
-
'FolderEmpty', 'FolderLine', 'FolderObject', 'FolderX'
|
|
28
|
-
],
|
|
29
|
-
'사용자': [
|
|
30
|
-
'User', 'UserCircle', 'UserMembers', 'UserMultiOrgCircle', 'UserPlus',
|
|
31
|
-
'UserSecurity', 'UserStory', 'CustomerSupport'
|
|
32
|
-
],
|
|
33
|
-
'클라우드/서버/DB': [
|
|
34
|
-
'Cloud', 'CloudLink', 'CloudPlus', 'CloudSecurity', 'CloudWarning',
|
|
35
|
-
'Db', 'DbCpuChip', 'DbHardDriveDisk', 'DbHardDriveDiskSdCard', 'DbNetwork',
|
|
36
|
-
'DbServer', 'DbServer2', 'DbSetting', 'CoinsDb', 'Webhook'
|
|
37
|
-
],
|
|
38
|
-
'그래프/차트/데이터': [
|
|
39
|
-
'GraphArrowUp', 'GraphBar1', 'GraphBar2', 'GraphBarHorizontal', 'GraphBaseline',
|
|
40
|
-
'GraphCandle', 'GraphLine1', 'GraphLine2', 'GraphLineAverage', 'GraphScatter',
|
|
41
|
-
'GuageGraph', 'GuageScore', 'HealtyGraphHygiene', 'Asc', 'Desc'
|
|
42
|
-
],
|
|
43
|
-
'로고': [
|
|
44
|
-
'LogoAndroid', 'LogoApple', 'LogoAws', 'LogoAws2', 'LogoAzure',
|
|
45
|
-
'LogoEmailOpsnow', 'LogoExcel', 'LogoFacebook1', 'LogoFacebook2',
|
|
46
|
-
'LogoGcp', 'LogoGoogle', 'LogoLinkedin', 'LogoOracle', 'LogoSymbolOpsnowbg',
|
|
47
|
-
'LogoUnity', 'LogoWindows', 'LogoYoutube'
|
|
48
|
-
],
|
|
49
|
-
'금융/화폐': [
|
|
50
|
-
'MoneyBill', 'MoneyBill2', 'MoneyCircle', 'MoneyDocument',
|
|
51
|
-
'MoneyDocumentTwotone', 'MoneyDollar', 'DollarRotate', 'PocketMoney',
|
|
52
|
-
'CreditCard', 'CreditCardTwotone'
|
|
53
|
-
],
|
|
54
|
-
'보안/인증': [
|
|
55
|
-
'Security', 'SecurityPhoneLock', 'SecurityShield1', 'SecurityShield2',
|
|
56
|
-
'Key2', 'KeySimple', 'PasswordCheck'
|
|
57
|
-
],
|
|
58
|
-
'상태/표시': [
|
|
59
|
-
'Check1', 'Check2', 'CheckCircleArrrow', 'CheckCircleFiller',
|
|
60
|
-
'CloseLg', 'CloseSm', 'Plus', 'Minus', 'PlusCircleFilled', 'PlusCircleOutline',
|
|
61
|
-
'MinusCircleOutline', 'XCircleOutline', 'XClosedFilled', 'Loading',
|
|
62
|
-
'LoadingWaiting', 'InProgressLoading'
|
|
63
|
-
],
|
|
64
|
-
'모듈/구성요소': [
|
|
65
|
-
'Module3shape', 'ModuleCheck', 'ModuleComponent', 'ModuleDashboard1',
|
|
66
|
-
'ModuleDashboard2', 'ModuleOrganization', 'BoardModuleHorizontal',
|
|
67
|
-
'BoardModuleVerticalFilled', 'BoardModuleVerticalOutline'
|
|
68
|
-
],
|
|
69
|
-
'인터페이스/UI': [
|
|
70
|
-
'MenuHamburger', 'MenuKebab', 'SixDots', 'MoreCircleFilled', 'MoreCircleOutline',
|
|
71
|
-
'Setting', 'SettingRotate', 'SliderHorizontal', 'SliderVertical',
|
|
72
|
-
'ToggleConfigration', 'List', 'NoItem', 'None', 'Target', 'Speaker',
|
|
73
|
-
'CircleFocus', 'FocusScope', 'Lightbulb', 'Link', 'LinkBold'
|
|
74
|
-
],
|
|
75
|
-
'편집/수정': [
|
|
76
|
-
'PenEditFilled', 'PenEditOutline', 'EditWrenchFix', 'DeleteBin1',
|
|
77
|
-
'DeleteBin2', 'DeleteBinFilled', 'DeleteSquare', 'UndoDeleteBin'
|
|
78
|
-
],
|
|
79
|
-
'네비게이션/이동': [
|
|
80
|
-
'Stairs', 'StairsUp', 'SquareDown', 'SquareLayer', 'SquareMinusDrilldown',
|
|
81
|
-
'SquareMove', 'SquarePlusDrilldown', 'Square_downArrow', 'Square_upArrow',
|
|
82
|
-
'Square_upChevron', 'TriangleDown', 'TriangleRight', 'TriangleUp',
|
|
83
|
-
'TriangleUpdown'
|
|
84
|
-
],
|
|
85
|
-
'시간/진행': [
|
|
86
|
-
'Clock', 'ClockLapse', 'Calendar', 'CalendarNumber', 'CalendarRetired',
|
|
87
|
-
'CalendarTwotone', 'Synch1', 'Synch2', 'RotateLeft', 'RotateRi',
|
|
88
|
-
'RotateRightCircle', 'RotateSp'
|
|
89
|
-
],
|
|
90
|
-
'기타': [
|
|
91
|
-
'Battery', 'BookmarkFilled', 'BookmarkOutline', 'BubbleEmpty',
|
|
92
|
-
'BubbleQuestion', 'BubbleText', 'Building', 'BuyShoppingCart',
|
|
93
|
-
'BagBuyShopping', 'BagBuyShoppingCheck', 'Depth', 'Door', 'DotCircle',
|
|
94
|
-
'DotOne', 'Download', 'Equal', 'EyeClosed', 'EyeOpen', 'Filter',
|
|
95
|
-
'Filter2', 'FilterClear', 'Gauge', 'HealthHeart', 'Hierarchy',
|
|
96
|
-
'InfinityLoof', 'InventoryBox', 'Percent', 'PowerCircle', 'PowerTriangle',
|
|
97
|
-
'QuestionCircleOutline', 'Rocket', 'RulerMeasure', 'SearchMagnifier',
|
|
98
|
-
'SearchMagnifierChart', 'SendMessageAirplaneFilled', 'SendMessageAirplaneOutline',
|
|
99
|
-
'SquareDotline', 'Stamp', 'Star', 'StarScore', 'TableCenter', 'TableLeft',
|
|
100
|
-
'Tag', 'TagFilled', 'TagHalf', 'TagName', 'TagNo', 'TagValue',
|
|
101
|
-
'Temperature', 'WebEarth', 'WebMonitoring', 'Wifi'
|
|
102
|
-
],
|
|
103
|
-
'감정/표정': [
|
|
104
|
-
'FaceBad', 'FaceBadFilled', 'FaceHappy', 'FaceHappyFilled',
|
|
105
|
-
'FaceSoso', 'FaceSosoFilled', 'FaceVeryBad', 'FaceVeryBadFilled',
|
|
106
|
-
'FaceVeryHappy', 'FaceVeryHappyFilled'
|
|
107
|
-
]
|
|
108
|
-
};
|
|
109
|
-
// 모든 아이콘 이름을 포함하는 맵 생성
|
|
110
|
-
export const IconNamesMap = Object.values(IconCategories).reduce((acc, icons) => {
|
|
111
|
-
icons.forEach(icon => {
|
|
112
|
-
acc[icon] = icon;
|
|
113
|
-
});
|
|
114
|
-
return acc;
|
|
115
|
-
}, {});
|
|
116
|
-
// 카테고리별 설명 생성 함수
|
|
117
|
-
export function generateIconDescription(options = {}) {
|
|
118
|
-
const { format = 'flat', separator = ', ' } = options;
|
|
119
|
-
if (format === 'flat') {
|
|
120
|
-
return "아이콘 이름 (사용 가능한 아이콘 목록)\n" +
|
|
121
|
-
Object.entries(IconCategories)
|
|
122
|
-
.map(([category, icons]) => `- ${category}: ${icons.join(separator)}`)
|
|
123
|
-
.join('\n');
|
|
124
|
-
}
|
|
125
|
-
return "아이콘 이름 (카테고리별 사용 가능한 아이콘 목록)\n\n" +
|
|
126
|
-
Object.entries(IconCategories)
|
|
127
|
-
.map(([category, icons]) => `${category}:\n - ${icons.join('\n - ')}`)
|
|
128
|
-
.join('\n\n');
|
|
129
|
-
}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
// Calendar 컴포넌트 예제 데이터
|
|
2
|
-
export const CalendarExamples = [
|
|
3
|
-
{
|
|
4
|
-
title: "dateRange",
|
|
5
|
-
code: `<OpsnowCommonCalendar type="dateRange" />`,
|
|
6
|
-
description: "날짜 범위 선택이 가능한 달력 예제입니다.",
|
|
7
|
-
},
|
|
8
|
-
{
|
|
9
|
-
title: "date",
|
|
10
|
-
code: `<OpsnowCommonCalendar type="date" />`,
|
|
11
|
-
description: "단일 날짜 선택이 가능한 달력 예제입니다.",
|
|
12
|
-
},
|
|
13
|
-
{
|
|
14
|
-
title: "date-minDate-maxDate",
|
|
15
|
-
code: `<OpsnowCommonCalendar type="date" minDate={dayjs('YYYY-MM-DD')} maxDate={dayjs('YYYY-MM-DD')} />`,
|
|
16
|
-
description: "단일 날짜 선택이 가능한 달력 예제입니다. 최소 최대 날짜를 설정할 수 있습니다.",
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
title: "dateRange-minDate-maxDate",
|
|
20
|
-
code: `<OpsnowCommonCalendar type="dateRange" minDate={dayjs('YYYY-MM-DD')} maxDate={dayjs('YYYY-MM-DD')} />`,
|
|
21
|
-
description: "날짜 범위 선택이 가능한 달력 예제입니다. 최소 최대 날짜를 설정할 수 있습니다.",
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
title: "dateTimeRange",
|
|
25
|
-
code: `<OpsnowCommonCalendar type="dateTimeRange" />`,
|
|
26
|
-
description: "날짜 + 시간 조합으로 범위 선택이 가능한 달력 예제입니다.",
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
title: "dateTimeRange-useShortcuts",
|
|
30
|
-
code: `<OpsnowCommonCalendar type="dateTimeRange" useShortcuts/>`,
|
|
31
|
-
description: "날짜 범위 선택이 가능한 달력 예제입니다. 지난 3개월과 같은 기본 쇼트컷을 사용할 수 있습니다.",
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
title: "dateTimeRange-customShortcuts",
|
|
35
|
-
code: `<OpsnowCommonCalendar type="dateTimeRange" useShortcuts customShortcuts={customShortcuts} />`,
|
|
36
|
-
description: "날짜 범위 선택이 가능한 달력 예제입니다. 원하는 쇼트컷을 추가하여 사용할 수 있습니다.",
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
title: "dateTime",
|
|
40
|
-
code: `<OpsnowCommonCalendar type="dateTime" />`,
|
|
41
|
-
description: "단일 날짜 + 시간 조합으로 선택이 가능한 달력 예제입니다.",
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
title: "dateTime-minDate-maxDate",
|
|
45
|
-
code: `<OpsnowCommonCalendar type="dateTime" minDate={dayjs('YYYY-MM-DD')} maxDate={dayjs('YYYY-MM-DD')} />`,
|
|
46
|
-
description: "단일 날짜 + 시간 조합으로 선택이 가능한 달력 예제입니다. 최소 최대 날짜를 설정할 수 있습니다.",
|
|
47
|
-
},
|
|
48
|
-
];
|