UNPKG

tdesign-mobile-vue

Version:
247 lines (243 loc) 9.62 kB
/** * tdesign v1.7.0 * (c) 2024 TDesign Group * @license MIT */ import { _ as _typeof } from '../_chunks/dep-620d73f7.mjs'; import { _ as _slicedToArray } from '../_chunks/dep-cd74809c.mjs'; import { _ as _defineProperty } from '../_chunks/dep-219bb5a7.mjs'; import { defineComponent, inject, computed, ref, toRefs, nextTick, onMounted, watch, createVNode } from 'vue'; import '../shared/index.mjs'; import useLengthLimit from '../hooks/useLengthLimit.mjs'; import config from '../config.mjs'; import props from './props.mjs'; import calcTextareaHeight from '../_common/js/utils/calcTextareaHeight.mjs'; import { FormItemInjectionKey } from '../form/const.mjs'; import { useFormDisabled } from '../form/hooks.mjs'; import { usePrefixClass } from '../hooks/useClass.mjs'; import { useTNodeJSX } from '../hooks/tnode.mjs'; import { useVModel } from '../shared/useVModel/index.mjs'; import '../_chunks/dep-8d37dbf8.mjs'; import '../shared/functions.mjs'; import '../shared/util.mjs'; import '../_chunks/dep-52fdc8e1.mjs'; import '../_chunks/dep-8bf3054e.mjs'; import '../_chunks/dep-3d249f65.mjs'; import '../_chunks/dep-9b2de386.mjs'; import '../shared/component.mjs'; import '../shared/constants.mjs'; import '../shared/render.mjs'; import '../_chunks/dep-60cadef8.mjs'; import '../_chunks/dep-8140c29b.mjs'; import '../_chunks/dep-0d52e58f.mjs'; import '../_chunks/dep-019e292f.mjs'; import '../_chunks/dep-32364550.mjs'; import '../_chunks/dep-a836a38c.mjs'; import '../_chunks/dep-0ea7bbde.mjs'; import '../_chunks/dep-b437ef0b.mjs'; import '../shared/dom.mjs'; import '../_chunks/dep-91d696ea.mjs'; import '../_chunks/dep-e6c129ab.mjs'; import '../_chunks/dep-6303c50c.mjs'; import '../shared/render-tnode.mjs'; import '../shared/useToggle/index.mjs'; import '../shared/useCountDown/index.mjs'; import '../_chunks/dep-80e4de18.mjs'; import '@vueuse/core'; import '../shared/useCountDown/utils.mjs'; import '../shared/useDefault/index.mjs'; import '../shared/useChildSlots/index.mjs'; import '../_chunks/dep-f0f403be.mjs'; import '../shared/useTouch/index.mjs'; import '../shared/useScrollParent/index.mjs'; import '../shared/useExpose/index.mjs'; import '../shared/useTest/index.mjs'; import '../shared/useClickAway/index.mjs'; import '../shared/useGesture/index.mjs'; import '@use-gesture/vanilla'; import '../shared/hover.mjs'; import '../_chunks/dep-6917b9bc.mjs'; import '../_common/js/log/index.mjs'; import '../_common/js/log/log.mjs'; import '../_common/js/utils/helper.mjs'; import '../_chunks/dep-8ece47c6.mjs'; import '../_chunks/dep-74a5dff9.mjs'; import '../_chunks/dep-1bbfa76e.mjs'; import '../_chunks/dep-ea9a17dc.mjs'; import '../_chunks/dep-b9b8ead5.mjs'; import '../_chunks/dep-6c53a3e4.mjs'; import '../_chunks/dep-d2161895.mjs'; import '../_chunks/dep-89951f45.mjs'; import '../_chunks/dep-08bc7a4c.mjs'; import '../_chunks/dep-6bc862af.mjs'; import '../_chunks/dep-4931819d.mjs'; import '../_chunks/dep-10f4d030.mjs'; import '../_chunks/dep-8ee6f5cd.mjs'; import '../_chunks/dep-e57d46f3.mjs'; import '../_chunks/dep-4f44985d.mjs'; import '../_chunks/dep-b84be35c.mjs'; import '../_chunks/dep-933f3a85.mjs'; import '../_chunks/dep-2bce42ea.mjs'; import '../_chunks/dep-ac139980.mjs'; import '../_chunks/dep-154c1925.mjs'; import '../_chunks/dep-ba131d9c.mjs'; import '../_chunks/dep-007f294e.mjs'; import '../_common/js/global-config/mobile/default-config.mjs'; import '../_common/js/global-config/mobile/locale/zh_CN.mjs'; import '../_chunks/dep-161f0c44.mjs'; import '../_chunks/dep-5fd0eaa4.mjs'; import '../_chunks/dep-3c59bf72.mjs'; import '../config-provider/type.mjs'; import '../hooks/render-tnode.mjs'; import '../_chunks/dep-40507aac.mjs'; var prefix = config.prefix; var _Textarea = defineComponent({ name: "".concat(prefix, "-textarea"), props: props, setup: function setup(props2, context) { var renderTNodeJSX = useTNodeJSX(); var isDisabled = useFormDisabled(); var formItem = inject(FormItemInjectionKey, void 0); var textareaClass = usePrefixClass("textarea"); var textareaClasses = computed(function () { return ["".concat(textareaClass.value), _defineProperty(_defineProperty({}, "".concat(textareaClass.value, "--layout-").concat(props2.layout), props2.layout), "".concat(textareaClass.value, "--border"), props2.bordered)]; }); var textareaInnerClasses = computed(function () { return ["".concat(textareaClass.value, "__wrapper-inner"), _defineProperty(_defineProperty({}, "".concat(textareaClass.value, "--disabled"), isDisabled.value), "".concat(textareaClass.value, "--readonly"), props2.readonly)]; }); var textareaRef = ref(); var textareaStyle = ref(); var _toRefs = toRefs(props2), value = _toRefs.value, modelValue = _toRefs.modelValue; var _useVModel = useVModel(value, modelValue, props2.defaultValue, props2.onChange), _useVModel2 = _slicedToArray(_useVModel, 2), innerValue = _useVModel2[0], setInnerValue = _useVModel2[1]; var limitParams = computed(function () { return { value: [void 0, null].includes(innerValue.value) ? void 0 : String(innerValue.value), maxlength: Number(props2.maxlength), maxcharacter: props2.maxcharacter, allowInputOverMax: props2.allowInputOverMax }; }); var _useLengthLimit = useLengthLimit(limitParams), limitNumber = _useLengthLimit.limitNumber, getValueByLimitNumber = _useLengthLimit.getValueByLimitNumber; var setInputValue = function setInputValue() { var v = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ""; var input = textareaRef.value; var sV = String(v); if (!input) { return; } if (input.value !== sV) { input.value = sV; } }; var adjustTextareaHeight = function adjustTextareaHeight() { if (props2.autosize === true) { textareaStyle.value = calcTextareaHeight(textareaRef.value); } else if (props2.autosize === false) { textareaStyle.value = calcTextareaHeight(textareaRef.value, 1, 1); } else if (_typeof(props2.autosize) === "object") { var _props2$autosize = props2.autosize, minRows = _props2$autosize.minRows, maxRows = _props2$autosize.maxRows; textareaStyle.value = calcTextareaHeight(textareaRef.value, minRows, maxRows); } else if (context.attrs.rows) { textareaStyle.value = { height: "auto", minHeight: "auto" }; } }; var handleInput = function handleInput(e) { if (e instanceof InputEvent) { if (e.isComposing || e.inputType === "insertCompositionText") return; } textareaValueChangeHandle(); }; var textareaValueChangeHandle = function textareaValueChangeHandle() { var textarea = textareaRef.value; setInnerValue(getValueByLimitNumber(textarea.value)); nextTick(function () { return setInputValue(innerValue.value); }); adjustTextareaHeight(); }; var handleCompositionend = function handleCompositionend(e) { textareaValueChangeHandle(); }; var handleFocus = function handleFocus(e) { var _props2$onFocus; (_props2$onFocus = props2.onFocus) === null || _props2$onFocus === void 0 || _props2$onFocus.call(props2, innerValue.value, { e: e }); }; var handleBlur = function handleBlur(e) { var _props2$onBlur; formItem === null || formItem === void 0 || formItem.handleBlur(); (_props2$onBlur = props2.onBlur) === null || _props2$onBlur === void 0 || _props2$onBlur.call(props2, innerValue.value, { e: e }); }; onMounted(function () { if (props2.autofocus) { var _textareaRef$value; (_textareaRef$value = textareaRef.value) === null || _textareaRef$value === void 0 || _textareaRef$value.focus(); } textareaValueChangeHandle(); adjustTextareaHeight(); }); watch(innerValue, function () { nextTick(function () { adjustTextareaHeight(); }); }); watch(function () { return props2.autosize; }, function () { adjustTextareaHeight(); }); return function () { var renaderLabel = function renaderLabel() { var label = renderTNodeJSX("label"); return label ? createVNode("div", { "class": "".concat(textareaClass.value, "__label") }, [label]) : null; }; var readerIndicator = function readerIndicator() { var isShowIndicator = props2.indicator && (props2.maxcharacter || props2.maxlength); if (!isShowIndicator) { return null; } return createVNode("div", { "class": "".concat(textareaClass.value, "__indicator") }, [" ", limitNumber.value]); }; var textareaAttrs = { ref: textareaRef, class: textareaInnerClasses.value, style: textareaStyle.value, value: innerValue.value, name: props2.name, disabled: isDisabled.value, placeholder: props2.placeholder, readonly: props2.readonly, onFocus: handleFocus, onBlur: handleBlur, onInput: handleInput, onCompositionend: handleCompositionend }; return createVNode("div", { "class": textareaClasses.value }, [renaderLabel(), createVNode("div", { "class": "".concat(textareaClass.value, "__wrapper") }, [createVNode("textarea", textareaAttrs, null), readerIndicator()])]); }; } }); export { _Textarea as default }; //# sourceMappingURL=textarea.mjs.map