tdesign-vue-next
Version:
TDesign Component for vue-next
80 lines (76 loc) • 2.44 kB
JavaScript
/**
* tdesign v1.20.5
* (c) 2026 tdesign
* @license MIT
*/
import { defineComponent, computed, createVNode } from 'vue';
import ColorSlider from './slider.mjs';
import { useBaseClassName } from '../../hooks/index.mjs';
import '../../../_chunks/dep-5fb4f56f.mjs';
import '../../../_chunks/dep-e66c752e.mjs';
import '../../../_chunks/dep-564c34b9.mjs';
import '../../utils/index.mjs';
import '../../../_chunks/dep-2a61c3e4.mjs';
import '../../../_chunks/dep-2aa526c5.mjs';
import '../../../_chunks/dep-f14f9069.mjs';
import '../../../_chunks/dep-f91e6e9f.mjs';
import '../../../_chunks/dep-5f582443.mjs';
import 'lodash-es';
import '../../../_chunks/dep-60644c95.mjs';
import './base-props.mjs';
import '../../../_chunks/dep-84e0bbb7.mjs';
import '../../../_chunks/dep-6713c79b.mjs';
import '../../../_chunks/dep-7a893b4c.mjs';
import '../../../config-provider/hooks/useConfig.mjs';
import '../../../config-provider/utils/context.mjs';
import '../../../_chunks/dep-a9e2592c.mjs';
import '../../../_chunks/dep-ffc4bb92.mjs';
import '../../../_chunks/dep-9f0aa3ce.mjs';
import '../../../_chunks/dep-4909e0c1.mjs';
import '../../../_chunks/dep-ba782c68.mjs';
import '../../../_chunks/dep-623bf97e.mjs';
import '../../../_chunks/dep-d12cc5f8.mjs';
var AlphaSlider = defineComponent({
name: "AlphaSlider",
inheritAttrs: false,
props: {
color: {
type: Object
},
disabled: {
type: Boolean,
"default": false
},
onChange: {
type: Function,
"default": function _default() {
return function () {};
}
}
},
setup: function setup(props) {
var baseClassName = useBaseClassName();
var handleChange = function handleChange(v, isDragEnd) {
props.onChange(v / 100, isDragEnd);
};
var railStyle = computed(function () {
return {
background: "linear-gradient(to right, rgba(0, 0, 0, 0), ".concat(props.color.rgb, ")")
};
});
return function () {
return createVNode(ColorSlider, {
"class": ["".concat(baseClassName.value, "__alpha"), "".concat(baseClassName.value, "--bg-alpha")],
"color": props.color,
"value": props.color.alpha * 100,
"onChange": handleChange,
"rail-style": railStyle.value,
"max-value": 100,
"disabled": props.disabled,
"type": "alpha"
}, null);
};
}
});
export { AlphaSlider as default };
//# sourceMappingURL=alpha.mjs.map