@cdlab996/vant-lowcode-materials

Vant(4.8.10) Materials

Component material complete list

• [x] Button
• [x] Image
• [x] Switch
• [x] Tab/Tabs

Usage Example

pnpm

pnpm add @cdlab996/vant-lowcode-materials

Import the package and initialize the editor:

import { injectAssets } from '@alilc/lowcode-plugin-inject'
import { IPublicModelPluginContext } from '@alilc/lowcode-types'
import assets from '@cdlab996/vant-lowcode-materials/dist/assets.json'

const editorInit = (ctx: IPublicModelPluginContext) => {
  return {
    name: 'editor-init',
    async init() {
      const { material, project } = ctx

      const loadedAssets = await injectAssets(assets)
      material.setAssets(loadedAssets)
      // ...
    },
  }
}

editorInit.pluginName = 'editorInit'

export default editorInit

CDN

import { injectAssets } from '@alilc/lowcode-plugin-inject'
import { IPublicModelPluginContext } from '@alilc/lowcode-types'

const editorInit = (ctx: IPublicModelPluginContext) => {
  return {
    name: 'editor-init',
    async init() {
      const { material, project } = ctx

      const loadedAssets = await injectAssets('https://unpkg.com/@cdlab996/vant-lowcode-materials/dist/assets.json')
      material.setAssets(loadedAssets)
      // ...
    },
  }
}

editorInit.pluginName = 'editorInit'

export default editorInit

assets.json

Here is an example of the assets.json file:

{
  "version": "1.0.0",
  "packages": [
    {
      "package": "@cdlab996/vant-lowcode-materials",
      "version": "1.0.0",
      "library": "Cdlab996VantLowcodeMaterials",
      "urls": [
        "https://unpkg.com/@cdlab996/vant-lowcode-materials/dist/index.css",
        "https://unpkg.com/@cdlab996/vant-lowcode-materials/dist/index.js"
      ]
    }
  ],
  "components": [
    {
      "exportName": "Cdlab996VantLowcodeMaterialsMeta",
      "url": "https://unpkg.com/@cdlab996/vant-lowcode-materials/dist/meta.js",
      "package": {
        "npm": "@cdlab996/vant-lowcode-materials"
      }
    }
  ],
  "sort": {
    "groupList": [],
    "categoryList": []
  }
}

📜 License

MIT License © 2023-PRESENT cdLab996