@element-plus/nightly 0.0.20240103 → 0.0.20240104
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.full.js +15 -12
- package/dist/index.full.min.js +8 -8
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +8 -8
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +15 -12
- package/dist/locale/af.js +1 -1
- package/dist/locale/af.min.js +1 -1
- package/dist/locale/af.min.mjs +1 -1
- package/dist/locale/af.mjs +1 -1
- package/dist/locale/ar-eg.js +1 -1
- package/dist/locale/ar-eg.min.js +1 -1
- package/dist/locale/ar-eg.min.mjs +1 -1
- package/dist/locale/ar-eg.mjs +1 -1
- package/dist/locale/ar.js +1 -1
- package/dist/locale/ar.min.js +1 -1
- package/dist/locale/ar.min.mjs +1 -1
- package/dist/locale/ar.mjs +1 -1
- package/dist/locale/az.js +1 -1
- package/dist/locale/az.min.js +1 -1
- package/dist/locale/az.min.mjs +1 -1
- package/dist/locale/az.mjs +1 -1
- package/dist/locale/bg.js +1 -1
- package/dist/locale/bg.min.js +1 -1
- package/dist/locale/bg.min.mjs +1 -1
- package/dist/locale/bg.mjs +1 -1
- package/dist/locale/bn.js +1 -1
- package/dist/locale/bn.min.js +1 -1
- package/dist/locale/bn.min.mjs +1 -1
- package/dist/locale/bn.mjs +1 -1
- package/dist/locale/ca.js +1 -1
- package/dist/locale/ca.min.js +1 -1
- package/dist/locale/ca.min.mjs +1 -1
- package/dist/locale/ca.mjs +1 -1
- package/dist/locale/ckb.js +1 -1
- package/dist/locale/ckb.min.js +1 -1
- package/dist/locale/ckb.min.mjs +1 -1
- package/dist/locale/ckb.mjs +1 -1
- package/dist/locale/cs.js +1 -1
- package/dist/locale/cs.min.js +1 -1
- package/dist/locale/cs.min.mjs +1 -1
- package/dist/locale/cs.mjs +1 -1
- package/dist/locale/da.js +1 -1
- package/dist/locale/da.min.js +1 -1
- package/dist/locale/da.min.mjs +1 -1
- package/dist/locale/da.mjs +1 -1
- package/dist/locale/de.js +1 -1
- package/dist/locale/de.min.js +1 -1
- package/dist/locale/de.min.mjs +1 -1
- package/dist/locale/de.mjs +1 -1
- package/dist/locale/el.js +1 -1
- package/dist/locale/el.min.js +1 -1
- package/dist/locale/el.min.mjs +1 -1
- package/dist/locale/el.mjs +1 -1
- package/dist/locale/en.js +1 -1
- package/dist/locale/en.min.js +1 -1
- package/dist/locale/en.min.mjs +1 -1
- package/dist/locale/en.mjs +1 -1
- package/dist/locale/eo.js +1 -1
- package/dist/locale/eo.min.js +1 -1
- package/dist/locale/eo.min.mjs +1 -1
- package/dist/locale/eo.mjs +1 -1
- package/dist/locale/es.js +1 -1
- package/dist/locale/es.min.js +1 -1
- package/dist/locale/es.min.mjs +1 -1
- package/dist/locale/es.mjs +1 -1
- package/dist/locale/et.js +1 -1
- package/dist/locale/et.min.js +1 -1
- package/dist/locale/et.min.mjs +1 -1
- package/dist/locale/et.mjs +1 -1
- package/dist/locale/eu.js +1 -1
- package/dist/locale/eu.min.js +1 -1
- package/dist/locale/eu.min.mjs +1 -1
- package/dist/locale/eu.mjs +1 -1
- package/dist/locale/fa.js +1 -1
- package/dist/locale/fa.min.js +1 -1
- package/dist/locale/fa.min.mjs +1 -1
- package/dist/locale/fa.mjs +1 -1
- package/dist/locale/fi.js +1 -1
- package/dist/locale/fi.min.js +1 -1
- package/dist/locale/fi.min.mjs +1 -1
- package/dist/locale/fi.mjs +1 -1
- package/dist/locale/fr.js +1 -1
- package/dist/locale/fr.min.js +1 -1
- package/dist/locale/fr.min.mjs +1 -1
- package/dist/locale/fr.mjs +1 -1
- package/dist/locale/he.js +1 -1
- package/dist/locale/he.min.js +1 -1
- package/dist/locale/he.min.mjs +1 -1
- package/dist/locale/he.mjs +1 -1
- package/dist/locale/hr.js +1 -1
- package/dist/locale/hr.min.js +1 -1
- package/dist/locale/hr.min.mjs +1 -1
- package/dist/locale/hr.mjs +1 -1
- package/dist/locale/hu.js +1 -1
- package/dist/locale/hu.min.js +1 -1
- package/dist/locale/hu.min.mjs +1 -1
- package/dist/locale/hu.mjs +1 -1
- package/dist/locale/hy-am.js +1 -1
- package/dist/locale/hy-am.min.js +1 -1
- package/dist/locale/hy-am.min.mjs +1 -1
- package/dist/locale/hy-am.mjs +1 -1
- package/dist/locale/id.js +1 -1
- package/dist/locale/id.min.js +1 -1
- package/dist/locale/id.min.mjs +1 -1
- package/dist/locale/id.mjs +1 -1
- package/dist/locale/it.js +1 -1
- package/dist/locale/it.min.js +1 -1
- package/dist/locale/it.min.mjs +1 -1
- package/dist/locale/it.mjs +1 -1
- package/dist/locale/ja.js +1 -1
- package/dist/locale/ja.min.js +1 -1
- package/dist/locale/ja.min.mjs +1 -1
- package/dist/locale/ja.mjs +1 -1
- package/dist/locale/kk.js +1 -1
- package/dist/locale/kk.min.js +1 -1
- package/dist/locale/kk.min.mjs +1 -1
- package/dist/locale/kk.mjs +1 -1
- package/dist/locale/km.js +1 -1
- package/dist/locale/km.min.js +1 -1
- package/dist/locale/km.min.mjs +1 -1
- package/dist/locale/km.mjs +1 -1
- package/dist/locale/ko.js +1 -1
- package/dist/locale/ko.min.js +1 -1
- package/dist/locale/ko.min.mjs +1 -1
- package/dist/locale/ko.mjs +1 -1
- package/dist/locale/ku.js +1 -1
- package/dist/locale/ku.min.js +1 -1
- package/dist/locale/ku.min.mjs +1 -1
- package/dist/locale/ku.mjs +1 -1
- package/dist/locale/ky.js +1 -1
- package/dist/locale/ky.min.js +1 -1
- package/dist/locale/ky.min.mjs +1 -1
- package/dist/locale/ky.mjs +1 -1
- package/dist/locale/lt.js +1 -1
- package/dist/locale/lt.min.js +1 -1
- package/dist/locale/lt.min.mjs +1 -1
- package/dist/locale/lt.mjs +1 -1
- package/dist/locale/lv.js +1 -1
- package/dist/locale/lv.min.js +1 -1
- package/dist/locale/lv.min.mjs +1 -1
- package/dist/locale/lv.mjs +1 -1
- package/dist/locale/mg.js +1 -1
- package/dist/locale/mg.min.js +1 -1
- package/dist/locale/mg.min.mjs +1 -1
- package/dist/locale/mg.mjs +1 -1
- package/dist/locale/mn.js +1 -1
- package/dist/locale/mn.min.js +1 -1
- package/dist/locale/mn.min.mjs +1 -1
- package/dist/locale/mn.mjs +1 -1
- package/dist/locale/nb-no.js +1 -1
- package/dist/locale/nb-no.min.js +1 -1
- package/dist/locale/nb-no.min.mjs +1 -1
- package/dist/locale/nb-no.mjs +1 -1
- package/dist/locale/nl.js +1 -1
- package/dist/locale/nl.min.js +1 -1
- package/dist/locale/nl.min.mjs +1 -1
- package/dist/locale/nl.mjs +1 -1
- package/dist/locale/pa.js +1 -1
- package/dist/locale/pa.min.js +1 -1
- package/dist/locale/pa.min.mjs +1 -1
- package/dist/locale/pa.mjs +1 -1
- package/dist/locale/pl.js +1 -1
- package/dist/locale/pl.min.js +1 -1
- package/dist/locale/pl.min.mjs +1 -1
- package/dist/locale/pl.mjs +1 -1
- package/dist/locale/pt-br.js +1 -1
- package/dist/locale/pt-br.min.js +1 -1
- package/dist/locale/pt-br.min.mjs +1 -1
- package/dist/locale/pt-br.mjs +1 -1
- package/dist/locale/pt.js +1 -1
- package/dist/locale/pt.min.js +1 -1
- package/dist/locale/pt.min.mjs +1 -1
- package/dist/locale/pt.mjs +1 -1
- package/dist/locale/ro.js +1 -1
- package/dist/locale/ro.min.js +1 -1
- package/dist/locale/ro.min.mjs +1 -1
- package/dist/locale/ro.mjs +1 -1
- package/dist/locale/ru.js +1 -1
- package/dist/locale/ru.min.js +1 -1
- package/dist/locale/ru.min.mjs +1 -1
- package/dist/locale/ru.mjs +1 -1
- package/dist/locale/sk.js +1 -1
- package/dist/locale/sk.min.js +1 -1
- package/dist/locale/sk.min.mjs +1 -1
- package/dist/locale/sk.mjs +1 -1
- package/dist/locale/sl.js +1 -1
- package/dist/locale/sl.min.js +1 -1
- package/dist/locale/sl.min.mjs +1 -1
- package/dist/locale/sl.mjs +1 -1
- package/dist/locale/sr.js +1 -1
- package/dist/locale/sr.min.js +1 -1
- package/dist/locale/sr.min.mjs +1 -1
- package/dist/locale/sr.mjs +1 -1
- package/dist/locale/sv.js +1 -1
- package/dist/locale/sv.min.js +1 -1
- package/dist/locale/sv.min.mjs +1 -1
- package/dist/locale/sv.mjs +1 -1
- package/dist/locale/sw.js +1 -1
- package/dist/locale/sw.min.js +1 -1
- package/dist/locale/sw.min.mjs +1 -1
- package/dist/locale/sw.mjs +1 -1
- package/dist/locale/ta.js +1 -1
- package/dist/locale/ta.min.js +1 -1
- package/dist/locale/ta.min.mjs +1 -1
- package/dist/locale/ta.mjs +1 -1
- package/dist/locale/th.js +1 -1
- package/dist/locale/th.min.js +1 -1
- package/dist/locale/th.min.mjs +1 -1
- package/dist/locale/th.mjs +1 -1
- package/dist/locale/tk.js +1 -1
- package/dist/locale/tk.min.js +1 -1
- package/dist/locale/tk.min.mjs +1 -1
- package/dist/locale/tk.mjs +1 -1
- package/dist/locale/tr.js +1 -1
- package/dist/locale/tr.min.js +1 -1
- package/dist/locale/tr.min.mjs +1 -1
- package/dist/locale/tr.mjs +1 -1
- package/dist/locale/ug-cn.js +1 -1
- package/dist/locale/ug-cn.min.js +1 -1
- package/dist/locale/ug-cn.min.mjs +1 -1
- package/dist/locale/ug-cn.mjs +1 -1
- package/dist/locale/uk.js +1 -1
- package/dist/locale/uk.min.js +1 -1
- package/dist/locale/uk.min.mjs +1 -1
- package/dist/locale/uk.mjs +1 -1
- package/dist/locale/uz-uz.js +1 -1
- package/dist/locale/uz-uz.min.js +1 -1
- package/dist/locale/uz-uz.min.mjs +1 -1
- package/dist/locale/uz-uz.mjs +1 -1
- package/dist/locale/vi.js +1 -1
- package/dist/locale/vi.min.js +1 -1
- package/dist/locale/vi.min.mjs +1 -1
- package/dist/locale/vi.mjs +1 -1
- package/dist/locale/zh-cn.js +1 -1
- package/dist/locale/zh-cn.min.js +1 -1
- package/dist/locale/zh-cn.min.mjs +1 -1
- package/dist/locale/zh-cn.mjs +1 -1
- package/dist/locale/zh-tw.js +1 -1
- package/dist/locale/zh-tw.min.js +1 -1
- package/dist/locale/zh-tw.min.mjs +1 -1
- package/dist/locale/zh-tw.mjs +1 -1
- package/es/components/autocomplete/index.d.ts +6 -6
- package/es/components/autocomplete/src/autocomplete.vue.d.ts +6 -6
- package/es/components/calendar/index.mjs +2 -2
- package/es/components/calendar/src/calendar.mjs +131 -18
- package/es/components/calendar/src/calendar.mjs.map +1 -1
- package/es/components/calendar/src/calendar2.mjs +18 -131
- package/es/components/calendar/src/calendar2.mjs.map +1 -1
- package/es/components/cascader/index.d.ts +12 -12
- package/es/components/cascader/src/cascader.vue.d.ts +6 -6
- package/es/components/color-picker/index.d.ts +2 -2
- package/es/components/color-picker/src/color-picker.vue.d.ts +2 -2
- package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +2 -2
- package/es/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +2 -2
- package/es/components/date-picker/src/panel-utils.d.ts +4 -4
- package/es/components/index.mjs +1 -1
- package/es/components/input/index.d.ts +2 -2
- package/es/components/input/src/input.vue.d.ts +2 -2
- package/es/components/input/src/input2.mjs +10 -10
- package/es/components/input/src/input2.mjs.map +1 -1
- package/es/components/input-number/index.d.ts +6 -6
- package/es/components/input-number/src/input-number.vue.d.ts +6 -6
- package/es/components/pagination/src/components/jumper.vue.d.ts +2 -2
- package/es/components/slider/index.d.ts +6 -6
- package/es/components/slider/src/slider.vue.d.ts +6 -6
- package/es/components/time-picker/src/common/picker.vue.d.ts +2 -2
- package/es/components/tour/src/content2.mjs +4 -1
- package/es/components/tour/src/content2.mjs.map +1 -1
- package/es/components/transfer/index.d.ts +10 -10
- package/es/components/transfer/src/transfer-panel.vue.d.ts +2 -2
- package/es/components/transfer/src/transfer.vue.d.ts +10 -10
- package/es/index.mjs +1 -1
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/autocomplete/index.d.ts +6 -6
- package/lib/components/autocomplete/src/autocomplete.vue.d.ts +6 -6
- package/lib/components/calendar/index.js +2 -2
- package/lib/components/calendar/src/calendar.js +131 -19
- package/lib/components/calendar/src/calendar.js.map +1 -1
- package/lib/components/calendar/src/calendar2.js +19 -131
- package/lib/components/calendar/src/calendar2.js.map +1 -1
- package/lib/components/cascader/index.d.ts +12 -12
- package/lib/components/cascader/src/cascader.vue.d.ts +6 -6
- package/lib/components/color-picker/index.d.ts +2 -2
- package/lib/components/color-picker/src/color-picker.vue.d.ts +2 -2
- package/lib/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +2 -2
- package/lib/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +2 -2
- package/lib/components/date-picker/src/panel-utils.d.ts +4 -4
- package/lib/components/index.js +1 -1
- package/lib/components/input/index.d.ts +2 -2
- package/lib/components/input/src/input.vue.d.ts +2 -2
- package/lib/components/input/src/input2.js +10 -10
- package/lib/components/input/src/input2.js.map +1 -1
- package/lib/components/input-number/index.d.ts +6 -6
- package/lib/components/input-number/src/input-number.vue.d.ts +6 -6
- package/lib/components/pagination/src/components/jumper.vue.d.ts +2 -2
- package/lib/components/slider/index.d.ts +6 -6
- package/lib/components/slider/src/slider.vue.d.ts +6 -6
- package/lib/components/time-picker/src/common/picker.vue.d.ts +2 -2
- package/lib/components/tour/src/content2.js +3 -0
- package/lib/components/tour/src/content2.js.map +1 -1
- package/lib/components/transfer/index.d.ts +10 -10
- package/lib/components/transfer/src/transfer-panel.vue.d.ts +2 -2
- package/lib/components/transfer/src/transfer.vue.d.ts +10 -10
- package/lib/index.js +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +2 -2
- package/theme-chalk/el-tour.css +1 -1
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/src/tour.scss +9 -0
- package/web-types.json +1 -1
|
@@ -179,8 +179,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
179
179
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
180
180
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
181
181
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
182
|
-
|
|
183
|
-
|
|
182
|
+
elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
|
|
183
|
+
elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
|
|
184
184
|
inputId: import("vue").Ref<string | undefined>;
|
|
185
185
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
186
186
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -74,9 +74,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
74
74
|
return Object.keys(containerAttrs.value);
|
|
75
75
|
})
|
|
76
76
|
});
|
|
77
|
-
const { form, formItem } = useFormItem.useFormItem();
|
|
77
|
+
const { form: elForm, formItem: elFormItem } = useFormItem.useFormItem();
|
|
78
78
|
const { inputId } = useFormItem.useFormItemInputId(props, {
|
|
79
|
-
formItemContext:
|
|
79
|
+
formItemContext: elFormItem
|
|
80
80
|
});
|
|
81
81
|
const inputSize = useFormCommonProps.useFormSize();
|
|
82
82
|
const inputDisabled = useFormCommonProps.useFormDisabled();
|
|
@@ -94,15 +94,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
94
94
|
afterBlur() {
|
|
95
95
|
var _a;
|
|
96
96
|
if (props.validateEvent) {
|
|
97
|
-
(_a =
|
|
97
|
+
(_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "blur").catch((err) => error.debugWarn(err));
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
});
|
|
101
101
|
const needStatusIcon = vue.computed(() => {
|
|
102
102
|
var _a;
|
|
103
|
-
return (_a =
|
|
103
|
+
return (_a = elForm == null ? void 0 : elForm.statusIcon) != null ? _a : false;
|
|
104
104
|
});
|
|
105
|
-
const validateState = vue.computed(() => (
|
|
105
|
+
const validateState = vue.computed(() => (elFormItem == null ? void 0 : elFormItem.validateState) || "");
|
|
106
106
|
const validateIcon = vue.computed(() => validateState.value && icon.ValidateComponentsMap[validateState.value]);
|
|
107
107
|
const passwordIcon = vue.computed(() => passwordVisible.value ? iconsVue.View : iconsVue.Hide);
|
|
108
108
|
const containerStyle = vue.computed(() => [
|
|
@@ -251,7 +251,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
251
251
|
var _a;
|
|
252
252
|
vue.nextTick(() => resizeTextarea());
|
|
253
253
|
if (props.validateEvent) {
|
|
254
|
-
(_a =
|
|
254
|
+
(_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => error.debugWarn(err));
|
|
255
255
|
}
|
|
256
256
|
});
|
|
257
257
|
vue.watch(nativeInputValue, () => setNativeInputValue());
|
|
@@ -337,8 +337,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
337
337
|
"aria-label": _ctx.label,
|
|
338
338
|
placeholder: _ctx.placeholder,
|
|
339
339
|
style: _ctx.inputStyle,
|
|
340
|
-
form:
|
|
341
|
-
autofocus:
|
|
340
|
+
form: _ctx.form,
|
|
341
|
+
autofocus: _ctx.autofocus,
|
|
342
342
|
onCompositionstart: handleCompositionStart,
|
|
343
343
|
onCompositionupdate: handleCompositionUpdate,
|
|
344
344
|
onCompositionend: handleCompositionEnd,
|
|
@@ -435,8 +435,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
435
435
|
style: vue.unref(textareaStyle),
|
|
436
436
|
"aria-label": _ctx.label,
|
|
437
437
|
placeholder: _ctx.placeholder,
|
|
438
|
-
form:
|
|
439
|
-
autofocus:
|
|
438
|
+
form: _ctx.form,
|
|
439
|
+
autofocus: _ctx.autofocus,
|
|
440
440
|
onCompositionstart: handleCompositionStart,
|
|
441
441
|
onCompositionupdate: handleCompositionUpdate,
|
|
442
442
|
onCompositionend: handleCompositionEnd,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input2.js","sources":["../../../../../../packages/components/input/src/input.vue"],"sourcesContent":["<template>\n <div\n v-show=\"type !== 'hidden'\"\n v-bind=\"containerAttrs\"\n :class=\"containerKls\"\n :style=\"containerStyle\"\n :role=\"containerRole\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\"\n >\n <!-- input -->\n <template v-if=\"type !== 'textarea'\">\n <!-- prepend slot -->\n <div v-if=\"$slots.prepend\" :class=\"nsInput.be('group', 'prepend')\">\n <slot name=\"prepend\" />\n </div>\n\n <div ref=\"wrapperRef\" :class=\"wrapperKls\">\n <!-- prefix slot -->\n <span v-if=\"$slots.prefix || prefixIcon\" :class=\"nsInput.e('prefix')\">\n <span :class=\"nsInput.e('prefix-inner')\">\n <slot name=\"prefix\" />\n <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('icon')\">\n <component :is=\"prefixIcon\" />\n </el-icon>\n </span>\n </span>\n\n <input\n :id=\"inputId\"\n ref=\"input\"\n :class=\"nsInput.e('inner')\"\n v-bind=\"attrs\"\n :minlength=\"minlength\"\n :maxlength=\"maxlength\"\n :type=\"showPassword ? (passwordVisible ? 'text' : 'password') : type\"\n :disabled=\"inputDisabled\"\n :readonly=\"readonly\"\n :autocomplete=\"autocomplete\"\n :tabindex=\"tabindex\"\n :aria-label=\"label\"\n :placeholder=\"placeholder\"\n :style=\"inputStyle\"\n :form=\"props.form\"\n :autofocus=\"props.autofocus\"\n @compositionstart=\"handleCompositionStart\"\n @compositionupdate=\"handleCompositionUpdate\"\n @compositionend=\"handleCompositionEnd\"\n @input=\"handleInput\"\n @focus=\"handleFocus\"\n @blur=\"handleBlur\"\n @change=\"handleChange\"\n @keydown=\"handleKeydown\"\n />\n\n <!-- suffix slot -->\n <span v-if=\"suffixVisible\" :class=\"nsInput.e('suffix')\">\n <span :class=\"nsInput.e('suffix-inner')\">\n <template\n v-if=\"!showClear || !showPwdVisible || !isWordLimitVisible\"\n >\n <slot name=\"suffix\" />\n <el-icon v-if=\"suffixIcon\" :class=\"nsInput.e('icon')\">\n <component :is=\"suffixIcon\" />\n </el-icon>\n </template>\n <el-icon\n v-if=\"showClear\"\n :class=\"[nsInput.e('icon'), nsInput.e('clear')]\"\n @mousedown.prevent=\"NOOP\"\n @click=\"clear\"\n >\n <circle-close />\n </el-icon>\n <el-icon\n v-if=\"showPwdVisible\"\n :class=\"[nsInput.e('icon'), nsInput.e('password')]\"\n @click=\"handlePasswordVisible\"\n >\n <component :is=\"passwordIcon\" />\n </el-icon>\n <span v-if=\"isWordLimitVisible\" :class=\"nsInput.e('count')\">\n <span :class=\"nsInput.e('count-inner')\">\n {{ textLength }} / {{ maxlength }}\n </span>\n </span>\n <el-icon\n v-if=\"validateState && validateIcon && needStatusIcon\"\n :class=\"[\n nsInput.e('icon'),\n nsInput.e('validateIcon'),\n nsInput.is('loading', validateState === 'validating'),\n ]\"\n >\n <component :is=\"validateIcon\" />\n </el-icon>\n </span>\n </span>\n </div>\n\n <!-- append slot -->\n <div v-if=\"$slots.append\" :class=\"nsInput.be('group', 'append')\">\n <slot name=\"append\" />\n </div>\n </template>\n\n <!-- textarea -->\n <template v-else>\n <textarea\n :id=\"inputId\"\n ref=\"textarea\"\n :class=\"nsTextarea.e('inner')\"\n v-bind=\"attrs\"\n :tabindex=\"tabindex\"\n :disabled=\"inputDisabled\"\n :readonly=\"readonly\"\n :autocomplete=\"autocomplete\"\n :style=\"textareaStyle\"\n :aria-label=\"label\"\n :placeholder=\"placeholder\"\n :form=\"props.form\"\n :autofocus=\"props.autofocus\"\n @compositionstart=\"handleCompositionStart\"\n @compositionupdate=\"handleCompositionUpdate\"\n @compositionend=\"handleCompositionEnd\"\n @input=\"handleInput\"\n @focus=\"handleFocus\"\n @blur=\"handleBlur\"\n @change=\"handleChange\"\n @keydown=\"handleKeydown\"\n />\n <span\n v-if=\"isWordLimitVisible\"\n :style=\"countStyle\"\n :class=\"nsInput.e('count')\"\n >\n {{ textLength }} / {{ maxlength }}\n </span>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onMounted,\n ref,\n shallowRef,\n toRef,\n useAttrs as useRawAttrs,\n useSlots,\n watch,\n} from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { isNil } from 'lodash-unified'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n CircleClose,\n Hide as IconHide,\n View as IconView,\n} from '@element-plus/icons-vue'\nimport {\n useFormDisabled,\n useFormItem,\n useFormItemInputId,\n useFormSize,\n} from '@element-plus/components/form'\nimport {\n NOOP,\n ValidateComponentsMap,\n debugWarn,\n isClient,\n isKorean,\n isObject,\n} from '@element-plus/utils'\nimport {\n useAttrs,\n useCursor,\n useFocusController,\n useNamespace,\n} from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { calcTextareaHeight } from './utils'\nimport { inputEmits, inputProps } from './input'\nimport type { StyleValue } from 'vue'\n\ntype TargetElement = HTMLInputElement | HTMLTextAreaElement\n\ndefineOptions({\n name: 'ElInput',\n inheritAttrs: false,\n})\nconst props = defineProps(inputProps)\nconst emit = defineEmits(inputEmits)\n\nconst rawAttrs = useRawAttrs()\nconst slots = useSlots()\n\nconst containerAttrs = computed(() => {\n const comboBoxAttrs: Record<string, unknown> = {}\n if (props.containerRole === 'combobox') {\n comboBoxAttrs['aria-haspopup'] = rawAttrs['aria-haspopup']\n comboBoxAttrs['aria-owns'] = rawAttrs['aria-owns']\n comboBoxAttrs['aria-expanded'] = rawAttrs['aria-expanded']\n }\n return comboBoxAttrs\n})\n\nconst containerKls = computed(() => [\n props.type === 'textarea' ? nsTextarea.b() : nsInput.b(),\n nsInput.m(inputSize.value),\n nsInput.is('disabled', inputDisabled.value),\n nsInput.is('exceed', inputExceed.value),\n {\n [nsInput.b('group')]: slots.prepend || slots.append,\n [nsInput.bm('group', 'append')]: slots.append,\n [nsInput.bm('group', 'prepend')]: slots.prepend,\n [nsInput.m('prefix')]: slots.prefix || props.prefixIcon,\n [nsInput.m('suffix')]:\n slots.suffix || props.suffixIcon || props.clearable || props.showPassword,\n [nsInput.bm('suffix', 'password-clear')]:\n showClear.value && showPwdVisible.value,\n },\n rawAttrs.class,\n])\n\nconst wrapperKls = computed(() => [\n nsInput.e('wrapper'),\n nsInput.is('focus', isFocused.value),\n])\n\nconst attrs = useAttrs({\n excludeKeys: computed<string[]>(() => {\n return Object.keys(containerAttrs.value)\n }),\n})\nconst { form, formItem } = useFormItem()\nconst { inputId } = useFormItemInputId(props, {\n formItemContext: formItem,\n})\nconst inputSize = useFormSize()\nconst inputDisabled = useFormDisabled()\nconst nsInput = useNamespace('input')\nconst nsTextarea = useNamespace('textarea')\n\nconst input = shallowRef<HTMLInputElement>()\nconst textarea = shallowRef<HTMLTextAreaElement>()\n\nconst hovering = ref(false)\nconst isComposing = ref(false)\nconst passwordVisible = ref(false)\nconst countStyle = ref<StyleValue>()\nconst textareaCalcStyle = shallowRef(props.inputStyle)\n\nconst _ref = computed(() => input.value || textarea.value)\n\nconst { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(\n _ref,\n {\n afterBlur() {\n if (props.validateEvent) {\n formItem?.validate?.('blur').catch((err) => debugWarn(err))\n }\n },\n }\n)\n\nconst needStatusIcon = computed(() => form?.statusIcon ?? false)\nconst validateState = computed(() => formItem?.validateState || '')\nconst validateIcon = computed(\n () => validateState.value && ValidateComponentsMap[validateState.value]\n)\nconst passwordIcon = computed(() =>\n passwordVisible.value ? IconView : IconHide\n)\nconst containerStyle = computed<StyleValue>(() => [\n rawAttrs.style as StyleValue,\n])\nconst textareaStyle = computed<StyleValue>(() => [\n props.inputStyle,\n textareaCalcStyle.value,\n { resize: props.resize },\n])\nconst nativeInputValue = computed(() =>\n isNil(props.modelValue) ? '' : String(props.modelValue)\n)\nconst showClear = computed(\n () =>\n props.clearable &&\n !inputDisabled.value &&\n !props.readonly &&\n !!nativeInputValue.value &&\n (isFocused.value || hovering.value)\n)\nconst showPwdVisible = computed(\n () =>\n props.showPassword &&\n !inputDisabled.value &&\n !props.readonly &&\n !!nativeInputValue.value &&\n (!!nativeInputValue.value || isFocused.value)\n)\nconst isWordLimitVisible = computed(\n () =>\n props.showWordLimit &&\n !!props.maxlength &&\n (props.type === 'text' || props.type === 'textarea') &&\n !inputDisabled.value &&\n !props.readonly &&\n !props.showPassword\n)\nconst textLength = computed(() => nativeInputValue.value.length)\nconst inputExceed = computed(\n () =>\n // show exceed style if length of initial value greater then maxlength\n !!isWordLimitVisible.value && textLength.value > Number(props.maxlength)\n)\nconst suffixVisible = computed(\n () =>\n !!slots.suffix ||\n !!props.suffixIcon ||\n showClear.value ||\n props.showPassword ||\n isWordLimitVisible.value ||\n (!!validateState.value && needStatusIcon.value)\n)\n\nconst [recordCursor, setCursor] = useCursor(input)\n\nuseResizeObserver(textarea, (entries) => {\n onceInitSizeTextarea()\n if (!isWordLimitVisible.value || props.resize !== 'both') return\n const entry = entries[0]\n const { width } = entry.contentRect\n countStyle.value = {\n /** right: 100% - width + padding(15) + right(6) */\n right: `calc(100% - ${width + 15 + 6}px)`,\n }\n})\n\nconst resizeTextarea = () => {\n const { type, autosize } = props\n\n if (!isClient || type !== 'textarea' || !textarea.value) return\n\n if (autosize) {\n const minRows = isObject(autosize) ? autosize.minRows : undefined\n const maxRows = isObject(autosize) ? autosize.maxRows : undefined\n const textareaStyle = calcTextareaHeight(textarea.value, minRows, maxRows)\n\n // If the scrollbar is displayed, the height of the textarea needs more space than the calculated height.\n // If set textarea height in this case, the scrollbar will not hide.\n // So we need to hide scrollbar first, and reset it in next tick.\n // see https://github.com/element-plus/element-plus/issues/8825\n textareaCalcStyle.value = {\n overflowY: 'hidden',\n ...textareaStyle,\n }\n\n nextTick(() => {\n // NOTE: Force repaint to make sure the style set above is applied.\n textarea.value!.offsetHeight\n textareaCalcStyle.value = textareaStyle\n })\n } else {\n textareaCalcStyle.value = {\n minHeight: calcTextareaHeight(textarea.value).minHeight,\n }\n }\n}\n\nconst createOnceInitResize = (resizeTextarea: () => void) => {\n let isInit = false\n return () => {\n if (isInit || !props.autosize) return\n const isElHidden = textarea.value?.offsetParent === null\n if (!isElHidden) {\n resizeTextarea()\n isInit = true\n }\n }\n}\n// fix: https://github.com/element-plus/element-plus/issues/12074\nconst onceInitSizeTextarea = createOnceInitResize(resizeTextarea)\n\nconst setNativeInputValue = () => {\n const input = _ref.value\n const formatterValue = props.formatter\n ? props.formatter(nativeInputValue.value)\n : nativeInputValue.value\n if (!input || input.value === formatterValue) return\n input.value = formatterValue\n}\n\nconst handleInput = async (event: Event) => {\n recordCursor()\n\n let { value } = event.target as TargetElement\n\n if (props.formatter) {\n value = props.parser ? props.parser(value) : value\n }\n\n // should not emit input during composition\n // see: https://github.com/ElemeFE/element/issues/10516\n if (isComposing.value) return\n\n // hack for https://github.com/ElemeFE/element/issues/8548\n // should remove the following line when we don't support IE\n if (value === nativeInputValue.value) {\n setNativeInputValue()\n return\n }\n\n emit(UPDATE_MODEL_EVENT, value)\n emit('input', value)\n\n // ensure native input value is controlled\n // see: https://github.com/ElemeFE/element/issues/12850\n await nextTick()\n setNativeInputValue()\n setCursor()\n}\n\nconst handleChange = (event: Event) => {\n emit('change', (event.target as TargetElement).value)\n}\n\nconst handleCompositionStart = (event: CompositionEvent) => {\n emit('compositionstart', event)\n isComposing.value = true\n}\n\nconst handleCompositionUpdate = (event: CompositionEvent) => {\n emit('compositionupdate', event)\n const text = (event.target as HTMLInputElement)?.value\n const lastCharacter = text[text.length - 1] || ''\n isComposing.value = !isKorean(lastCharacter)\n}\n\nconst handleCompositionEnd = (event: CompositionEvent) => {\n emit('compositionend', event)\n if (isComposing.value) {\n isComposing.value = false\n handleInput(event)\n }\n}\n\nconst handlePasswordVisible = () => {\n passwordVisible.value = !passwordVisible.value\n focus()\n}\n\nconst focus = async () => {\n // see: https://github.com/ElemeFE/element/issues/18573\n await nextTick()\n _ref.value?.focus()\n}\n\nconst blur = () => _ref.value?.blur()\n\nconst handleMouseLeave = (evt: MouseEvent) => {\n hovering.value = false\n emit('mouseleave', evt)\n}\n\nconst handleMouseEnter = (evt: MouseEvent) => {\n hovering.value = true\n emit('mouseenter', evt)\n}\n\nconst handleKeydown = (evt: KeyboardEvent) => {\n emit('keydown', evt)\n}\n\nconst select = () => {\n _ref.value?.select()\n}\n\nconst clear = () => {\n emit(UPDATE_MODEL_EVENT, '')\n emit('change', '')\n emit('clear')\n emit('input', '')\n}\n\nwatch(\n () => props.modelValue,\n () => {\n nextTick(() => resizeTextarea())\n if (props.validateEvent) {\n formItem?.validate?.('change').catch((err) => debugWarn(err))\n }\n }\n)\n\n// native input value is set explicitly\n// do not use v-model / :value in template\n// see: https://github.com/ElemeFE/element/issues/14521\nwatch(nativeInputValue, () => setNativeInputValue())\n\n// when change between <input> and <textarea>,\n// update DOM dependent value and styles\n// https://github.com/ElemeFE/element/issues/14857\nwatch(\n () => props.type,\n async () => {\n await nextTick()\n setNativeInputValue()\n resizeTextarea()\n }\n)\n\nonMounted(() => {\n if (!props.formatter && props.parser) {\n debugWarn(\n 'ElInput',\n 'If you set the parser, you also need to set the formatter.'\n )\n }\n setNativeInputValue()\n nextTick(resizeTextarea)\n})\n\ndefineExpose({\n /** @description HTML input element */\n input,\n /** @description HTML textarea element */\n textarea,\n /** @description HTML element, input or textarea */\n ref: _ref,\n /** @description style of textarea. */\n textareaStyle,\n\n /** @description from props (used on unit test) */\n autosize: toRef(props, 'autosize'),\n\n /** @description HTML input element native method */\n focus,\n /** @description HTML input element native method */\n blur,\n /** @description HTML input element native method */\n select,\n /** @description clear input value */\n clear,\n /** @description resize textarea. */\n resizeTextarea,\n})\n</script>\n"],"names":["useRawAttrs","useSlots","computed","useAttrs","useFormItem","useFormItemInputId","useFormSize","useFormDisabled","useNamespace","shallowRef","ref","useFocusController","debugWarn","ValidateComponentsMap","IconView","IconHide","isNil","useCursor","useResizeObserver","isClient","isObject","calcTextareaHeight","nextTick","event","UPDATE_MODEL_EVENT","isKorean","watch","onMounted"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"input2.js","sources":["../../../../../../packages/components/input/src/input.vue"],"sourcesContent":["<template>\n <div\n v-show=\"type !== 'hidden'\"\n v-bind=\"containerAttrs\"\n :class=\"containerKls\"\n :style=\"containerStyle\"\n :role=\"containerRole\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\"\n >\n <!-- input -->\n <template v-if=\"type !== 'textarea'\">\n <!-- prepend slot -->\n <div v-if=\"$slots.prepend\" :class=\"nsInput.be('group', 'prepend')\">\n <slot name=\"prepend\" />\n </div>\n\n <div ref=\"wrapperRef\" :class=\"wrapperKls\">\n <!-- prefix slot -->\n <span v-if=\"$slots.prefix || prefixIcon\" :class=\"nsInput.e('prefix')\">\n <span :class=\"nsInput.e('prefix-inner')\">\n <slot name=\"prefix\" />\n <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('icon')\">\n <component :is=\"prefixIcon\" />\n </el-icon>\n </span>\n </span>\n\n <input\n :id=\"inputId\"\n ref=\"input\"\n :class=\"nsInput.e('inner')\"\n v-bind=\"attrs\"\n :minlength=\"minlength\"\n :maxlength=\"maxlength\"\n :type=\"showPassword ? (passwordVisible ? 'text' : 'password') : type\"\n :disabled=\"inputDisabled\"\n :readonly=\"readonly\"\n :autocomplete=\"autocomplete\"\n :tabindex=\"tabindex\"\n :aria-label=\"label\"\n :placeholder=\"placeholder\"\n :style=\"inputStyle\"\n :form=\"form\"\n :autofocus=\"autofocus\"\n @compositionstart=\"handleCompositionStart\"\n @compositionupdate=\"handleCompositionUpdate\"\n @compositionend=\"handleCompositionEnd\"\n @input=\"handleInput\"\n @focus=\"handleFocus\"\n @blur=\"handleBlur\"\n @change=\"handleChange\"\n @keydown=\"handleKeydown\"\n />\n\n <!-- suffix slot -->\n <span v-if=\"suffixVisible\" :class=\"nsInput.e('suffix')\">\n <span :class=\"nsInput.e('suffix-inner')\">\n <template\n v-if=\"!showClear || !showPwdVisible || !isWordLimitVisible\"\n >\n <slot name=\"suffix\" />\n <el-icon v-if=\"suffixIcon\" :class=\"nsInput.e('icon')\">\n <component :is=\"suffixIcon\" />\n </el-icon>\n </template>\n <el-icon\n v-if=\"showClear\"\n :class=\"[nsInput.e('icon'), nsInput.e('clear')]\"\n @mousedown.prevent=\"NOOP\"\n @click=\"clear\"\n >\n <circle-close />\n </el-icon>\n <el-icon\n v-if=\"showPwdVisible\"\n :class=\"[nsInput.e('icon'), nsInput.e('password')]\"\n @click=\"handlePasswordVisible\"\n >\n <component :is=\"passwordIcon\" />\n </el-icon>\n <span v-if=\"isWordLimitVisible\" :class=\"nsInput.e('count')\">\n <span :class=\"nsInput.e('count-inner')\">\n {{ textLength }} / {{ maxlength }}\n </span>\n </span>\n <el-icon\n v-if=\"validateState && validateIcon && needStatusIcon\"\n :class=\"[\n nsInput.e('icon'),\n nsInput.e('validateIcon'),\n nsInput.is('loading', validateState === 'validating'),\n ]\"\n >\n <component :is=\"validateIcon\" />\n </el-icon>\n </span>\n </span>\n </div>\n\n <!-- append slot -->\n <div v-if=\"$slots.append\" :class=\"nsInput.be('group', 'append')\">\n <slot name=\"append\" />\n </div>\n </template>\n\n <!-- textarea -->\n <template v-else>\n <textarea\n :id=\"inputId\"\n ref=\"textarea\"\n :class=\"nsTextarea.e('inner')\"\n v-bind=\"attrs\"\n :tabindex=\"tabindex\"\n :disabled=\"inputDisabled\"\n :readonly=\"readonly\"\n :autocomplete=\"autocomplete\"\n :style=\"textareaStyle\"\n :aria-label=\"label\"\n :placeholder=\"placeholder\"\n :form=\"form\"\n :autofocus=\"autofocus\"\n @compositionstart=\"handleCompositionStart\"\n @compositionupdate=\"handleCompositionUpdate\"\n @compositionend=\"handleCompositionEnd\"\n @input=\"handleInput\"\n @focus=\"handleFocus\"\n @blur=\"handleBlur\"\n @change=\"handleChange\"\n @keydown=\"handleKeydown\"\n />\n <span\n v-if=\"isWordLimitVisible\"\n :style=\"countStyle\"\n :class=\"nsInput.e('count')\"\n >\n {{ textLength }} / {{ maxlength }}\n </span>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onMounted,\n ref,\n shallowRef,\n toRef,\n useAttrs as useRawAttrs,\n useSlots,\n watch,\n} from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { isNil } from 'lodash-unified'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n CircleClose,\n Hide as IconHide,\n View as IconView,\n} from '@element-plus/icons-vue'\nimport {\n useFormDisabled,\n useFormItem,\n useFormItemInputId,\n useFormSize,\n} from '@element-plus/components/form'\nimport {\n NOOP,\n ValidateComponentsMap,\n debugWarn,\n isClient,\n isKorean,\n isObject,\n} from '@element-plus/utils'\nimport {\n useAttrs,\n useCursor,\n useFocusController,\n useNamespace,\n} from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { calcTextareaHeight } from './utils'\nimport { inputEmits, inputProps } from './input'\nimport type { StyleValue } from 'vue'\n\ntype TargetElement = HTMLInputElement | HTMLTextAreaElement\n\ndefineOptions({\n name: 'ElInput',\n inheritAttrs: false,\n})\nconst props = defineProps(inputProps)\nconst emit = defineEmits(inputEmits)\n\nconst rawAttrs = useRawAttrs()\nconst slots = useSlots()\n\nconst containerAttrs = computed(() => {\n const comboBoxAttrs: Record<string, unknown> = {}\n if (props.containerRole === 'combobox') {\n comboBoxAttrs['aria-haspopup'] = rawAttrs['aria-haspopup']\n comboBoxAttrs['aria-owns'] = rawAttrs['aria-owns']\n comboBoxAttrs['aria-expanded'] = rawAttrs['aria-expanded']\n }\n return comboBoxAttrs\n})\n\nconst containerKls = computed(() => [\n props.type === 'textarea' ? nsTextarea.b() : nsInput.b(),\n nsInput.m(inputSize.value),\n nsInput.is('disabled', inputDisabled.value),\n nsInput.is('exceed', inputExceed.value),\n {\n [nsInput.b('group')]: slots.prepend || slots.append,\n [nsInput.bm('group', 'append')]: slots.append,\n [nsInput.bm('group', 'prepend')]: slots.prepend,\n [nsInput.m('prefix')]: slots.prefix || props.prefixIcon,\n [nsInput.m('suffix')]:\n slots.suffix || props.suffixIcon || props.clearable || props.showPassword,\n [nsInput.bm('suffix', 'password-clear')]:\n showClear.value && showPwdVisible.value,\n },\n rawAttrs.class,\n])\n\nconst wrapperKls = computed(() => [\n nsInput.e('wrapper'),\n nsInput.is('focus', isFocused.value),\n])\n\nconst attrs = useAttrs({\n excludeKeys: computed<string[]>(() => {\n return Object.keys(containerAttrs.value)\n }),\n})\nconst { form: elForm, formItem: elFormItem } = useFormItem()\nconst { inputId } = useFormItemInputId(props, {\n formItemContext: elFormItem,\n})\nconst inputSize = useFormSize()\nconst inputDisabled = useFormDisabled()\nconst nsInput = useNamespace('input')\nconst nsTextarea = useNamespace('textarea')\n\nconst input = shallowRef<HTMLInputElement>()\nconst textarea = shallowRef<HTMLTextAreaElement>()\n\nconst hovering = ref(false)\nconst isComposing = ref(false)\nconst passwordVisible = ref(false)\nconst countStyle = ref<StyleValue>()\nconst textareaCalcStyle = shallowRef(props.inputStyle)\n\nconst _ref = computed(() => input.value || textarea.value)\n\nconst { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(\n _ref,\n {\n afterBlur() {\n if (props.validateEvent) {\n elFormItem?.validate?.('blur').catch((err) => debugWarn(err))\n }\n },\n }\n)\n\nconst needStatusIcon = computed(() => elForm?.statusIcon ?? false)\nconst validateState = computed(() => elFormItem?.validateState || '')\nconst validateIcon = computed(\n () => validateState.value && ValidateComponentsMap[validateState.value]\n)\nconst passwordIcon = computed(() =>\n passwordVisible.value ? IconView : IconHide\n)\nconst containerStyle = computed<StyleValue>(() => [\n rawAttrs.style as StyleValue,\n])\nconst textareaStyle = computed<StyleValue>(() => [\n props.inputStyle,\n textareaCalcStyle.value,\n { resize: props.resize },\n])\nconst nativeInputValue = computed(() =>\n isNil(props.modelValue) ? '' : String(props.modelValue)\n)\nconst showClear = computed(\n () =>\n props.clearable &&\n !inputDisabled.value &&\n !props.readonly &&\n !!nativeInputValue.value &&\n (isFocused.value || hovering.value)\n)\nconst showPwdVisible = computed(\n () =>\n props.showPassword &&\n !inputDisabled.value &&\n !props.readonly &&\n !!nativeInputValue.value &&\n (!!nativeInputValue.value || isFocused.value)\n)\nconst isWordLimitVisible = computed(\n () =>\n props.showWordLimit &&\n !!props.maxlength &&\n (props.type === 'text' || props.type === 'textarea') &&\n !inputDisabled.value &&\n !props.readonly &&\n !props.showPassword\n)\nconst textLength = computed(() => nativeInputValue.value.length)\nconst inputExceed = computed(\n () =>\n // show exceed style if length of initial value greater then maxlength\n !!isWordLimitVisible.value && textLength.value > Number(props.maxlength)\n)\nconst suffixVisible = computed(\n () =>\n !!slots.suffix ||\n !!props.suffixIcon ||\n showClear.value ||\n props.showPassword ||\n isWordLimitVisible.value ||\n (!!validateState.value && needStatusIcon.value)\n)\n\nconst [recordCursor, setCursor] = useCursor(input)\n\nuseResizeObserver(textarea, (entries) => {\n onceInitSizeTextarea()\n if (!isWordLimitVisible.value || props.resize !== 'both') return\n const entry = entries[0]\n const { width } = entry.contentRect\n countStyle.value = {\n /** right: 100% - width + padding(15) + right(6) */\n right: `calc(100% - ${width + 15 + 6}px)`,\n }\n})\n\nconst resizeTextarea = () => {\n const { type, autosize } = props\n\n if (!isClient || type !== 'textarea' || !textarea.value) return\n\n if (autosize) {\n const minRows = isObject(autosize) ? autosize.minRows : undefined\n const maxRows = isObject(autosize) ? autosize.maxRows : undefined\n const textareaStyle = calcTextareaHeight(textarea.value, minRows, maxRows)\n\n // If the scrollbar is displayed, the height of the textarea needs more space than the calculated height.\n // If set textarea height in this case, the scrollbar will not hide.\n // So we need to hide scrollbar first, and reset it in next tick.\n // see https://github.com/element-plus/element-plus/issues/8825\n textareaCalcStyle.value = {\n overflowY: 'hidden',\n ...textareaStyle,\n }\n\n nextTick(() => {\n // NOTE: Force repaint to make sure the style set above is applied.\n textarea.value!.offsetHeight\n textareaCalcStyle.value = textareaStyle\n })\n } else {\n textareaCalcStyle.value = {\n minHeight: calcTextareaHeight(textarea.value).minHeight,\n }\n }\n}\n\nconst createOnceInitResize = (resizeTextarea: () => void) => {\n let isInit = false\n return () => {\n if (isInit || !props.autosize) return\n const isElHidden = textarea.value?.offsetParent === null\n if (!isElHidden) {\n resizeTextarea()\n isInit = true\n }\n }\n}\n// fix: https://github.com/element-plus/element-plus/issues/12074\nconst onceInitSizeTextarea = createOnceInitResize(resizeTextarea)\n\nconst setNativeInputValue = () => {\n const input = _ref.value\n const formatterValue = props.formatter\n ? props.formatter(nativeInputValue.value)\n : nativeInputValue.value\n if (!input || input.value === formatterValue) return\n input.value = formatterValue\n}\n\nconst handleInput = async (event: Event) => {\n recordCursor()\n\n let { value } = event.target as TargetElement\n\n if (props.formatter) {\n value = props.parser ? props.parser(value) : value\n }\n\n // should not emit input during composition\n // see: https://github.com/ElemeFE/element/issues/10516\n if (isComposing.value) return\n\n // hack for https://github.com/ElemeFE/element/issues/8548\n // should remove the following line when we don't support IE\n if (value === nativeInputValue.value) {\n setNativeInputValue()\n return\n }\n\n emit(UPDATE_MODEL_EVENT, value)\n emit('input', value)\n\n // ensure native input value is controlled\n // see: https://github.com/ElemeFE/element/issues/12850\n await nextTick()\n setNativeInputValue()\n setCursor()\n}\n\nconst handleChange = (event: Event) => {\n emit('change', (event.target as TargetElement).value)\n}\n\nconst handleCompositionStart = (event: CompositionEvent) => {\n emit('compositionstart', event)\n isComposing.value = true\n}\n\nconst handleCompositionUpdate = (event: CompositionEvent) => {\n emit('compositionupdate', event)\n const text = (event.target as HTMLInputElement)?.value\n const lastCharacter = text[text.length - 1] || ''\n isComposing.value = !isKorean(lastCharacter)\n}\n\nconst handleCompositionEnd = (event: CompositionEvent) => {\n emit('compositionend', event)\n if (isComposing.value) {\n isComposing.value = false\n handleInput(event)\n }\n}\n\nconst handlePasswordVisible = () => {\n passwordVisible.value = !passwordVisible.value\n focus()\n}\n\nconst focus = async () => {\n // see: https://github.com/ElemeFE/element/issues/18573\n await nextTick()\n _ref.value?.focus()\n}\n\nconst blur = () => _ref.value?.blur()\n\nconst handleMouseLeave = (evt: MouseEvent) => {\n hovering.value = false\n emit('mouseleave', evt)\n}\n\nconst handleMouseEnter = (evt: MouseEvent) => {\n hovering.value = true\n emit('mouseenter', evt)\n}\n\nconst handleKeydown = (evt: KeyboardEvent) => {\n emit('keydown', evt)\n}\n\nconst select = () => {\n _ref.value?.select()\n}\n\nconst clear = () => {\n emit(UPDATE_MODEL_EVENT, '')\n emit('change', '')\n emit('clear')\n emit('input', '')\n}\n\nwatch(\n () => props.modelValue,\n () => {\n nextTick(() => resizeTextarea())\n if (props.validateEvent) {\n elFormItem?.validate?.('change').catch((err) => debugWarn(err))\n }\n }\n)\n\n// native input value is set explicitly\n// do not use v-model / :value in template\n// see: https://github.com/ElemeFE/element/issues/14521\nwatch(nativeInputValue, () => setNativeInputValue())\n\n// when change between <input> and <textarea>,\n// update DOM dependent value and styles\n// https://github.com/ElemeFE/element/issues/14857\nwatch(\n () => props.type,\n async () => {\n await nextTick()\n setNativeInputValue()\n resizeTextarea()\n }\n)\n\nonMounted(() => {\n if (!props.formatter && props.parser) {\n debugWarn(\n 'ElInput',\n 'If you set the parser, you also need to set the formatter.'\n )\n }\n setNativeInputValue()\n nextTick(resizeTextarea)\n})\n\ndefineExpose({\n /** @description HTML input element */\n input,\n /** @description HTML textarea element */\n textarea,\n /** @description HTML element, input or textarea */\n ref: _ref,\n /** @description style of textarea. */\n textareaStyle,\n\n /** @description from props (used on unit test) */\n autosize: toRef(props, 'autosize'),\n\n /** @description HTML input element native method */\n focus,\n /** @description HTML input element native method */\n blur,\n /** @description HTML input element native method */\n select,\n /** @description clear input value */\n clear,\n /** @description resize textarea. */\n resizeTextarea,\n})\n</script>\n"],"names":["useRawAttrs","useSlots","computed","useAttrs","useFormItem","useFormItemInputId","useFormSize","useFormDisabled","useNamespace","shallowRef","ref","useFocusController","debugWarn","ValidateComponentsMap","IconView","IconHide","isNil","useCursor","useResizeObserver","isClient","isObject","calcTextareaHeight","nextTick","event","UPDATE_MODEL_EVENT","isKorean","watch","onMounted"],"mappings":"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"}
|
|
@@ -399,8 +399,8 @@ export declare const ElInputNumber: import("@element-plus/nightly/es/utils").SFC
|
|
|
399
399
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
400
400
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
401
401
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
402
|
-
|
|
403
|
-
|
|
402
|
+
elForm: import("..").FormContext | undefined;
|
|
403
|
+
elFormItem: import("..").FormItemContext | undefined;
|
|
404
404
|
inputId: import("vue").Ref<string | undefined>;
|
|
405
405
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
406
406
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -792,8 +792,8 @@ export declare const ElInputNumber: import("@element-plus/nightly/es/utils").SFC
|
|
|
792
792
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
793
793
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
794
794
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
795
|
-
|
|
796
|
-
|
|
795
|
+
elForm: import("..").FormContext | undefined;
|
|
796
|
+
elFormItem: import("..").FormItemContext | undefined;
|
|
797
797
|
inputId: import("vue").Ref<string | undefined>;
|
|
798
798
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
799
799
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -1149,8 +1149,8 @@ export declare const ElInputNumber: import("@element-plus/nightly/es/utils").SFC
|
|
|
1149
1149
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
1150
1150
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
1151
1151
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
1152
|
-
|
|
1153
|
-
|
|
1152
|
+
elForm: import("..").FormContext | undefined;
|
|
1153
|
+
elFormItem: import("..").FormItemContext | undefined;
|
|
1154
1154
|
inputId: import("vue").Ref<string | undefined>;
|
|
1155
1155
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
1156
1156
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -399,8 +399,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
399
399
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
400
400
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
401
401
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
402
|
-
|
|
403
|
-
|
|
402
|
+
elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
|
|
403
|
+
elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
|
|
404
404
|
inputId: import("vue").Ref<string | undefined>;
|
|
405
405
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
406
406
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -792,8 +792,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
792
792
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
793
793
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
794
794
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
795
|
-
|
|
796
|
-
|
|
795
|
+
elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
|
|
796
|
+
elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
|
|
797
797
|
inputId: import("vue").Ref<string | undefined>;
|
|
798
798
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
799
799
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -1149,8 +1149,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1149
1149
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
1150
1150
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
1151
1151
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
1152
|
-
|
|
1153
|
-
|
|
1152
|
+
elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
|
|
1153
|
+
elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
|
|
1154
1154
|
inputId: import("vue").Ref<string | undefined>;
|
|
1155
1155
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
1156
1156
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -213,8 +213,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
213
213
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
214
214
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
215
215
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
216
|
-
|
|
217
|
-
|
|
216
|
+
elForm: import("../../..").FormContext | undefined;
|
|
217
|
+
elFormItem: import("../../..").FormItemContext | undefined;
|
|
218
218
|
inputId: import("vue").Ref<string | undefined>;
|
|
219
219
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
220
220
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -13987,8 +13987,8 @@ export declare const ElSlider: import("@element-plus/nightly/es/utils").SFCWithI
|
|
|
13987
13987
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
13988
13988
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
13989
13989
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
13990
|
-
|
|
13991
|
-
|
|
13990
|
+
elForm: import("..").FormContext | undefined;
|
|
13991
|
+
elFormItem: import("..").FormItemContext | undefined;
|
|
13992
13992
|
inputId: import("vue").Ref<string | undefined>;
|
|
13993
13993
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
13994
13994
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -14380,8 +14380,8 @@ export declare const ElSlider: import("@element-plus/nightly/es/utils").SFCWithI
|
|
|
14380
14380
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
14381
14381
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
14382
14382
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
14383
|
-
|
|
14384
|
-
|
|
14383
|
+
elForm: import("..").FormContext | undefined;
|
|
14384
|
+
elFormItem: import("..").FormItemContext | undefined;
|
|
14385
14385
|
inputId: import("vue").Ref<string | undefined>;
|
|
14386
14386
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
14387
14387
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -14737,8 +14737,8 @@ export declare const ElSlider: import("@element-plus/nightly/es/utils").SFCWithI
|
|
|
14737
14737
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
14738
14738
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
14739
14739
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
14740
|
-
|
|
14741
|
-
|
|
14740
|
+
elForm: import("..").FormContext | undefined;
|
|
14741
|
+
elFormItem: import("..").FormItemContext | undefined;
|
|
14742
14742
|
inputId: import("vue").Ref<string | undefined>;
|
|
14743
14743
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
14744
14744
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -13987,8 +13987,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
13987
13987
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
13988
13988
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
13989
13989
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
13990
|
-
|
|
13991
|
-
|
|
13990
|
+
elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
|
|
13991
|
+
elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
|
|
13992
13992
|
inputId: import("vue").Ref<string | undefined>;
|
|
13993
13993
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
13994
13994
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -14380,8 +14380,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
14380
14380
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
14381
14381
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
14382
14382
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
14383
|
-
|
|
14384
|
-
|
|
14383
|
+
elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
|
|
14384
|
+
elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
|
|
14385
14385
|
inputId: import("vue").Ref<string | undefined>;
|
|
14386
14386
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
14387
14387
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -14737,8 +14737,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
14737
14737
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
14738
14738
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
14739
14739
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
14740
|
-
|
|
14741
|
-
|
|
14740
|
+
elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
|
|
14741
|
+
elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
|
|
14742
14742
|
inputId: import("vue").Ref<string | undefined>;
|
|
14743
14743
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
14744
14744
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -6901,8 +6901,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
6901
6901
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
6902
6902
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
6903
6903
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
6904
|
-
|
|
6905
|
-
|
|
6904
|
+
elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
|
|
6905
|
+
elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
|
|
6906
6906
|
inputId: import("vue").Ref<string | undefined>;
|
|
6907
6907
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
6908
6908
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -23,6 +23,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
23
23
|
const strategy = vue.ref(props.strategy);
|
|
24
24
|
const contentRef = vue.ref(null);
|
|
25
25
|
const arrowRef = vue.ref(null);
|
|
26
|
+
vue.watch(() => props.placement, () => {
|
|
27
|
+
placement.value = props.placement;
|
|
28
|
+
});
|
|
26
29
|
const { contentStyle, arrowStyle } = helper.useFloating(vue.toRef(props, "reference"), contentRef, arrowRef, placement, strategy, vue.toRef(props, "offset"), vue.toRef(props, "zIndex"), vue.toRef(props, "showArrow"));
|
|
27
30
|
const side = vue.computed(() => {
|
|
28
31
|
return placement.value.split("-")[0];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content2.js","sources":["../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n <div\n ref=\"contentRef\"\n :style=\"contentStyle\"\n :class=\"ns.e('content')\"\n :data-side=\"side\"\n tabindex=\"-1\"\n >\n <el-focus-trap\n loop\n trapped\n focus-start-el=\"container\"\n :focus-trap-el=\"contentRef || undefined\"\n @release-requested=\"onCloseRequested\"\n >\n <slot />\n </el-focus-trap>\n <span\n v-if=\"showArrow\"\n ref=\"arrowRef\"\n :style=\"arrowStyle\"\n :class=\"ns.e('arrow')\"\n />\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { tourKey, useFloating } from './helper'\n\ndefineOptions({\n name: 'ElTourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nconst { contentStyle, arrowStyle } = useFloating(\n toRef(props, 'reference'),\n contentRef,\n arrowRef,\n placement,\n strategy,\n toRef(props, 'offset'),\n toRef(props, 'zIndex'),\n toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n emit('close')\n}\n</script>\n"],"names":["ref","useFloating","toRef","computed","inject","tourKey"],"mappings":";;;;;;;;;;;;uCA+Bc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,SAAA,GAAYA,OAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAWA,OAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAaA,QAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAWA,QAAwB,IAAI,CAAA,CAAA;AAE7C,IAAM,MAAA,EAAE,cAAc,UAAe,EAAA,GAAAC,kBAAA,CACnCC,UAAM,KAAO,EAAA,WAAW,CACxB,EAAA,UAAA,EACA,QACA,EAAA,SAAA,EACA,UACAA,SAAM,CAAA,KAAA,EAAO,QAAQ,CAAA,EACrBA,SAAM,CAAA,KAAA,EAAO,QAAQ,CACrB,EAAAA,SAAA,CAAM,KAAO,EAAA,WAAW,CAC1B,CAAA,CAAA;AAEA,IAAM,MAAA,IAAA,GAAOC,aAAS,MAAM;AAC1B,MAAA,OAAO,SAAU,CAAA,KAAA,CAAM,KAAM,CAAA,GAAG,CAAE,CAAA,CAAA,CAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AAED,IAAM,MAAA,EAAE,EAAO,EAAA,GAAAC,UAAA,CAAOC,cAAO,CAAA,CAAA;AAE7B,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,IAAA,CAAK,OAAO,CAAA,CAAA;AAAA,KACd,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"content2.js","sources":["../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n <div\n ref=\"contentRef\"\n :style=\"contentStyle\"\n :class=\"ns.e('content')\"\n :data-side=\"side\"\n tabindex=\"-1\"\n >\n <el-focus-trap\n loop\n trapped\n focus-start-el=\"container\"\n :focus-trap-el=\"contentRef || undefined\"\n @release-requested=\"onCloseRequested\"\n >\n <slot />\n </el-focus-trap>\n <span\n v-if=\"showArrow\"\n ref=\"arrowRef\"\n :style=\"arrowStyle\"\n :class=\"ns.e('arrow')\"\n />\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef, watch } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { tourKey, useFloating } from './helper'\n\ndefineOptions({\n name: 'ElTourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n () => props.placement,\n () => {\n placement.value = props.placement\n }\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n toRef(props, 'reference'),\n contentRef,\n arrowRef,\n placement,\n strategy,\n toRef(props, 'offset'),\n toRef(props, 'zIndex'),\n toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n emit('close')\n}\n</script>\n"],"names":["ref","watch","useFloating","toRef","computed","inject","tourKey"],"mappings":";;;;;;;;;;;;uCA+Bc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,SAAA,GAAYA,OAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAWA,OAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAaA,QAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAWA,QAAwB,IAAI,CAAA,CAAA;AAE7C,IACEC,SAAA,CAAA,MAAM,KAAM,CAAA,SAAA,EACZ,MAAM;AACJ,MAAA,SAAA,CAAU,QAAQ,KAAM,CAAA,SAAA,CAAA;AAAA,KAE5B,CAAA,CAAA;AAEA,IAAM,MAAA,EAAE,cAAc,UAAe,EAAA,GAAAC,kBAAA,CACnCC,UAAM,KAAO,EAAA,WAAW,CACxB,EAAA,UAAA,EACA,QACA,EAAA,SAAA,EACA,UACAA,SAAM,CAAA,KAAA,EAAO,QAAQ,CAAA,EACrBA,SAAM,CAAA,KAAA,EAAO,QAAQ,CACrB,EAAAA,SAAA,CAAM,KAAO,EAAA,WAAW,CAC1B,CAAA,CAAA;AAEA,IAAM,MAAA,IAAA,GAAOC,aAAS,MAAM;AAC1B,MAAA,OAAO,SAAU,CAAA,KAAA,CAAM,KAAM,CAAA,GAAG,CAAE,CAAA,CAAA,CAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AAED,IAAM,MAAA,EAAE,EAAO,EAAA,GAAAC,UAAA,CAAOC,cAAO,CAAA,CAAA;AAE7B,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,IAAA,CAAK,OAAO,CAAA,CAAA;AAAA,KACd,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1011,8 +1011,8 @@ export declare const ElTransfer: import("@element-plus/nightly/es/utils").SFCWit
|
|
|
1011
1011
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
1012
1012
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
1013
1013
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
1014
|
-
|
|
1015
|
-
|
|
1014
|
+
elForm: import("..").FormContext | undefined;
|
|
1015
|
+
elFormItem: import("..").FormItemContext | undefined;
|
|
1016
1016
|
inputId: import("vue").Ref<string | undefined>;
|
|
1017
1017
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
1018
1018
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -2167,8 +2167,8 @@ export declare const ElTransfer: import("@element-plus/nightly/es/utils").SFCWit
|
|
|
2167
2167
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
2168
2168
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
2169
2169
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
2170
|
-
|
|
2171
|
-
|
|
2170
|
+
elForm: import("..").FormContext | undefined;
|
|
2171
|
+
elFormItem: import("..").FormItemContext | undefined;
|
|
2172
2172
|
inputId: import("vue").Ref<string | undefined>;
|
|
2173
2173
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
2174
2174
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -3349,8 +3349,8 @@ export declare const ElTransfer: import("@element-plus/nightly/es/utils").SFCWit
|
|
|
3349
3349
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
3350
3350
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
3351
3351
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
3352
|
-
|
|
3353
|
-
|
|
3352
|
+
elForm: import("..").FormContext | undefined;
|
|
3353
|
+
elFormItem: import("..").FormItemContext | undefined;
|
|
3354
3354
|
inputId: import("vue").Ref<string | undefined>;
|
|
3355
3355
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
3356
3356
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -4505,8 +4505,8 @@ export declare const ElTransfer: import("@element-plus/nightly/es/utils").SFCWit
|
|
|
4505
4505
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
4506
4506
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
4507
4507
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
4508
|
-
|
|
4509
|
-
|
|
4508
|
+
elForm: import("..").FormContext | undefined;
|
|
4509
|
+
elFormItem: import("..").FormItemContext | undefined;
|
|
4510
4510
|
inputId: import("vue").Ref<string | undefined>;
|
|
4511
4511
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
4512
4512
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -5971,8 +5971,8 @@ export declare const ElTransfer: import("@element-plus/nightly/es/utils").SFCWit
|
|
|
5971
5971
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
5972
5972
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
5973
5973
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
5974
|
-
|
|
5975
|
-
|
|
5974
|
+
elForm: import("..").FormContext | undefined;
|
|
5975
|
+
elFormItem: import("..").FormItemContext | undefined;
|
|
5976
5976
|
inputId: import("vue").Ref<string | undefined>;
|
|
5977
5977
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
5978
5978
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -849,8 +849,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
849
849
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
850
850
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
851
851
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
852
|
-
|
|
853
|
-
|
|
852
|
+
elForm: import("../..").FormContext | undefined;
|
|
853
|
+
elFormItem: import("../..").FormItemContext | undefined;
|
|
854
854
|
inputId: import("vue").Ref<string | undefined>;
|
|
855
855
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
856
856
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -1012,8 +1012,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1012
1012
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
1013
1013
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
1014
1014
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
1015
|
-
|
|
1016
|
-
|
|
1015
|
+
elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
|
|
1016
|
+
elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
|
|
1017
1017
|
inputId: import("vue").Ref<string | undefined>;
|
|
1018
1018
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
1019
1019
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -2168,8 +2168,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2168
2168
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
2169
2169
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
2170
2170
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
2171
|
-
|
|
2172
|
-
|
|
2171
|
+
elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
|
|
2172
|
+
elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
|
|
2173
2173
|
inputId: import("vue").Ref<string | undefined>;
|
|
2174
2174
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
2175
2175
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -3350,8 +3350,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3350
3350
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
3351
3351
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
3352
3352
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
3353
|
-
|
|
3354
|
-
|
|
3353
|
+
elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
|
|
3354
|
+
elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
|
|
3355
3355
|
inputId: import("vue").Ref<string | undefined>;
|
|
3356
3356
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
3357
3357
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -4506,8 +4506,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
4506
4506
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
4507
4507
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
4508
4508
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
4509
|
-
|
|
4510
|
-
|
|
4509
|
+
elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
|
|
4510
|
+
elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
|
|
4511
4511
|
inputId: import("vue").Ref<string | undefined>;
|
|
4512
4512
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
4513
4513
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -5972,8 +5972,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
5972
5972
|
containerKls: import("vue").ComputedRef<unknown[]>;
|
|
5973
5973
|
wrapperKls: import("vue").ComputedRef<string[]>;
|
|
5974
5974
|
attrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
5975
|
-
|
|
5976
|
-
|
|
5975
|
+
elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
|
|
5976
|
+
elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
|
|
5977
5977
|
inputId: import("vue").Ref<string | undefined>;
|
|
5978
5978
|
inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
5979
5979
|
inputDisabled: import("vue").ComputedRef<boolean>;
|
package/lib/index.js
CHANGED
|
@@ -28,7 +28,7 @@ var index$6 = require('./components/breadcrumb/index.js');
|
|
|
28
28
|
var button = require('./components/button/src/button.js');
|
|
29
29
|
var constants$1 = require('./components/button/src/constants.js');
|
|
30
30
|
var index$7 = require('./components/button/index.js');
|
|
31
|
-
var calendar = require('./components/calendar/src/
|
|
31
|
+
var calendar = require('./components/calendar/src/calendar2.js');
|
|
32
32
|
var index$8 = require('./components/calendar/index.js');
|
|
33
33
|
var card = require('./components/card/src/card.js');
|
|
34
34
|
var index$9 = require('./components/card/index.js');
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "0.0.
|
|
1
|
+
export declare const version = "0.0.20240104";
|
package/lib/version.js
CHANGED
package/lib/version.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.
|
|
1
|
+
{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240104'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@element-plus/nightly",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.20240104",
|
|
4
4
|
"description": "A Component Library for Vue 3",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"element-plus",
|
|
@@ -112,5 +112,5 @@
|
|
|
112
112
|
"not ie 11",
|
|
113
113
|
"not op_mini all"
|
|
114
114
|
],
|
|
115
|
-
"gitHead": "
|
|
115
|
+
"gitHead": "49ca14fecd7fcf1714acec08346640b32c3bc9d1"
|
|
116
116
|
}
|
package/theme-chalk/el-tour.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.el-tour{--el-tour-width:520px;--el-tour-padding-primary:16px;--el-tour-font-line-height:var(--el-font-line-height-primary);--el-tour-title-font-size:16px;--el-tour-title-text-color:var(--el-text-color-primary);--el-tour-title-font-weight:400;--el-tour-font-size:14px;--el-tour-color:var(--el-text-color-primary);--el-tour-bg-color:var(--el-bg-color);--el-tour-border-radius:4px;--el-tour-border-color:var(--el-border-color-lighter)}.el-tour__hollow{transition:all var(--el-transition-duration) ease}.el-tour__content{padding:0;border-radius:var(--el-tour-border-radius);border:1px solid var(--el-tour-border-color);width:var(--el-tour-width);background:var(--el-tour-bg-color);box-shadow:var(--el-box-shadow-light);box-sizing:border-box}.el-tour__arrow{position:absolute;background:var(--el-tour-bg-color);border:1px solid var(--el-tour-border-color);width:10px;height:10px;pointer-events:none;transform:rotate(45deg);box-sizing:border-box}.el-tour__content[data-side^=top] .el-tour__arrow{border-top-color:transparent;border-left-color:transparent}.el-tour__content[data-side^=bottom] .el-tour__arrow{border-bottom-color:transparent;border-right-color:transparent}.el-tour__content[data-side^=left] .el-tour__arrow{border-left-color:transparent;border-bottom-color:transparent}.el-tour__content[data-side^=right] .el-tour__arrow{border-right-color:transparent;border-top-color:transparent}.el-tour__content[data-side^=top] .el-tour__arrow{bottom:-5px}.el-tour__content[data-side^=bottom] .el-tour__arrow{top:-5px}.el-tour__content[data-side^=left] .el-tour__arrow{right:-5px}.el-tour__content[data-side^=right] .el-tour__arrow{left:-5px}.el-tour__closebtn{position:absolute;top:6px;right:0;padding:0;width:44px;height:44px;background:0 0;border:none;outline:0;cursor:pointer;font-size:var(--el-message-close-size,16px)}.el-tour__closebtn .el-tour__close{color:var(--el-tour-title-text-color);font-size:inherit}.el-tour__closebtn:focus .el-tour__close,.el-tour__closebtn:hover .el-tour__close{color:var(--el-color-primary)}.el-tour__header{padding:var(--el-tour-padding-primary);padding-bottom:10px;margin-right:16px}.el-tour__title{line-height:var(--el-tour-font-line-height);font-size:var(--el-tour-title-font-size);color:var(--el-tour-title-text-color);font-weight:var(--el-tour-title-font-weight)}.el-tour__body{padding:0 var(--el-tour-padding-primary);color:var(--el-tour-text-color);font-size:var(--el-tour-font-size)}.el-tour__body img,.el-tour__body video{max-width:100%}.el-tour__footer{padding:var(--el-tour-padding-primary);padding-top:10px;box-sizing:border-box;display:flex;justify-content:space-between}.el-tour__content .el-tour-indicators{display:inline-block;flex:1}.el-tour__content .el-tour-indicator{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--el-color-info-light-9);margin-right:6px}.el-tour__content .el-tour-indicator.is-active{background:var(--el-color-primary)}.el-tour.el-tour--primary{--el-tour-title-text-color:#fff;--el-tour-text-color:#fff;--el-tour-bg-color:var(--el-color-primary)}.el-tour.el-tour--primary .el-button--default{color:var(--el-color-primary);border-color:var(--el-color-primary);background:#fff}.el-tour.el-tour--primary .el-button--primary{border-color:#fff}.el-tour.el-tour--primary .el-tour-indicator{background:rgba(255,255,255,.15)}.el-tour.el-tour--primary .el-tour-indicator.is-active{background:#fff}.el-tour-parent--hidden{overflow:hidden}
|
|
1
|
+
.el-tour{--el-tour-width:520px;--el-tour-padding-primary:16px;--el-tour-font-line-height:var(--el-font-line-height-primary);--el-tour-title-font-size:16px;--el-tour-title-text-color:var(--el-text-color-primary);--el-tour-title-font-weight:400;--el-tour-font-size:14px;--el-tour-color:var(--el-text-color-primary);--el-tour-bg-color:var(--el-bg-color);--el-tour-border-radius:4px;--el-tour-border-color:var(--el-border-color-lighter)}.el-tour__hollow{transition:all var(--el-transition-duration) ease}.el-tour__content{padding:0;border-radius:var(--el-tour-border-radius);border:1px solid var(--el-tour-border-color);width:var(--el-tour-width);background:var(--el-tour-bg-color);box-shadow:var(--el-box-shadow-light);box-sizing:border-box}.el-tour__arrow{position:absolute;background:var(--el-tour-bg-color);border:1px solid var(--el-tour-border-color);width:10px;height:10px;pointer-events:none;transform:rotate(45deg);box-sizing:border-box}.el-tour__content[data-side^=top] .el-tour__arrow{border-top-color:transparent;border-left-color:transparent}.el-tour__content[data-side^=bottom] .el-tour__arrow{border-bottom-color:transparent;border-right-color:transparent}.el-tour__content[data-side^=left] .el-tour__arrow{border-left-color:transparent;border-bottom-color:transparent}.el-tour__content[data-side^=right] .el-tour__arrow{border-right-color:transparent;border-top-color:transparent}.el-tour__content[data-side^=top] .el-tour__arrow{bottom:-5px}.el-tour__content[data-side^=bottom] .el-tour__arrow{top:-5px}.el-tour__content[data-side^=left] .el-tour__arrow{right:-5px}.el-tour__content[data-side^=right] .el-tour__arrow{left:-5px}.el-tour__closebtn{position:absolute;top:6px;right:0;padding:0;width:44px;height:44px;background:0 0;border:none;outline:0;cursor:pointer;font-size:var(--el-message-close-size,16px)}.el-tour__closebtn .el-tour__close{color:var(--el-tour-title-text-color);font-size:inherit}.el-tour__closebtn:focus .el-tour__close,.el-tour__closebtn:hover .el-tour__close{color:var(--el-color-primary)}.el-tour__header{padding:var(--el-tour-padding-primary);padding-bottom:10px;margin-right:16px}.el-tour__title{line-height:var(--el-tour-font-line-height);font-size:var(--el-tour-title-font-size);color:var(--el-tour-title-text-color);font-weight:var(--el-tour-title-font-weight)}.el-tour__body{padding:0 var(--el-tour-padding-primary);color:var(--el-tour-text-color);font-size:var(--el-tour-font-size)}.el-tour__body img,.el-tour__body video{max-width:100%}.el-tour__footer{padding:var(--el-tour-padding-primary);padding-top:10px;box-sizing:border-box;display:flex;justify-content:space-between}.el-tour__content .el-tour-indicators{display:inline-block;flex:1}.el-tour__content .el-tour-indicator{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--el-color-info-light-9);margin-right:6px}.el-tour__content .el-tour-indicator.is-active{background:var(--el-color-primary)}.el-tour.el-tour--primary{--el-tour-title-text-color:#fff;--el-tour-text-color:#fff;--el-tour-bg-color:var(--el-color-primary)}.el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close,.el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close{color:var(--el-tour-title-text-color)}.el-tour.el-tour--primary .el-button--default{color:var(--el-color-primary);border-color:var(--el-color-primary);background:#fff}.el-tour.el-tour--primary .el-button--primary{border-color:#fff}.el-tour.el-tour--primary .el-tour-indicator{background:rgba(255,255,255,.15)}.el-tour.el-tour--primary .el-tour-indicator.is-active{background:#fff}.el-tour-parent--hidden{overflow:hidden}
|