Skip to content

Commit 833c12d

Browse files
author
FalkWolsky
committed
Introducing Kanban Preview
1 parent b294990 commit 833c12d

File tree

15 files changed

+1346
-2
lines changed

15 files changed

+1346
-2
lines changed

‎client/packages/lowcoder-design/src/icons/index.ts

+2
Original file line numberDiff line numberDiff line change
@@ -336,6 +336,7 @@ export { ReactComponent as VideoCameraStreamCompIconSmall } from "./v2/camera-st
336336
export { ReactComponent as VideoScreenshareCompIconSmall } from "./v2/screen-share-stream-s.svg"; // new
337337
export { ReactComponent as SignatureCompIconSmall } from "./v2/signature-s.svg";
338338
export { ReactComponent as StepCompIconSmall } from "./v2/steps-s.svg";
339+
export { ReactComponent as KanbanCompIconSmall } from "./v2/kanban-s.svg"; // new
339340

340341
export { ReactComponent as CandlestickChartCompIconSmall } from "./v2/candlestick-chart-s.svg"; // new
341342
export { ReactComponent as FunnelChartCompIconSmall } from "./v2/funnel-chart-s.svg"; // new
@@ -441,6 +442,7 @@ export { ReactComponent as VideoScreenshareCompIcon } from "./v2/screen-share-st
441442
export { ReactComponent as StepCompIcon } from "./v2/steps-m.svg";
442443
export { ReactComponent as SignatureCompIcon } from "./v2/signature-m.svg";
443444
export { ReactComponent as GanttCompIcon } from "./v2/gantt-chart-m.svg";
445+
export { ReactComponent as KanbanCompIcon } from "./v2/kanban-m.svg";
444446

445447
export { ReactComponent as CandlestickChartCompIcon } from "./v2/candlestick-chart-m.svg";
446448
export { ReactComponent as FunnelChartCompIcon } from "./v2/funnel-chart-m.svg";

‎client/packages/lowcoder-design/src/icons/v2/kanban-l.svg

+1,270
Loading

‎client/packages/lowcoder-design/src/icons/v2/kanban-m.svg

+13
Loading

‎client/packages/lowcoder-design/src/icons/v2/kanban-s.svg

+12
Loading

