ranui 0.1.10-alpha.9 → 0.2.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +397 -0
- package/README.zh-CN.md +216 -37
- package/dist/assets/image/failImage.d.ts +2 -0
- package/dist/bin/generate-component-api.d.ts +1 -0
- package/dist/bin/generate-style-docs.d.ts +1 -0
- package/dist/build/config.bundle.d.ts +2 -0
- package/dist/build/config.d.ts +3 -0
- package/dist/build/config.es.d.ts +2 -0
- package/dist/build/config.umd.d.ts +1 -0
- package/dist/builder.d.ts +11 -0
- package/dist/builder.js +39 -0
- package/dist/button-BstLjXNe.js +117 -0
- package/dist/button.js +3 -5
- package/dist/card-DQUJoDUQ.js +60 -0
- package/dist/card.js +5 -0
- package/dist/checkbox-iHZQb-yQ.js +94 -0
- package/dist/checkbox.js +3 -5
- package/dist/colorpicker-CGh8pRqo.js +315 -0
- package/dist/colorpicker.js +3 -9
- package/dist/components/button/index.d.ts +44 -0
- package/dist/components/card/index.d.ts +21 -0
- package/dist/components/checkbox/index.d.ts +35 -0
- package/dist/components/colorpicker/index.d.ts +99 -0
- package/dist/components/dropdown/index.d.ts +30 -0
- package/dist/components/form/index.d.ts +15 -0
- package/dist/components/icon/index.d.ts +58 -0
- package/dist/components/image/index.d.ts +31 -0
- package/dist/components/input/index.d.ts +222 -0
- package/dist/components/link/index.d.ts +21 -0
- package/dist/components/loading/index.d.ts +76 -0
- package/dist/components/math/index.d.ts +16 -0
- package/dist/components/message/container.d.ts +8 -0
- package/dist/components/message/index.d.ts +32 -0
- package/dist/components/modal/index.d.ts +100 -0
- package/dist/components/player/core/constants.d.ts +5 -0
- package/dist/components/player/core/controller.d.ts +33 -0
- package/dist/components/player/core/events.d.ts +10 -0
- package/dist/components/player/core/fullscreen.d.ts +5 -0
- package/dist/components/player/core/levels.d.ts +20 -0
- package/dist/components/player/core/media.d.ts +50 -0
- package/dist/components/player/core/playback.d.ts +14 -0
- package/dist/components/player/core/progress.d.ts +2 -0
- package/dist/components/player/core/state.d.ts +27 -0
- package/dist/components/player/core/view.d.ts +38 -0
- package/dist/components/player/index.d.ts +276 -0
- package/dist/components/popover/content/index.d.ts +12 -0
- package/dist/components/popover/index.d.ts +93 -0
- package/dist/components/progress/index.d.ts +40 -0
- package/dist/components/radar/index.d.ts +52 -0
- package/dist/components/route/index.d.ts +26 -0
- package/dist/components/router/index.d.ts +24 -0
- package/dist/components/scratch/index.d.ts +19 -0
- package/dist/components/section/index.d.ts +23 -0
- package/dist/components/select/dropdown-item/index.d.ts +21 -0
- package/dist/components/select/index.d.ts +150 -0
- package/dist/components/select/option/index.d.ts +19 -0
- package/dist/components/skeleton/index.d.ts +13 -0
- package/dist/components/tab/index.d.ts +58 -0
- package/dist/components/tabpane/index.d.ts +33 -0
- package/dist/demo/i18n.d.ts +4 -0
- package/dist/demo/index.d.ts +3 -0
- package/dist/demo/register-icons.d.ts +1 -0
- package/dist/dropdown-RqHMRhFE.js +76 -0
- package/dist/dropdown.js +6 -0
- package/dist/events-C59wGdni.js +30 -0
- package/dist/factory-BdsO0dEW.js +165 -0
- package/dist/form-05Lxxl3D.js +44 -0
- package/dist/form.js +5 -0
- package/dist/icon-Blm7AbyY.js +167 -0
- package/dist/icon.js +4 -4
- package/dist/{index-KS2nvVcO.js → image-DKm6z7YQ.js} +60 -71
- package/dist/image.js +3 -2
- package/dist/index.cjs +35 -0
- package/dist/index.d.ts +277 -114
- package/dist/index.iife.js +306 -0
- package/dist/index.js +78 -38
- package/dist/input-Dskw1bAl.js +186 -0
- package/dist/input.js +2 -3
- package/dist/katex-es-BTpuCxxV.cjs +261 -0
- package/dist/katex-es-CKRwcaiU.js +23682 -0
- package/dist/link-BW-gvrpN.js +77 -0
- package/dist/link.js +6 -0
- package/dist/loading-C4QUpm70.js +206 -0
- package/dist/loading.js +4 -6
- package/dist/math-Dv4nXSoI.js +52 -0
- package/dist/math.js +2 -4
- package/dist/message-De5e1txT.js +137 -0
- package/dist/message.js +3 -4
- package/dist/mocks-CMGoftIc.js +179 -0
- package/dist/modal-DruDj3AB.js +350 -0
- package/dist/modal.js +3 -2
- package/dist/player-CqTAmg_E.js +13534 -0
- package/dist/player.js +3 -6
- package/dist/playwright.config.d.ts +2 -0
- package/dist/plugins/load-svg.d.ts +9 -0
- package/dist/popover-BY32HNMl.js +206 -0
- package/dist/popover.js +3 -5
- package/dist/progress-gZo0knzu.js +123 -0
- package/dist/progress.js +3 -5
- package/dist/radar-19P5Mtld.js +181 -0
- package/dist/radar.js +3 -4
- package/dist/ranui.css +1 -0
- package/dist/route-BY_E6-2C.js +88 -0
- package/dist/route.js +6 -0
- package/dist/router-BDcv4F-2.js +79 -0
- package/dist/router.js +6 -0
- package/dist/scratch-Dbd9G6Q6.js +60 -0
- package/dist/scratch.js +4 -0
- package/dist/section-CNTvgdQ-.js +63 -0
- package/dist/section.js +5 -0
- package/dist/select-BVdUtQX5.js +454 -0
- package/dist/select.js +3 -8
- package/dist/signal-XHfNsQNW.js +57 -0
- package/dist/skeleton-BAdJ6vyA.js +32 -0
- package/dist/skeleton.js +3 -2
- package/dist/ssg.js +21 -0
- package/dist/ssr-DSGwPtEd.js +34 -0
- package/dist/ssr-stream.d.ts +1 -0
- package/dist/ssr-stream.js +87 -0
- package/dist/ssr.d.ts +1 -0
- package/dist/ssr.js +7 -0
- package/dist/style.d.ts +1 -0
- package/dist/style.js +0 -0
- package/dist/tab-DH2owP2V.js +184 -0
- package/dist/tab.js +3 -4
- package/dist/tabpane-B_M-Jokw.js +87 -0
- package/dist/tabpane.js +3 -2
- package/dist/test/e2e/button.spec.d.ts +1 -0
- package/dist/test/e2e/checkbox.spec.d.ts +1 -0
- package/dist/test/e2e/helpers.d.ts +13 -0
- package/dist/test/e2e/icon.spec.d.ts +1 -0
- package/dist/test/e2e/image.spec.d.ts +1 -0
- package/dist/test/e2e/input.spec.d.ts +1 -0
- package/dist/test/e2e/loading.spec.d.ts +1 -0
- package/dist/test/e2e/message.spec.d.ts +1 -0
- package/dist/test/e2e/modal.spec.d.ts +1 -0
- package/dist/test/e2e/popover.spec.d.ts +1 -0
- package/dist/test/e2e/progress.spec.d.ts +1 -0
- package/dist/test/e2e/radar.spec.d.ts +1 -0
- package/dist/test/e2e/select.spec.d.ts +1 -0
- package/dist/test/e2e/skeleton.spec.d.ts +1 -0
- package/dist/test/e2e/tab.spec.d.ts +1 -0
- package/dist/test/e2e/visual/colorpicker.spec.d.ts +1 -0
- package/dist/test/e2e/visual/components.spec.d.ts +1 -0
- package/dist/test/e2e/visual/player.spec.d.ts +1 -0
- package/dist/test/integration/composition.test.d.ts +23 -0
- package/dist/test/setup.d.ts +0 -0
- package/dist/test/ssr/builder.core.ssr.test.d.ts +1 -0
- package/dist/test/ssr/builder.factory.ssr.test.d.ts +1 -0
- package/dist/test/ssr/builder.mocks.test.d.ts +1 -0
- package/dist/test/ssr/components/button.test.d.ts +1 -0
- package/dist/test/ssr/css-vars.test.d.ts +1 -0
- package/dist/test/ssr/registry.test.d.ts +1 -0
- package/dist/test/ssr/router.ssg.test.d.ts +2 -0
- package/dist/test/ssr/snapshots/button.test.d.ts +1 -0
- package/dist/test/ssr/stream.test.d.ts +2 -0
- package/dist/test/ssr/theme.tokens.ssr.test.d.ts +1 -0
- package/dist/test/unit/builder.core.browser.test.d.ts +1 -0
- package/dist/test/unit/builder.escape.test.d.ts +1 -0
- package/dist/test/unit/builder.selectors.test.d.ts +1 -0
- package/dist/test/unit/button.contract.test.d.ts +1 -0
- package/dist/test/unit/card.contract.test.d.ts +1 -0
- package/dist/test/unit/checkbox.contract.test.d.ts +1 -0
- package/dist/test/unit/colorpicker.color.utils.test.d.ts +1 -0
- package/dist/test/unit/colorpicker.contract.test.d.ts +1 -0
- package/dist/test/unit/colorpicker.methods.test.d.ts +1 -0
- package/dist/test/unit/component.helpers.test.d.ts +1 -0
- package/dist/test/unit/dropdown-item.contract.test.d.ts +1 -0
- package/dist/test/unit/dropdown.contract.test.d.ts +1 -0
- package/dist/test/unit/form.contract.test.d.ts +1 -0
- package/dist/test/unit/helpers/component.d.ts +3 -0
- package/dist/test/unit/helpers/dom.d.ts +2 -0
- package/dist/test/unit/icon.contract.test.d.ts +1 -0
- package/dist/test/unit/image.contract.test.d.ts +1 -0
- package/dist/test/unit/input.contract.test.d.ts +1 -0
- package/dist/test/unit/link.contract.test.d.ts +1 -0
- package/dist/test/unit/loading.contract.test.d.ts +1 -0
- package/dist/test/unit/math.contract.test.d.ts +1 -0
- package/dist/test/unit/message.component.test.d.ts +1 -0
- package/dist/test/unit/message.container.test.d.ts +1 -0
- package/dist/test/unit/modal.contract.test.d.ts +1 -0
- package/dist/test/unit/option.contract.test.d.ts +1 -0
- package/dist/test/unit/package-exports.source.test.d.ts +1 -0
- package/dist/test/unit/player-controls.test.d.ts +1 -0
- package/dist/test/unit/player-core.test.d.ts +1 -0
- package/dist/test/unit/player-event-handlers.test.d.ts +1 -0
- package/dist/test/unit/player-events.test.d.ts +1 -0
- package/dist/test/unit/player-fullscreen.test.d.ts +1 -0
- package/dist/test/unit/player-interactions.test.d.ts +1 -0
- package/dist/test/unit/player-levels.test.d.ts +1 -0
- package/dist/test/unit/player-media.test.d.ts +1 -0
- package/dist/test/unit/player-playback.test.d.ts +1 -0
- package/dist/test/unit/player.contract.test.d.ts +1 -0
- package/dist/test/unit/popover-accessibility.test.d.ts +1 -0
- package/dist/test/unit/popover.contract.test.d.ts +2 -0
- package/dist/test/unit/progress.contract.test.d.ts +1 -0
- package/dist/test/unit/radar.contract.test.d.ts +1 -0
- package/dist/test/unit/route.contract.test.d.ts +1 -0
- package/dist/test/unit/router.contract.test.d.ts +2 -0
- package/dist/test/unit/scratch.contract.test.d.ts +1 -0
- package/dist/test/unit/select-accessibility.test.d.ts +1 -0
- package/dist/test/unit/select-option.contract.test.d.ts +1 -0
- package/dist/test/unit/select.contract.test.d.ts +1 -0
- package/dist/test/unit/skeleton.contract.test.d.ts +1 -0
- package/dist/test/unit/ssr.test.d.ts +1 -0
- package/dist/test/unit/tab.contract.test.d.ts +2 -0
- package/dist/test/unit/theme.semantic-tokens.test.d.ts +1 -0
- package/dist/test/unit/theme.skin-tokens.test.d.ts +1 -0
- package/dist/test/unit/utils.dom.test.d.ts +1 -0
- package/dist/test/unit/utils.error.test.d.ts +1 -0
- package/dist/test/unit/utils.i18n.test.d.ts +1 -0
- package/dist/test/unit/utils.image.test.d.ts +1 -0
- package/dist/test/unit/utils.math.test.d.ts +1 -0
- package/dist/test/unit/utils.router.test.d.ts +1 -0
- package/dist/test/unit/utils.signal.test.d.ts +1 -0
- package/dist/test/unit/utils.ssr-stream.test.d.ts +1 -0
- package/dist/test/unit/utils.style.test.d.ts +1 -0
- package/dist/test/unit/utils.theme.test.d.ts +1 -0
- package/dist/test/unit/utils.tween.test.d.ts +1 -0
- package/dist/tsconfig.json +8 -8
- package/dist/typings.d.ts +163 -114
- package/dist/utils/builder/core.d.ts +70 -0
- package/dist/utils/builder/env.d.ts +1 -0
- package/dist/utils/builder/escape.d.ts +2 -0
- package/dist/utils/builder/events.d.ts +55 -0
- package/dist/utils/builder/factory.d.ts +18 -0
- package/dist/utils/builder/index.d.ts +9 -0
- package/dist/utils/builder/mocks.d.ts +62 -0
- package/dist/utils/builder/selectors.d.ts +4 -0
- package/dist/utils/builder/signal.d.ts +87 -0
- package/dist/utils/color.d.ts +52 -0
- package/dist/utils/component.d.ts +16 -0
- package/dist/utils/dom.d.ts +39 -0
- package/dist/utils/error.d.ts +6 -0
- package/dist/utils/i18n/index.d.ts +53 -0
- package/dist/utils/i18n.js +88 -0
- package/dist/utils/image.d.ts +39 -0
- package/dist/utils/index.d.ts +8 -0
- package/dist/utils/math.d.ts +26 -0
- package/dist/utils/router/index.d.ts +128 -0
- package/dist/utils/router.js +197 -0
- package/dist/utils/ssg.d.ts +49 -0
- package/dist/utils/ssr-registry.d.ts +8 -0
- package/dist/utils/ssr-stream.d.ts +23 -0
- package/dist/utils/ssr.d.ts +17 -0
- package/dist/utils/style.d.ts +12 -0
- package/dist/utils/theme.d.ts +9 -0
- package/dist/utils/tween.d.ts +21 -0
- package/dist/utils/video.d.ts +40 -0
- package/dist/utils-D4pPF77E.js +689 -0
- package/dist/vite.config.d.ts +6 -0
- package/dist/vitest.config.d.ts +2 -0
- package/dist/vitest.config.ssr.d.ts +2 -0
- package/docs/COMPONENTS.md +324 -0
- package/docs/DESIGN.md +198 -0
- package/docs/style-tokens-public.md +880 -0
- package/package.json +137 -78
- package/typings.d.ts +163 -114
- package/dist/_commonjs-dynamic-modules-DLbDWi6a.js +0 -12
- package/dist/add-user-BN1JlY7e.js +0 -4
- package/dist/arrow-down-B_hCY3Wt.js +0 -662
- package/dist/book-nTEFXU2x.js +0 -4
- package/dist/check-circle-fill-B_pd8ZSs.js +0 -4
- package/dist/check-circle-szyAJiap.js +0 -4
- package/dist/close-CFnkhudp.js +0 -4
- package/dist/close-circle-CwmuN2C6.js +0 -4
- package/dist/close-circle-fill-jSqPPw9i.js +0 -4
- package/dist/colz-DJZvo_8B.js +0 -232
- package/dist/docx-CHkPTdGU.js +0 -3665
- package/dist/drop-4j4abxje.js +0 -36
- package/dist/eye-D_mEt17f.js +0 -4
- package/dist/eye-close-BVr3NJtg.js +0 -4
- package/dist/home-BUQ4USMk.js +0 -4
- package/dist/iconShadowless.js +0 -6
- package/dist/index-15M0olqa.js +0 -204
- package/dist/index-1v568_nq.js +0 -140
- package/dist/index-B897keW5.js +0 -279
- package/dist/index-BZR0HaP2.js +0 -40
- package/dist/index-B_GuEcTd.js +0 -9575
- package/dist/index-Bc2Bcl8D.js +0 -63701
- package/dist/index-C4Sv0T51.js +0 -495
- package/dist/index-C6RcMHoH.js +0 -187
- package/dist/index-C9z10IgG.js +0 -103
- package/dist/index-CFjEuvBW.js +0 -308
- package/dist/index-CGEx9VOA.js +0 -17106
- package/dist/index-CGYfjKUV.js +0 -72
- package/dist/index-CQTJoWhb.js +0 -19
- package/dist/index-CiWwvEMM.js +0 -511
- package/dist/index-CkM9ENTf.js +0 -496
- package/dist/index-CtVOgBDk.js +0 -659
- package/dist/index-D4qUro5V.js +0 -279
- package/dist/index-D4y9c1Dj.js +0 -310
- package/dist/index-DAxs7Dd2.js +0 -119
- package/dist/index-DC5EA657.js +0 -91
- package/dist/index-DJZmDHz-.js +0 -146
- package/dist/index-D_CA5VDZ.js +0 -158
- package/dist/index-WfFw4LJT.js +0 -490
- package/dist/index-mhFL9MJp.js +0 -320
- package/dist/info-circle-COnL5bTJ.js +0 -4
- package/dist/info-circle-fill-CFeVMdci.js +0 -4
- package/dist/inputShadowless.js +0 -6
- package/dist/jszip.min-Dhs3nUkD.js +0 -2346
- package/dist/katex-es-B5r5vt3m.js +0 -14628
- package/dist/loading-Dcc5RApI.js +0 -4
- package/dist/loading-scene-BMc2wqKm.js +0 -4
- package/dist/lock-Cr7BnmWN.js +0 -4
- package/dist/message-D36_Zo2l.js +0 -4
- package/dist/pdf-Cx0VWKFo.js +0 -118
- package/dist/power-off-lQRbiBak.js +0 -4
- package/dist/preview-CJbz9GjO.js +0 -4
- package/dist/preview.js +0 -7
- package/dist/selectShadowless.js +0 -564
- package/dist/setting-DemlgzVC.js +0 -4
- package/dist/shadowless.js +0 -8
- package/dist/sprite-CH2zLtZy.js +0 -141
- package/dist/style.css +0 -1
- package/dist/team-tl4NJXPC.js +0 -4
- package/dist/umd/index.umd.cjs +0 -60
- package/dist/umd/shadowless/shadowless.umd.cjs +0 -1
- package/dist/umd/shadowless/style.css +0 -1
- package/dist/umd/style.css +0 -1
- package/dist/unlock-CeU74z9n.js +0 -4
- package/dist/user-B-eVXwuk.js +0 -4
- package/dist/warning-circle-DDUgEDIv.js +0 -4
- package/dist/warning-circle-fill-lODUKz0i.js +0 -4
- package/readme.md +0 -195
package/dist/colz-DJZvo_8B.js
DELETED
|
@@ -1,232 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
-
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
4
|
-
const round = Math.round;
|
|
5
|
-
class Rgb {
|
|
6
|
-
constructor(col) {
|
|
7
|
-
__publicField(this, "r");
|
|
8
|
-
__publicField(this, "g");
|
|
9
|
-
__publicField(this, "b");
|
|
10
|
-
this.r = col[0];
|
|
11
|
-
this.g = col[1];
|
|
12
|
-
this.b = col[2];
|
|
13
|
-
}
|
|
14
|
-
toString() {
|
|
15
|
-
return `rgb(${this.r},${this.g},${this.b})`;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
class Rgba extends Rgb {
|
|
19
|
-
constructor(col) {
|
|
20
|
-
super(col);
|
|
21
|
-
__publicField(this, "a");
|
|
22
|
-
this.a = col[3];
|
|
23
|
-
}
|
|
24
|
-
toString() {
|
|
25
|
-
return `rgba(${this.r},${this.g},${this.b},${this.a})`;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
class Hsl {
|
|
29
|
-
constructor(col) {
|
|
30
|
-
__publicField(this, "h");
|
|
31
|
-
__publicField(this, "s");
|
|
32
|
-
__publicField(this, "l");
|
|
33
|
-
this.h = col[0];
|
|
34
|
-
this.s = col[1];
|
|
35
|
-
this.l = col[2];
|
|
36
|
-
}
|
|
37
|
-
toString() {
|
|
38
|
-
return `hsl(${this.h},${this.s}%,${this.l}%)`;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
class Hsla extends Hsl {
|
|
42
|
-
constructor(col) {
|
|
43
|
-
super(col);
|
|
44
|
-
__publicField(this, "a");
|
|
45
|
-
this.a = col[3];
|
|
46
|
-
}
|
|
47
|
-
toString() {
|
|
48
|
-
return `hsla(${this.h},${this.s}%,${this.l}%,${this.a})`;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
class Color {
|
|
52
|
-
constructor(r, g = 0, b = 0, a = 1) {
|
|
53
|
-
__publicField(this, "r");
|
|
54
|
-
__publicField(this, "g");
|
|
55
|
-
__publicField(this, "b");
|
|
56
|
-
__publicField(this, "a");
|
|
57
|
-
__publicField(this, "rgb");
|
|
58
|
-
__publicField(this, "rgba");
|
|
59
|
-
__publicField(this, "hex");
|
|
60
|
-
__publicField(this, "hsl");
|
|
61
|
-
__publicField(this, "hsla");
|
|
62
|
-
__publicField(this, "h");
|
|
63
|
-
__publicField(this, "s");
|
|
64
|
-
__publicField(this, "l");
|
|
65
|
-
if (typeof r === "string") {
|
|
66
|
-
let str = r;
|
|
67
|
-
if (str.charAt(0) !== "#") {
|
|
68
|
-
str = "#" + str;
|
|
69
|
-
}
|
|
70
|
-
if (str.length < 7) {
|
|
71
|
-
str = "#" + str[1] + str[1] + str[2] + str[2] + str[3] + str[3];
|
|
72
|
-
}
|
|
73
|
-
[r, g, b] = hexToRgb(str);
|
|
74
|
-
} else if (r instanceof Array) {
|
|
75
|
-
a = r[3] || a;
|
|
76
|
-
b = r[2];
|
|
77
|
-
g = r[1];
|
|
78
|
-
r = r[0];
|
|
79
|
-
}
|
|
80
|
-
this.r = Number(r);
|
|
81
|
-
this.g = Number(g);
|
|
82
|
-
this.b = Number(b);
|
|
83
|
-
this.a = a;
|
|
84
|
-
this.rgb = new Rgb([this.r, this.g, this.b]);
|
|
85
|
-
this.rgba = new Rgba([this.r, this.g, this.b, this.a]);
|
|
86
|
-
this.hex = rgbToHex(this.r, this.g, this.b);
|
|
87
|
-
this.hsl = new Hsl(rgbToHsl(this.r, this.g, this.b));
|
|
88
|
-
this.h = this.hsl.h;
|
|
89
|
-
this.s = this.hsl.s;
|
|
90
|
-
this.l = this.hsl.l;
|
|
91
|
-
this.hsla = new Hsla([this.h, this.s, this.l, this.a]);
|
|
92
|
-
}
|
|
93
|
-
setHue(newHue) {
|
|
94
|
-
this.h = newHue;
|
|
95
|
-
this.hsl.h = newHue;
|
|
96
|
-
this.hsla.h = newHue;
|
|
97
|
-
this.updateFromHsl();
|
|
98
|
-
}
|
|
99
|
-
setSat(newSat) {
|
|
100
|
-
this.s = newSat;
|
|
101
|
-
this.hsl.s = newSat;
|
|
102
|
-
this.hsla.s = newSat;
|
|
103
|
-
this.updateFromHsl();
|
|
104
|
-
}
|
|
105
|
-
setLum(newLum) {
|
|
106
|
-
this.l = newLum;
|
|
107
|
-
this.hsl.l = newLum;
|
|
108
|
-
this.hsla.l = newLum;
|
|
109
|
-
this.updateFromHsl();
|
|
110
|
-
}
|
|
111
|
-
setAlpha(newAlpha) {
|
|
112
|
-
this.a = newAlpha;
|
|
113
|
-
this.hsla.a = newAlpha;
|
|
114
|
-
this.rgba.a = newAlpha;
|
|
115
|
-
}
|
|
116
|
-
updateFromHsl() {
|
|
117
|
-
this.rgb = new Rgb(hslToRgb(this.h, this.s, this.l));
|
|
118
|
-
this.r = this.rgb.r;
|
|
119
|
-
this.g = this.rgb.g;
|
|
120
|
-
this.b = this.rgb.b;
|
|
121
|
-
this.rgba.r = this.rgb.r;
|
|
122
|
-
this.rgba.g = this.rgb.g;
|
|
123
|
-
this.rgba.b = this.rgb.b;
|
|
124
|
-
this.hex = rgbToHex([this.r, this.g, this.b]);
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
const hexToRgb = function(hex) {
|
|
128
|
-
const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
|
|
129
|
-
return result ? [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)] : null;
|
|
130
|
-
};
|
|
131
|
-
const getDarkColor = (color, level) => {
|
|
132
|
-
const rgbc = hexToRgb(color) || [];
|
|
133
|
-
for (let i = 0; i < 3; i++) rgbc[i] = Math.floor(Number(rgbc[i]) * (1 - level));
|
|
134
|
-
return rgbToHex(rgbc[0], rgbc[1], rgbc[2]);
|
|
135
|
-
};
|
|
136
|
-
function getLightColor(color, level) {
|
|
137
|
-
const rgbc = hexToRgb(color) || [];
|
|
138
|
-
for (let i = 0; i < 3; i++) rgbc[i] = Math.floor((255 - Number(rgbc[i])) * level + Number(rgbc[i]));
|
|
139
|
-
return rgbToHex(rgbc[0], rgbc[1], rgbc[2]);
|
|
140
|
-
}
|
|
141
|
-
const componentToHex = function(c) {
|
|
142
|
-
const hex = c.toString(16);
|
|
143
|
-
return hex.length === 1 ? "0" + hex : hex;
|
|
144
|
-
};
|
|
145
|
-
const rgbToHex = function(r, g = 0, b = 0) {
|
|
146
|
-
if (r instanceof Array) {
|
|
147
|
-
b = r[2];
|
|
148
|
-
g = r[1];
|
|
149
|
-
r = r[0];
|
|
150
|
-
}
|
|
151
|
-
return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
|
|
152
|
-
};
|
|
153
|
-
const rgbToHsl = function(r, g = 0, b = 0) {
|
|
154
|
-
if (r instanceof Array) {
|
|
155
|
-
b = r[2];
|
|
156
|
-
g = r[1];
|
|
157
|
-
r = r[0];
|
|
158
|
-
}
|
|
159
|
-
let s, l, d, h = 0;
|
|
160
|
-
r /= 255;
|
|
161
|
-
g /= 255;
|
|
162
|
-
b /= 255;
|
|
163
|
-
const max = Math.max(r, g, b);
|
|
164
|
-
const min = Math.min(r, g, b);
|
|
165
|
-
l = (max + min) / 2;
|
|
166
|
-
if (max === min) {
|
|
167
|
-
h = s = 0;
|
|
168
|
-
} else {
|
|
169
|
-
d = max - min;
|
|
170
|
-
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
|
|
171
|
-
switch (max) {
|
|
172
|
-
case r:
|
|
173
|
-
h = (g - b) / d + (g < b ? 6 : 0);
|
|
174
|
-
break;
|
|
175
|
-
case g:
|
|
176
|
-
h = (b - r) / d + 2;
|
|
177
|
-
break;
|
|
178
|
-
case b:
|
|
179
|
-
h = (r - g) / d + 4;
|
|
180
|
-
break;
|
|
181
|
-
}
|
|
182
|
-
h /= 6;
|
|
183
|
-
}
|
|
184
|
-
h = round(h * 360);
|
|
185
|
-
s = round(s * 100);
|
|
186
|
-
l = round(l * 100);
|
|
187
|
-
return [h, s, l];
|
|
188
|
-
};
|
|
189
|
-
const hue2rgb = function(p, q, t) {
|
|
190
|
-
if (t < 0) {
|
|
191
|
-
t += 1;
|
|
192
|
-
}
|
|
193
|
-
if (t > 1) {
|
|
194
|
-
t -= 1;
|
|
195
|
-
}
|
|
196
|
-
if (t < 1 / 6) {
|
|
197
|
-
return p + (q - p) * 6 * t;
|
|
198
|
-
}
|
|
199
|
-
if (t < 1 / 2) {
|
|
200
|
-
return q;
|
|
201
|
-
}
|
|
202
|
-
if (t < 2 / 3) {
|
|
203
|
-
return p + (q - p) * (2 / 3 - t) * 6;
|
|
204
|
-
}
|
|
205
|
-
return p;
|
|
206
|
-
};
|
|
207
|
-
const hslToRgb = function(h, s, l) {
|
|
208
|
-
if (h instanceof Array) {
|
|
209
|
-
l = h[2];
|
|
210
|
-
s = h[1];
|
|
211
|
-
h = h[0];
|
|
212
|
-
}
|
|
213
|
-
h = Number(h) / 360;
|
|
214
|
-
s = Number(s) / 100;
|
|
215
|
-
l = Number(l) / 100;
|
|
216
|
-
let r, g, b, q, p;
|
|
217
|
-
if (s === 0) {
|
|
218
|
-
r = g = b = l;
|
|
219
|
-
} else {
|
|
220
|
-
q = l < 0.5 ? l * (1 + s) : l + s - l * s;
|
|
221
|
-
p = 2 * l - q;
|
|
222
|
-
r = hue2rgb(p, q, h + 1 / 3);
|
|
223
|
-
g = hue2rgb(p, q, h);
|
|
224
|
-
b = hue2rgb(p, q, h - 1 / 3);
|
|
225
|
-
}
|
|
226
|
-
return [round(r * 255), round(g * 255), round(b * 255)];
|
|
227
|
-
};
|
|
228
|
-
export {
|
|
229
|
-
Color as C,
|
|
230
|
-
getDarkColor as a,
|
|
231
|
-
getLightColor as g
|
|
232
|
-
};
|