cck-ui 0.0.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/LICENSE +13 -0
- package/README.md +3 -0
- package/dist/index.css +1 -0
- package/dist/index.full.js +2957 -0
- package/dist/index.full.min.js +21 -0
- package/dist/index.full.min.js.map +1 -0
- package/dist/index.full.min.mjs +21 -0
- package/dist/index.full.min.mjs.map +1 -0
- package/dist/index.full.mjs +2945 -0
- package/es/_virtual/_rolldown/runtime.mjs +27 -0
- package/es/component.d.ts +6 -0
- package/es/component.mjs +8 -0
- package/es/component.mjs.map +1 -0
- package/es/components/base/style/css.mjs +1 -0
- package/es/components/base/style/index.mjs +1 -0
- package/es/components/button/index.d.ts +8 -0
- package/es/components/button/src/button-custom.d.ts +6 -0
- package/es/components/button/src/button.types.d.ts +77 -0
- package/es/components/button/src/button.vue.d.ts +28 -0
- package/es/components/button/src/use-button.d.ts +14 -0
- package/es/components/button/style/css.mjs +2 -0
- package/es/components/form/index.d.ts +4 -0
- package/es/components/form/src/constants.d.ts +7 -0
- package/es/components/form/src/form.types.d.ts +10 -0
- package/es/components/form/src/hooks/index.d.ts +2 -0
- package/es/components/form/src/hooks/use-form-common-props.d.ts +7 -0
- package/es/components/icon/index.d.ts +26 -0
- package/es/components/icon/src/icon.types.d.ts +13 -0
- package/es/components/icon/src/icon.vue.d.ts +17 -0
- package/es/components/icon/style/css.mjs +1 -0
- package/es/components/icon/style/index.mjs +1 -0
- package/es/components/index.d.ts +5 -0
- package/es/constants/index.d.ts +3 -0
- package/es/constants/key.d.ts +4 -0
- package/es/constants/sizes.d.ts +12 -0
- package/es/defaults.d.ts +6 -0
- package/es/defaults.mjs +9 -0
- package/es/defaults.mjs.map +1 -0
- package/es/hooks/index.d.ts +4 -0
- package/es/hooks/use-namespace/index.d.ts +27 -0
- package/es/hooks/use-prop/index.d.ts +6 -0
- package/es/hooks/use-theme/index.d.ts +5 -0
- package/es/index.d.ts +11 -0
- package/es/index.mjs +11 -0
- package/es/index.mjs.map +1 -0
- package/es/make-installer.d.ts +8 -0
- package/es/make-installer.mjs +14 -0
- package/es/make-installer.mjs.map +1 -0
- package/es/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/module/conversion.mjs +268 -0
- package/es/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/module/conversion.mjs.map +1 -0
- package/es/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/module/css-color-names.mjs +158 -0
- package/es/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/module/css-color-names.mjs.map +1 -0
- package/es/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/module/format-input.mjs +192 -0
- package/es/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/module/format-input.mjs.map +1 -0
- package/es/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/module/index.mjs +456 -0
- package/es/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/module/index.mjs.map +1 -0
- package/es/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/module/util.mjs +65 -0
- package/es/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/module/util.mjs.map +1 -0
- package/es/node_modules/.pnpm/es-toolkit@1.47.0/node_modules/es-toolkit/dist/predicate/isPlainObject.mjs +53 -0
- package/es/node_modules/.pnpm/es-toolkit@1.47.0/node_modules/es-toolkit/dist/predicate/isPlainObject.mjs.map +1 -0
- package/es/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.runtime.esm-bundler.mjs +22 -0
- package/es/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.runtime.esm-bundler.mjs.map +1 -0
- package/es/packages/components/button/index.mjs +8 -0
- package/es/packages/components/button/index.mjs.map +1 -0
- package/es/packages/components/button/src/button-custom.mjs +121 -0
- package/es/packages/components/button/src/button-custom.mjs.map +1 -0
- package/es/packages/components/button/src/button.mjs +7 -0
- package/es/packages/components/button/src/button.mjs.map +1 -0
- package/es/packages/components/button/src/button.types.mjs +0 -0
- package/es/packages/components/button/src/button.vue_vue_type_script_setup_true_lang.mjs +139 -0
- package/es/packages/components/button/src/button.vue_vue_type_script_setup_true_lang.mjs.map +1 -0
- package/es/packages/components/button/src/use-button.mjs +41 -0
- package/es/packages/components/button/src/use-button.mjs.map +1 -0
- package/es/packages/components/form/index.mjs +3 -0
- package/es/packages/components/form/src/constants.mjs +6 -0
- package/es/packages/components/form/src/constants.mjs.map +1 -0
- package/es/packages/components/form/src/form.types.mjs +0 -0
- package/es/packages/components/form/src/hooks/index.mjs +2 -0
- package/es/packages/components/form/src/hooks/use-form-common-props.mjs +16 -0
- package/es/packages/components/form/src/hooks/use-form-common-props.mjs.map +1 -0
- package/es/packages/components/icon/index.mjs +8 -0
- package/es/packages/components/icon/index.mjs.map +1 -0
- package/es/packages/components/icon/src/icon.mjs +7 -0
- package/es/packages/components/icon/src/icon.mjs.map +1 -0
- package/es/packages/components/icon/src/icon.types.mjs +0 -0
- package/es/packages/components/icon/src/icon.vue_vue_type_script_setup_true_lang.mjs +42 -0
- package/es/packages/components/icon/src/icon.vue_vue_type_script_setup_true_lang.mjs.map +1 -0
- package/es/packages/components/index.mjs +3 -0
- package/es/packages/constants/index.mjs +3 -0
- package/es/packages/constants/key.mjs +6 -0
- package/es/packages/constants/key.mjs.map +1 -0
- package/es/packages/constants/sizes.mjs +24 -0
- package/es/packages/constants/sizes.mjs.map +1 -0
- package/es/packages/hooks/index.mjs +4 -0
- package/es/packages/hooks/use-namespace/index.mjs +63 -0
- package/es/packages/hooks/use-namespace/index.mjs.map +1 -0
- package/es/packages/hooks/use-prop/index.mjs +10 -0
- package/es/packages/hooks/use-prop/index.mjs.map +1 -0
- package/es/packages/hooks/use-theme/index.mjs +19 -0
- package/es/packages/hooks/use-theme/index.mjs.map +1 -0
- package/es/packages/utils/colors.mjs +109 -0
- package/es/packages/utils/colors.mjs.map +1 -0
- package/es/packages/utils/dom/index.mjs +2 -0
- package/es/packages/utils/dom/style.mjs +11 -0
- package/es/packages/utils/dom/style.mjs.map +1 -0
- package/es/packages/utils/index.mjs +5 -0
- package/es/packages/utils/types.mjs +12 -0
- package/es/packages/utils/types.mjs.map +1 -0
- package/es/packages/utils/vue/index.mjs +2 -0
- package/es/packages/utils/vue/install.mjs +38 -0
- package/es/packages/utils/vue/install.mjs.map +1 -0
- package/es/packages/utils/vue/typescript.mjs +0 -0
- package/es/plugin.d.ts +6 -0
- package/es/plugin.mjs +6 -0
- package/es/plugin.mjs.map +1 -0
- package/es/utils/colors.d.ts +14 -0
- package/es/utils/dom/index.d.ts +2 -0
- package/es/utils/dom/style.d.ts +4 -0
- package/es/utils/index.d.ts +6 -0
- package/es/utils/types.d.ts +8 -0
- package/es/utils/vue/index.d.ts +3 -0
- package/es/utils/vue/install.d.ts +7 -0
- package/es/utils/vue/typescript.d.ts +19 -0
- package/global.d.ts +8 -0
- package/lib/_virtual/_rolldown/runtime.js +37 -0
- package/lib/component.d.ts +6 -0
- package/lib/component.js +12 -0
- package/lib/component.js.map +1 -0
- package/lib/components/base/style/css.js +2 -0
- package/lib/components/base/style/index.js +2 -0
- package/lib/components/button/index.d.ts +8 -0
- package/lib/components/button/src/button-custom.d.ts +6 -0
- package/lib/components/button/src/button.types.d.ts +77 -0
- package/lib/components/button/src/button.vue.d.ts +28 -0
- package/lib/components/button/src/use-button.d.ts +14 -0
- package/lib/components/button/style/css.js +3 -0
- package/lib/components/form/index.d.ts +4 -0
- package/lib/components/form/src/constants.d.ts +7 -0
- package/lib/components/form/src/form.types.d.ts +10 -0
- package/lib/components/form/src/hooks/index.d.ts +2 -0
- package/lib/components/form/src/hooks/use-form-common-props.d.ts +7 -0
- package/lib/components/icon/index.d.ts +26 -0
- package/lib/components/icon/src/icon.types.d.ts +13 -0
- package/lib/components/icon/src/icon.vue.d.ts +17 -0
- package/lib/components/icon/style/css.js +2 -0
- package/lib/components/icon/style/index.js +2 -0
- package/lib/components/index.d.ts +5 -0
- package/lib/constants/index.d.ts +3 -0
- package/lib/constants/key.d.ts +4 -0
- package/lib/constants/sizes.d.ts +12 -0
- package/lib/defaults.d.ts +6 -0
- package/lib/defaults.js +13 -0
- package/lib/defaults.js.map +1 -0
- package/lib/hooks/index.d.ts +4 -0
- package/lib/hooks/use-namespace/index.d.ts +27 -0
- package/lib/hooks/use-prop/index.d.ts +6 -0
- package/lib/hooks/use-theme/index.d.ts +5 -0
- package/lib/index.d.ts +11 -0
- package/lib/index.js +19 -0
- package/lib/index.js.map +1 -0
- package/lib/make-installer.d.ts +8 -0
- package/lib/make-installer.js +15 -0
- package/lib/make-installer.js.map +1 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/conversion.js +309 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/conversion.js.map +1 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/css-color-names.js +168 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/css-color-names.js.map +1 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/format-input.js +209 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/format-input.js.map +1 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/from-ratio.js +43 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/from-ratio.js.map +1 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/index.js +471 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/index.js.map +1 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/interfaces.js +14 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/interfaces.js.map +1 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/public_api.js +50 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/public_api.js.map +1 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/random.js +255 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/random.js.map +1 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/readability.js +96 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/readability.js.map +1 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/to-ms-filter.js +35 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/to-ms-filter.js.map +1 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/util.js +82 -0
- package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/util.js.map +1 -0
- package/lib/node_modules/.pnpm/es-toolkit@1.47.0/node_modules/es-toolkit/dist/predicate/isPlainObject.js +53 -0
- package/lib/node_modules/.pnpm/es-toolkit@1.47.0/node_modules/es-toolkit/dist/predicate/isPlainObject.js.map +1 -0
- package/lib/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.cjs.js +66 -0
- package/lib/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.cjs.js.map +1 -0
- package/lib/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.cjs.prod.js +56 -0
- package/lib/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.cjs.prod.js.map +1 -0
- package/lib/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index.js +18 -0
- package/lib/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index.js.map +1 -0
- package/lib/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index2.js +14 -0
- package/lib/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index2.js.map +1 -0
- package/lib/packages/components/button/index.js +13 -0
- package/lib/packages/components/button/index.js.map +1 -0
- package/lib/packages/components/button/src/button-custom.js +122 -0
- package/lib/packages/components/button/src/button-custom.js.map +1 -0
- package/lib/packages/components/button/src/button.js +10 -0
- package/lib/packages/components/button/src/button.js.map +1 -0
- package/lib/packages/components/button/src/button.types.js +1 -0
- package/lib/packages/components/button/src/button.vue_vue_type_script_setup_true_lang.js +139 -0
- package/lib/packages/components/button/src/button.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/lib/packages/components/button/src/use-button.js +42 -0
- package/lib/packages/components/button/src/use-button.js.map +1 -0
- package/lib/packages/components/form/index.js +6 -0
- package/lib/packages/components/form/src/constants.js +7 -0
- package/lib/packages/components/form/src/constants.js.map +1 -0
- package/lib/packages/components/form/src/form.types.js +1 -0
- package/lib/packages/components/form/src/hooks/index.js +4 -0
- package/lib/packages/components/form/src/hooks/use-form-common-props.js +18 -0
- package/lib/packages/components/form/src/hooks/use-form-common-props.js.map +1 -0
- package/lib/packages/components/icon/index.js +13 -0
- package/lib/packages/components/icon/index.js.map +1 -0
- package/lib/packages/components/icon/src/icon.js +10 -0
- package/lib/packages/components/icon/src/icon.js.map +1 -0
- package/lib/packages/components/icon/src/icon.types.js +1 -0
- package/lib/packages/components/icon/src/icon.vue_vue_type_script_setup_true_lang.js +42 -0
- package/lib/packages/components/icon/src/icon.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/lib/packages/components/index.js +5 -0
- package/lib/packages/constants/index.js +6 -0
- package/lib/packages/constants/key.js +7 -0
- package/lib/packages/constants/key.js.map +1 -0
- package/lib/packages/constants/sizes.js +26 -0
- package/lib/packages/constants/sizes.js.map +1 -0
- package/lib/packages/hooks/index.js +10 -0
- package/lib/packages/hooks/use-namespace/index.js +67 -0
- package/lib/packages/hooks/use-namespace/index.js.map +1 -0
- package/lib/packages/hooks/use-prop/index.js +11 -0
- package/lib/packages/hooks/use-prop/index.js.map +1 -0
- package/lib/packages/hooks/use-theme/index.js +20 -0
- package/lib/packages/hooks/use-theme/index.js.map +1 -0
- package/lib/packages/utils/colors.js +112 -0
- package/lib/packages/utils/colors.js.map +1 -0
- package/lib/packages/utils/dom/index.js +3 -0
- package/lib/packages/utils/dom/style.js +13 -0
- package/lib/packages/utils/dom/style.js.map +1 -0
- package/lib/packages/utils/index.js +21 -0
- package/lib/packages/utils/types.js +21 -0
- package/lib/packages/utils/types.js.map +1 -0
- package/lib/packages/utils/vue/index.js +4 -0
- package/lib/packages/utils/vue/install.js +40 -0
- package/lib/packages/utils/vue/install.js.map +1 -0
- package/lib/packages/utils/vue/typescript.js +1 -0
- package/lib/plugin.d.ts +6 -0
- package/lib/plugin.js +10 -0
- package/lib/plugin.js.map +1 -0
- package/lib/utils/colors.d.ts +14 -0
- package/lib/utils/dom/index.d.ts +2 -0
- package/lib/utils/dom/style.d.ts +4 -0
- package/lib/utils/index.d.ts +6 -0
- package/lib/utils/types.d.ts +8 -0
- package/lib/utils/vue/index.d.ts +3 -0
- package/lib/utils/vue/install.d.ts +7 -0
- package/lib/utils/vue/typescript.d.ts +19 -0
- package/package.json +69 -0
- package/theme-slate/base.css +1 -0
- package/theme-slate/cu-button.css +1 -0
- package/theme-slate/cu-common.css +1 -0
- package/theme-slate/cu-icon.css +1 -0
- package/theme-slate/cu-var.css +1 -0
- package/theme-slate/dark/css-vars.css +0 -0
- package/theme-slate/index.css +1 -0
- package/theme-slate/src/base.scss +2 -0
- package/theme-slate/src/button.scss +317 -0
- package/theme-slate/src/common/var.scss +179 -0
- package/theme-slate/src/common.scss +9 -0
- package/theme-slate/src/dark/css-vars.scss +0 -0
- package/theme-slate/src/icon.scss +43 -0
- package/theme-slate/src/index.scss +4 -0
- package/theme-slate/src/mixins/_var.scss +9 -0
- package/theme-slate/src/mixins/config.scss +5 -0
- package/theme-slate/src/mixins/function.scss +11 -0
- package/theme-slate/src/mixins/mixins.scss +19 -0
- package/theme-slate/src/var.scss +297 -0
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ComponentSize } from "../../../constants/sizes.js";
|
|
2
|
+
import { ButtonProps, ButtonVariant } from "./button.types.js";
|
|
3
|
+
//#region ../../packages/components/button/src/button.vue.d.ts
|
|
4
|
+
type __VLS_Slots = {
|
|
5
|
+
'left-section': any;
|
|
6
|
+
'right-section': any;
|
|
7
|
+
default: any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {
|
|
10
|
+
/** @description if button is disabled */disabled: boolean; /** @description button html element */
|
|
11
|
+
ref: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>; /** @description button size */
|
|
12
|
+
size: string; /** @description button variant */
|
|
13
|
+
variant: ButtonVariant;
|
|
14
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
|
|
15
|
+
radius: string;
|
|
16
|
+
size: ComponentSize;
|
|
17
|
+
tag: string | import("vue").Component;
|
|
18
|
+
variant: ButtonVariant;
|
|
19
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
21
|
+
declare const _default: typeof __VLS_export;
|
|
22
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
//#endregion
|
|
28
|
+
export { _default as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ButtonProps } from "./button.types.js";
|
|
2
|
+
|
|
3
|
+
//#region ../../packages/components/button/src/use-button.d.ts
|
|
4
|
+
declare const useButton: (props: ButtonProps, slots: {
|
|
5
|
+
hasLeftSlot: boolean;
|
|
6
|
+
hasRightSlot: boolean;
|
|
7
|
+
}) => {
|
|
8
|
+
_disabled: import("vue").ComputedRef<boolean>;
|
|
9
|
+
_ref: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
|
|
10
|
+
_props: import("vue").ComputedRef<Record<string, any>>;
|
|
11
|
+
handleClick: (evt: MouseEvent) => void;
|
|
12
|
+
};
|
|
13
|
+
//#endregion
|
|
14
|
+
export { useButton };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { FormContext, FormProps } from "./src/form.types.js";
|
|
2
|
+
import { formContextKey } from "./src/constants.js";
|
|
3
|
+
import { useDisabled, useFormDisabled } from "./src/hooks/use-form-common-props.js";
|
|
4
|
+
export { FormContext, FormProps, formContextKey, useDisabled, useFormDisabled };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
//#region ../../packages/components/form/src/form.types.d.ts
|
|
2
|
+
interface FormProps {
|
|
3
|
+
/**
|
|
4
|
+
* @description Sets `disabled` attribute, applies disabled styles
|
|
5
|
+
*/
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
type FormContext = FormProps;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { FormContext, FormProps };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { MaybeRef } from "vue";
|
|
2
|
+
|
|
3
|
+
//#region ../../packages/components/form/src/hooks/use-form-common-props.d.ts
|
|
4
|
+
declare const useFormDisabled: (fallback?: MaybeRef<boolean | undefined>) => import("vue").ComputedRef<boolean>;
|
|
5
|
+
declare const useDisabled: (fallback?: MaybeRef<boolean | undefined>) => import("vue").ComputedRef<boolean>;
|
|
6
|
+
//#endregion
|
|
7
|
+
export { useDisabled, useFormDisabled };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { IconProps } from "./src/icon.types.js";
|
|
2
|
+
//#region ../../packages/components/icon/index.d.ts
|
|
3
|
+
declare const CIcon: {
|
|
4
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
5
|
+
P: {};
|
|
6
|
+
B: {};
|
|
7
|
+
D: {};
|
|
8
|
+
C: {};
|
|
9
|
+
M: {};
|
|
10
|
+
Defaults: {};
|
|
11
|
+
}, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
12
|
+
__isFragment?: never;
|
|
13
|
+
__isTeleport?: never;
|
|
14
|
+
__isSuspense?: never;
|
|
15
|
+
} & import("vue").ComponentOptionsBase<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
16
|
+
$slots: {
|
|
17
|
+
default?: (props: {}) => any;
|
|
18
|
+
};
|
|
19
|
+
}) & import("vue").ObjectPlugin & {
|
|
20
|
+
setPropsDefault: (defaults: {
|
|
21
|
+
readonly size?: string | number | (() => string | number) | undefined;
|
|
22
|
+
readonly color?: string | (() => string) | undefined;
|
|
23
|
+
}) => void;
|
|
24
|
+
} & Record<string, any>;
|
|
25
|
+
//#endregion
|
|
26
|
+
export { CIcon, CIcon as default, IconProps };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
//#region ../../packages/components/icon/src/icon.types.d.ts
|
|
2
|
+
interface IconProps {
|
|
3
|
+
/**
|
|
4
|
+
* @description SVG icon size, size x size
|
|
5
|
+
*/
|
|
6
|
+
size?: number | string;
|
|
7
|
+
/**
|
|
8
|
+
* @description SVG tag's fill attribute
|
|
9
|
+
*/
|
|
10
|
+
color?: string;
|
|
11
|
+
}
|
|
12
|
+
//#endregion
|
|
13
|
+
export { IconProps };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { IconProps } from "./icon.types.js";
|
|
2
|
+
|
|
3
|
+
//#region ../../packages/components/icon/src/icon.vue.d.ts
|
|
4
|
+
declare var __VLS_1: {};
|
|
5
|
+
type __VLS_Slots = {} & {
|
|
6
|
+
default?: (props: typeof __VLS_1) => any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_base: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
10
|
+
declare const _default: typeof __VLS_export;
|
|
11
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
12
|
+
new (): {
|
|
13
|
+
$slots: S;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
//#endregion
|
|
17
|
+
export { _default as default };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ButtonProps, ButtonVariant } from "./button/src/button.types.js";
|
|
2
|
+
import { CButton } from "./button/index.js";
|
|
3
|
+
import { IconProps } from "./icon/src/icon.types.js";
|
|
4
|
+
import { CIcon } from "./icon/index.js";
|
|
5
|
+
export { ButtonProps, ButtonVariant, CButton, CIcon, IconProps };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
//#region ../../packages/constants/sizes.d.ts
|
|
2
|
+
declare const componentSizes: string[];
|
|
3
|
+
type ComponentSize = (typeof componentSizes)[number];
|
|
4
|
+
declare const componentSizeMap: {
|
|
5
|
+
readonly xl: 60;
|
|
6
|
+
readonly lg: 50;
|
|
7
|
+
readonly md: 42;
|
|
8
|
+
readonly sm: 36;
|
|
9
|
+
readonly xs: 30;
|
|
10
|
+
};
|
|
11
|
+
//#endregion
|
|
12
|
+
export { ComponentSize, componentSizeMap, componentSizes };
|
package/lib/defaults.js
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
Object.defineProperties(exports, {
|
|
2
|
+
__esModule: { value: true },
|
|
3
|
+
[Symbol.toStringTag]: { value: "Module" }
|
|
4
|
+
});
|
|
5
|
+
const require_component = require("./component.js");
|
|
6
|
+
const require_make_installer = require("./make-installer.js");
|
|
7
|
+
const require_plugin = require("./plugin.js");
|
|
8
|
+
//#region ../../packages/cck-ui/defaults.ts
|
|
9
|
+
var defaults_default = require_make_installer.makeInstaller([...require_component.default, ...require_plugin.default]);
|
|
10
|
+
//#endregion
|
|
11
|
+
exports.default = defaults_default;
|
|
12
|
+
|
|
13
|
+
//# sourceMappingURL=defaults.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.js","names":["makeInstaller","Components","Plugins"],"sources":["../../../packages/cck-ui/defaults.ts"],"sourcesContent":["import { makeInstaller } from './make-installer'\nimport Components from './component'\nimport Plugins from './plugin'\n\nexport default makeInstaller([...Components, ...Plugins])\n"],"mappings":";;;;;;;;AAIA,IAAA,mBAAeA,uBAAAA,cAAc,CAAC,GAAGC,kBAAAA,SAAY,GAAGC,eAAAA,OAAO,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { UseNamespaceReturn, defaultNamespace, namespaceContextKey, useGetDerivedNamespace, useNamespace } from "./use-namespace/index.js";
|
|
2
|
+
import { useProp } from "./use-prop/index.js";
|
|
3
|
+
import { ColorScheme, useColorScheme } from "./use-theme/index.js";
|
|
4
|
+
export { ColorScheme, UseNamespaceReturn, defaultNamespace, namespaceContextKey, useColorScheme, useGetDerivedNamespace, useNamespace, useProp };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { InjectionKey, Ref } from "vue";
|
|
2
|
+
|
|
3
|
+
//#region ../../packages/hooks/use-namespace/index.d.ts
|
|
4
|
+
declare const defaultNamespace = "c";
|
|
5
|
+
declare const namespaceContextKey: InjectionKey<Ref<string | undefined>>;
|
|
6
|
+
declare const useGetDerivedNamespace: (namespaceOverrides?: Ref<string | undefined>) => import("vue").ComputedRef<string>;
|
|
7
|
+
declare const useNamespace: (block: string, namespaceOverrides?: Ref<string | undefined>) => {
|
|
8
|
+
namespace: import("vue").ComputedRef<string>;
|
|
9
|
+
b: (blockSuffix?: string) => string;
|
|
10
|
+
e: (element?: string) => string;
|
|
11
|
+
m: (modifier?: string) => string;
|
|
12
|
+
be: (blockSuffix?: string, element?: string) => string;
|
|
13
|
+
em: (element?: string, modifier?: string) => string;
|
|
14
|
+
bm: (blockSuffix?: string, modifier?: string) => string;
|
|
15
|
+
bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
|
|
16
|
+
is: {
|
|
17
|
+
(name: string, state: boolean | undefined): string;
|
|
18
|
+
(name: string): string;
|
|
19
|
+
};
|
|
20
|
+
cssVar: (object: Record<string, string>) => Record<string, string>;
|
|
21
|
+
cssVarName: (name: string) => string;
|
|
22
|
+
cssVarBlock: (object: Record<string, string>) => Record<string, string>;
|
|
23
|
+
cssVarBlockName: (name: string) => string;
|
|
24
|
+
};
|
|
25
|
+
type UseNamespaceReturn = ReturnType<typeof useNamespace>;
|
|
26
|
+
//#endregion
|
|
27
|
+
export { UseNamespaceReturn, defaultNamespace, namespaceContextKey, useGetDerivedNamespace, useNamespace };
|
package/lib/index.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import _default from "./defaults.js";
|
|
2
|
+
import { ButtonProps, ButtonVariant } from "./components/button/src/button.types.js";
|
|
3
|
+
import { CButton } from "./components/button/index.js";
|
|
4
|
+
import { IconProps } from "./components/icon/src/icon.types.js";
|
|
5
|
+
import { CIcon } from "./components/icon/index.js";
|
|
6
|
+
import { makeInstaller } from "./make-installer.js";
|
|
7
|
+
|
|
8
|
+
//#region ../../packages/cck-ui/index.d.ts
|
|
9
|
+
declare const install: (app: import("vue").App) => void;
|
|
10
|
+
//#endregion
|
|
11
|
+
export { ButtonProps, ButtonVariant, CButton, CIcon, IconProps, _default as default, install, makeInstaller };
|
package/lib/index.js
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
Object.defineProperties(exports, {
|
|
2
|
+
__esModule: { value: true },
|
|
3
|
+
[Symbol.toStringTag]: { value: "Module" }
|
|
4
|
+
});
|
|
5
|
+
const require_index = require("./packages/components/button/index.js");
|
|
6
|
+
const require_index$1 = require("./packages/components/icon/index.js");
|
|
7
|
+
const require_make_installer = require("./make-installer.js");
|
|
8
|
+
const require_defaults = require("./defaults.js");
|
|
9
|
+
//#region ../../packages/cck-ui/index.ts
|
|
10
|
+
const install = require_defaults.default.install;
|
|
11
|
+
var cck_ui_default = require_defaults.default;
|
|
12
|
+
//#endregion
|
|
13
|
+
exports.CButton = require_index.CButton;
|
|
14
|
+
exports.CIcon = require_index$1.CIcon;
|
|
15
|
+
exports.default = cck_ui_default;
|
|
16
|
+
exports.install = install;
|
|
17
|
+
exports.makeInstaller = require_make_installer.makeInstaller;
|
|
18
|
+
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["installer"],"sources":["../../../packages/cck-ui/index.ts"],"sourcesContent":["import installer from './defaults'\n\nexport * from '@cck-ui/components'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport default installer\n"],"mappings":";;;;;;;;;AAKA,MAAa,UAAUA,iBAAAA,QAAU;AACjC,IAAA,iBAAeA,iBAAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
//#region ../../packages/cck-ui/make-installer.ts
|
|
3
|
+
const INSTALLED_KEY = Symbol("INSTALLED_KEY");
|
|
4
|
+
const makeInstaller = (components) => {
|
|
5
|
+
const install = (app) => {
|
|
6
|
+
if (app[INSTALLED_KEY]) return;
|
|
7
|
+
app[INSTALLED_KEY] = true;
|
|
8
|
+
components.forEach((c) => app.use(c));
|
|
9
|
+
};
|
|
10
|
+
return { install };
|
|
11
|
+
};
|
|
12
|
+
//#endregion
|
|
13
|
+
exports.makeInstaller = makeInstaller;
|
|
14
|
+
|
|
15
|
+
//# sourceMappingURL=make-installer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"make-installer.js","names":[],"sources":["../../../packages/cck-ui/make-installer.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nexport const makeInstaller = (components: Plugin[]) => {\n const install = (app: App) => {\n if ((app as any)[INSTALLED_KEY]) return\n ;(app as any)[INSTALLED_KEY] = true\n components.forEach((c) => app.use(c))\n }\n return { install }\n}\n"],"mappings":";;AAEA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAa,iBAAiB,eAAyB;CACrD,MAAM,WAAW,QAAa;EAC5B,IAAK,IAAY,gBAAgB;EAChC,IAAa,iBAAiB;EAC/B,WAAW,SAAS,MAAM,IAAI,IAAI,CAAC,CAAC;CACtC;CACA,OAAO,EAAE,QAAQ;AACnB"}
|
package/lib/node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/conversion.js
ADDED
|
@@ -0,0 +1,309 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const require_runtime = require("../../../../../../../_virtual/_rolldown/runtime.js");
|
|
3
|
+
const require_util$1 = require("./util.js");
|
|
4
|
+
//#region ../../node_modules/.pnpm/@ctrl+tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/conversion.js
|
|
5
|
+
var require_conversion = /* @__PURE__ */ require_runtime.__commonJSMin(((exports) => {
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.numberInputToObject = exports.parseIntFromHex = exports.convertHexToDecimal = exports.convertDecimalToHex = exports.rgbToCmyk = exports.cmykToRgb = exports.rgbaToArgbHex = exports.rgbaToHex = exports.rgbToHex = exports.hsvToRgb = exports.rgbToHsv = exports.hslToRgb = exports.rgbToHsl = exports.rgbToRgb = void 0;
|
|
8
|
+
const util_js_1 = require_util$1.default;
|
|
9
|
+
/**
|
|
10
|
+
* Handle bounds / percentage checking to conform to CSS color spec
|
|
11
|
+
* <http://www.w3.org/TR/css3-color/>
|
|
12
|
+
* *Assumes:* r, g, b in [0, 255] or [0, 1]
|
|
13
|
+
* *Returns:* { r, g, b } in [0, 255]
|
|
14
|
+
*/
|
|
15
|
+
function rgbToRgb(r, g, b) {
|
|
16
|
+
return {
|
|
17
|
+
r: (0, util_js_1.bound01)(r, 255) * 255,
|
|
18
|
+
g: (0, util_js_1.bound01)(g, 255) * 255,
|
|
19
|
+
b: (0, util_js_1.bound01)(b, 255) * 255
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
exports.rgbToRgb = rgbToRgb;
|
|
23
|
+
/**
|
|
24
|
+
* Converts an RGB color value to HSL.
|
|
25
|
+
* *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]
|
|
26
|
+
* *Returns:* { h, s, l } in [0,1]
|
|
27
|
+
*/
|
|
28
|
+
function rgbToHsl(r, g, b) {
|
|
29
|
+
r = (0, util_js_1.bound01)(r, 255);
|
|
30
|
+
g = (0, util_js_1.bound01)(g, 255);
|
|
31
|
+
b = (0, util_js_1.bound01)(b, 255);
|
|
32
|
+
const max = Math.max(r, g, b);
|
|
33
|
+
const min = Math.min(r, g, b);
|
|
34
|
+
let h = 0;
|
|
35
|
+
let s = 0;
|
|
36
|
+
const l = (max + min) / 2;
|
|
37
|
+
if (max === min) {
|
|
38
|
+
s = 0;
|
|
39
|
+
h = 0;
|
|
40
|
+
} else {
|
|
41
|
+
const d = max - min;
|
|
42
|
+
s = l > .5 ? d / (2 - max - min) : d / (max + min);
|
|
43
|
+
switch (max) {
|
|
44
|
+
case r:
|
|
45
|
+
h = (g - b) / d + (g < b ? 6 : 0);
|
|
46
|
+
break;
|
|
47
|
+
case g:
|
|
48
|
+
h = (b - r) / d + 2;
|
|
49
|
+
break;
|
|
50
|
+
case b:
|
|
51
|
+
h = (r - g) / d + 4;
|
|
52
|
+
break;
|
|
53
|
+
default: break;
|
|
54
|
+
}
|
|
55
|
+
h /= 6;
|
|
56
|
+
}
|
|
57
|
+
return {
|
|
58
|
+
h,
|
|
59
|
+
s,
|
|
60
|
+
l
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
exports.rgbToHsl = rgbToHsl;
|
|
64
|
+
function hue2rgb(p, q, t) {
|
|
65
|
+
if (t < 0) t += 1;
|
|
66
|
+
if (t > 1) t -= 1;
|
|
67
|
+
if (t < 1 / 6) return p + (q - p) * (6 * t);
|
|
68
|
+
if (t < 1 / 2) return q;
|
|
69
|
+
if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
|
|
70
|
+
return p;
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* Converts an HSL color value to RGB.
|
|
74
|
+
*
|
|
75
|
+
* *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
|
|
76
|
+
* *Returns:* { r, g, b } in the set [0, 255]
|
|
77
|
+
*/
|
|
78
|
+
function hslToRgb(h, s, l) {
|
|
79
|
+
let r;
|
|
80
|
+
let g;
|
|
81
|
+
let b;
|
|
82
|
+
h = (0, util_js_1.bound01)(h, 360);
|
|
83
|
+
s = (0, util_js_1.bound01)(s, 100);
|
|
84
|
+
l = (0, util_js_1.bound01)(l, 100);
|
|
85
|
+
if (s === 0) {
|
|
86
|
+
g = l;
|
|
87
|
+
b = l;
|
|
88
|
+
r = l;
|
|
89
|
+
} else {
|
|
90
|
+
const q = l < .5 ? l * (1 + s) : l + s - l * s;
|
|
91
|
+
const p = 2 * l - q;
|
|
92
|
+
r = hue2rgb(p, q, h + 1 / 3);
|
|
93
|
+
g = hue2rgb(p, q, h);
|
|
94
|
+
b = hue2rgb(p, q, h - 1 / 3);
|
|
95
|
+
}
|
|
96
|
+
return {
|
|
97
|
+
r: r * 255,
|
|
98
|
+
g: g * 255,
|
|
99
|
+
b: b * 255
|
|
100
|
+
};
|
|
101
|
+
}
|
|
102
|
+
exports.hslToRgb = hslToRgb;
|
|
103
|
+
/**
|
|
104
|
+
* Converts an RGB color value to HSV
|
|
105
|
+
*
|
|
106
|
+
* *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
|
|
107
|
+
* *Returns:* { h, s, v } in [0,1]
|
|
108
|
+
*/
|
|
109
|
+
function rgbToHsv(r, g, b) {
|
|
110
|
+
r = (0, util_js_1.bound01)(r, 255);
|
|
111
|
+
g = (0, util_js_1.bound01)(g, 255);
|
|
112
|
+
b = (0, util_js_1.bound01)(b, 255);
|
|
113
|
+
const max = Math.max(r, g, b);
|
|
114
|
+
const min = Math.min(r, g, b);
|
|
115
|
+
let h = 0;
|
|
116
|
+
const v = max;
|
|
117
|
+
const d = max - min;
|
|
118
|
+
const s = max === 0 ? 0 : d / max;
|
|
119
|
+
if (max === min) h = 0;
|
|
120
|
+
else {
|
|
121
|
+
switch (max) {
|
|
122
|
+
case r:
|
|
123
|
+
h = (g - b) / d + (g < b ? 6 : 0);
|
|
124
|
+
break;
|
|
125
|
+
case g:
|
|
126
|
+
h = (b - r) / d + 2;
|
|
127
|
+
break;
|
|
128
|
+
case b:
|
|
129
|
+
h = (r - g) / d + 4;
|
|
130
|
+
break;
|
|
131
|
+
default: break;
|
|
132
|
+
}
|
|
133
|
+
h /= 6;
|
|
134
|
+
}
|
|
135
|
+
return {
|
|
136
|
+
h,
|
|
137
|
+
s,
|
|
138
|
+
v
|
|
139
|
+
};
|
|
140
|
+
}
|
|
141
|
+
exports.rgbToHsv = rgbToHsv;
|
|
142
|
+
/**
|
|
143
|
+
* Converts an HSV color value to RGB.
|
|
144
|
+
*
|
|
145
|
+
* *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
|
|
146
|
+
* *Returns:* { r, g, b } in the set [0, 255]
|
|
147
|
+
*/
|
|
148
|
+
function hsvToRgb(h, s, v) {
|
|
149
|
+
h = (0, util_js_1.bound01)(h, 360) * 6;
|
|
150
|
+
s = (0, util_js_1.bound01)(s, 100);
|
|
151
|
+
v = (0, util_js_1.bound01)(v, 100);
|
|
152
|
+
const i = Math.floor(h);
|
|
153
|
+
const f = h - i;
|
|
154
|
+
const p = v * (1 - s);
|
|
155
|
+
const q = v * (1 - f * s);
|
|
156
|
+
const t = v * (1 - (1 - f) * s);
|
|
157
|
+
const mod = i % 6;
|
|
158
|
+
const r = [
|
|
159
|
+
v,
|
|
160
|
+
q,
|
|
161
|
+
p,
|
|
162
|
+
p,
|
|
163
|
+
t,
|
|
164
|
+
v
|
|
165
|
+
][mod];
|
|
166
|
+
const g = [
|
|
167
|
+
t,
|
|
168
|
+
v,
|
|
169
|
+
v,
|
|
170
|
+
q,
|
|
171
|
+
p,
|
|
172
|
+
p
|
|
173
|
+
][mod];
|
|
174
|
+
const b = [
|
|
175
|
+
p,
|
|
176
|
+
p,
|
|
177
|
+
t,
|
|
178
|
+
v,
|
|
179
|
+
v,
|
|
180
|
+
q
|
|
181
|
+
][mod];
|
|
182
|
+
return {
|
|
183
|
+
r: r * 255,
|
|
184
|
+
g: g * 255,
|
|
185
|
+
b: b * 255
|
|
186
|
+
};
|
|
187
|
+
}
|
|
188
|
+
exports.hsvToRgb = hsvToRgb;
|
|
189
|
+
/**
|
|
190
|
+
* Converts an RGB color to hex
|
|
191
|
+
*
|
|
192
|
+
* *Assumes:* r, g, and b are contained in the set [0, 255]
|
|
193
|
+
* *Returns:* a 3 or 6 character hex
|
|
194
|
+
*/
|
|
195
|
+
function rgbToHex(r, g, b, allow3Char) {
|
|
196
|
+
const hex = [
|
|
197
|
+
(0, util_js_1.pad2)(Math.round(r).toString(16)),
|
|
198
|
+
(0, util_js_1.pad2)(Math.round(g).toString(16)),
|
|
199
|
+
(0, util_js_1.pad2)(Math.round(b).toString(16))
|
|
200
|
+
];
|
|
201
|
+
if (allow3Char && hex[0].startsWith(hex[0].charAt(1)) && hex[1].startsWith(hex[1].charAt(1)) && hex[2].startsWith(hex[2].charAt(1))) return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
|
|
202
|
+
return hex.join("");
|
|
203
|
+
}
|
|
204
|
+
exports.rgbToHex = rgbToHex;
|
|
205
|
+
/**
|
|
206
|
+
* Converts an RGBA color plus alpha transparency to hex
|
|
207
|
+
*
|
|
208
|
+
* *Assumes:* r, g, b are contained in the set [0, 255] and a in [0, 1]
|
|
209
|
+
* *Returns:* a 4 or 8 character rgba hex
|
|
210
|
+
*/
|
|
211
|
+
function rgbaToHex(r, g, b, a, allow4Char) {
|
|
212
|
+
const hex = [
|
|
213
|
+
(0, util_js_1.pad2)(Math.round(r).toString(16)),
|
|
214
|
+
(0, util_js_1.pad2)(Math.round(g).toString(16)),
|
|
215
|
+
(0, util_js_1.pad2)(Math.round(b).toString(16)),
|
|
216
|
+
(0, util_js_1.pad2)(convertDecimalToHex(a))
|
|
217
|
+
];
|
|
218
|
+
if (allow4Char && hex[0].startsWith(hex[0].charAt(1)) && hex[1].startsWith(hex[1].charAt(1)) && hex[2].startsWith(hex[2].charAt(1)) && hex[3].startsWith(hex[3].charAt(1))) return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
|
|
219
|
+
return hex.join("");
|
|
220
|
+
}
|
|
221
|
+
exports.rgbaToHex = rgbaToHex;
|
|
222
|
+
/**
|
|
223
|
+
* Converts an RGBA color to an ARGB Hex8 string
|
|
224
|
+
* Rarely used, but required for "toFilter()"
|
|
225
|
+
*
|
|
226
|
+
* *Assumes:* r, g, b are contained in the set [0, 255] and a in [0, 1]
|
|
227
|
+
* *Returns:* a 8 character argb hex
|
|
228
|
+
*/
|
|
229
|
+
function rgbaToArgbHex(r, g, b, a) {
|
|
230
|
+
return [
|
|
231
|
+
(0, util_js_1.pad2)(convertDecimalToHex(a)),
|
|
232
|
+
(0, util_js_1.pad2)(Math.round(r).toString(16)),
|
|
233
|
+
(0, util_js_1.pad2)(Math.round(g).toString(16)),
|
|
234
|
+
(0, util_js_1.pad2)(Math.round(b).toString(16))
|
|
235
|
+
].join("");
|
|
236
|
+
}
|
|
237
|
+
exports.rgbaToArgbHex = rgbaToArgbHex;
|
|
238
|
+
/**
|
|
239
|
+
* Converts CMYK to RBG
|
|
240
|
+
* Assumes c, m, y, k are in the set [0, 100]
|
|
241
|
+
*/
|
|
242
|
+
function cmykToRgb(c, m, y, k) {
|
|
243
|
+
const cConv = c / 100;
|
|
244
|
+
const mConv = m / 100;
|
|
245
|
+
const yConv = y / 100;
|
|
246
|
+
const kConv = k / 100;
|
|
247
|
+
return {
|
|
248
|
+
r: 255 * (1 - cConv) * (1 - kConv),
|
|
249
|
+
g: 255 * (1 - mConv) * (1 - kConv),
|
|
250
|
+
b: 255 * (1 - yConv) * (1 - kConv)
|
|
251
|
+
};
|
|
252
|
+
}
|
|
253
|
+
exports.cmykToRgb = cmykToRgb;
|
|
254
|
+
function rgbToCmyk(r, g, b) {
|
|
255
|
+
let c = 1 - r / 255;
|
|
256
|
+
let m = 1 - g / 255;
|
|
257
|
+
let y = 1 - b / 255;
|
|
258
|
+
let k = Math.min(c, m, y);
|
|
259
|
+
if (k === 1) {
|
|
260
|
+
c = 0;
|
|
261
|
+
m = 0;
|
|
262
|
+
y = 0;
|
|
263
|
+
} else {
|
|
264
|
+
c = (c - k) / (1 - k) * 100;
|
|
265
|
+
m = (m - k) / (1 - k) * 100;
|
|
266
|
+
y = (y - k) / (1 - k) * 100;
|
|
267
|
+
}
|
|
268
|
+
k *= 100;
|
|
269
|
+
return {
|
|
270
|
+
c: Math.round(c),
|
|
271
|
+
m: Math.round(m),
|
|
272
|
+
y: Math.round(y),
|
|
273
|
+
k: Math.round(k)
|
|
274
|
+
};
|
|
275
|
+
}
|
|
276
|
+
exports.rgbToCmyk = rgbToCmyk;
|
|
277
|
+
/** Converts a decimal to a hex value */
|
|
278
|
+
function convertDecimalToHex(d) {
|
|
279
|
+
return Math.round(parseFloat(d) * 255).toString(16);
|
|
280
|
+
}
|
|
281
|
+
exports.convertDecimalToHex = convertDecimalToHex;
|
|
282
|
+
/** Converts a hex value to a decimal */
|
|
283
|
+
function convertHexToDecimal(h) {
|
|
284
|
+
return parseIntFromHex(h) / 255;
|
|
285
|
+
}
|
|
286
|
+
exports.convertHexToDecimal = convertHexToDecimal;
|
|
287
|
+
/** Parse a base-16 hex value into a base-10 integer */
|
|
288
|
+
function parseIntFromHex(val) {
|
|
289
|
+
return parseInt(val, 16);
|
|
290
|
+
}
|
|
291
|
+
exports.parseIntFromHex = parseIntFromHex;
|
|
292
|
+
function numberInputToObject(color) {
|
|
293
|
+
return {
|
|
294
|
+
r: color >> 16,
|
|
295
|
+
g: (color & 65280) >> 8,
|
|
296
|
+
b: color & 255
|
|
297
|
+
};
|
|
298
|
+
}
|
|
299
|
+
exports.numberInputToObject = numberInputToObject;
|
|
300
|
+
}));
|
|
301
|
+
//#endregion
|
|
302
|
+
Object.defineProperty(exports, "default", {
|
|
303
|
+
enumerable: true,
|
|
304
|
+
get: function() {
|
|
305
|
+
return require_conversion();
|
|
306
|
+
}
|
|
307
|
+
});
|
|
308
|
+
|
|
309
|
+
//# sourceMappingURL=conversion.js.map
|