From eeb78110dba309798a0d9cfc2993daac5f6492da Mon Sep 17 00:00:00 2001 From: xion Date: Wed, 16 Oct 2024 23:14:53 +0800 Subject: [PATCH] init container --- .gitignore | 6 ++++++ readme.md | 29 +++++++++++++++++++++++------ 2 files changed, 29 insertions(+), 6 deletions(-) create mode 100644 .gitignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..385b135 --- /dev/null +++ b/.gitignore @@ -0,0 +1,6 @@ +node_modules +dist +build +.cache +.DS_Store +*.log \ No newline at end of file diff --git a/readme.md b/readme.md index f0f4c73..607743e 100644 --- a/readme.md +++ b/readme.md @@ -1,10 +1,27 @@ # Container ```js - const container = new Container({ - root: '#cid", - data: data, - showChild: false, - }); - container.renderChildren('node-1'); +import { Container } from 'https://kevisual.xiongxiao.me/system/lib/container.js'; +const data = [ + { + id: 'base-root', + code: { + render: (ctx) => { + const rootEl = ctx.renderRoot; + const div = document.createElement('div'); + div.innerHTML = 'Hello World!'; + rootEl.appendChild(div); + }, + unmount: (ctx) => { + console.log('unmount'); + }, + }, + }, +]; +const container = new Container({ + root: 'root', + data: data, +}); +container.render('base-root'); ``` +