tdesign-vue-next
Version:
TDesign Component for vue-next
154 lines (150 loc) • 4.92 kB
JavaScript
/**
* tdesign v1.11.5
* (c) 2025 tdesign
* @license MIT
*/
import { _ as _defineProperty } from '../../../_chunks/dep-da95471f.mjs';
import { defineComponent, ref, watch, createVNode, mergeProps } from 'vue';
import { Input } from '../../../input/index.mjs';
import { Color } from '../../utils/index.mjs';
import { useBaseClassName } from '../../hooks/index.mjs';
import { useCommonClassName } from '../../../hooks/useConfig.mjs';
import '../../../_chunks/dep-4ed7019e.mjs';
import '../../../input/input.mjs';
import '../../../_chunks/dep-6a79c950.mjs';
import 'tdesign-icons-vue-next';
import '../../../input/props.mjs';
import '../../../hooks/useDisabled.mjs';
import 'lodash-es';
import '../../../hooks/useReadonly.mjs';
import '../../../hooks/useGlobalIcon.mjs';
import '../../../config-provider/hooks/useConfig.mjs';
import '../../../config-provider/utils/context.mjs';
import '../../../_chunks/dep-a5ae2f3f.mjs';
import '../../../_chunks/dep-82d2a14f.mjs';
import '../../../_chunks/dep-37fa6ccb.mjs';
import '../../../_chunks/dep-7fb24b17.mjs';
import '../../../_chunks/dep-46ec3e86.mjs';
import '../../../utils/render-tnode.mjs';
import '../../../input/hooks/index.mjs';
import '../../../input/hooks/useInput.mjs';
import '../../../_chunks/dep-6d9c1bfc.mjs';
import '../../../_chunks/dep-9f375e51.mjs';
import '../../../form/consts/index.mjs';
import '../../../hooks/index.mjs';
import '../../../hooks/icon.mjs';
import '../../../hooks/slot.mjs';
import '../../../hooks/useCommonClassName.mjs';
import '../../../hooks/useDefaultValue.mjs';
import '../../../hooks/useDestroyOnClose.mjs';
import '../../../hooks/useKeepAnimation.mjs';
import '../../../hooks/useRipple.mjs';
import '../../../_chunks/dep-6cfc5734.mjs';
import '../../../hooks/useVirtualScroll.mjs';
import '../../../hooks/useVModel.mjs';
import '../../../hooks/useImagePreviewUrl.mjs';
import '../../../_chunks/dep-dda40c90.mjs';
import '../../../_chunks/dep-88187fb2.mjs';
import '../../../input/hooks/useLengthLimit.mjs';
import '../../../_chunks/dep-198540b0.mjs';
import '../../../_chunks/dep-3d81ac0a.mjs';
import '../../../_chunks/dep-03e058e5.mjs';
import '../../../input/hooks/useInputEventHandler.mjs';
import '../../../input/hooks/useInputWidth.mjs';
import '../../../hooks/useResizeObserver.mjs';
import '../../../input/input-group.mjs';
import '../../../input/input-group-props.mjs';
import '../../../utils/withInstall.mjs';
import './style/css.mjs';
import '../../../_chunks/dep-7dcc7954.mjs';
import '../../../_chunks/dep-69a536a6.mjs';
var DefaultTrigger = defineComponent({
name: "DefaultTrigger",
inheritAttrs: false,
props: {
color: {
type: String,
"default": ""
},
disabled: {
type: Boolean,
"default": false
},
borderless: {
type: Boolean,
"default": false
},
clearable: {
type: Boolean,
"default": false
},
inputProps: {
type: Object,
"default": function _default() {
return {
autoWidth: true
};
}
},
onTriggerChange: {
type: Function,
"default": function _default() {
return function () {};
}
},
size: {
type: String,
"default": "medium"
}
},
setup: function setup(props) {
var baseClassName = useBaseClassName();
var value = ref(props.color);
var _useCommonClassName = useCommonClassName(),
sizeClassNames = _useCommonClassName.SIZE;
watch(function () {
return [props.color];
}, function () {
return value.value = props.color;
});
var handleChange = function handleChange(input) {
if (input === props.color) {
return;
}
if (input && !Color.isValid(input)) {
value.value = props.color;
} else {
value.value = input;
}
props.onTriggerChange(value.value);
};
return function () {
var inputSlots = {
label: function label() {
return createVNode("div", {
"class": ["".concat(baseClassName.value, "__trigger--default__color"), "".concat(baseClassName.value, "--bg-alpha")]
}, [createVNode("span", {
"class": ["color-inner", _defineProperty({}, sizeClassNames.value[props.size], props.size !== "medium")],
"style": {
background: value.value
}
}, null)]);
}
};
return createVNode(Input, mergeProps({
"borderless": props.borderless,
"clearable": props.clearable,
"size": props.size,
"modelValue": value.value,
"onUpdate:modelValue": function onUpdateModelValue($event) {
return value.value = $event;
},
"disabled": props.disabled,
"onBlur": handleChange,
"onChange": handleChange
}, props.inputProps), inputSlots);
};
}
});
export { DefaultTrigger as default };
//# sourceMappingURL=index.mjs.map