使用VUE重构项目
This commit is contained in:
10
frontend/admin/node_modules/element-plus/lib/components/input/index.d.ts
generated
vendored
Normal file
10
frontend/admin/node_modules/element-plus/lib/components/input/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
import { SFCWithInstall } from "../../utils/vue/typescript.js";
|
||||
import "../../utils/index.js";
|
||||
import { InputAutoSize, InputEmits, InputModelModifiers, InputProps, InputPropsPublic, InputType, inputEmits, inputProps, inputPropsDefaults } from "./src/input.js";
|
||||
import { _default } from "./src/input.vue.js";
|
||||
import { InputInstance } from "./src/instance.js";
|
||||
|
||||
//#region ../../packages/components/input/index.d.ts
|
||||
declare const ElInput: SFCWithInstall<typeof _default>;
|
||||
//#endregion
|
||||
export { ElInput, ElInput as default, InputAutoSize, InputEmits, type InputInstance, InputModelModifiers, InputProps, InputPropsPublic, InputType, inputEmits, inputProps, inputPropsDefaults };
|
||||
15
frontend/admin/node_modules/element-plus/lib/components/input/index.js
generated
vendored
Normal file
15
frontend/admin/node_modules/element-plus/lib/components/input/index.js
generated
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
||||
const require_install = require('../../utils/vue/install.js');
|
||||
const require_input = require('./src/input.js');
|
||||
const require_input$1 = require('./src/input2.js');
|
||||
|
||||
//#region ../../packages/components/input/index.ts
|
||||
const ElInput = require_install.withInstall(require_input$1.default);
|
||||
|
||||
//#endregion
|
||||
exports.ElInput = ElInput;
|
||||
exports.default = ElInput;
|
||||
exports.inputEmits = require_input.inputEmits;
|
||||
exports.inputProps = require_input.inputProps;
|
||||
exports.inputPropsDefaults = require_input.inputPropsDefaults;
|
||||
//# sourceMappingURL=index.js.map
|
||||
1
frontend/admin/node_modules/element-plus/lib/components/input/index.js.map
generated
vendored
Normal file
1
frontend/admin/node_modules/element-plus/lib/components/input/index.js.map
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","names":["withInstall","Input"],"sources":["../../../../../packages/components/input/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\nimport Input from './src/input.vue'\n\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nexport const ElInput: SFCWithInstall<typeof Input> = withInstall(Input)\nexport default ElInput\n\nexport * from './src/input'\nexport type { InputInstance } from './src/instance'\n"],"mappings":";;;;;;AAKA,MAAa,UAAwCA,4BAAYC,wBAAM"}
|
||||
290
frontend/admin/node_modules/element-plus/lib/components/input/src/input.d.ts
generated
vendored
Normal file
290
frontend/admin/node_modules/element-plus/lib/components/input/src/input.d.ts
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
149
frontend/admin/node_modules/element-plus/lib/components/input/src/input.js
generated
vendored
Normal file
149
frontend/admin/node_modules/element-plus/lib/components/input/src/input.js
generated
vendored
Normal file
@@ -0,0 +1,149 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
|
||||
const require_event = require('../../../constants/event.js');
|
||||
const require_runtime$1 = require('../../../utils/vue/props/runtime.js');
|
||||
const require_icon = require('../../../utils/vue/icon.js');
|
||||
const require_typescript = require('../../../utils/typescript.js');
|
||||
const require_index = require('../../../hooks/use-size/index.js');
|
||||
const require_index$1 = require('../../../hooks/use-aria/index.js');
|
||||
let _element_plus_icons_vue = require("@element-plus/icons-vue");
|
||||
let vue = require("vue");
|
||||
let _vue_shared = require("@vue/shared");
|
||||
|
||||
//#region ../../packages/components/input/src/input.ts
|
||||
/**
|
||||
* @deprecated Removed after 3.0.0, Use `InputProps` instead.
|
||||
*/
|
||||
const inputProps = require_runtime$1.buildProps({
|
||||
id: {
|
||||
type: String,
|
||||
default: void 0
|
||||
},
|
||||
size: require_index.useSizeProp,
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: void 0
|
||||
},
|
||||
modelValue: {
|
||||
type: require_runtime$1.definePropType([
|
||||
String,
|
||||
Number,
|
||||
Object
|
||||
]),
|
||||
default: ""
|
||||
},
|
||||
modelModifiers: {
|
||||
type: require_runtime$1.definePropType(Object),
|
||||
default: () => ({})
|
||||
},
|
||||
maxlength: { type: [String, Number] },
|
||||
minlength: { type: [String, Number] },
|
||||
type: {
|
||||
type: require_runtime$1.definePropType(String),
|
||||
default: "text"
|
||||
},
|
||||
resize: {
|
||||
type: String,
|
||||
values: [
|
||||
"none",
|
||||
"both",
|
||||
"horizontal",
|
||||
"vertical"
|
||||
]
|
||||
},
|
||||
autosize: {
|
||||
type: require_runtime$1.definePropType([Boolean, Object]),
|
||||
default: false
|
||||
},
|
||||
autocomplete: {
|
||||
type: require_runtime$1.definePropType(String),
|
||||
default: "off"
|
||||
},
|
||||
formatter: { type: Function },
|
||||
parser: { type: Function },
|
||||
placeholder: { type: String },
|
||||
form: { type: String },
|
||||
readonly: Boolean,
|
||||
clearable: Boolean,
|
||||
clearIcon: {
|
||||
type: require_icon.iconPropType,
|
||||
default: _element_plus_icons_vue.CircleClose
|
||||
},
|
||||
showPassword: Boolean,
|
||||
showWordLimit: Boolean,
|
||||
wordLimitPosition: {
|
||||
type: String,
|
||||
values: ["inside", "outside"],
|
||||
default: "inside"
|
||||
},
|
||||
suffixIcon: { type: require_icon.iconPropType },
|
||||
prefixIcon: { type: require_icon.iconPropType },
|
||||
containerRole: {
|
||||
type: String,
|
||||
default: void 0
|
||||
},
|
||||
tabindex: {
|
||||
type: [String, Number],
|
||||
default: 0
|
||||
},
|
||||
validateEvent: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
inputStyle: {
|
||||
type: require_runtime$1.definePropType([
|
||||
Object,
|
||||
Array,
|
||||
String
|
||||
]),
|
||||
default: () => require_typescript.mutable({})
|
||||
},
|
||||
countGraphemes: { type: require_runtime$1.definePropType(Function) },
|
||||
autofocus: Boolean,
|
||||
rows: {
|
||||
type: Number,
|
||||
default: 2
|
||||
},
|
||||
...require_index$1.useAriaProps(["ariaLabel"]),
|
||||
inputmode: {
|
||||
type: require_runtime$1.definePropType(String),
|
||||
default: void 0
|
||||
},
|
||||
name: String
|
||||
});
|
||||
const inputEmits = {
|
||||
[require_event.UPDATE_MODEL_EVENT]: (value) => (0, _vue_shared.isString)(value),
|
||||
input: (value) => (0, _vue_shared.isString)(value),
|
||||
change: (value, evt) => (0, _vue_shared.isString)(value) && (evt instanceof Event || evt === void 0),
|
||||
focus: (evt) => evt instanceof FocusEvent,
|
||||
blur: (evt) => evt instanceof FocusEvent,
|
||||
clear: (evt) => evt === void 0 || evt instanceof MouseEvent,
|
||||
mouseleave: (evt) => evt instanceof MouseEvent,
|
||||
mouseenter: (evt) => evt instanceof MouseEvent,
|
||||
keydown: (evt) => evt instanceof Event,
|
||||
compositionstart: (evt) => evt instanceof CompositionEvent,
|
||||
compositionupdate: (evt) => evt instanceof CompositionEvent,
|
||||
compositionend: (evt) => evt instanceof CompositionEvent
|
||||
};
|
||||
/**
|
||||
* @description default values for InputProps, used in components that extend InputProps like Autocomplete
|
||||
*/
|
||||
const inputPropsDefaults = {
|
||||
disabled: void 0,
|
||||
modelValue: "",
|
||||
modelModifiers: () => ({}),
|
||||
type: "text",
|
||||
autocomplete: "off",
|
||||
clearIcon: (0, vue.markRaw)(_element_plus_icons_vue.CircleClose),
|
||||
wordLimitPosition: "inside",
|
||||
tabindex: 0,
|
||||
validateEvent: true,
|
||||
inputStyle: () => ({}),
|
||||
rows: 2
|
||||
};
|
||||
|
||||
//#endregion
|
||||
exports.inputEmits = inputEmits;
|
||||
exports.inputProps = inputProps;
|
||||
exports.inputPropsDefaults = inputPropsDefaults;
|
||||
//# sourceMappingURL=input.js.map
|
||||
1
frontend/admin/node_modules/element-plus/lib/components/input/src/input.js.map
generated
vendored
Normal file
1
frontend/admin/node_modules/element-plus/lib/components/input/src/input.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
82
frontend/admin/node_modules/element-plus/lib/components/input/src/input.vue.d.ts
generated
vendored
Normal file
82
frontend/admin/node_modules/element-plus/lib/components/input/src/input.vue.d.ts
generated
vendored
Normal file
@@ -0,0 +1,82 @@
|
||||
import { IconPropType } from "../../../utils/vue/icon.js";
|
||||
import "../../../utils/index.js";
|
||||
import { InputAutoSize, InputModelModifiers, InputProps, InputType } from "./input.js";
|
||||
import * as vue from "vue";
|
||||
import { StyleValue } from "vue";
|
||||
|
||||
//#region ../../packages/components/input/src/input.vue.d.ts
|
||||
declare var __VLS_1: {}, __VLS_3: {}, __VLS_16: {}, __VLS_53: {
|
||||
visible: boolean;
|
||||
}, __VLS_71: {};
|
||||
type __VLS_Slots = {} & {
|
||||
prepend?: (props: typeof __VLS_1) => any;
|
||||
} & {
|
||||
prefix?: (props: typeof __VLS_3) => any;
|
||||
} & {
|
||||
suffix?: (props: typeof __VLS_16) => any;
|
||||
} & {
|
||||
'password-icon'?: (props: typeof __VLS_53) => any;
|
||||
} & {
|
||||
append?: (props: typeof __VLS_71) => any;
|
||||
};
|
||||
declare const __VLS_base: vue.DefineComponent<InputProps, {
|
||||
/** @description HTML input element */input: vue.ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>; /** @description HTML textarea element */
|
||||
textarea: vue.ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>; /** @description HTML element, input or textarea */
|
||||
ref: vue.ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>; /** @description style of textarea. */
|
||||
textareaStyle: vue.ComputedRef<StyleValue>; /** @description from props (used on unit test) */
|
||||
autosize: vue.Ref<InputAutoSize | undefined, InputAutoSize | undefined>; /** @description is input composing */
|
||||
isComposing: vue.Ref<boolean, boolean>; /** @description whether the password is visible */
|
||||
passwordVisible: vue.Ref<boolean, boolean>; /** @description HTML input element native method */
|
||||
focus: () => void | undefined; /** @description HTML input element native method */
|
||||
blur: () => void | undefined; /** @description HTML input element native method */
|
||||
select: () => void; /** @description clear input value */
|
||||
clear: (evt?: MouseEvent) => void; /** @description resize textarea. */
|
||||
resizeTextarea: () => void;
|
||||
}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
||||
blur: (evt: FocusEvent) => void;
|
||||
change: (value: string, evt?: Event | undefined) => void;
|
||||
compositionend: (evt: CompositionEvent) => void;
|
||||
compositionstart: (evt: CompositionEvent) => void;
|
||||
compositionupdate: (evt: CompositionEvent) => void;
|
||||
focus: (evt: FocusEvent) => void;
|
||||
input: (value: string) => void;
|
||||
keydown: (evt: Event | KeyboardEvent) => void;
|
||||
mouseenter: (evt: MouseEvent) => void;
|
||||
mouseleave: (evt: MouseEvent) => void;
|
||||
"update:modelValue": (value: string) => void;
|
||||
clear: (evt: MouseEvent | undefined) => void;
|
||||
}, string, vue.PublicProps, Readonly<InputProps> & Readonly<{
|
||||
onBlur?: ((evt: FocusEvent) => any) | undefined;
|
||||
onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
|
||||
onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
|
||||
onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
|
||||
onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
|
||||
onFocus?: ((evt: FocusEvent) => any) | undefined;
|
||||
onInput?: ((value: string) => any) | undefined;
|
||||
onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
|
||||
onMouseenter?: ((evt: MouseEvent) => any) | undefined;
|
||||
onMouseleave?: ((evt: MouseEvent) => any) | undefined;
|
||||
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
||||
onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
|
||||
}>, {
|
||||
type: InputType;
|
||||
disabled: boolean;
|
||||
modelValue: string | number | null;
|
||||
modelModifiers: InputModelModifiers;
|
||||
autocomplete: string;
|
||||
clearIcon: IconPropType;
|
||||
wordLimitPosition: "inside" | "outside";
|
||||
tabindex: string | number;
|
||||
validateEvent: boolean;
|
||||
inputStyle: string | false | vue.CSSProperties | StyleValue[] | null;
|
||||
rows: number;
|
||||
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
||||
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
||||
declare const _default: typeof __VLS_export;
|
||||
type __VLS_WithSlots<T, S> = T & {
|
||||
new (): {
|
||||
$slots: S;
|
||||
};
|
||||
};
|
||||
//#endregion
|
||||
export { _default };
|
||||
502
frontend/admin/node_modules/element-plus/lib/components/input/src/input.vue_vue_type_script_setup_true_lang.js
generated
vendored
Normal file
502
frontend/admin/node_modules/element-plus/lib/components/input/src/input.vue_vue_type_script_setup_true_lang.js
generated
vendored
Normal file
@@ -0,0 +1,502 @@
|
||||
const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
|
||||
const require_event = require('../../../constants/event.js');
|
||||
const require_error = require('../../../utils/error.js');
|
||||
const require_icon = require('../../../utils/vue/icon.js');
|
||||
const require_index = require('../../../hooks/use-attrs/index.js');
|
||||
const require_index$1 = require('../../../hooks/use-namespace/index.js');
|
||||
const require_index$2 = require('../../../hooks/use-cursor/index.js');
|
||||
const require_index$3 = require('../../../hooks/use-focus-controller/index.js');
|
||||
const require_index$4 = require('../../../hooks/use-composition/index.js');
|
||||
const require_index$5 = require('../../icon/index.js');
|
||||
const require_use_form_common_props = require('../../form/src/hooks/use-form-common-props.js');
|
||||
const require_use_form_item = require('../../form/src/hooks/use-form-item.js');
|
||||
const require_input = require('./input.js');
|
||||
const require_utils = require('./utils.js');
|
||||
let _vueuse_core = require("@vueuse/core");
|
||||
let lodash_unified = require("lodash-unified");
|
||||
let _element_plus_icons_vue = require("@element-plus/icons-vue");
|
||||
let vue = require("vue");
|
||||
let _vue_shared = require("@vue/shared");
|
||||
|
||||
//#region ../../packages/components/input/src/input.vue?vue&type=script&setup=true&lang.ts
|
||||
const _hoisted_1 = [
|
||||
"id",
|
||||
"name",
|
||||
"minlength",
|
||||
"maxlength",
|
||||
"type",
|
||||
"disabled",
|
||||
"readonly",
|
||||
"autocomplete",
|
||||
"tabindex",
|
||||
"aria-label",
|
||||
"placeholder",
|
||||
"form",
|
||||
"autofocus",
|
||||
"role",
|
||||
"inputmode"
|
||||
];
|
||||
const _hoisted_2 = [
|
||||
"id",
|
||||
"name",
|
||||
"minlength",
|
||||
"maxlength",
|
||||
"tabindex",
|
||||
"disabled",
|
||||
"readonly",
|
||||
"autocomplete",
|
||||
"aria-label",
|
||||
"placeholder",
|
||||
"form",
|
||||
"autofocus",
|
||||
"rows",
|
||||
"role",
|
||||
"inputmode"
|
||||
];
|
||||
const COMPONENT_NAME = "ElInput";
|
||||
var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
||||
name: COMPONENT_NAME,
|
||||
inheritAttrs: false,
|
||||
__name: "input",
|
||||
props: require_input.inputProps,
|
||||
emits: require_input.inputEmits,
|
||||
setup(__props, { expose: __expose, emit: __emit }) {
|
||||
const props = __props;
|
||||
const emit = __emit;
|
||||
const rawAttrs = (0, vue.useAttrs)();
|
||||
const slots = (0, vue.useSlots)();
|
||||
const containerKls = (0, vue.computed)(() => [
|
||||
props.type === "textarea" ? nsTextarea.b() : nsInput.b(),
|
||||
nsInput.m(inputSize.value),
|
||||
nsInput.is("disabled", inputDisabled.value),
|
||||
nsInput.is("exceed", inputExceed.value),
|
||||
{
|
||||
[nsInput.b("group")]: slots.prepend || slots.append,
|
||||
[nsInput.m("prefix")]: slots.prefix || props.prefixIcon,
|
||||
[nsInput.m("suffix")]: slots.suffix || props.suffixIcon || props.clearable || props.showPassword,
|
||||
[nsInput.bm("suffix", "password-clear")]: showClear.value && showPwdVisible.value,
|
||||
[nsInput.b("hidden")]: props.type === "hidden"
|
||||
},
|
||||
rawAttrs.class
|
||||
]);
|
||||
const wrapperKls = (0, vue.computed)(() => [nsInput.e("wrapper"), nsInput.is("focus", isFocused.value)]);
|
||||
const attrs = require_index.useAttrs();
|
||||
const maxlength = (0, vue.computed)(() => props.maxlength?.toString());
|
||||
const { form: elForm, formItem: elFormItem } = require_use_form_item.useFormItem();
|
||||
const { inputId } = require_use_form_item.useFormItemInputId(props, { formItemContext: elFormItem });
|
||||
const inputSize = require_use_form_common_props.useFormSize();
|
||||
const inputDisabled = require_use_form_common_props.useFormDisabled();
|
||||
const nsInput = require_index$1.useNamespace("input");
|
||||
const nsTextarea = require_index$1.useNamespace("textarea");
|
||||
const input = (0, vue.shallowRef)();
|
||||
const textarea = (0, vue.shallowRef)();
|
||||
const hovering = (0, vue.ref)(false);
|
||||
const passwordVisible = (0, vue.ref)(false);
|
||||
const countStyle = (0, vue.ref)();
|
||||
const textareaCalcStyle = (0, vue.shallowRef)(props.inputStyle);
|
||||
const saveValue = (0, vue.ref)("");
|
||||
const _ref = (0, vue.computed)(() => input.value || textarea.value);
|
||||
const { wrapperRef, isFocused, handleFocus, handleBlur } = require_index$3.useFocusController(_ref, {
|
||||
disabled: inputDisabled,
|
||||
afterBlur() {
|
||||
if (props.validateEvent) elFormItem?.validate?.("blur").catch((err) => require_error.debugWarn(err));
|
||||
}
|
||||
});
|
||||
const needStatusIcon = (0, vue.computed)(() => elForm?.statusIcon ?? false);
|
||||
const validateState = (0, vue.computed)(() => elFormItem?.validateState || "");
|
||||
const validateIcon = (0, vue.computed)(() => validateState.value && require_icon.ValidateComponentsMap[validateState.value]);
|
||||
const passwordIcon = (0, vue.computed)(() => passwordVisible.value ? _element_plus_icons_vue.View : _element_plus_icons_vue.Hide);
|
||||
const containerStyle = (0, vue.computed)(() => [rawAttrs.style]);
|
||||
const textareaStyle = (0, vue.computed)(() => [
|
||||
props.inputStyle,
|
||||
textareaCalcStyle.value,
|
||||
{ resize: props.resize }
|
||||
]);
|
||||
const nativeInputValue = (0, vue.computed)(() => (0, lodash_unified.isNil)(props.modelValue) ? "" : String(props.modelValue));
|
||||
const showClear = (0, vue.computed)(() => props.clearable && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (isFocused.value || hovering.value));
|
||||
const showPwdVisible = (0, vue.computed)(() => props.showPassword && !inputDisabled.value && !!nativeInputValue.value);
|
||||
const isWordLimitVisible = (0, vue.computed)(() => props.showWordLimit && !!maxlength.value && (props.type === "text" || props.type === "textarea") && !inputDisabled.value && !props.readonly && !props.showPassword);
|
||||
const textLength = (0, vue.computed)(() => {
|
||||
if (props.countGraphemes && props.showWordLimit) return props.countGraphemes(nativeInputValue.value);
|
||||
return nativeInputValue.value.length;
|
||||
});
|
||||
const inputExceed = (0, vue.computed)(() => !!isWordLimitVisible.value && textLength.value > Number(maxlength.value));
|
||||
const suffixVisible = (0, vue.computed)(() => !!slots.suffix || !!props.suffixIcon || showClear.value || props.showPassword || isWordLimitVisible.value || !!validateState.value && needStatusIcon.value);
|
||||
const hasModelModifiers = (0, vue.computed)(() => !!Object.keys(props.modelModifiers).length);
|
||||
const [recordCursor, setCursor] = require_index$2.useCursor(input);
|
||||
(0, _vueuse_core.useResizeObserver)(textarea, (entries) => {
|
||||
onceInitSizeTextarea();
|
||||
if (!isWordLimitVisible.value || props.resize !== "both" && props.resize !== "horizontal") return;
|
||||
const { width } = entries[0].contentRect;
|
||||
countStyle.value = { right: `calc(100% - ${width + 22 - 10}px)` };
|
||||
});
|
||||
const resizeTextarea = () => {
|
||||
const { type, autosize } = props;
|
||||
if (!_vueuse_core.isClient || type !== "textarea" || !textarea.value) return;
|
||||
if (autosize) {
|
||||
const minRows = (0, _vue_shared.isObject)(autosize) ? autosize.minRows : void 0;
|
||||
const maxRows = (0, _vue_shared.isObject)(autosize) ? autosize.maxRows : void 0;
|
||||
const textareaStyle = require_utils.calcTextareaHeight(textarea.value, minRows, maxRows);
|
||||
textareaCalcStyle.value = {
|
||||
overflowY: "hidden",
|
||||
...textareaStyle
|
||||
};
|
||||
(0, vue.nextTick)(() => {
|
||||
textarea.value.offsetHeight;
|
||||
textareaCalcStyle.value = textareaStyle;
|
||||
});
|
||||
} else textareaCalcStyle.value = { minHeight: require_utils.calcTextareaHeight(textarea.value).minHeight };
|
||||
};
|
||||
const createOnceInitResize = (resizeTextarea) => {
|
||||
let isInit = false;
|
||||
return () => {
|
||||
if (isInit || !props.autosize) return;
|
||||
if (!(textarea.value?.offsetParent === null)) {
|
||||
setTimeout(resizeTextarea);
|
||||
isInit = true;
|
||||
}
|
||||
};
|
||||
};
|
||||
const onceInitSizeTextarea = createOnceInitResize(resizeTextarea);
|
||||
const setNativeInputValue = () => {
|
||||
const input = _ref.value;
|
||||
const formatterValue = props.formatter ? props.formatter(nativeInputValue.value) : nativeInputValue.value;
|
||||
if (!input || input.value === formatterValue || props.type === "file") return;
|
||||
input.value = formatterValue;
|
||||
};
|
||||
const formatValue = (value) => {
|
||||
const { trim, number } = props.modelModifiers;
|
||||
if (trim) value = value.trim();
|
||||
if (number) value = `${require_utils.looseToNumber(value)}`;
|
||||
if (props.formatter && props.parser) value = props.parser(value);
|
||||
return value;
|
||||
};
|
||||
const handleInput = async (event) => {
|
||||
if (isComposing.value) return;
|
||||
const { lazy } = props.modelModifiers;
|
||||
let { value } = event.target;
|
||||
let shouldForceNativeUpdate = false;
|
||||
if (lazy) {
|
||||
emit(require_event.INPUT_EVENT, value);
|
||||
return;
|
||||
}
|
||||
value = formatValue(value);
|
||||
if (props.countGraphemes && maxlength.value != null) {
|
||||
const limit = Number(maxlength.value);
|
||||
const graphemes = props.countGraphemes(value);
|
||||
const saveGraphemes = props.countGraphemes(saveValue.value);
|
||||
if (graphemes > limit && graphemes > saveGraphemes) if (saveGraphemes > limit) {
|
||||
value = saveValue.value;
|
||||
shouldForceNativeUpdate = true;
|
||||
} else {
|
||||
const prevValue = saveValue.value;
|
||||
const nextValue = value;
|
||||
let prefixLen = 0;
|
||||
while (prefixLen < prevValue.length && prefixLen < nextValue.length && prevValue[prefixLen] === nextValue[prefixLen]) prefixLen++;
|
||||
let prevSuffixIndex = prevValue.length;
|
||||
let nextSuffixIndex = nextValue.length;
|
||||
while (prevSuffixIndex > prefixLen && nextSuffixIndex > prefixLen && prevValue[prevSuffixIndex - 1] === nextValue[nextSuffixIndex - 1]) {
|
||||
prevSuffixIndex--;
|
||||
nextSuffixIndex--;
|
||||
}
|
||||
const before = nextValue.slice(0, prefixLen);
|
||||
const removed = prevValue.slice(prefixLen, prevSuffixIndex);
|
||||
const inserted = nextValue.slice(prefixLen, nextSuffixIndex);
|
||||
const after = nextValue.slice(nextSuffixIndex);
|
||||
const baseCount = saveGraphemes - props.countGraphemes(removed);
|
||||
const availableInserted = Math.max(0, limit - baseCount);
|
||||
let acceptedInserted = "";
|
||||
if (availableInserted > 0) if (typeof Intl !== "undefined" && "Segmenter" in Intl) {
|
||||
const segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
|
||||
for (const { segment } of segmenter.segment(inserted)) {
|
||||
const candidate = acceptedInserted + segment;
|
||||
if (props.countGraphemes(candidate) > availableInserted) break;
|
||||
acceptedInserted = candidate;
|
||||
}
|
||||
} else for (const char of Array.from(inserted)) {
|
||||
const candidate = acceptedInserted + char;
|
||||
if (props.countGraphemes(candidate) > availableInserted) break;
|
||||
acceptedInserted = candidate;
|
||||
}
|
||||
value = before + acceptedInserted + after;
|
||||
shouldForceNativeUpdate = true;
|
||||
}
|
||||
}
|
||||
if (String(value) === nativeInputValue.value) {
|
||||
if (props.formatter || shouldForceNativeUpdate) {
|
||||
const target = event.target;
|
||||
const blockedValue = target.value;
|
||||
const selectionStart = target.selectionStart;
|
||||
const selectionEnd = target.selectionEnd;
|
||||
setNativeInputValue();
|
||||
if (shouldForceNativeUpdate && _ref.value && selectionStart != null && selectionEnd != null) {
|
||||
const restoredValue = _ref.value.value;
|
||||
const afterTxt = blockedValue.slice(Math.max(0, selectionEnd));
|
||||
let caretPos = Math.min(selectionStart, restoredValue.length);
|
||||
if (afterTxt && restoredValue.endsWith(afterTxt)) caretPos = restoredValue.length - afterTxt.length;
|
||||
_ref.value.setSelectionRange(caretPos, caretPos);
|
||||
}
|
||||
}
|
||||
return;
|
||||
}
|
||||
saveValue.value = value;
|
||||
recordCursor();
|
||||
emit(require_event.UPDATE_MODEL_EVENT, value);
|
||||
emit(require_event.INPUT_EVENT, value);
|
||||
await (0, vue.nextTick)();
|
||||
if (props.formatter && props.parser || !hasModelModifiers.value) setNativeInputValue();
|
||||
setCursor();
|
||||
};
|
||||
const handleChange = async (event) => {
|
||||
let { value } = event.target;
|
||||
value = formatValue(value);
|
||||
if (props.modelModifiers.lazy) emit(require_event.UPDATE_MODEL_EVENT, value);
|
||||
emit(require_event.CHANGE_EVENT, value, event);
|
||||
await (0, vue.nextTick)();
|
||||
setNativeInputValue();
|
||||
};
|
||||
const { isComposing, handleCompositionStart, handleCompositionUpdate, handleCompositionEnd } = require_index$4.useComposition({
|
||||
emit,
|
||||
afterComposition: handleInput
|
||||
});
|
||||
const handlePasswordVisible = () => {
|
||||
passwordVisible.value = !passwordVisible.value;
|
||||
};
|
||||
const focus = () => _ref.value?.focus();
|
||||
const blur = () => _ref.value?.blur();
|
||||
const handleMouseLeave = (evt) => {
|
||||
hovering.value = false;
|
||||
emit("mouseleave", evt);
|
||||
};
|
||||
const handleMouseEnter = (evt) => {
|
||||
hovering.value = true;
|
||||
emit("mouseenter", evt);
|
||||
};
|
||||
const handleKeydown = (evt) => {
|
||||
emit("keydown", evt);
|
||||
};
|
||||
const select = () => {
|
||||
_ref.value?.select();
|
||||
};
|
||||
const clear = (evt) => {
|
||||
emit(require_event.UPDATE_MODEL_EVENT, "");
|
||||
emit(require_event.CHANGE_EVENT, "");
|
||||
emit("clear", evt);
|
||||
emit(require_event.INPUT_EVENT, "");
|
||||
};
|
||||
(0, vue.watch)(() => props.modelValue, () => {
|
||||
(0, vue.nextTick)(() => resizeTextarea());
|
||||
if (props.validateEvent) elFormItem?.validate?.("change").catch((err) => require_error.debugWarn(err));
|
||||
});
|
||||
(0, vue.watch)(() => nativeInputValue.value, (val) => {
|
||||
saveValue.value = val;
|
||||
}, { immediate: true });
|
||||
(0, vue.watch)(nativeInputValue, (newValue) => {
|
||||
if (!_ref.value) return;
|
||||
const { trim, number } = props.modelModifiers;
|
||||
const elValue = _ref.value.value;
|
||||
const displayValue = (number || props.type === "number") && !/^0\d/.test(elValue) ? `${require_utils.looseToNumber(elValue)}` : elValue;
|
||||
if (displayValue === newValue) return;
|
||||
if (document.activeElement === _ref.value && _ref.value.type !== "range") {
|
||||
if (trim && displayValue.trim() === newValue) return;
|
||||
}
|
||||
setNativeInputValue();
|
||||
});
|
||||
(0, vue.watch)(() => props.type, async () => {
|
||||
await (0, vue.nextTick)();
|
||||
setNativeInputValue();
|
||||
resizeTextarea();
|
||||
});
|
||||
(0, vue.onMounted)(() => {
|
||||
if (!props.formatter && props.parser) require_error.debugWarn(COMPONENT_NAME, "If you set the parser, you also need to set the formatter.");
|
||||
setNativeInputValue();
|
||||
(0, vue.nextTick)(resizeTextarea);
|
||||
});
|
||||
__expose({
|
||||
input,
|
||||
textarea,
|
||||
ref: _ref,
|
||||
textareaStyle,
|
||||
autosize: (0, vue.toRef)(props, "autosize"),
|
||||
isComposing,
|
||||
passwordVisible,
|
||||
focus,
|
||||
blur,
|
||||
select,
|
||||
clear,
|
||||
resizeTextarea
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
|
||||
class: (0, vue.normalizeClass)([containerKls.value, {
|
||||
[(0, vue.unref)(nsInput).bm("group", "append")]: _ctx.$slots.append,
|
||||
[(0, vue.unref)(nsInput).bm("group", "prepend")]: _ctx.$slots.prepend
|
||||
}]),
|
||||
style: (0, vue.normalizeStyle)(containerStyle.value),
|
||||
onMouseenter: handleMouseEnter,
|
||||
onMouseleave: handleMouseLeave
|
||||
}, [(0, vue.createCommentVNode)(" input "), __props.type !== "textarea" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [
|
||||
(0, vue.createCommentVNode)(" prepend slot "),
|
||||
_ctx.$slots.prepend ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
|
||||
key: 0,
|
||||
class: (0, vue.normalizeClass)((0, vue.unref)(nsInput).be("group", "prepend"))
|
||||
}, [(0, vue.renderSlot)(_ctx.$slots, "prepend")], 2)) : (0, vue.createCommentVNode)("v-if", true),
|
||||
(0, vue.createElementVNode)("div", {
|
||||
ref_key: "wrapperRef",
|
||||
ref: wrapperRef,
|
||||
class: (0, vue.normalizeClass)(wrapperKls.value)
|
||||
}, [
|
||||
(0, vue.createCommentVNode)(" prefix slot "),
|
||||
_ctx.$slots.prefix || __props.prefixIcon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
|
||||
key: 0,
|
||||
class: (0, vue.normalizeClass)((0, vue.unref)(nsInput).e("prefix"))
|
||||
}, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(nsInput).e("prefix-inner")) }, [(0, vue.renderSlot)(_ctx.$slots, "prefix"), __props.prefixIcon ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$5.ElIcon), {
|
||||
key: 0,
|
||||
class: (0, vue.normalizeClass)((0, vue.unref)(nsInput).e("icon"))
|
||||
}, {
|
||||
default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.prefixIcon)))]),
|
||||
_: 1
|
||||
}, 8, ["class"])) : (0, vue.createCommentVNode)("v-if", true)], 2)], 2)) : (0, vue.createCommentVNode)("v-if", true),
|
||||
(0, vue.createElementVNode)("input", (0, vue.mergeProps)({
|
||||
id: (0, vue.unref)(inputId),
|
||||
ref_key: "input",
|
||||
ref: input,
|
||||
class: (0, vue.unref)(nsInput).e("inner")
|
||||
}, (0, vue.unref)(attrs), {
|
||||
name: __props.name,
|
||||
minlength: __props.countGraphemes ? void 0 : __props.minlength,
|
||||
maxlength: __props.countGraphemes ? void 0 : maxlength.value,
|
||||
type: __props.showPassword ? passwordVisible.value ? "text" : "password" : __props.type,
|
||||
disabled: (0, vue.unref)(inputDisabled),
|
||||
readonly: __props.readonly,
|
||||
autocomplete: __props.autocomplete,
|
||||
tabindex: __props.tabindex,
|
||||
"aria-label": __props.ariaLabel,
|
||||
placeholder: __props.placeholder,
|
||||
style: __props.inputStyle,
|
||||
form: __props.form,
|
||||
autofocus: __props.autofocus,
|
||||
role: __props.containerRole,
|
||||
inputmode: __props.inputmode,
|
||||
onCompositionstart: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(handleCompositionStart) && (0, vue.unref)(handleCompositionStart)(...args)),
|
||||
onCompositionupdate: _cache[1] || (_cache[1] = (...args) => (0, vue.unref)(handleCompositionUpdate) && (0, vue.unref)(handleCompositionUpdate)(...args)),
|
||||
onCompositionend: _cache[2] || (_cache[2] = (...args) => (0, vue.unref)(handleCompositionEnd) && (0, vue.unref)(handleCompositionEnd)(...args)),
|
||||
onInput: handleInput,
|
||||
onChange: handleChange,
|
||||
onKeydown: handleKeydown
|
||||
}), null, 16, _hoisted_1),
|
||||
(0, vue.createCommentVNode)(" suffix slot "),
|
||||
suffixVisible.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
|
||||
key: 1,
|
||||
class: (0, vue.normalizeClass)((0, vue.unref)(nsInput).e("suffix"))
|
||||
}, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(nsInput).e("suffix-inner")) }, [
|
||||
!showClear.value || !showPwdVisible.value || !isWordLimitVisible.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.renderSlot)(_ctx.$slots, "suffix"), __props.suffixIcon ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$5.ElIcon), {
|
||||
key: 0,
|
||||
class: (0, vue.normalizeClass)((0, vue.unref)(nsInput).e("icon"))
|
||||
}, {
|
||||
default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.suffixIcon)))]),
|
||||
_: 1
|
||||
}, 8, ["class"])) : (0, vue.createCommentVNode)("v-if", true)], 64)) : (0, vue.createCommentVNode)("v-if", true),
|
||||
showClear.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$5.ElIcon), {
|
||||
key: 1,
|
||||
class: (0, vue.normalizeClass)([(0, vue.unref)(nsInput).e("icon"), (0, vue.unref)(nsInput).e("clear")]),
|
||||
onMousedown: (0, vue.withModifiers)((0, vue.unref)(_vue_shared.NOOP), ["prevent"]),
|
||||
onClick: clear
|
||||
}, {
|
||||
default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.clearIcon)))]),
|
||||
_: 1
|
||||
}, 8, ["class", "onMousedown"])) : (0, vue.createCommentVNode)("v-if", true),
|
||||
showPwdVisible.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$5.ElIcon), {
|
||||
key: 2,
|
||||
class: (0, vue.normalizeClass)([(0, vue.unref)(nsInput).e("icon"), (0, vue.unref)(nsInput).e("password")]),
|
||||
onClick: handlePasswordVisible,
|
||||
onMousedown: (0, vue.withModifiers)((0, vue.unref)(_vue_shared.NOOP), ["prevent"]),
|
||||
onMouseup: (0, vue.withModifiers)((0, vue.unref)(_vue_shared.NOOP), ["prevent"])
|
||||
}, {
|
||||
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "password-icon", { visible: passwordVisible.value }, () => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(passwordIcon.value)))])]),
|
||||
_: 3
|
||||
}, 8, [
|
||||
"class",
|
||||
"onMousedown",
|
||||
"onMouseup"
|
||||
])) : (0, vue.createCommentVNode)("v-if", true),
|
||||
isWordLimitVisible.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
|
||||
key: 3,
|
||||
class: (0, vue.normalizeClass)([(0, vue.unref)(nsInput).e("count"), (0, vue.unref)(nsInput).is("outside", __props.wordLimitPosition === "outside")])
|
||||
}, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(nsInput).e("count-inner")) }, (0, vue.toDisplayString)(textLength.value) + " / " + (0, vue.toDisplayString)(maxlength.value), 3)], 2)) : (0, vue.createCommentVNode)("v-if", true),
|
||||
validateState.value && validateIcon.value && needStatusIcon.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$5.ElIcon), {
|
||||
key: 4,
|
||||
class: (0, vue.normalizeClass)([
|
||||
(0, vue.unref)(nsInput).e("icon"),
|
||||
(0, vue.unref)(nsInput).e("validateIcon"),
|
||||
(0, vue.unref)(nsInput).is("loading", validateState.value === "validating")
|
||||
])
|
||||
}, {
|
||||
default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(validateIcon.value)))]),
|
||||
_: 1
|
||||
}, 8, ["class"])) : (0, vue.createCommentVNode)("v-if", true)
|
||||
], 2)], 2)) : (0, vue.createCommentVNode)("v-if", true)
|
||||
], 2),
|
||||
(0, vue.createCommentVNode)(" append slot "),
|
||||
_ctx.$slots.append ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
|
||||
key: 1,
|
||||
class: (0, vue.normalizeClass)((0, vue.unref)(nsInput).be("group", "append"))
|
||||
}, [(0, vue.renderSlot)(_ctx.$slots, "append")], 2)) : (0, vue.createCommentVNode)("v-if", true)
|
||||
], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [
|
||||
(0, vue.createCommentVNode)(" textarea "),
|
||||
(0, vue.createElementVNode)("textarea", (0, vue.mergeProps)({
|
||||
id: (0, vue.unref)(inputId),
|
||||
ref_key: "textarea",
|
||||
ref: textarea,
|
||||
class: [
|
||||
(0, vue.unref)(nsTextarea).e("inner"),
|
||||
(0, vue.unref)(nsInput).is("focus", (0, vue.unref)(isFocused)),
|
||||
(0, vue.unref)(nsTextarea).is("clearable", __props.clearable)
|
||||
]
|
||||
}, (0, vue.unref)(attrs), {
|
||||
name: __props.name,
|
||||
minlength: __props.countGraphemes ? void 0 : __props.minlength,
|
||||
maxlength: __props.countGraphemes ? void 0 : maxlength.value,
|
||||
tabindex: __props.tabindex,
|
||||
disabled: (0, vue.unref)(inputDisabled),
|
||||
readonly: __props.readonly,
|
||||
autocomplete: __props.autocomplete,
|
||||
style: textareaStyle.value,
|
||||
"aria-label": __props.ariaLabel,
|
||||
placeholder: __props.placeholder,
|
||||
form: __props.form,
|
||||
autofocus: __props.autofocus,
|
||||
rows: __props.rows,
|
||||
role: __props.containerRole,
|
||||
inputmode: __props.inputmode,
|
||||
onCompositionstart: _cache[3] || (_cache[3] = (...args) => (0, vue.unref)(handleCompositionStart) && (0, vue.unref)(handleCompositionStart)(...args)),
|
||||
onCompositionupdate: _cache[4] || (_cache[4] = (...args) => (0, vue.unref)(handleCompositionUpdate) && (0, vue.unref)(handleCompositionUpdate)(...args)),
|
||||
onCompositionend: _cache[5] || (_cache[5] = (...args) => (0, vue.unref)(handleCompositionEnd) && (0, vue.unref)(handleCompositionEnd)(...args)),
|
||||
onInput: handleInput,
|
||||
onFocus: _cache[6] || (_cache[6] = (...args) => (0, vue.unref)(handleFocus) && (0, vue.unref)(handleFocus)(...args)),
|
||||
onBlur: _cache[7] || (_cache[7] = (...args) => (0, vue.unref)(handleBlur) && (0, vue.unref)(handleBlur)(...args)),
|
||||
onChange: handleChange,
|
||||
onKeydown: handleKeydown
|
||||
}), null, 16, _hoisted_2),
|
||||
showClear.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$5.ElIcon), {
|
||||
key: 0,
|
||||
class: (0, vue.normalizeClass)([(0, vue.unref)(nsTextarea).e("icon"), (0, vue.unref)(nsTextarea).e("clear")]),
|
||||
onMousedown: (0, vue.withModifiers)((0, vue.unref)(_vue_shared.NOOP), ["prevent"]),
|
||||
onClick: clear
|
||||
}, {
|
||||
default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.clearIcon)))]),
|
||||
_: 1
|
||||
}, 8, ["class", "onMousedown"])) : (0, vue.createCommentVNode)("v-if", true),
|
||||
isWordLimitVisible.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
|
||||
key: 1,
|
||||
style: (0, vue.normalizeStyle)(countStyle.value),
|
||||
class: (0, vue.normalizeClass)([(0, vue.unref)(nsInput).e("count"), (0, vue.unref)(nsInput).is("outside", __props.wordLimitPosition === "outside")])
|
||||
}, (0, vue.toDisplayString)(textLength.value) + " / " + (0, vue.toDisplayString)(maxlength.value), 7)) : (0, vue.createCommentVNode)("v-if", true)
|
||||
], 64))], 38);
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//#endregion
|
||||
exports.default = input_vue_vue_type_script_setup_true_lang_default;
|
||||
//# sourceMappingURL=input.vue_vue_type_script_setup_true_lang.js.map
|
||||
1
frontend/admin/node_modules/element-plus/lib/components/input/src/input.vue_vue_type_script_setup_true_lang.js.map
generated
vendored
Normal file
1
frontend/admin/node_modules/element-plus/lib/components/input/src/input.vue_vue_type_script_setup_true_lang.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
9
frontend/admin/node_modules/element-plus/lib/components/input/src/input2.js
generated
vendored
Normal file
9
frontend/admin/node_modules/element-plus/lib/components/input/src/input2.js
generated
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
||||
const require_input_vue_vue_type_script_setup_true_lang = require('./input.vue_vue_type_script_setup_true_lang.js');
|
||||
|
||||
//#region ../../packages/components/input/src/input.vue
|
||||
var input_default = require_input_vue_vue_type_script_setup_true_lang.default;
|
||||
|
||||
//#endregion
|
||||
exports.default = input_default;
|
||||
//# sourceMappingURL=input2.js.map
|
||||
1
frontend/admin/node_modules/element-plus/lib/components/input/src/input2.js.map
generated
vendored
Normal file
1
frontend/admin/node_modules/element-plus/lib/components/input/src/input2.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
6
frontend/admin/node_modules/element-plus/lib/components/input/src/instance.d.ts
generated
vendored
Normal file
6
frontend/admin/node_modules/element-plus/lib/components/input/src/instance.d.ts
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
import { _default } from "./input.vue.js";
|
||||
|
||||
//#region ../../packages/components/input/src/instance.d.ts
|
||||
type InputInstance = InstanceType<typeof _default> & unknown;
|
||||
//#endregion
|
||||
export { InputInstance };
|
||||
1
frontend/admin/node_modules/element-plus/lib/components/input/src/instance.js
generated
vendored
Normal file
1
frontend/admin/node_modules/element-plus/lib/components/input/src/instance.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
87
frontend/admin/node_modules/element-plus/lib/components/input/src/utils.js
generated
vendored
Normal file
87
frontend/admin/node_modules/element-plus/lib/components/input/src/utils.js
generated
vendored
Normal file
@@ -0,0 +1,87 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
const require_browser = require('../../../utils/browser.js');
|
||||
const require_types = require('../../../utils/types.js');
|
||||
|
||||
//#region ../../packages/components/input/src/utils.ts
|
||||
let hiddenTextarea = void 0;
|
||||
const HIDDEN_STYLE = {
|
||||
height: "0",
|
||||
visibility: "hidden",
|
||||
overflow: require_browser.isFirefox() ? "" : "hidden",
|
||||
position: "absolute",
|
||||
"z-index": "-1000",
|
||||
top: "0",
|
||||
right: "0"
|
||||
};
|
||||
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",
|
||||
"word-break"
|
||||
];
|
||||
const looseToNumber = (val) => {
|
||||
const n = Number.parseFloat(val);
|
||||
return Number.isNaN(n) ? val : n;
|
||||
};
|
||||
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"));
|
||||
return {
|
||||
contextStyle: CONTEXT_STYLE.map((name) => [name, style.getPropertyValue(name)]),
|
||||
paddingSize,
|
||||
borderSize,
|
||||
boxSizing
|
||||
};
|
||||
}
|
||||
function calcTextareaHeight(targetElement, minRows = 1, maxRows) {
|
||||
if (!hiddenTextarea) {
|
||||
hiddenTextarea = document.createElement("textarea");
|
||||
let hostNode = document.body;
|
||||
if (!require_browser.isFirefox() && targetElement.parentNode) hostNode = targetElement.parentNode;
|
||||
hostNode.appendChild(hiddenTextarea);
|
||||
}
|
||||
const { paddingSize, borderSize, boxSizing, contextStyle } = calculateNodeStyling(targetElement);
|
||||
contextStyle.forEach(([key, value]) => hiddenTextarea?.style.setProperty(key, value));
|
||||
Object.entries(HIDDEN_STYLE).forEach(([key, value]) => hiddenTextarea?.style.setProperty(key, value, "important"));
|
||||
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 (require_types.isNumber(minRows)) {
|
||||
let minHeight = singleRowHeight * minRows;
|
||||
if (boxSizing === "border-box") minHeight = minHeight + paddingSize + borderSize;
|
||||
height = Math.max(minHeight, height);
|
||||
result.minHeight = `${minHeight}px`;
|
||||
}
|
||||
if (require_types.isNumber(maxRows)) {
|
||||
let maxHeight = singleRowHeight * maxRows;
|
||||
if (boxSizing === "border-box") maxHeight = maxHeight + paddingSize + borderSize;
|
||||
height = Math.min(maxHeight, height);
|
||||
}
|
||||
result.height = `${height}px`;
|
||||
hiddenTextarea.parentNode?.removeChild(hiddenTextarea);
|
||||
hiddenTextarea = void 0;
|
||||
return result;
|
||||
}
|
||||
|
||||
//#endregion
|
||||
exports.calcTextareaHeight = calcTextareaHeight;
|
||||
exports.looseToNumber = looseToNumber;
|
||||
//# sourceMappingURL=utils.js.map
|
||||
1
frontend/admin/node_modules/element-plus/lib/components/input/src/utils.js.map
generated
vendored
Normal file
1
frontend/admin/node_modules/element-plus/lib/components/input/src/utils.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
3
frontend/admin/node_modules/element-plus/lib/components/input/style/css.js
generated
vendored
Normal file
3
frontend/admin/node_modules/element-plus/lib/components/input/style/css.js
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
require('../../base/style/css.js');
|
||||
require("element-plus/theme-chalk/el-input.css");
|
||||
3
frontend/admin/node_modules/element-plus/lib/components/input/style/index.js
generated
vendored
Normal file
3
frontend/admin/node_modules/element-plus/lib/components/input/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
require('../../base/style/index.js');
|
||||
require("element-plus/theme-chalk/src/input.scss");
|
||||
Reference in New Issue
Block a user