open-index/open-npm huggingface dataset:
npm package: @qzda/calendar-graph
Description: GitHub's calendar-graph component
Author: qzda
Latest version: 1.0.0

# calendar-graph

## use

```tsx
import CalendarGraph from "@qzda/calendar-graph/react";

function App() {
  return (
    <CalendarGraph
      data={[
        { date: "2000/1/1", count: 8 },
        { date: "2000/2/1", count: 16 },
      ]}
    />
  );
}
```

or

```vue
<script setup lang="ts">
import CalendarGraph from "@qzda/calendar-graph/vue";
</script>

<template>
  <CalendarGraph
    :data="[
      { date: '2000/1/1', count: 8 },
      { date: '2000/2/1', count: 16 },
    ]"
  />
</template>
```
npm package: @qzda/prolog
Description: Print color information on the console
Author: qzda
Latest version: 1.0.6

# prolog

Print color information on the console.

![prolog.png](https://qzda.netlify.app/prolog.png)

## use

```ts
import prolog, { Colors, Backgrounds, OtherStyles } from "@qzda/prolog";

console.log(
  Object.keys(OtherStyles)
    .map((key) => prolog[key](key))
    .join(" ")
);

console.log(
  Object.keys(Colors)
    .map((key) => prolog[key](key))
    .join(" ")
);

console.log(
  Object.keys(Backgrounds)
    .map((key) => prolog[key](key))
    .join(" ")
);
```

## style

```ts
const Colors = {
  black: 30,
  red: 31,
  green: 32,
  yellow: 33,
  blue: 34,
  magenta: 35,
  cyan: 36,
  white: 37,
  gray: 90,
  brightBlack: 90,
  brightRed: 91,
  brightGreen: 92,
  brightYellow: 93,
  brightBlue: 94,
  brightMagenta: 95,
  brightCyan: 96,
  brightWhite: 97,
} as const;

const Backgrounds = {
  bgBlack: 40,
  bgRed: 41,
  bgGreen: 42,
  bgYellow: 43,
  bgBlue: 44,
  bgMagenta: 45,
  bgCyan: 46,
  bgWhite: 47,
  bgGray: 100,
  bgBrightBlack: 100,
  bgBrightRed: 101,
  bgBrightGreen: 102,
  bgBrightYellow: 103,
  bgBrightBlue: 104,
  bgBrightMagenta: 105,
  bgBrightCyan: 106,
  bgBrightWhite: 107,
} as const;

const OtherStyles = {
  bold: 1,
  italic: 3,
  underline: 4,
} as const;
```
npm package: @qzda/typeof
Description: A utility function that accepts any type and returns its type as a string
Author: qzda
Latest version: 0.0.1

# typeof

A utility function that accepts any type and returns its type as a string.

## use

```ts
import t from "@qzda/typeof";

console.log(t(1)); // "number"
console.log(t("a")); // "string"
console.log(t(true)); // "boolean"
console.log(t(null)); // "null"
console.log(t(undefined)); // "undefined"
console.log(t([])); // "array"
console.log(t({})); // "object"
console.log(t(() => {})); // "function"
```

## test

Use [`Bun`](https://bun.sh/) to run the test.

```bash
bun test
```
npm package: @qzdata/element-theme
Description: fork 官方仓库，做了一些改动
Author: qingwei-li
Latest version: 2.0.1-1

# element-theme
[![Build Status](https://travis-ci.org/ElementUI/element-theme.svg?branch=master)](https://travis-ci.org/ElementUI/element-theme)
[![npm](https://img.shields.io/npm/v/element-theme.svg)](https://www.npmjs.com/package/element-theme)

> Theme generator cli tool for Element.

![](./media/element.gif)

> The current version is compatible with element-ui@2.x. For element-ui@1.x, please check out the legacy branch.

## Installation
install local or global
```shell
npm i element-theme -D
```

install `theme-chalk`
```shell
npm i element-theme-chalk -D
# or from github
npm i https://github.com/ElementUI/theme-chalk -D
```

## CLI
```shell
# init variables file
et --init [file path]

# watch then build
et --watch [--config variable file path] [--out theme path]

# build
et [--config variable file path] [--out theme path] [--minimize]
```

## Node API
```javascript
var et = require('element-theme')

// watch mode
et.watch({
  config: 'variables/path',
  out: 'output/path'
})

// build
et.run({
  config: 'variables/path',
  out: 'output/path',
  minimize: true
})
```

## Options
### config
Variable file path, default `./element-variables.css`.

### out
Theme output path, default `./theme`.

### minimize
Compressed file.

### browsers
set browsers, default `['ie > 9', 'last 2 versions']`.

### watch
watch variable file changes then build.

### components
A lists of components that you want to generate themes for.  All by default.

## Config
You can configure some options in `element-theme` by putting it in package.json:
```json
{
  "element-theme": {
    "browsers": ["ie > 9", "last 2 versions"],
    "out": "./theme",
    "config": "./element-variables.css",
    "theme": "element-theme-chalk",
    "minimize": false,
    "components": ["button", "input"]
  }
}
```

## License
MIT
npm package: @qzdata/element-theme-qzdata
Description: 强智科技ElementUI规范
Author: neterm
Latest version: 1.0.11
Deprecated: false

# element-theme-qzdata
> element component chalk theme.

第二版，基于Css变量，做切换风格


## Installation
```shell
npm i @qzdata/element-theme-qzdata -S
```

## Usage

Use Sass import
```css
@import 'element-theme-qzdata';
```

Or Use webpack
```javascript
import 'element-theme-qzdata';
```

Or
```html
<link rel="stylesheet" href="path/to/node_modules/@qzdata/element-theme-qzdata/lib/index.css">
```

##  Import on demand
```javascript
import 'element-theme-qzdata/lib/input.css';
import 'element-theme-qzdata/lib/select.css';

// ...
```