zaobao-ui文档

本项目旨在脱离前端项目架构的复杂性和多样性，使用原生的Web Component、Html Template、Shadow Dom技术， 构建出基于浏览器的自定义组件及服务。

基于 Google LitElement 框架，使用响应式、反射性、装饰器等一些特性，快速开发构建组件。同时也支持旧浏览器的polyfill

浏览器安装（IIFE）

• 批量引入

<script src='path to/dist/zaobao-ui.browser.js'></script>

<!--或者使用module的方式导入-->
<!--<script type="module" src="path to/dist/zaobao-ui.js"></script>-->

<!--任何地方使用-->
<hidden-view-provider selector='.selector' mode='web' />

• 单个组件引入

<script src='path to/dist/hidden-view-provider/index.browser.js'></script>

<!--或者使用module的方式导入-->
<!--<script type="module" src="path to/dist/hidden-view/build.once.js"></script>-->

<!--任何地方使用-->
<hidden-view-provider selector='.selector' mode='web' />

NPM安装（ESM）

安装

#安装
npm i @zaobao/zaobao-ui

• 批量引入

import "@zaobao/zaobao-ui";

//任何地方使用
<hidden-view-provider selector='.selector' mode='web' />

• 单个组件引入

import "@zaobao/zaobao-ui/hidden-view/build.once.js";

//任何地方使用
<hidden-view-provider selector='.selector' mode='web' />