mirror of
https://github.com/zhigang1992/DefinitelyTyped.git
synced 2026-04-24 05:06:02 +08:00
Make awesomplete definitions a module (#14986)
* Make awesomplete definitions a module This enables the use of import statements like import * as Awesomplete from "awesomplete"; * Add tslint.json and fix to pass checks Also simplifies existing definitions with AwesompleteSuggestion and adds the missing DATA method.
This commit is contained in:
Trevor Bekolay
committed by
Mohamed Hegazy
Mohamed Hegazy
parent
c98c70bc30
commit
b6c328979c
@@ -1,3 +1,5 @@
|
||||
import * as Awesomplete from 'awesomplete';
|
||||
|
||||
var input = document.getElementById("myinput");
|
||||
new Awesomplete(input, {list: "#mylist"});
|
||||
|
||||
@@ -11,45 +13,48 @@ var awesomplete = new Awesomplete(input);
|
||||
awesomplete.list = ["Ada", "Java", "JavaScript", "LOLCODE", "Node.js", "Ruby on Rails"];
|
||||
|
||||
new Awesomplete(input, {
|
||||
list: [
|
||||
{ label: "Belarus", value: "BY" },
|
||||
{ label: "China", value: "CN" },
|
||||
{ label: "United States", value: "US" }
|
||||
]
|
||||
list: [
|
||||
{ label: "Belarus", value: "BY" },
|
||||
{ label: "China", value: "CN" },
|
||||
{ label: "United States", value: "US" }
|
||||
]
|
||||
});
|
||||
|
||||
// Same with arrays:
|
||||
new Awesomplete(input, {
|
||||
list: [
|
||||
[ "Belarus", "BY" ],
|
||||
[ "China", "CN" ],
|
||||
[ "United States", "US" ]
|
||||
]
|
||||
list: [
|
||||
[ "Belarus", "BY" ],
|
||||
[ "China", "CN" ],
|
||||
[ "United States", "US" ]
|
||||
]
|
||||
});
|
||||
|
||||
new Awesomplete('input[type="email"]', {
|
||||
list: ["aol.com", "att.net", "comcast.net", "facebook.com", "gmail.com", "gmx.com", "googlemail.com", "google.com", "hotmail.com", "hotmail.co.uk", "mac.com", "me.com", "mail.com", "msn.com", "live.com", "sbcglobal.net", "verizon.net", "yahoo.com", "yahoo.co.uk"],
|
||||
data: function (text: string, input: any) {
|
||||
return input.slice(0, input.indexOf("@")) + "@" + text;
|
||||
},
|
||||
filter: Awesomplete.FILTER_STARTSWITH
|
||||
list: ["aol.com", "att.net", "comcast.net", "facebook.com", "gmail.com",
|
||||
"gmx.com", "googlemail.com", "google.com", "hotmail.com",
|
||||
"hotmail.co.uk", "mac.com", "me.com", "mail.com", "msn.com",
|
||||
"live.com", "sbcglobal.net", "verizon.net", "yahoo.com", "yahoo.co.uk"],
|
||||
data: (text: string, input: string) => {
|
||||
return input.slice(0, input.indexOf("@")) + "@" + text;
|
||||
},
|
||||
filter: Awesomplete.FILTER_STARTSWITH
|
||||
});
|
||||
|
||||
new Awesomplete('input[data-multiple]', {
|
||||
filter: function(text: string, input: any) {
|
||||
return Awesomplete.FILTER_CONTAINS(text, input.match(/[^,]*$/)[0]);
|
||||
},
|
||||
filter: (text: string, input: any) => {
|
||||
return Awesomplete.FILTER_CONTAINS(text, input.match(/[^,]*$/)[0]);
|
||||
},
|
||||
|
||||
replace: function(text: string) {
|
||||
var before = this.input.value.match(/^.+,\s*|/)[0];
|
||||
this.input.value = before + text + ", ";
|
||||
}
|
||||
replace: (text: string) => {
|
||||
var before = this.input.value.match(/^.+,\s*|/)[0];
|
||||
this.input.value = before + text + ", ";
|
||||
}
|
||||
});
|
||||
|
||||
var ajax = new XMLHttpRequest();
|
||||
ajax.open("GET", "https://restcountries.eu/rest/v1/lang/fr", true);
|
||||
ajax.onload = function() {
|
||||
var list = JSON.parse(ajax.responseText).map(function(i: any) { return i.name; });
|
||||
new Awesomplete(document.querySelector("#ajax-example input"),{ list: list });
|
||||
ajax.onload = () => {
|
||||
var list = JSON.parse(ajax.responseText).map((i: any) => { return i.name; });
|
||||
new Awesomplete(document.querySelector("#ajax-example input"), { list: list });
|
||||
};
|
||||
ajax.send();
|
||||
ajax.send();
|
||||
|
||||
92
awesomplete/index.d.ts
vendored
92
awesomplete/index.d.ts
vendored
@@ -1,49 +1,57 @@
|
||||
// Type definitions for Awesomplete v1.1.0
|
||||
// Type definitions for Awesomplete 1.1
|
||||
// Project: https://leaverou.github.io/awesomplete/
|
||||
// Definitions by: webbiesdk <https://github.com/webbiesdk/>, Ben Dixon <https://github.com/bmdixon/>
|
||||
// Definitions by: webbiesdk <https://github.com/webbiesdk/>, Ben Dixon <https://github.com/bmdixon/>, Trevor Bekolay <https://github.com/tbekolay/>
|
||||
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
|
||||
|
||||
declare class Awesomplete {
|
||||
constructor(input: Element | HTMLElement | string, o?: AwesompleteOptions);
|
||||
static all: Array<any>;
|
||||
static $$: (expr: string | NodeSelector, con?: any) => NodeList;
|
||||
static ITEM: (text: string, input: string) => HTMLElement;
|
||||
static $: {
|
||||
(expr: string|Element, con?: NodeSelector): string | Element;
|
||||
regExpEscape: (s: { replace: (arg0: RegExp, arg1: string) => void }) => any;
|
||||
create: (tag: string, o: any) => HTMLElement;
|
||||
fire: (target: EventTarget, type: string, properties: any) => any;
|
||||
siblingIndex: (el: Element) => number;
|
||||
};
|
||||
static FILTER_STARTSWITH: (text: string, input: string) => boolean;
|
||||
static FILTER_CONTAINS: (text: string, input: string) => boolean;
|
||||
static SORT_BYLENGTH: (a: number | any[], b: number | any[]) => number;
|
||||
static REPLACE: (text: any) => void;
|
||||
next: () => void;
|
||||
container: HTMLElement;
|
||||
select: (selected?: HTMLElement, originalTarget?: HTMLElement) => void;
|
||||
previous: () => void;
|
||||
index: number;
|
||||
opened: number;
|
||||
list: string | string[] | Element | { label: string, value: any }[] | [string, string][];
|
||||
input: HTMLElement | string;
|
||||
goto: (i: number) => void;
|
||||
ul: HTMLElement;
|
||||
close: () => void;
|
||||
evaluate: () => void;
|
||||
selected: boolean;
|
||||
open: () => void;
|
||||
status: HTMLElement;
|
||||
constructor(input: Element | HTMLElement | string, o?: Awesomplete.Options);
|
||||
static all: any[];
|
||||
static $$: (expr: string | NodeSelector, con?: any) => NodeList;
|
||||
static ITEM: (text: string, input: string) => HTMLElement;
|
||||
static $: {
|
||||
(expr: string|Element, con?: NodeSelector): string | Element;
|
||||
regExpEscape: (s: { replace: (arg0: RegExp, arg1: string) => void }) => any;
|
||||
create: (tag: string, o: any) => HTMLElement;
|
||||
fire: (target: EventTarget, type: string, properties: any) => any;
|
||||
siblingIndex: (el: Element) => number;
|
||||
};
|
||||
static FILTER_STARTSWITH: (text: string, input: string) => boolean;
|
||||
static FILTER_CONTAINS: (text: string, input: string) => boolean;
|
||||
static SORT_BYLENGTH: (left: number | any[], right: number | any[]) => number;
|
||||
static REPLACE: (text: string) => void;
|
||||
static DATA: (item: Awesomplete.Suggestion) => Awesomplete.Suggestion;
|
||||
next: () => void;
|
||||
container: HTMLElement;
|
||||
select: (selected?: HTMLElement, originalTarget?: HTMLElement) => void;
|
||||
previous: () => void;
|
||||
index: number;
|
||||
opened: number;
|
||||
list: string | Element | Awesomplete.Suggestion[];
|
||||
input: HTMLElement | string;
|
||||
goto: (i: number) => void;
|
||||
ul: HTMLElement;
|
||||
close: () => void;
|
||||
evaluate: () => void;
|
||||
selected: boolean;
|
||||
open: () => void;
|
||||
status: HTMLElement;
|
||||
}
|
||||
|
||||
interface AwesompleteOptions {
|
||||
list?: string | string[] | Element | { label: string, value: any }[] | [string, string][];
|
||||
minChars?: Number;
|
||||
maxItems?: Number;
|
||||
autoFirst?: boolean;
|
||||
data?: Function;
|
||||
filter?: Function;
|
||||
sort?: Function;
|
||||
item?: Function;
|
||||
replace?: Function;
|
||||
declare namespace Awesomplete {
|
||||
type Suggestion = string | {label: string | any, value: string | any} | [string, string];
|
||||
|
||||
interface Options {
|
||||
list?: string | string[] | Element | { label: string, value: any }[] | [string, string][];
|
||||
minChars?: number;
|
||||
maxItems?: number;
|
||||
autoFirst?: boolean;
|
||||
data?: (item: Suggestion, input: string) => string;
|
||||
filter?: (text: string, input: string) => boolean;
|
||||
sort?: (left: number | any[], right: number | any[]) => number;
|
||||
item?: (text: string, input: string) => HTMLElement;
|
||||
replace?: (text: string) => void;
|
||||
}
|
||||
}
|
||||
|
||||
export = Awesomplete;
|
||||
export as namespace Awesomplete;
|
||||
|
||||
1
awesomplete/tslint.json
Normal file
1
awesomplete/tslint.json
Normal file
@@ -0,0 +1 @@
|
||||
{ "extends": "../tslint.json" }
|
||||
4
phonon/index.d.ts
vendored
4
phonon/index.d.ts
vendored
@@ -3,7 +3,7 @@
|
||||
// Definitions by: Kévin SERIN <https://github.com/kserin>
|
||||
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
|
||||
|
||||
/// <reference types="awesomplete"/>
|
||||
/// <reference types="awesomplete" />
|
||||
|
||||
declare namespace Phonon {
|
||||
/*** Main object ***/
|
||||
@@ -28,7 +28,7 @@ declare namespace Phonon {
|
||||
popover(id?: string): PhononPopoverComponent;
|
||||
preloader(element: string | Element): PhononPreloaderComponent;
|
||||
tab(): PhononTabComponent;
|
||||
autocomplete(input: Element | HTMLElement | string, o?: AwesompleteOptions): Awesomplete;
|
||||
autocomplete(input: Element | HTMLElement | string, o?: Awesomplete.Options): Awesomplete;
|
||||
}
|
||||
interface PhononDeviceObject {
|
||||
os: string;
|
||||
|
||||
Reference in New Issue
Block a user