1 line
9.2 KiB
Plaintext
1 line
9.2 KiB
Plaintext
{"version":3,"sources":["../../../src/components/VColorPicker/VColorPickerEdit.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VColorPickerEdit.sass'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Helpers\nimport { parseHex } from '../../util/colorUtils'\n\n// Types\nimport Vue, { VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport { VColorPickerColor, fromRGBA, fromHexa, fromHSLA } from './util'\n\ntype Input = [string, number, string]\n\nexport type Mode = {\n inputs?: Input[]\n from: Function\n}\n\nexport const modes = {\n rgba: {\n inputs: [\n ['r', 255, 'int'],\n ['g', 255, 'int'],\n ['b', 255, 'int'],\n ['a', 1, 'float'],\n ],\n from: fromRGBA,\n },\n hsla: {\n inputs: [\n ['h', 360, 'int'],\n ['s', 1, 'float'],\n ['l', 1, 'float'],\n ['a', 1, 'float'],\n ],\n from: fromHSLA,\n },\n hexa: {\n from: fromHexa,\n },\n} as { [key: string]: Mode }\n\nexport default Vue.extend({\n name: 'v-color-picker-edit',\n\n props: {\n color: Object as PropValidator<VColorPickerColor>,\n disabled: Boolean,\n hideModeSwitch: Boolean,\n mode: {\n type: String,\n default: 'rgba',\n validator: (v: string) => Object.keys(modes).includes(v),\n },\n },\n\n data () {\n return {\n modes,\n internalMode: this.mode,\n }\n },\n\n computed: {\n currentMode (): Mode {\n return this.modes[this.internalMode]\n },\n },\n\n watch: {\n mode (mode) {\n this.internalMode = mode\n },\n },\n\n created () {\n this.internalMode = this.mode\n },\n\n methods: {\n getValue (v: any, type: string) {\n if (type === 'float') return Math.round(v * 100) / 100\n else if (type === 'int') return Math.round(v)\n else return 0\n },\n parseValue (v: string, type: string) {\n if (type === 'float') return parseFloat(v)\n else if (type === 'int') return parseInt(v, 10) || 0\n else return 0\n },\n changeMode () {\n const modes = Object.keys(this.modes)\n const index = modes.indexOf(this.internalMode)\n const newMode = modes[(index + 1) % modes.length]\n this.internalMode = newMode\n this.$emit('update:mode', newMode)\n },\n genInput (target: string, attrs: any, value: any, on: any): VNode {\n return this.$createElement('div', {\n staticClass: 'v-color-picker__input',\n }, [\n this.$createElement('input', {\n key: target,\n attrs,\n domProps: {\n value,\n },\n on,\n }),\n this.$createElement('span', target.toUpperCase()),\n ])\n },\n genInputs (): VNode[] | VNode {\n switch (this.internalMode) {\n case 'hexa': {\n const hex = this.color.hexa\n const value = hex.endsWith('FF') ? hex.substr(0, 7) : hex\n return this.genInput(\n 'hex',\n {\n maxlength: 9,\n disabled: this.disabled,\n },\n value,\n {\n change: (e: Event) => {\n const el = e.target as HTMLInputElement\n this.$emit('update:color', this.currentMode.from(parseHex(el.value)))\n },\n }\n )\n }\n default: {\n return this.currentMode.inputs!.map(([target, max, type]) => {\n const value = this.color[this.internalMode as keyof VColorPickerColor] as any\n return this.genInput(\n target,\n {\n type: 'number',\n min: 0,\n max,\n step: type === 'float' ? '0.01' : type === 'int' ? '1' : undefined,\n disabled: this.disabled,\n },\n this.getValue(value[target], type),\n {\n input: (e: Event) => {\n const el = e.target as HTMLInputElement\n const newVal = this.parseValue(el.value || '0', type)\n\n this.$emit('update:color', this.currentMode.from(\n Object.assign({}, value, { [target]: newVal }),\n this.color.alpha\n ))\n },\n }\n )\n })\n }\n }\n },\n genSwitch (): VNode {\n return this.$createElement(VBtn, {\n props: {\n small: true,\n icon: true,\n disabled: this.disabled,\n },\n on: {\n click: this.changeMode,\n },\n }, [\n this.$createElement(VIcon, '$vuetify.icons.unfold'),\n ])\n },\n },\n\n render (h): VNode {\n return h('div', {\n staticClass: 'v-color-picker__edit',\n }, [\n this.genInputs(),\n !this.hideModeSwitch && this.genSwitch(),\n ])\n },\n})\n"],"sourceRoot":"","file":"VColorPickerEdit.js"} |