# wzx-kit-1

> 安装依赖

Latest version **0.0.50** (published 2023-07-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install wzx-kit-1
pnpm add wzx-kit-1
yarn add wzx-kit-1
bun add wzx-kit-1
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.50 |
| Published | 2023-07-26 |
| First published | 2023-07-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 9 |
| Unpacked size | 1.8 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | wzxwater |

## Links

- npm: https://www.npmjs.com/package/wzx-kit-1
- npm.io page: https://npm.io/package/wzx-kit-1

## Dependencies (9)

- [vue](https://npm.io/package/vue.md) ^3.2.13
- [vuex](https://npm.io/package/vuex.md) ^4.0.0
- [core-js](https://npm.io/package/core-js.md) ^3.8.3
- [cssnano](https://npm.io/package/cssnano.md) ^4.1.10
- [postcss](https://npm.io/package/postcss.md) ^8.2.8
- [vue-router](https://npm.io/package/vue-router.md) ^4.0.3
- [@arco-design/web-vue](https://npm.io/package/@arco-design/web-vue.md) ^2.38.0
- [rollup-plugin-postcss](https://npm.io/package/rollup-plugin-postcss.md) ^4.0.0
- [rollup-plugin-commonjs](https://npm.io/package/rollup-plugin-commonjs.md) ^10.1.0

## Recent versions

- 0.0.50 (latest) — 2023-07-26
- 0.0.49 — 2023-07-26
- 0.0.48 — 2023-07-26

## README

# jarvis-web-kit

安装依赖

```bash
yarn add jarvis-web-kit --registry http://192.168.8.88:4873
```

全局引用

```bash
// ....省略

import JarvisUI from "jarvis-web-kit";
import "jarvis-web-kit/dist/packages/css/style.css";

const app = createApp(App);
app
  .use(JarvisUI)
  .use(store)
  .use(router)
  .mount("#app");
```

示例

```vue

<template>
  <div class="home">
    <list-page :columns="columns" :data="data" :options="options"></list-page>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "HomeView",
  setup() {
    const options = {
      showToolbar: true,
    };
    const columns = [
      {
        title: "Name",
        dataIndex: "name",
      },
      {
        title: "Salary",
        dataIndex: "salary",
      },
      {
        title: "Address",
        dataIndex: "address",
      },
      {
        title: "Email",
        dataIndex: "email",
      },
    ];
    const data = [
      {
        key: "1",
        name: "Jane Doe",
        salary: 23000,
        address: "32 Park Road, London",
        email: "jane.doe@example.com",
      },
      {
        key: "2",
        name: "Alisa Ross",
        salary: 25000,
        address: "35 Park Road, London",
        email: "alisa.ross@example.com",
      },
      {
        key: "3",
        name: "Kevin Sandra",
        salary: 22000,
        address: "31 Park Road, London",
        email: "kevin.sandra@example.com",
      },
      {
        key: "4",
        name: "Ed Hellen",
        salary: 17000,
        address: "42 Park Road, London",
        email: "ed.hellen@example.com",
      },
      {
        key: "5",
        name: "William Smith",
        salary: 27000,
        address: "62 Park Road, London",
        email: "william.smith@example.com",
      },
    ];
    return {
      columns,
      data,
      options,
    };
  },
});
</script>
```

---
_Source: https://npm.io/package/wzx-kit-1 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._