open-index/open-npm huggingface dataset:
npm package: @geom_team/ngx-color-picker
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.3.11.
Author: geominfo
Latest version: 1.0.0

# NgxColorPicker

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.3.11.

**基于ng-zorro-antd nz-color-picker 组件实现，适用于小于17版本的angular项目**

## installation

```bash
#use npm
npm install @geom_team/ngx-color-picker

#use yarn
yarn add @geom_team/ngx-color-picker
```

## usage example

```js
import { NgxColorPickerModule } from '@geom_team/ngx-color-picker'

@NgModule({
  declarations: [
  // ...
  ],
  imports: [
    NgxColorPickerModule
  ],
  providers: [],
  bootstrap: [
    // ...
  ]
})
export class AppModule { }

```

```html
<ngx-color-picker nzShowText [nzDisabledFormat]="true" [(ngModel)]="color" (ngModelChange)="changeColor($event)"></ngx-color-picker>
```

属性及事件方法与nz-color-picker组件一致
npm package: @geom_team/ngx-date-picker
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.14.
Author: geominfo
Latest version: 0.0.10

# NgxDatePicker

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.14.

**基于ng-zorro-antd date-picker 组件实现，添加季度选择功能**
## installation

```bash
#use npm
npm install @geom_team/ngx-date-picker

#use yarn
yarn add @geom_team/ngx-date-picker
```

## usage example

### appModule
```js
import { NgxDatePickerModule } from '@geom_team/ngx-date-picker'

@NgModule({
  declarations: [
  // ...
  ],
  imports: [
    NgxDatePickerModule
  ],
  providers: [],
  bootstrap: [
    // ...
  ]
})
export class AppModule { }

```
### component
```ts
import { Component } from '@angular/core';

@Component({
  selector: 'date-picker-demo',
  templateUrl: './date-picker.component.html',
  styleUrls:['./date-picker.component.less'],
})
export class DatePickerDemoComponent {
 
  formatMap: Record<string, string> = {
    date: 'yyyy-MM-dd',
    time: 'HH:mm:ss',
    week: 'yyyy-ww',
    quarter: 'yyyy-[Q]Q',
    month: 'yyyy/MM',
    year: 'yyyy',
    dateTime: 'yyyy-MM-dd HH:mm:ss',
    
  }
  language = 'zh_CN';
  datePickerConfig =  {
    isInline:false,
    mode: 'date',
    showTime: true,
    isRange: false,
    format: this.formatMap['date'],
    size: 'default',
    disabled: false,
  }
  formattedDate:string = '';
  
  inputValue = new Date();
 
  onDateChange(date: any) {
    console.log("date: ", date)
  }
  
  changeLanguage() {
    if (this.language === 'zh_CN') {
      this.language = 'en_US';
    } else {
      this.language = 'zh_CN';
    }
  }
  
}

```

```html
<h2>日期季度选择器组件</h2>

<button nz-button nzType="primary" (click)="changeLanguage()">切换语言</button>
<br/>
<ngx-date-picker
  [nzBorderless]="false"
  [nzStatus]="'error'"
  [nzMode]="datePickerConfig.mode"
  [isRange]="datePickerConfig.isRange"
  [nzInline]="datePickerConfig.isInline"
  [nzShowTime]="datePickerConfig.showTime"
  [nzFormat]="datePickerConfig.format"
  [nzSize]="datePickerConfig.size"
  [nzDisabled]="datePickerConfig.disabled"
  [language]="language"
  [(ngModel)]="inputValue"
  (ngModelChange)="onDateChange($event)"
  (nzOnOk)="onDateChange($event)"
  >
</ngx-date-picker>
<p>{{inputValue}}</p>
```

API及事件方法与nz-date-picker组件一致
npm package: @geom_team/ngx-slider-captcha
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.14.
Author: geominfo
Latest version: 0.0.5

# ngx-slider-captcha
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.14.

## installation

```bash
  #use npm
  npm install @geom_team/ngx-slider-captcha
  #use yarn
  yarn add @geom_team/ngx-slider-captcha
```

## usage example

```typescript
import { NgxSliderCaptchaModule } from "@geom_team/ngx-slider-captcha";
@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, NgxSliderCaptchaModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}
```

## use component in html

```html
<ngx-slider-captcha [config]="config" (success)="success()" (fail)="fail()" (refresh)="refresh()"></ngx-slider-captcha>
```

## add assets

在 angular.json 中添加以下内容

```json
 {
    "assets": [
      {
        "glob": "**/*",
        "input": "node_modules/@geom_team/ngx-slider-captcha/src/assets",
        "output": "assets"
      }
    ]
  } 

```