Add typing for spectrum

2026-09-17 11:50:22 +08:00 · 2014-11-17 20:03:28 +02:00
parent a6b1e4ff84
commit cde29c0fef
2 changed files with 420 additions and 0 deletions
@@ -0,0 +1,136 @@
+/// <reference path="../jquery/jquery.d.ts" />
+/// <reference path="spectrum.d.ts" />
+
+$("#picker").spectrum();
+
+$("#picker").spectrum({
+    color: "yellow"
+});
+
+$("#picker").spectrum({
+    allowEmpty: true
+});
+
+$("#picker").spectrum({
+    flat: true,
+});
+
+$("#picker").spectrum({
+    showInput: true
+});
+
+$("#picker").spectrum({
+    showAlpha: true
+});
+
+$("#picker").spectrum({
+    disabled: true
+});
+
+$("#picker").spectrum({
+    showPalette: true,
+});
+
+$("#picker").spectrum({
+    showPaletteOnly: true,
+    togglePaletteOnly: true,
+    togglePaletteMoreText: "more",
+    togglePaletteLessText: "less",
+    color: "blanchedalmond",
+    palette: [
+        ["#000", "#444", "#666", "#999", "#ccc", "#eee", "#f3f3f3", "#fff"],
+        ["#f00", "#f90", "#ff0", "#0f0", "#0ff", "#00f", "#90f", "#f0f"],
+        ["#f4cccc", "#fce5cd", "#fff2cc", "#d9ead3", "#d0e0e3", "#cfe2f3", "#d9d2e9", "#ead1dc"],
+        ["#ea9999", "#f9cb9c", "#ffe599", "#b6d7a8", "#a2c4c9", "#9fc5e8", "#b4a7d6", "#d5a6bd"],
+        ["#e06666", "#f6b26b", "#ffd966", "#93c47d", "#76a5af", "#6fa8dc", "#8e7cc3", "#c27ba0"],
+        ["#c00", "#e69138", "#f1c232", "#6aa84f", "#45818e", "#3d85c6", "#674ea7", "#a64d79"],
+        ["#900", "#b45f06", "#bf9000", "#38761d", "#134f5c", "#0b5394", "#351c75", "#741b47"],
+        ["#600", "#783f04", "#7f6000", "#274e13", "#0c343d", "#073763", "#20124d", "#4c1130"]
+    ]
+});
+
+$("#picker").spectrum({
+    showPalette: true,
+    showSelectionPalette: true,
+    localStorageKey: "spectrum.homepage",
+});
+
+$("#picker").spectrum({
+    hideAfterPaletteSelect: true,
+});
+
+$("#picker").spectrum({
+    clickoutFiresChange: true
+});
+
+$("#picker").spectrum({
+    showInitial: true,
+    showInput: true
+});
+$("#picker").spectrum({
+    chooseText: "Alright",
+    cancelText: "No way"
+});
+
+$("#picker").spectrum({
+    showButtons: false
+});
+
+$("#picker").spectrum({
+    containerClassName: "awesome"
+});
+
+$("#picker").spectrum({
+    replacerClassName: "awesome"
+});
+
+$("#picker").spectrum({
+    preferredFormat: "hex"
+});
+
+$("#picker").spectrum({
+    appendTo: "body"
+});
+$("#picker").spectrum({
+    appendTo: $("#otherPicker")
+});
+
+$("#picker").spectrum({
+    change: function (color) {
+        console.log(color);
+    }
+});
+
+$("#picker").spectrum({
+    move: function (color) {
+        console.log(color);
+    }
+});
+$("#picker").spectrum({
+    hide: function (color) {
+        console.log(color);
+    }
+});
+$("#picker").spectrum({
+    show: function (color) {
+        console.log(color);
+    }
+});
+$("#picker").spectrum({
+    beforeShow: function (color) {
+        console.log(color);
+    }
+});
+
+$("#picker").spectrum("show");
+$("#picker").spectrum("hide");
+$("#picker").spectrum("toggle");
+$("#picker").spectrum("get");
+$("#picker").spectrum("set", "#dddddd");
+$("#picker").spectrum("container");
+$("#picker").spectrum("reflow");
+$("#picker").spectrum("destroy");
+$("#picker").spectrum("enable");
+$("#picker").spectrum("disable");
+$("#picker").spectrum("option", "show");
+$("#picker").spectrum("option", "color", "#ededed");