open-index/open-npm huggingface dataset:
npm package: @jiakun-zhao/css
Description: What is css?
Author: Jiakun Zhao
Latest version: 1.2.0

## @jiakun-zhao/css

![npm version](https://img.shields.io/npm/v/@jiakun-zhao/css?color=%23954)

### Install

```bash
pnpm i -D @jiakun-zhao/css
```

### Usage

```ts
import '@jiakun-zhao/css'
```

### LICENSE

MIT License © 2025-PRESENT [Jiakun Zhao](https://github.com/jiakun-zhao)
npm package: @jiakun-zhao/dxf-parser
Description: Simple DXF Parser.
Author: Jiakun Zhao
Latest version: 0.0.1

# @jiakun-zhao/dxf-parser

<!-- ![npm version](https://img.shields.io/npm/v/@jiakun-zhao/dxf-parser?color=%236054ba) -->
![npm version](https://img.shields.io/npm/v/@jiakun-zhao/dxf-parser?color=%23954)
npm package: @jiakun-zhao/eslint-config
Description: Jiakun Zhao's ESLint config.
Author: Jiakun Zhao
Latest version: 5.0.1

## @jiakun-zhao/eslint-config

![NPM Version](https://img.shields.io/npm/v/@jiakun-zhao/eslint-config?labelColor=%23000&color=%23954)
![NPM Version](https://img.shields.io/npm/l/@jiakun-zhao/eslint-config?labelColor=%23000&color=%23954)

Personal style eslint configuration.

<details>

<summary>Usage</summary>

#### Install

```bash
pnpm i -D @jiakun-zhao/eslint-config
```

#### Config

Create `eslint.config.mjs` file in your project root directory, and add the following content:

```js
import defineConfig from '@jiakun-zhao/eslint-config'

export default defineConfig()
```

#### VS Code

Install VS Code `ESLint` extension and create `.vscode/settings.json`

```json
{
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "editor.formatOnSave": false
  // "prettier.enable": true,
}
```

</details>

#### LICENSE

MIT License © 2025-PRESENT [Jiakun Zhao](https://github.com/jiakun-zhao)
npm package: @jiakun-zhao/uno-shadcn
Description: ![NPM Version](https://img.shields.io/npm/v/@jiakun-zhao/uno-shadcn?labelColor=%23000&color=%23954) ![NPM Version](https://img.shields.io/npm/l/@jiakun-zhao/uno-shadcn?labelColor=%23000&color=%23954)
Author: Jiakun Zhao
Latest version: 0.0.3

# @jiakun-zhao/uno-shadcn

![NPM Version](https://img.shields.io/npm/v/@jiakun-zhao/uno-shadcn?labelColor=%23000&color=%23954)
![NPM Version](https://img.shields.io/npm/l/@jiakun-zhao/uno-shadcn?labelColor=%23000&color=%23954)
npm package: @jiakun-zhao/unocss-preset
Description: ![NPM Version](https://img.shields.io/npm/v/@jiakun-zhao/unocss-preset?labelColor=%23000&color=%23954) ![NPM Version](https://img.shields.io/npm/l/@jiakun-zhao/unocss-preset?labelColor=%23000&color=%23954)
Author: Jiakun Zhao
Latest version: 0.0.13

# @jiakun-zhao/unocss-preset

![NPM Version](https://img.shields.io/npm/v/@jiakun-zhao/unocss-preset?labelColor=%23000&color=%23954)
![NPM Version](https://img.shields.io/npm/l/@jiakun-zhao/unocss-preset?labelColor=%23000&color=%23954)
npm package: @jialibs/webpanel
Description: * 提供面板条目注册接口 * 支持单面板或多面板标签，以动态组件形式实现
Author: luojia@luojia.me
Latest version: 2.0.1

## 通用面板

* 提供面板条目注册接口
* 支持单面板或多面板标签，以动态组件形式实现


## 导航面板

* 继承自通用面板，但由于会改变URL所以不支持多面板模式。
* 使用vue-router进行导航管理
* 导航面板会改变当前的URL，也可以改变title
* 不可以同时使用多个导航面板，这会导致冲突

	### 导航方式

	URL形式：panel路由/条目名#vueRouter路由
	
	（vue-router历史模式可选）

## 使用

在使用此面板的项目处建立静态文件，引用或继承`WebPanel.vue`并创建实例；
创建实例时
	定义其它需要嵌入或组合的子组件；
	引入需要的模板；
需要根据权限显示面板项目时，在入口文件中事先通过API获取到用户可访问列表后再创建实例，该事项不属于面板自身需完成事项。
npm package: @jialing/react-native-accordion
Description: a simple react native accordion component
Author: jialing Lee
Latest version: 1.0.3

# react-native-accordion
a simple react native accordion component.

React Native 手风琴组件，纯Javascript实现，两端通用。

## Install (安装)

`npm install @jialing/react-native-accordion --save`  
or  
`yarn add @jialing/react-native-accordion`

## Usage

```jsx harmony
import React from 'react'
import {StyleSheet, Text, TouchableOpacity, View} from 'react-native'
import Accordion from '@jialing/react-native-accordion'

export default class Simple extends React.Component {
  constructor (props) {
    super(props)
    this.state = {
      expand: false
    }
  }

  onExpandStateChange = () => {
    this.setState({
      expand: !this.state.expand
    })
  }

  render () {
    const {expand} = this.state
    return (
      <View style={styles.container}>
        <TouchableOpacity style={styles.titleContainer} onPress={this.onExpandStateChange}>
          <Text style={styles.title}>press here to {expand ? 'shrink' : 'expand'} it</Text>
        </TouchableOpacity>
        <Accordion style={styles.accordion} expand={expand}>
          <Text style={styles.content}>
            React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you
            compose a rich mobile UI using declarative components.
          </Text>
        </Accordion>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    margin: 10
  },
  titleContainer: {
    borderWidth: 1,
    borderColor: '#999'
  },
  title: {
    paddingHorizontal: 15,
    paddingVertical: 10,
    fontSize: 22,
    color: '#333'
  },
  accordion: {
    padding: 15,
    borderTopWidth: 0,
    borderWidth: 1,
    borderColor: '#999'
  },
  content: {
    fontSize: 20,
    color: '#666'
  }
})

```

## Example
clone the example directory and run the example
* ```git clone https://github.com/z372183629/react-native-accordion.git```
* ```cd example && yarn install```
* ```react-native run-ios```

## Props
 Name | Description | Default | Type
------|-------------|----------|-----------
style | container style (容器样式) | {} | style
expand | controls show or hide the content (控制展开/收起) | undefined | bool
animationType | the animationType prop controls the show or hide action's animates (展开/收起时的动画效果)| default | string, one of 'default','slide','none' 
duration | animation duration in milliseconds (动画持续时间，毫秒) | 300 | number


## License
*MIT*

## 效果图
![Alt Text](https://github.com/z372183629/react-native-accordion/raw/master/images/preview1.gif)