open-index/open-npm huggingface dataset:
npm package: @redhare/lowcode-engine-ext
Description: ### 简介 lowcode-engine-ext 是阿里低代码引擎官方提供的 setter 和 setter 必须依赖的插件集合
Latest version: 1.0.1

### @redhare/lowcode-engine-ext

### 简介
lowcode-engine-ext 是阿里低代码引擎官方提供的 setter 和 setter 必须依赖的插件集合

setter(设置器) 是用来展示每个物料的属性，[setter使用说明手册](https://www.yuque.com/lce/doc/cl03wo_nmhznb) [官方setter列表说明](https://www.yuque.com/lce/doc/oc220p#fl46)

### 使用方式

使用 CDN 方式引用，下方是官方提供的两个稳定 CDN

#### 方式 1：alifd cdn
 1: alifd cdn
```html
https://alifd.alicdn.com/npm/@redhare/lowcode-engine-ext@1.0.5/dist/css/engine-ext.css

https://alifd.alicdn.com/npm/@redhare/lowcode-engine-ext@1.0.5/dist/js/engine-ext.js
```

#### 方式 2: uipaas cdn
```html
https://uipaas-assets.com/prod/npm/@redhare/lowcode-engine-ext/1.0.5/dist/css/engine-ext.css

https://uipaas-assets.com/prod/npm/@redhare/lowcode-engine-ext/1.0.5/dist/js/engine-ext.js
```

#### 拓展变量绑定面板

通过传入extraDataMap拓展属性绑定面板

```typescript
ctx.skeleton.add({
  area: 'centerArea',
  type: 'Widget',
  content: pluginMap.VariableBindDialog,
  name: 'variableBindDialog',
  props: {
    getSchema: () => editorController.getSchema(),
    // 拓展变量绑定
    extraDataMap: {
      props: {
        name: 'Props', // 变量组展示名
        key: 'props', // 属性名，例如 this.props
        getChildren: () => [
          {
            label: 'prop1',
            value: 'value1',
          },
          {
            label: 'prop2',
            children: [
              { label: 'propxxx', value: 1 }
            ]
          }
        ],
      }
    }
  },
});
```
npm package: @redhare/lowcode-plugin-block
Description: ## 区块实体
Author: mark.ck
Latest version: 1.0.1

# 区块管理 - 区块面板

## 区块实体

```

interface Block {
  name: string;
  title: string;
  schema: string;
  screenshot: string;
  created_at?: string;
  updated_at?: string;
}

```

## 注意

使用区块管理需要提前将对应的 API 注册到 engine config 里：

```

interface BlockAPI {
  listBlocks: () => Block[];
  createBlock: (Block) => any;
}

function setupConfig() {
  config.set('apiList', {
    block: {
      listBlocks,
      createBlock
    },
  })
}
```

# 使用方式

```
import { plugins } from '@alilc/lowcode-engine';
import BlockPane from '@alilc/lowcode-plugin-block';

await plugins.register(BlockPane);
```
npm package: @redhare/lowcode-plugin-datasource-pane
Description: lowcode-plugin-datasource-pane
Author: redhare
Latest version: 1.0.16

# lowcode-plugin-datasource-pane [![][npm-image]][npm-url]

lowcode-plugin-datasource-pane

---

## 使用

### 注册插件
```jsx
import { plugins } from '@redhare/lowcode-plugin-datasource-pane';
import LowcodePluginDatasourcePane from 'lowcode-plugin-datasource-pane';

// 注册到引擎
plugins.register(LowcodePluginDatasourcePane);
```

### 插件属性 & 方法
无对外暴露的属性和方法

### 依赖插件
该插件依赖以下插件：

| 插件名 | 包名 |
| --- | --- |

## 开发
### 环境准备

### 启动
```sh
npm i & npm start
```

### 发布
```sh
npm run pub
```

[npm-image]: https://img.shields.io/badge/lowcode-plugin-datasource-pane
[npm-url]: https://www.npmjs.com/package/lowcode-plugin-datasource-pane
npm package: @redhare/lowcode-plugin-gpt
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 0.0.2

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
npm package: @redhare/lowcode-plugin-schema
Description: Show schema in lowcode editor
Author: alvarto
Latest version: 1.0.6

# lowcode-plugin-@alilc/lowcode-plugin-schema [![][npm-image]][npm-url]

show lowcode schema
查看低代码引擎 schema

---

## 使用

### 注册插件
#### 展示页面级 schema
```jsx
import { plugins } from '@alilc/lowcode-engine';
import LowcodePluginAliLowcodePluginSchema from '@alilc/lowcode-plugin-schema';

// 注册到引擎
plugins.register(LowcodePluginAliLowcodePluginSchema);
```
#### 展示项目级 schema
```jsx
import { plugins } from '@alilc/lowcode-engine';
import LowcodePluginAliLowcodePluginSchema from '@alilc/lowcode-plugin-schema';

// 注册到引擎
plugins.register(LowcodePluginAliLowcodePluginSchema, { isProjectSchema: true });
```

### 插件属性 & 方法

#### isProjectSchema
- description: '是否是项目级 schema'
- type: 'boolean'
- default: false

### 依赖插件
暂无