‎client/packages/lowcoder/src/comps/hooks/utilsComp.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -112,7 +112,7 @@ UtilsComp = withMethodExposing(UtilsComp, [
112112
{
113113
method: {
114114
name: "logoutUser",
115-
description: trans("utilsComp.downloadFile"),
115+
description: trans("utilsComp.logoutUser"),
116116
params: [],
117117
},
118118
execute: (comp, params) => {

‎client/packages/lowcoder/src/comps/index.tsx

+21
Original file line numberDiff line numberDiff line change
@@ -110,6 +110,7 @@ import {
110110
PivotTableCompIcon,
111111
GraphChartCompIcon,
112112
GanttCompIcon,
113+
KanbanCompIcon,
113114

114115
} from "lowcoder-design";
115116

@@ -1248,6 +1249,26 @@ export var uiCompMap: Registry = {
12481249
},
12491250
},
12501251

1252+
kanban: {
1253+
name: trans("uiComp.kanbanCompName"),
1254+
enName: "Kanban",
1255+
description: trans("uiComp.kanbanCompDesc"),
1256+
categories: ["projectmanagement"],
1257+
icon: KanbanCompIcon,
1258+
keywords: trans("uiComp.kanbanCompKeywords"),
1259+
comp: remoteComp({
1260+
compName: "kanban",
1261+
packageName: "lowcoder-comp-kanban",
1262+
source: "npm",
1263+
isRemote: true,
1264+
}),
1265+
compName: "lowcoder-comp-kanban",
1266+
layoutInfo: {
1267+
w: 20,
1268+
h: 60,
1269+
},
1270+
},
1271+
12511272
hillchart: {
12521273
name: trans("uiComp.hillchartCompName"),
12531274
enName: "Hillchart",

‎client/packages/lowcoder/src/comps/uiCompRegistry.ts

+1
Original file line numberDiff line numberDiff line change
@@ -162,6 +162,7 @@ export type UICompType =
162162
| "basicChart"
163163
| "columnLayout"
164164
| "ganttChart"
165+
| "kanban"
165166
;
166167

167168

‎client/packages/lowcoder/src/i18n/locales/de.ts

+3
Original file line numberDiff line numberDiff line change
@@ -1199,6 +1199,9 @@ export const de = {
11991199
"ganttChartCompName": "Gantt-Diagramm",
12001200
"ganttChartCompDesc": "Ein Diagramm, das einen Projektplan mit den Start- und Endterminen von Elementen und Abhängigkeiten darstellt.",
12011201
"ganttChartCompKeywords": "Gantt-Diagramm, Projektmanagement, Zeitplan",
1202+
"kanbanCompName" : "Kanban Board (preview!)",
1203+
"kanbanCompDesc" : "Eine visuelle Organisationsmethode zur Verwaltung von Aufgaben und Workflows in einem Board mit Spalten und Karten.",
1204+
"kanbanCompKeywords" : "kanban, board, workflow, tasks",
12021205
"colorPickerCompName": "Farbwähler",
12031206
"colorPickerCompDesc": "Intuitive Farbauswahl zur individuellen Gestaltung.",
12041207
"colorPickerCompKeywords": "farbe, auswahl, anpassung",

‎client/packages/lowcoder/src/i18n/locales/en.ts

+6-1
Original file line numberDiff line numberDiff line change
@@ -1250,6 +1250,10 @@ export const en = {
12501250
"ganttChartCompDesc" : "A chart that illustrates a project schedule, showing the start and finish dates of elements and dependencies.",
12511251
"ganttChartCompKeywords" : "gantt chart, project management, schedule",
12521252

1253+
"kanbanCompName" : "Kanban Board (preview!)",
1254+
"kanbanCompDesc" : "A board for visualizing workflow, with columns representing stages of work and cards representing tasks.",
1255+
"kanbanCompKeywords" : "kanban, board, workflow, tasks",
1256+
12531257
// by mousheng
12541258

12551259
"colorPickerCompName": "Color Picker",
@@ -2446,7 +2450,8 @@ export const en = {
24462450
"openUrl": "Open URL",
24472451
"openApp": "Open App",
24482452
"copyToClipboard": "Copy to Clipboard",
2449-
"downloadFile": "Download File"
2453+
"downloadFile": "Download File",
2454+
"logoutUser" : "Logout User",
24502455
},
24512456
"messageComp": {
24522457
"info": "Send a Notification",

‎client/packages/lowcoder/src/i18n/locales/es.ts

+3
Original file line numberDiff line numberDiff line change
@@ -1199,6 +1199,9 @@ export const es = {
11991199
"ganttChartCompName": "Diagrama de Gantt",
12001200
"ganttChartCompDesc": "Gráfico que ilustra el calendario de un proyecto, mostrando las fechas de inicio y fin de los elementos y las dependencias.",
12011201
"ganttChartCompKeywords": "diagrama de gantt, gestión de proyectos, calendario",
1202+
"kanbanCompName" : "Kanban Board (preview!)",
1203+
"kanbanCompDesc" : "Un tablero de Kanban interactivo para la gestión visual de tareas y flujos de trabajo.",
1204+
"kanbanCompKeywords" : "kanban, board, workflow, tasks",
12021205
"colorPickerCompName": "Selector de color",
12031206
"colorPickerCompDesc": "Selección intuitiva de colores para personalizar.",
12041207
"colorPickerCompKeywords": "color, selector, personalización",

‎client/packages/lowcoder/src/i18n/locales/it.ts

+3
Original file line numberDiff line numberDiff line change
@@ -1199,6 +1199,9 @@ export const it = {
11991199
"ganttChartCompName": "Grafico di Gantt",
12001200
"ganttChartCompDesc": "Un grafico che illustra la pianificazione di un progetto, mostrando le date di inizio e fine degli elementi e le dipendenze.",
12011201
"ganttChartCompKeywords": "diagramma di gantt, gestione del progetto, pianificazione",
1202+
"kanbanCompName" : "Kanban Board (preview!)",
1203+
"kanbanCompDesc" : "Un componente per la visualizzazione e la gestione delle attività in un flusso di lavoro Kanban, con colonne per le fasi di lavoro e le schede per le attività.",
1204+
"kanbanCompKeywords" : "kanban, board, workflow, tasks",
12021205
"colorPickerCompName": "Picker di colori",
12031206
"colorPickerCompDesc": "Selezione intuitiva dei colori per la personalizzazione.",
12041207
"colorPickerCompKeywords": "colore, selezionatore, personalizzazione",

‎client/packages/lowcoder/src/i18n/locales/pt.ts

+3
Original file line numberDiff line numberDiff line change
@@ -1199,6 +1199,9 @@ export const pt = {
11991199
"ganttChartCompName": "Gráfico de Gantt",
12001200
"ganttChartCompDesc": "Um gráfico que ilustra o calendário de um projeto, mostrando as datas de início e de fim dos elementos e as dependências.",
12011201
"ganttChartCompKeywords": "gráfico de Gantt, gestão de projectos, calendário",
1202+
"kanbanCompName" : "Kanban Board (preview!)",
1203+
"kanbanCompDesc" : "Um quadro de kanban interativo para visualizar e gerenciar o fluxo de trabalho e as tarefas em um projeto.",
1204+
"kanbanCompKeywords" : "kanban, board, workflow, tasks",
12021205
"colorPickerCompName": "Seletor de Cores",
12031206
"colorPickerCompDesc": "Seleção intuitiva de cores para personalização.",
12041207
"colorPickerCompKeywords": "cor, seletor, personalização",

‎client/packages/lowcoder/src/i18n/locales/ru.ts

+3
Original file line numberDiff line numberDiff line change
@@ -1199,6 +1199,9 @@ export const ru = {
11991199
"ganttChartCompName": "Диаграмма Ганта",
12001200
"ganttChartCompDesc": "Диаграмма, иллюстрирующая график проекта и показывающая даты начала и завершения элементов и зависимостей.",
12011201
"ganttChartCompKeywords": "диаграмма Ганта, управление проектами, расписание",
1202+
"kanbanCompName" : "Kanban Board (preview!)",
1203+
"kanbanCompDesc" : "Компонент доски Kanban для управления рабочим процессом и задачами, используемый в методологии управления проектами Kanban.",
1204+
"kanbanCompKeywords" : "kanban, board, workflow, tasks",
12021205
"colorPickerCompName": "Подборщик цветов",
12031206
"colorPickerCompDesc": "Интуитивно понятный выбор цвета для персонализации.",
12041207
"colorPickerCompKeywords": "цвет, подборщик, настройка",

‎client/packages/lowcoder/src/i18n/locales/zh.ts

+3
Original file line numberDiff line numberDiff line change
@@ -1042,6 +1042,9 @@ export const zh: typeof en = {
10421042
"pageLayoutCompName": "布局容器",
10431043
"pageLayoutCompDesc": "一个容器，用于创建包含页眉、页脚和主要内容区域的布局",
10441044
"pageLayoutCompKeywords": "布局、容器、导航、页面",
1045+
"kanbanCompName" : "看板(预览!)",
1046+
"kanbanCompDesc" : "一个用于可视化工作流程的板,其中列代表工作阶段,卡片代表任务。",
1047+
"kanbanCompKeywords" : "看板、板、工作流程、任务",
10451048
},
10461049

10471050
comp: {

‎client/packages/lowcoder/src/pages/editor/editorConstants.tsx

+2
Original file line numberDiff line numberDiff line change
@@ -83,6 +83,7 @@ import {
8383
TransferCompIconSmall,
8484
ShapesCompIconSmall,
8585
GanttCompIconSmall,
86+
KanbanCompIconSmall,
8687

8788
CandlestickChartCompIconSmall,
8889
FunnelChartCompIconSmall,
@@ -186,6 +187,7 @@ export const CompStateIcon: {
186187

187188
hillchart: <HillchartCompIconSmall/>,
188189
ganttChart: <GanttCompIconSmall/>,
190+
kanban: <KanbanCompIconSmall/>,
189191
openLayersGeoMap: <GeoMapLayersCompIconSmall/>,
190192
chartsGeoMap: <GeoMapChartsCompIconSmall/>,
191193
bpmnEditor: <BPMNEditorCompIconSmall/>,

0 commit comments

Comments
 (0)