open-index/open-npm huggingface dataset:
npm package: @lx-frontend/wxapp-lui
Description: 高质量微信小程序 UI 组件库
Author: Selvin11
Latest version: 1.5.8

# wxapp-lui

### 一套高质量的微信小程序 UI 组件库

### 如何使用

1. 添加需要的组件。在页面的 json 中配置（路径根据自己项目位置配置）：
```json
"usingComponents": {
    "x-button": "../../dist/button/index"
}
```
2. 在 wxml 中使用组件：
```html
<x-button type="primary" bind:click="handleClick">这是一个按钮</x-button>

```
3、 项目当中同步本地wxapp-lui改动方式，以ucar-master-frontend为例：
 1） ucar-master-frontend 需保持在 npm run dev 中， 方能保持webpack插件监听本地wxapp-lui文件是否有改动
 2） 在 wxapp-lui下，进行组件进行改动后，执行npm run build，将修改构建在dist目录下
 3） wxapp-lui 执行npm run build 后，ucar-master-frontend 项目中d webpack插件将修改同步到项目的dist/static下
 4） 即可体验当前组件修改在项目当中的体现
 
 
---
### 支持 TypeScript

1. 在 Taro(react) 下使用，配置 tsconfig.json 

```json
{
    "compilerOptions": {
        "types": ["@lx-frontend/wxapp-lui"]
    },
}
```

2. 在 uni-app 下使用，配置tsconfig.json  (1.3.51+)
```json
{
    "compilerOptions": {
        "types": ["@lx-frontend/wxapp-lui/global"]
    },
}

```
npm package: @lx-yt/logging
Description: A JavaScript logging utility.
Author: Lexyth
Latest version: 1.0.4

A JavaScript logging utility.

# Logger

The logger utility exposes a RootLogger with the following functions:

- `log(message)`: Allows you to log a message at the current log level.
- `as(level)`: Returns a handler that logs the message at the given, predefined level. Allows you to log a message at a different level without the pitfalls of having to change the Logger's level each time.
- `getLogger(namespace)`: Allows you to get - create if not present - a Logger of a specific namespace. Namespaces use dot notation for children (e.g.: '\*.App.Util.Math').
- `level(level)`: Sets the current log level used by the `log` function.
- `minLevel(level)`: Sets the minimum level at which messages are displayed when logging; attempts to log at a severity below this will be ignored.
- `enabled(state)`: Allows you to set whether the Logger will log messages of any level or not.
- `(level)`: Calling a Logger with arbitrary values allows for custom log levels without any setup, as long as they don't conflict with an already existing property.
npm package: @lx011/i18n
Description: The internationalization (i18n) library for JavaScript. Support for i18n of text, images, placeholders, styles
Author: lencx
Latest version: 0.0.2
Deprecated: this package has been deprecated

# lx011-i18n

> The internationalization (i18n) library for JavaScript. Support for i18n of text, images, placeholders, styles.

```bash
yarn

yarn dev

# http://127.0.0.1:8080/example
# http://127.0.0.1:8080/example/test.html
yarn serve
```

## Usage

```bash
npm i @lx011/i18n
# or
yarn add @lx011/i18n
```

```js
/* js file */

// require('@lx011/i18n')
import '@lx011/i18n'
```

## Project Structure

```bash
# path: **/i18n/**/*.json
# common file: **/i18n/pub/*.json

[project]
|- [**/i18n]
|     |- [{lang}] # language
|     |      `- *.json # page
|     `- [pub]
|         |- common.{lang}.json
|         `- keywords.{lang}.json
` ..

# OR

[project]
|- [**/i18n]
|    |- [**] # page
|    |   `- *.{lang}.json
|    `- [pub]
|         |- common.{lang}.json
|         `- keywords.{lang}.json
` ...
```

---

## HTML Tags Attributes

|type|arrtibute|describe|use|
|---|---|---|---|
|common|i18n-c|common|i18n-c='key_name'|
|keywords|i18n-k|keywords|i18n-k='key_name'|
|page|i18n-p|page|i18n-p='key_name'|
|class|i18n-s|currect element class(style)|i18n-s|
|image|i18n-(c\|k\|p)-i|(common \| keywords \| page) image path |i18n-(c\|k\|p)-i='key_name'|
|pleceholder|i18n-(c\|k\|p)-ph|(common \| keywords \| page) placeholder |i18n-(c\|k\|p)-ph='key_name' |
|off|i18n-o|close translate(off)|i18n-o|

* key_name: `i18n key name`
* (c\|k\|p): One of `c`, `k`,`p`

---

## Config

> i18n matches the corresponding page in two ways

```html
<!-- **/i18n/{lang}/**/*.json -->
<meta i18n='/your_path/i18n/{lang}/path_file_name'>

OR

<!-- **/i18n/**/*.{lang}.json -->
<meta i18n='/your_path/i18n/path_file_name.{lang}'>

<!-- i18n-lang-btn: language button -->
<!-- i18n-def: default language -->
<!-- class='i18n-active': current language -->
<div>
  <button i18n-lang-btn='en' i18n-def>EN</button>
  <button i18n-lang-btn='cn'>CN</button>
  <!-- <button i18n-lang-btn='**'>**</button> -->
  <!-- ... -->
</div>
```