1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- 'use strict';
- Object.defineProperty(exports, '__esModule', { value: true });
- require('../../../utils/index.js');
- var core = require('@vueuse/core');
- let hiddenTextarea = void 0;
- const HIDDEN_STYLE = `
- height:0 !important;
- visibility:hidden !important;
- overflow:hidden !important;
- position:absolute !important;
- z-index:-1000 !important;
- top:0 !important;
- right:0 !important;
- `;
- const CONTEXT_STYLE = [
- "letter-spacing",
- "line-height",
- "padding-top",
- "padding-bottom",
- "font-family",
- "font-weight",
- "font-size",
- "text-rendering",
- "text-transform",
- "width",
- "text-indent",
- "padding-left",
- "padding-right",
- "border-width",
- "box-sizing"
- ];
- function calculateNodeStyling(targetElement) {
- const style = window.getComputedStyle(targetElement);
- const boxSizing = style.getPropertyValue("box-sizing");
- const paddingSize = Number.parseFloat(style.getPropertyValue("padding-bottom")) + Number.parseFloat(style.getPropertyValue("padding-top"));
- const borderSize = Number.parseFloat(style.getPropertyValue("border-bottom-width")) + Number.parseFloat(style.getPropertyValue("border-top-width"));
- const contextStyle = CONTEXT_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(";");
- return { contextStyle, paddingSize, borderSize, boxSizing };
- }
- function calcTextareaHeight(targetElement, minRows = 1, maxRows) {
- var _a;
- if (!hiddenTextarea) {
- hiddenTextarea = document.createElement("textarea");
- document.body.appendChild(hiddenTextarea);
- }
- const { paddingSize, borderSize, boxSizing, contextStyle } = calculateNodeStyling(targetElement);
- hiddenTextarea.setAttribute("style", `${contextStyle};${HIDDEN_STYLE}`);
- hiddenTextarea.value = targetElement.value || targetElement.placeholder || "";
- let height = hiddenTextarea.scrollHeight;
- const result = {};
- if (boxSizing === "border-box") {
- height = height + borderSize;
- } else if (boxSizing === "content-box") {
- height = height - paddingSize;
- }
- hiddenTextarea.value = "";
- const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
- if (core.isNumber(minRows)) {
- let minHeight = singleRowHeight * minRows;
- if (boxSizing === "border-box") {
- minHeight = minHeight + paddingSize + borderSize;
- }
- height = Math.max(minHeight, height);
- result.minHeight = `${minHeight}px`;
- }
- if (core.isNumber(maxRows)) {
- let maxHeight = singleRowHeight * maxRows;
- if (boxSizing === "border-box") {
- maxHeight = maxHeight + paddingSize + borderSize;
- }
- height = Math.min(maxHeight, height);
- }
- result.height = `${height}px`;
- (_a = hiddenTextarea.parentNode) == null ? void 0 : _a.removeChild(hiddenTextarea);
- hiddenTextarea = void 0;
- return result;
- }
- exports.calcTextareaHeight = calcTextareaHeight;
- //# sourceMappingURL=utils.js.map
|