feat: support material-ui5

README.md

@@ -32,6 +32,7 @@ Install the supported ui component library in your project and install the plug-
 - taro 3
 - shacn-svelte 0
 - bits-ui 0
+- material-ui 5
 
 ### [antdv demo](assets/antdv.gif)
 

README_zh.md

@@ -32,6 +32,7 @@
 - taro 3
 - shacn-svelte 0
 - bits-ui 0
+- material-ui 5
 
 ### [antdv demo](assets/antdv.gif)
 

scripts/generateIndex.ts

@@ -4,10 +4,11 @@ const fsp = require('node:fs/promises')
 const fg = require('fast-glob')
 
 export async function run() {
-  const folder = 'src/ui/bitsUi'
-  const lib = 'bitsUi0'
-  const name = 'bitsUi0'
+  const folder = 'src/ui/materialUi'
+  const lib = 'materialUi5'
+  const name = 'materialUi5'
   const isHyphen = false /** 生成的模板中的使用是 true ? a-affix : AAfix */
+  const isReact = false
   const url = path.resolve(root, `${folder}/${name}`)
   const entry = await fg(['**/*.json'], { dot: true, cwd: url })
   const imports = entry.map((_url: string) => `import ${_url.split('.')[0]} from './${_url}'`)
@@ -37,7 +38,7 @@ const componentsMap = [
   ${map.join('\n    ')}
 ]
 export function ${name}Components() {
-  return componentsReducer(componentsMap, ${isHyphen}, '${prefix}', '${lib}')
+  return componentsReducer(componentsMap, ${isHyphen}, '${prefix}', '${lib}', ${isReact})
 }
 `
   fsp.writeFile(path.resolve(root, `${folder}/${name}/index.ts`), template)

scripts/materialUi.browser.js

@@ -20,20 +20,31 @@ function run() {
       let description = ''
       if (!children[3]) {
         description = children[2].textContent
+        if (name.startsWith('on')) {
+          const params = children[2].querySelector('code')?.textContent
+          const description = children[2].textContent.replace(params, '')
+          events.push({
+            name,
+            description,
+            description_zh: description,
+            params
+          })
+        }
       } else {
         value = children[2].textContent
         description = children[3].textContent
+        if (name.startsWith('on')) {
+          const params = children[3].querySelector('code')?.textContent
+          const description = children[3].textContent.replace(params, '')
+          events.push({
+            name,
+            description,
+            description_zh: description,
+            params
+          })
+        }
       }
-      if (name.startsWith('on')) {
-        const params = children[3].querySelector('code').textContent
-        const description = children[3].textContent.replace(params, '')
-        events.push({
-          name,
-          description,
-          description_zh: description,
-          params
-        })
-      }
+
       const type = children[1].textContent.replace(/'/g, '').replace(/ /g, ' ')
       props[name] = {
         description,
@@ -108,24 +119,13 @@ function run() {
   return result
 }
 
-const storage = JSON.parse(localStorage.getItem('materialUi.data.cache') || '[]')
-function setup() {
-  const childNodes = $0.childNodes
-  for (let i = 0; i < childNodes.length; i++) {
-    const item = childNodes[i]
-    const href = item.querySelector('a').href
-    location.href = href
-    setTimeout(() => {
-      const item = run()
-
-      storage.push(item)
-      console.log({ storage })
-      localStorage.setItem('materialUi.data.cache', JSON.stringify(storage))
-      i++
-    }, 5000)
-  }
-  return results
-}
+// const storage = JSON.parse(localStorage.getItem('materialUi.data.cache') || '[]')
+// function setup() {
+//   const item = run()
+// storage.push(item)
+//   localStorage.setItem('materialUi.data.cache', JSON.stringify(storage))
+//   return storage
+// }
 
 
 
@@ -162,8 +162,10 @@ const cwd = process.cwd()
 generateJson(data)
 function generateJson() {
   const baseSrc = 'src/ui/materialUi/materialUi5'
-  const url = path.resolve(cwd, baseSrc, `${data.name}.json`)
-  fsp.writeFile(url, JSON.stringify(data, null, 2), 'utf-8')
+  data.forEach(item=>{
+    const url = path.resolve(cwd, baseSrc, `${item.name}.json`)
+    fsp.writeFile(url, JSON.stringify(item, null, 2), 'utf-8')
+  })
 }