open-index/open-npm huggingface dataset:
npm package: @katucloud/utils
Description: katucloud utils
Author: katu-project
Latest version: 1.9.2

## 卡兔项目 utils 库



### 安装
```bash
npm i @katucloud/utils
```

### 加载
```js
const { cdn, cos } = require('@katucloud/utils')
```

### 使用
#### 通用配置
```js
const config = {
    SecretId: '',
    SecretKey: '',
    // cdn
    // cos
    Bucket: '',
    Region: ''
}
```

#### cdn
```js
cdn.refreshDirs

cdn.getDomainList
```

#### cos
```js
cos.getList

cos.uploadFile

cos.uploadFolder

cos.deleteFile

cos.deleteDir

cos.createCompressTask
```
npm package: @katze/ngx-d3
Description: A D3 service for Angular applications
Author: Zeev Katz
Latest version: 1.0.0

<p align="center">
  <img src="docs/assets/logo.png" />
</p>
<p align="center">
  <a href="https://www.npmjs.com/package/@katze/ngx-d3">
    <img src="https://img.shields.io/npm/dt/@katze/ngx-d3.svg" />
  </a>  
  <a href="https://www.npmjs.com/package/@katze/ngx-d3">
    <img src="https://img.shields.io/npm/l/@katze/ngx-d3.svg" />
  </a>
  <a href="https://travis-ci.org/ZeevKatz/ngx-d3">
    <img src="https://api.travis-ci.org/ZeevKatz/ngx-d3.svg?branch=master" />
  </a>
</p>

`ngx-d3` is a [D3](https://github.com/d3/d3) wrapper service for [Angular](https://angular.io/) applications inspired by [@tomwanzek/d3-ng2-service](https://github.com/tomwanzek/d3-ng2-service).

---
### Installation

```
yarn add @katze/ngx-d3
```
---
### Usage

* `NgxD3Service`: The Angular D3 Service injectable,
* `D3`: A TypeScript type alias for the `d3` variable which can be obtained from the `NgxD3Service`, and
* the various TypeScript interfaces and type aliases which are related to the D3 modules constituting `d3` as provided by this service (e.g. `Selection`, `Transition`, `Axis`). 

To obtain the `d3` object from an injected D3 service `ngxD3Service: NgxD3Service`, it offers a method `ngxD3Service.getD3()` with return type `D3`. 

---
### How to use

```ts
import { Component, OnInit } from '@angular/core';
import { NgxD3Service } from '@katze/ngx-d3';

@Component({
  selector: 'histogram-component',
  templateUrl: 'histogram-component.component.html',
  styleUrls: ['histogram-component.component.css']
})
export class HistogramComponent implements OnInit {
  private readonly d3 = this.ngxD3Service.getD3();

  constructor(private readonly ngxD3Service: NgxD3Service) {}

  ngOnInit() {
    this.d3.select(...)
    // ...
  }
}
```
npm package: @katze/ngx-input-default-value
Description: A decorator that set default values to your component inputs and properties
Author: Zeev Katz
Latest version: 8.0.7

[![npm](https://img.shields.io/npm/dt/@katze/ngx-input-default-value.svg)](https://www.npmjs.com/package/@katze/ngx-input-default-value)
[![npm](https://img.shields.io/npm/l/@katze/ngx-input-default-value.svg)](https://www.npmjs.com/package/@katze/ngx-input-default-value)
[![Build Status](https://travis-ci.com/ZeevKatz/ngx-input-default-value.svg?branch=master)](https://travis-ci.org/ZeevKatz/ngx-input-default-value)

# Angular | Default value for inputs and properties️ ⚡

 A simple way to set default values to your component inputs and properties using a decorator.

🚀 See it in action on [Stackblitz](https://stackblitz.com/edit/ngx-input-default-value-demo)

---

### Installation

```bash
yarn add @katze/ngx-input-default-value
```

or 

```bash
npm install @katze/ngx-input-default-value --save
```

---

### Usage

```typescript
import { Component, ChangeDetectionStrategy, OnChanges, SimpleChanges, Input } from '@angular/core';
import { InputDefaultValue } from '@katze/ngx-input-default-value';

type SimpleObject = { bar: string, foo: string };

@Component({
  selector: 'simple-component',
  templateUrl: './simple-component.component.html',
  styleUrls: ['./simple-component.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class SimpleComponent implements OnChanges {
  @Input()
  @InputDefaultValue<SimpleObject>({
    bar: 'Default bar value',
    foo: 'Default foo value'
  })
  simpleObject: Partial<SimpleObject>;
  
  ngOnChanges(changes: SimpleChanges) {
    // In case: 
    // <simple-component></simple-component>
    this.simpleObject; // => { bar: 'Default bar value', foo: 'Default foo value' }
    
    // In case: 
    // <simple-component [simpleObject]="{bar: 'New bar value'}"></simple-component>
    this.simpleObject; // => { bar: 'New bar value', foo: 'Default foo value' }
  }
}
```


### Use with any class

```typescript
import { InputDefaultValue } from '@katze/ngx-input-default-value';

type SimpleObject = { bar: string, foo: string };

class SimpleClass {
  @InputDefaultValue<SimpleObject>({
    bar: 'Default bar value',
    foo: 'Default foo value'
  })
  simpleObject: Partial<SimpleObject>;
}

const instance = new SimpleClass();

instance.simpleObject;
// => { bar: 'Default bar value', foo: 'Default foo value' }

instance.simpleObject = {
  bar: 'New bar value'
};

instance.simpleObject;
// => { bar: 'New bar value', foo: 'Default foo value' }

instance.simpleObject = null;

instance.simpleObject;
// => { bar: 'Default bar value', foo: 'Default foo value' }
```