open-index/open-npm huggingface dataset:
npm package: @ls-design/core
Description: core of ls-design
Author: luoge
Latest version: 1.0.1

基于 `quarkc` 的`core`层

提供了对 `@ls-design/ui`的底层支持, 以更友好的姿态实现了Web Components


## ⚙️ 安装

```bash
npm install @ls-design/core --save
```

## 🚀 使用示例

```tsx
import { Property, CustomElement, createRef, LSElement } from '@ls-design/core';
import style from './style.css';

@CustomElement({
  tag: "ls-button",
  style,
})
class Button extends LSElement {
  @Property() // @Property提供响应式外部属性
  type = '';

  @Property({
    type: Boolean,
  })
  disabled = false;

  @State // 组件内部响应式元素
  isShow = false,

  slotRef: any = createRef(); // 创建ref

  render() {
    ...
  }
}

```

---

除了上述 **使用示例** 外的能力基本参考了`quarkc`，可直接其阅读[文档](https://quarkc.hellobike.com/#/)
npm package: @ls-design/icons
Description: ls-design icons lib
Author: luoge
Latest version: 1.0.1

预设了多种图标，满足一般c测开发的需求

## ⚙️ 安装

```bash
npm install @ls-design/icons --save
```

## 🚀 使用

```tsx
import "@ls-design/icons/dist/es/arrow-right;

<ls-icon-arrow-right></ls-icon-arrow-right>

// 其他图标可查看源码
```
## 📖 属性

| 属性 | 说明 | 默认值 |
| --- | --- | --- |
| size | 图标尺寸 | 当前包裹元素字体`font-size`大小 |
| color | 图标颜色 | `currentColor` |
npm package: @ls-design/rollup-plugin-css-variable
Description: a rollup plugin for css variable replacement
Author: luoge
Latest version: 1.0.1

用于自定义`map`传入的变量替换, 服务于`@ls-design/ui`

## ⚙️ 安装

```bash
npm install @ls-design/rollup-plugin-css-variable
```

## 🚀 使用


```ts
// rollup.config.ts

import { defineConfig } from 'rollup';
import cssVariable from '@ls-design/rollup-plugin-css-variable';
import variableMap from './global-css';


export default defineConfig({
  plugins: [
    variableMap, // 对象形式 { a: '#ccc' }
    prefix: 'ls-', // 识别到前缀替换，成上面variableMap的value
  ],
  ....
})
```
npm package: @ls-design/ui-react
Description: 通过`reactify-wc`包装了一波，适用于`react`
Author: luoge
Latest version: 1.0.2

通过`reactify-wc`包装了一波，适用于`react`

具体使用文档请移步[@ls-design/ui](https://gitee.com/LShere/ls-design/tree/master/packages/ui-lib)