1 line
7.2 KiB
JSON
1 line
7.2 KiB
JSON
{"ast":null,"code":"var _jsxFileName = \"D:\\\\aiproject\\\\goAgent\\\\todo\\\\client\\\\src\\\\components\\\\TodoList.js\";\nimport React from 'react';\nimport styled from 'styled-components';\nimport TodoItem from './TodoItem';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst ListContainer = styled.div`\n background: white;\n border-radius: 20px;\n padding: 30px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n border: 1px solid #f0f0f0;\n`;\n_c = ListContainer;\nconst DateHeader = styled.div`\n display: flex;\n align-items: center;\n margin-bottom: 25px;\n padding-bottom: 15px;\n border-bottom: 2px solid #f8f9fa;\n`;\n_c2 = DateHeader;\nconst DateLabel = styled.h3`\n color: #333;\n font-size: 20px;\n font-weight: 600;\n margin: 0;\n margin-right: 16px;\n`;\n_c3 = DateLabel;\nconst TodoCount = styled.span`\n background: rgba(102, 126, 234, 0.1);\n color: #667eea;\n padding: 6px 16px;\n border-radius: 20px;\n font-size: 14px;\n font-weight: 600;\n`;\n_c4 = TodoCount;\nconst TodoItems = styled.div`\n display: flex;\n flex-direction: column;\n gap: 16px;\n`;\n_c5 = TodoItems;\nfunction TodoList({\n dateLabel,\n todos,\n onToggleTodo,\n onDeleteTodo,\n onSuspendTodo,\n isHistory = false,\n isToday = false\n}) {\n const completedCount = todos.filter(todo => todo.completed).length;\n const totalCount = todos.length;\n return /*#__PURE__*/_jsxDEV(ListContainer, {\n children: [/*#__PURE__*/_jsxDEV(DateHeader, {\n children: [/*#__PURE__*/_jsxDEV(DateLabel, {\n children: dateLabel\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 51,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(TodoCount, {\n children: [completedCount, \"/\", totalCount]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(TodoItems, {\n children: todos.map(todo => /*#__PURE__*/_jsxDEV(TodoItem, {\n todo: todo,\n onToggle: onToggleTodo,\n onDelete: onDeleteTodo,\n onSuspend: onSuspendTodo,\n isHistory: isHistory,\n isToday: isToday\n }, todo.id, false, {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 11\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 57,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 49,\n columnNumber: 5\n }, this);\n}\n_c6 = TodoList;\nexport default TodoList;\nvar _c, _c2, _c3, _c4, _c5, _c6;\n$RefreshReg$(_c, \"ListContainer\");\n$RefreshReg$(_c2, \"DateHeader\");\n$RefreshReg$(_c3, \"DateLabel\");\n$RefreshReg$(_c4, \"TodoCount\");\n$RefreshReg$(_c5, \"TodoItems\");\n$RefreshReg$(_c6, \"TodoList\");","map":{"version":3,"names":["React","styled","TodoItem","jsxDEV","_jsxDEV","ListContainer","div","_c","DateHeader","_c2","DateLabel","h3","_c3","TodoCount","span","_c4","TodoItems","_c5","TodoList","dateLabel","todos","onToggleTodo","onDeleteTodo","onSuspendTodo","isHistory","isToday","completedCount","filter","todo","completed","length","totalCount","children","fileName","_jsxFileName","lineNumber","columnNumber","map","onToggle","onDelete","onSuspend","id","_c6","$RefreshReg$"],"sources":["D:/aiproject/goAgent/todo/client/src/components/TodoList.js"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport TodoItem from './TodoItem';\r\n\r\nconst ListContainer = styled.div`\r\n background: white;\r\n border-radius: 20px;\r\n padding: 30px;\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\r\n border: 1px solid #f0f0f0;\r\n`;\r\n\r\nconst DateHeader = styled.div`\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 25px;\r\n padding-bottom: 15px;\r\n border-bottom: 2px solid #f8f9fa;\r\n`;\r\n\r\nconst DateLabel = styled.h3`\r\n color: #333;\r\n font-size: 20px;\r\n font-weight: 600;\r\n margin: 0;\r\n margin-right: 16px;\r\n`;\r\n\r\nconst TodoCount = styled.span`\r\n background: rgba(102, 126, 234, 0.1);\r\n color: #667eea;\r\n padding: 6px 16px;\r\n border-radius: 20px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n`;\r\n\r\nconst TodoItems = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n`;\r\n\r\nfunction TodoList({ dateLabel, todos, onToggleTodo, onDeleteTodo, onSuspendTodo, isHistory = false, isToday = false }) {\r\n const completedCount = todos.filter(todo => todo.completed).length;\r\n const totalCount = todos.length;\r\n\r\n return (\r\n <ListContainer>\r\n <DateHeader>\r\n <DateLabel>{dateLabel}</DateLabel>\r\n <TodoCount>\r\n {completedCount}/{totalCount}\r\n </TodoCount>\r\n </DateHeader>\r\n \r\n <TodoItems>\r\n {todos.map(todo => (\r\n <TodoItem\r\n key={todo.id}\r\n todo={todo}\r\n onToggle={onToggleTodo}\r\n onDelete={onDeleteTodo}\r\n onSuspend={onSuspendTodo}\r\n isHistory={isHistory}\r\n isToday={isToday}\r\n />\r\n ))}\r\n </TodoItems>\r\n </ListContainer>\r\n );\r\n}\r\n\r\nexport default TodoList; "],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,QAAQ,MAAM,YAAY;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAElC,MAAMC,aAAa,GAAGJ,MAAM,CAACK,GAAG;AAChC;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,EAAA,GANIF,aAAa;AAQnB,MAAMG,UAAU,GAAGP,MAAM,CAACK,GAAG;AAC7B;AACA;AACA;AACA;AACA;AACA,CAAC;AAACG,GAAA,GANID,UAAU;AAQhB,MAAME,SAAS,GAAGT,MAAM,CAACU,EAAE;AAC3B;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,GAAA,GANIF,SAAS;AAQf,MAAMG,SAAS,GAAGZ,MAAM,CAACa,IAAI;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,GAAA,GAPIF,SAAS;AASf,MAAMG,SAAS,GAAGf,MAAM,CAACK,GAAG;AAC5B;AACA;AACA;AACA,CAAC;AAACW,GAAA,GAJID,SAAS;AAMf,SAASE,QAAQA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAEC,YAAY;EAAEC,YAAY;EAAEC,aAAa;EAAEC,SAAS,GAAG,KAAK;EAAEC,OAAO,GAAG;AAAM,CAAC,EAAE;EACrH,MAAMC,cAAc,GAAGN,KAAK,CAACO,MAAM,CAACC,IAAI,IAAIA,IAAI,CAACC,SAAS,CAAC,CAACC,MAAM;EAClE,MAAMC,UAAU,GAAGX,KAAK,CAACU,MAAM;EAE/B,oBACE1B,OAAA,CAACC,aAAa;IAAA2B,QAAA,gBACZ5B,OAAA,CAACI,UAAU;MAAAwB,QAAA,gBACT5B,OAAA,CAACM,SAAS;QAAAsB,QAAA,EAAEb;MAAS;QAAAc,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAY,CAAC,eAClChC,OAAA,CAACS,SAAS;QAAAmB,QAAA,GACPN,cAAc,EAAC,GAAC,EAACK,UAAU;MAAA;QAAAE,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACnB,CAAC;IAAA;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACF,CAAC,eAEbhC,OAAA,CAACY,SAAS;MAAAgB,QAAA,EACPZ,KAAK,CAACiB,GAAG,CAACT,IAAI,iBACbxB,OAAA,CAACF,QAAQ;QAEP0B,IAAI,EAAEA,IAAK;QACXU,QAAQ,EAAEjB,YAAa;QACvBkB,QAAQ,EAAEjB,YAAa;QACvBkB,SAAS,EAAEjB,aAAc;QACzBC,SAAS,EAAEA,SAAU;QACrBC,OAAO,EAAEA;MAAQ,GANZG,IAAI,CAACa,EAAE;QAAAR,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAOb,CACF;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACO,CAAC;EAAA;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACC,CAAC;AAEpB;AAACM,GAAA,GA5BQxB,QAAQ;AA8BjB,eAAeA,QAAQ;AAAC,IAAAX,EAAA,EAAAE,GAAA,EAAAG,GAAA,EAAAG,GAAA,EAAAE,GAAA,EAAAyB,GAAA;AAAAC,YAAA,CAAApC,EAAA;AAAAoC,YAAA,CAAAlC,GAAA;AAAAkC,YAAA,CAAA/B,GAAA;AAAA+B,YAAA,CAAA5B,GAAA;AAAA4B,YAAA,CAAA1B,GAAA;AAAA0B,YAAA,CAAAD,GAAA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |