open-index/open-npm huggingface dataset:
npm package: @huang-julien/nuxt-domain-driven
Description: Hyper opinionated Nuxt module for domain driven architecture
Latest version: 0.0.3

<!--
Get your module up and running quickly.

Find and replace all on all files (CMD+SHIFT+F):
- Name: My Module
- Package name: my-module
- Description: My new Nuxt module
-->

# @huang-julien/nuxt-domain-driven

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

A hyper opiniated module for another nuxt directory structure.

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
  <!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
  <!-- - [📖 &nbsp;Documentation](https://example.com) -->

## Quick Setup

Install the module to your Nuxt application with one command:

```bash
npx nuxi module add @huang-julien/nuxt-domain-driven
```

## Feature

This modules augment the architecture of nuxt.

It will read the `domainDirectory` (`src` by default) and auto-import files in each directories following the nuxt directory structure.

### directories

- components
- composables
- pages
- utils

### Prefix

#### Components

Components name are prefixed with the Domain's name. For example:

`src/Marketing/components/SomeComponent.vue`

```html
<template>
  <MarketingSomeComponent />
</template>
```

#### Pages

Pages paths are prefixed with the domain's name. For example:

The route of `src/Payments/pages/some-page.vue` will be `/Payments/some-page`.

If you need to map the name to another path, you can use `domains.domainPathAlias`.

When defining

```ts
export default defineNuxtModule({
  modules: ["@huang-julien/nuxt-domain-driven"],
  domainDrivenConfig: {
    domains: {
      domainPathAlias: {
        Payments: "/p",
      },
    },
  },
});
```

`src/Payments/pages/some-page.vue` will be accessible at `/p/some-page`

## Contribution

<details>
  <summary>Local development</summary>
  
  ```bash
  # Install dependencies
  npm install
  
  # Generate type stubs
  npm run dev:prepare
  
  # Develop with the playground
  npm run dev
  
  # Build the playground
  npm run dev:build
  
  # Run ESLint
  npm run lint
  
  # Run Vitest
  npm run test
  npm run test:watch
  
  # Release new version
  npm run release
  ```

</details>

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/my-module
[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npmjs.com/package/my-module
[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/my-module
[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @huang.xinghui/base64image
Description: image base64 encoder
Author: huang.xinghui
Latest version: 1.0.0

#base64image

image base64 encoder

## Install

**Node.js 4 or higher**

    $ npm install @huang.xinghui/base64image --save

## Usage

    // Stream Usage
    var base64image = require('@huang.xinghui/base64image')
    // imagePath can be a url path, such as 'http://example.com/assets/img.png'
    // or a absolute path, such as 'C:/foo/img.png'
    // or a releative path, such as './img.png'
    base64image.stream(imagePath).pipe(process.stdout)

    // Common Usage
    var base64image = require('@huang.xinghui/base64image')
    base64image(imagePath).then(function(data) {
      console.log(data)
    })

## API

- base64image(imagePath)
    base64 encode image, return `Promise`
- base64image.stream(imagePath)
    base64 encode image, return `Stream`
npm package: @huang.xinghui/node-gitlab
Description: access gitlab api by using node
Author: huang.xinghui
Latest version: 1.0.1

#node-gitlab
access gitlab api by using node

## Install

**Node.js 4 or higher**

    $ npm install @huang.xinghui/node-gitlab --save

## Usage

    // url is your gitlab api path such as http://example.com/api/v3/
    // token is your user private token
    var gitlab = require('@huang.xinghui/node-gitlab').connect(url, token);

    gitlab.issues.all(projectId).then(function(issues) {
      // do something
    });

## API

- issues
    - all(projectId)
        query project all issues
    - query(projectId, milestoneId)
        query project one milestone all issues
- milestones
    - all(projectId)
        query project all milestones
    - query(projectId, title)
        query project milestone by title
- projects
    - all()
        query all projects
- tags
    - all(projectId)
        query project all tags
npm package: @huang1997/umi-plugin-keepalive-tabs
Description: A umi plugin
Author: HuangChenglin
Latest version: 0.2.1

# umi-plugin-keepalive-tabs

A umi plugin

学习自前端小付的文章[手把手带你实现一个多页签umi插件](https://juejin.cn/post/7228749296320725050)

 1. 可拖拽tabs
 2. 选择”关闭其他“时，自动跳转，避免空白页
 3. 保存路由param、search参数值
 4. 不使用国际化插件

## Install

```bash
pnpm i @huang1997/umi-plugin-keepalive-tabs

## 需要安装的依赖
pnpm add @dnd-kit/core @dnd-kit/modifiers @dnd-kit/sortable @dnd-kit/utilities

```

## Usage

Configure in `.umirc.ts`,

```js
export default {
  plugins: [
    ['@huang1997/umi-plugin-keepalive-tabs'],
  ],
}
```

## Options

TODO

## LICENSE

MIT
npm package: @huang6349/ant-design-form-pro
Description: 基于 Ant Design 的表单解决方案组件
Author: huang6349
Latest version: 1.0.0-alpha.1

# @huang6349/ant-design-form-pro

[![](https://img.shields.io/npm/v/@huang6349/ant--design--form--pro.svg?style=flat-square)](https://github.com/huang6349/simple-materials-lib/tree/master/packages/ant-design-form-pro)
[![](https://img.shields.io/badge/ant--design-^3.8.0-yellowgreen.svg?style=flat-square)](https://github.com/ant-design/ant-design)
[![](https://img.shields.io/dub/l/vibe-d.svg?style=flat-square)](https://tldrlegal.com/license/mit-license)

[使用文档](https://simple-materials-lib.netlify.com/libs/ant-design-form-pro/) | [在线例子](https://simple-materials-lib-ant-design-form-pro-example.netlify.com/)

## 介绍

@huang6349/ant-design-form-pro 是一个基于 Ant Design 的表单解决方案组件

## 开源协议

[MIT](https://tldrlegal.com/license/mit-license)

## 待办事项

- [x] 表单自动生成
- [x] 表单自动验证
npm package: @huang6349/crud
Description: 基于 Ant Design 的增查改删聚合组件
Author: huang6349
Latest version: 1.0.0-alpha.1

# @huang6349/crud

[![](https://img.shields.io/npm/v/@huang6349/crud.svg?style=flat-square)](https://github.com/huang6349/simple-materials-lib/tree/master/packages/crud)
[![](https://img.shields.io/badge/ant--design-^3.8.0-yellowgreen.svg?style=flat-square)](https://github.com/ant-design/ant-design)
[![](https://img.shields.io/dub/l/vibe-d.svg?style=flat-square)](https://tldrlegal.com/license/mit-license)

[使用文档](https://simple-materials-lib.netlify.com/libs/crud/) | [在线例子](https://simple-materials-lib-crud-example.netlify.com/)

## 介绍

@huang6349/crud 是一个基于 Ant Design 的增查改删聚合组件

## 开源协议

[MIT](https://tldrlegal.com/license/mit-license)

## 待办事项

- [ ] 操作栏组件
  - [ ] 操作栏和搜索栏聚合
- [ ] 搜索栏组件
  - [ ] 简单搜索
  - [ ] 复杂搜索
- [ ] 新增修改的表单组件
  - [ ] 表单自动化
- [ ] 带分页的数据表格组件
- [ ] 增查改删聚合组件
npm package: @huang6349/manage-layout
Description: 基于 Ant Design 的管理系统布局
Author: huang6349
Latest version: 1.0.0-alpha.2

# @huang6349/manage-layout

[![](https://img.shields.io/npm/v/@huang6349/manage-layout.svg?style=flat-square)](https://github.com/huang6349/simple-materials-lib/tree/master/packages/manage-layout)
[![](https://img.shields.io/badge/ant--design-^3.8.0-yellowgreen.svg?style=flat-square)](https://github.com/ant-design/ant-design)
[![](https://img.shields.io/dub/l/vibe-d.svg?style=flat-square)](https://tldrlegal.com/license/mit-license)

管理系统布局组件

![管理系统布局组件](./docs/images/manage.png)

## 介绍

@huang6349/manage-layout 是一个基于 Ant Design 的管理系统布局组件

## 使用方式

> 注意，组件默认依赖于 antd@3.8.0，需要保证 antd 版本的一致性。

```bash
$ yarn add @huang6349/manage-layout
```

```jsx
import * as React from 'react';
import Manage, { PageHeader } from '@huang6349/manage-layout';
import {
  render,
} from 'react-dom';

function Example() {
  return (
    <Manage {...}>
      <Manage.NavBar {...}>
        <Manage.NavBar.Brand {...} />
        <Manage.NavBar.MenuLeft {...} />
        <Manage.NavBar.BigScreen {...} />
        <Manage.NavBar.Search {...} />
        <Manage.NavBar.User {...}>
          <Manage.NavBar.User.Menu {...} />
          <Manage.NavBar.User.Notice {...} />
        </Manage.NavBar.User>
        <Manage.NavBar.MenuRight {...} />
      </Manage.NavBar>
      <Manage.Left theme="grey" {...} />
      <Manage.Page>
        <PageHeader {...} />
        {...}
      </Manage.Page>
    </Manage>
  );
}

render(<Example />, document.querySelector('#demo'));
```

## API

[查看文档](./docs/API.md)

## DEMO

[查看源码](./demo/src/index.js)

## 待办事项

- [x] 顶部导航栏组件
  - [x] 网站的铭牌组件
  - [x] 左侧工具栏组件
  - [x] 全屏模式组件
  - [x] 全局搜索组件
  - [x] 用户通知组件
  - [x] 用户菜单组件
  - [x] 右侧工具栏组件
- [x] 左侧导航栏组件
- [x] 主体内容页头组件
- [ ] 底部导航栏组件
- [ ] 主题设置器组件

## 更新日志

### 1.0.0-alpha.2

`2018-08-14`

- 发布第二个内测版本
- 顶部导航栏-用户菜单组件由 Manage.NavBar.User.UserMenu 变更为 Manage.NavBar.User.Menu

### 1.0.0-alpha.1

`2018-08-10`

- 发布第一个内测版本

## 开源协议

[MIT](https://tldrlegal.com/license/mit-license)
npm package: @huang_zengrong/kingdee-xk-gantt-vue
Description: Vue wrapper for x-gantt use in kingdee xk
Author: JeremyJone && Huang_Zengrong
Latest version: 1.1.5

# XGantt Vue 组件

基于 XGantt 核心的 Vue 3 组件封装。

## 安装

```bash
npm install @xpyjs/gantt-vue
# 或
pnpm add @xpyjs/gantt-vue
```

## 使用

### 全局注册

```typescript
import { createApp } from 'vue'
import XGanttVue from '@xpyjs/gantt-vue'
import '@xpyjs/gantt-vue/style.css'

const app = createApp(App)
app.use(XGanttVue)
```

### 局部注册

```vue
<template>
  <XGanttChart
    :data="ganttData"
    :width="1200"
    :height="600"
    :table="tableConfig"
    primary-color="#1890ff"
    @move="onTaskMove"
    @select="onTaskSelect"
  />
</template>

<script setup lang="ts">
import { XGanttChart } from '@xpyjs/gantt-vue'
import '@xpyjs/gantt-vue/style.css'

const ganttData = ref([
  {
    id: '1',
    name: '任务1',
    startTime: '2024-01-01',
    endTime: '2024-01-15',
    progress: 80
  }
])

const tableConfig = {
  columns: [
    { field: 'name', label: '任务名称', width: 200 },
    { field: 'progress', label: '进度', width: 80 }
  ]
}

const onTaskMove = (moved) => {
  console.log('任务移动:', moved)
}

const onTaskSelect = (selected, checked, all) => {
  console.log('任务选择:', { selected, checked, all })
}
</script>
```

## 属性 (Props)

| 属性名 | 类型 | 默认值 | 说明 |
|--------|------|--------|------|
| data | Array | [] | 甘特图数据 |
| width | Number | undefined | 甘特图宽度 |
| height | Number | undefined | 甘特图高度 |
| primaryColor | String | "#eca710" | 主色调 |
| dateFormat | String | "YYYY-MM-DD" | 日期格式 |
| unit | String | "day" | 时间刻度 |
| locale | String | "en" | 显示语言 |
| fields | Object | {...} | 字段映射配置 |
| table | Object | {...} | 表格配置 |
| chart | Object | {...} | 图表配置 |

## 事件 (Events)

| 事件名 | 参数 | 说明 |
|--------|------|------|
| move | moved | 任务拖拽移动完成 |
| select | selected, checked, all | 任务选择 |
| click:row | event, row | 行点击 |
| dblclick:row | event, row | 行双击 |
| error | error | 错误事件 |

## 方法 (Methods)

| 方法名 | 参数 | 返回值 | 说明 |
|--------|------|--------|------|
| jumpTo | date? | boolean | 跳转到指定日期 |
| getOptions | - | object | 获取甘特图选项 |
| render | - | void | 重新渲染 |
| getInstance | - | XGantt | 获取甘特图实例 |

## 开发

```bash
# 安装依赖
pnpm install

# 开发
pnpm dev

# 构建
pnpm build
```

## 许可证

MIT