xdesign-vue-next/es/color-picker/panel/alpha.mjs.map

XDesign Component for vue-next

{"version":3,"file":"alpha.mjs","sources":["../../../src/color-picker/panel/alpha.tsx"],"sourcesContent":["import { computed, defineComponent, PropType } from 'vue';\nimport ColorSlider from './slider';\nimport { Color } from '../utils';\nimport { useBaseClassName } from '../hooks';\n\nexport default defineComponent({\n  name: 'AlphaSlider',\n  inheritAttrs: false,\n  props: {\n    color: {\n      type: Object as PropType<Color>,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    onChange: {\n      type: Function,\n      default: () => {\n        return () => {};\n      },\n    },\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const handleChange = (v: number, isDragEnd?: boolean) => {\n      props.onChange(v / 100, isDragEnd);\n    };\n    const railStyle = computed(() => {\n      return {\n        background: `linear-gradient(to right, rgba(0, 0, 0, 0), ${props.color.rgb})`,\n      };\n    });\n    return {\n      baseClassName,\n      railStyle,\n      handleChange,\n    };\n  },\n  render() {\n    const { baseClassName } = this;\n    return (\n      <ColorSlider\n        class={[`${baseClassName}__alpha`, `${baseClassName}--bg-alpha`]}\n        color={this.color}\n        value={this.color.alpha * 100}\n        onChange={this.handleChange}\n        rail-style={this.railStyle}\n        max-value={100}\n        disabled={this.disabled}\n        type=\"alpha\"\n      />\n    );\n  },\n});\n"],"names":["name","inheritAttrs","props","color","type","disabled","onChange","background","baseClassName","railStyle","handleChange"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,kBAAA,eAAA,CAAA;AACEA,EAAAA,IAAAA,EAAAA,aAAAA;AACAC,EAAAA,YAAAA,EAAAA,KAAAA;AACAC,EAAAA,KAAAA,EAAAA;AACEC,IAAAA,KAAAA,EAAAA;AACEC,MAAAA,IAAAA,EAAAA,MAAAA;;AAEFC,IAAAA,QAAAA,EAAAA;AACED,MAAAA,IAAAA,EAAAA,OAAAA;;;AAGFE,IAAAA,QAAAA,EAAAA;AACEF,MAAAA,IAAAA,EAAAA,QAAAA;;;AAGA,OAAA;AACF,KAAA;;;AAGA,IAAA,IAAA,aAAA,GAAA,gBAAA,EAAA,CAAA;;;;AAIM,IAAA,IAAA,SAAA,GAAA,QAAA,CAAA,YAAA;;AAEFG,QAAAA,UAAAA,EAAAA,8CAAAA,CAAAA,MAAAA,CAAAA,KAAAA,CAAAA,KAAAA,CAAAA,GAAAA,EAAAA,GAAAA,CAAAA;;AAEJ,KAAA,CAAA,CAAA;;AAEEC,MAAAA,aAAAA,EAAAA,aAAAA;AACAC,MAAAA,SAAAA,EAAAA,SAAAA;AACAC,MAAAA,YAAAA,EAAAA,YAAAA;;;;AAII,IAAA,IAAA,aAAA,GAAA,IAAA,CAAA,aAAA,CAAA;;;;AAIU,MAAA,OAAA,EAAA,IAAA,CAAA,KAAA,CAAA,KAAA,GAAA,GAAA;;;AAIZ,MAAA,WAAA,EAAA,GAAA;;;AAGF,KAAA,EAAA,IAAA,CAAA,CAAA;AAEJ,GAAA;AACF,CAAA,CAAA;;;;"}