前端初始化
This commit is contained in:
“hsc”
+7
@@ -0,0 +1,7 @@
|
||||
import { Mark, useMarks } from "./use-marks.js";
|
||||
import { useLifecycle } from "./use-lifecycle.js";
|
||||
import { useSlide } from "./use-slide.js";
|
||||
import { useSliderButton } from "./use-slider-button.js";
|
||||
import { useStops } from "./use-stops.js";
|
||||
import { useWatch } from "./use-watch.js";
|
||||
export { Mark, useLifecycle, useMarks, useSlide, useSliderButton, useStops, useWatch };
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
||||
const require_use_lifecycle = require("./use-lifecycle.js");
|
||||
const require_use_marks = require("./use-marks.js");
|
||||
const require_use_slide = require("./use-slide.js");
|
||||
const require_use_slider_button = require("./use-slider-button.js");
|
||||
const require_use_stops = require("./use-stops.js");
|
||||
const require_use_watch = require("./use-watch.js");
|
||||
exports.useLifecycle = require_use_lifecycle.useLifecycle;
|
||||
exports.useMarks = require_use_marks.useMarks;
|
||||
exports.useSlide = require_use_slide.useSlide;
|
||||
exports.useSliderButton = require_use_slider_button.useSliderButton;
|
||||
exports.useStops = require_use_stops.useStops;
|
||||
exports.useWatch = require_use_watch.useWatch;
|
||||
Generated
Vendored
+9
@@ -0,0 +1,9 @@
|
||||
import { SliderInitData, SliderProps } from "../slider.js";
|
||||
import * as _$vue from "vue";
|
||||
|
||||
//#region ../../packages/components/slider/src/composables/use-lifecycle.d.ts
|
||||
declare const useLifecycle: (props: SliderProps, initData: SliderInitData, resetSize: () => void) => {
|
||||
sliderWrapper: _$vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
||||
};
|
||||
//#endregion
|
||||
export { useLifecycle };
|
||||
+34
@@ -0,0 +1,34 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
const require_types = require("../../../../utils/types.js");
|
||||
let _vueuse_core = require("@vueuse/core");
|
||||
let vue = require("vue");
|
||||
let _vue_shared = require("@vue/shared");
|
||||
//#region ../../packages/components/slider/src/composables/use-lifecycle.ts
|
||||
const useLifecycle = (props, initData, resetSize) => {
|
||||
const sliderWrapper = (0, vue.ref)();
|
||||
(0, vue.onMounted)(async () => {
|
||||
if (props.range) {
|
||||
if ((0, _vue_shared.isArray)(props.modelValue)) {
|
||||
initData.firstValue = Math.max(props.min, props.modelValue[0]);
|
||||
initData.secondValue = Math.min(props.max, props.modelValue[1]);
|
||||
} else {
|
||||
initData.firstValue = props.min;
|
||||
initData.secondValue = props.max;
|
||||
}
|
||||
initData.oldValue = [initData.firstValue, initData.secondValue];
|
||||
} else {
|
||||
if (!require_types.isNumber(props.modelValue) || Number.isNaN(props.modelValue)) initData.firstValue = props.min;
|
||||
else initData.firstValue = Math.min(props.max, Math.max(props.min, props.modelValue));
|
||||
initData.oldValue = initData.firstValue;
|
||||
}
|
||||
(0, _vueuse_core.useEventListener)(window, "resize", resetSize);
|
||||
await (0, vue.nextTick)();
|
||||
resetSize();
|
||||
});
|
||||
return { sliderWrapper };
|
||||
};
|
||||
//#endregion
|
||||
exports.useLifecycle = useLifecycle;
|
||||
|
||||
//# sourceMappingURL=use-lifecycle.js.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"use-lifecycle.js","names":["isNumber"],"sources":["../../../../../../../packages/components/slider/src/composables/use-lifecycle.ts"],"sourcesContent":["import { nextTick, onMounted, ref } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport { isArray, isNumber } from '@element-plus/utils'\n\nimport type { SliderInitData, SliderProps } from '../slider'\n\nexport const useLifecycle = (\n props: SliderProps,\n initData: SliderInitData,\n resetSize: () => void\n) => {\n const sliderWrapper = ref<HTMLElement>()\n\n onMounted(async () => {\n if (props.range) {\n if (isArray(props.modelValue)) {\n initData.firstValue = Math.max(props.min, props.modelValue[0])\n initData.secondValue = Math.min(props.max, props.modelValue[1])\n } else {\n initData.firstValue = props.min\n initData.secondValue = props.max\n }\n initData.oldValue = [initData.firstValue, initData.secondValue]\n } else {\n if (!isNumber(props.modelValue) || Number.isNaN(props.modelValue)) {\n initData.firstValue = props.min\n } else {\n initData.firstValue = Math.min(\n props.max,\n Math.max(props.min, props.modelValue)\n )\n }\n initData.oldValue = initData.firstValue\n }\n\n useEventListener(window, 'resize', resetSize)\n\n await nextTick()\n resetSize()\n })\n\n return {\n sliderWrapper,\n }\n}\n"],"mappings":";;;;;;;AAMA,MAAa,gBACX,OACA,UACA,cACG;CACH,MAAM,iBAAA,GAAA,IAAA,MAAkC;CAExC,CAAA,GAAA,IAAA,WAAU,YAAY;EACpB,IAAI,MAAM,OAAO;GACf,KAAA,GAAA,YAAA,SAAY,MAAM,WAAW,EAAE;IAC7B,SAAS,aAAa,KAAK,IAAI,MAAM,KAAK,MAAM,WAAW,GAAG;IAC9D,SAAS,cAAc,KAAK,IAAI,MAAM,KAAK,MAAM,WAAW,GAAG;UAC1D;IACL,SAAS,aAAa,MAAM;IAC5B,SAAS,cAAc,MAAM;;GAE/B,SAAS,WAAW,CAAC,SAAS,YAAY,SAAS,YAAY;SAC1D;GACL,IAAI,CAACA,cAAAA,SAAS,MAAM,WAAW,IAAI,OAAO,MAAM,MAAM,WAAW,EAC/D,SAAS,aAAa,MAAM;QAE5B,SAAS,aAAa,KAAK,IACzB,MAAM,KACN,KAAK,IAAI,MAAM,KAAK,MAAM,WAAW,CACtC;GAEH,SAAS,WAAW,SAAS;;EAG/B,CAAA,GAAA,aAAA,kBAAiB,QAAQ,UAAU,UAAU;EAE7C,OAAA,GAAA,IAAA,WAAgB;EAChB,WAAW;GACX;CAEF,OAAO,EACL,eACD"}
|
||||
+12
@@ -0,0 +1,12 @@
|
||||
import { SliderMarkerProps } from "../marker.js";
|
||||
import { SliderProps } from "../slider.js";
|
||||
import * as _$vue from "vue";
|
||||
|
||||
//#region ../../packages/components/slider/src/composables/use-marks.d.ts
|
||||
interface Mark extends SliderMarkerProps {
|
||||
point: number;
|
||||
position: number;
|
||||
}
|
||||
declare const useMarks: (props: SliderProps) => _$vue.ComputedRef<Mark[]>;
|
||||
//#endregion
|
||||
export { Mark, useMarks };
|
||||
+32
@@ -0,0 +1,32 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
const require_error = require("../../../../utils/error.js");
|
||||
let vue = require("vue");
|
||||
//#region ../../packages/components/slider/src/composables/use-marks.ts
|
||||
const useMarks = (props) => {
|
||||
const markList = (0, vue.computed)(() => {
|
||||
if (!props.marks) return [];
|
||||
return Object.keys(props.marks).map(Number.parseFloat).sort((a, b) => a - b).filter((point) => point <= props.max && point >= props.min).map((point) => ({
|
||||
point,
|
||||
position: (point - props.min) * 100 / (props.max - props.min),
|
||||
mark: props.marks[point]
|
||||
}));
|
||||
});
|
||||
(0, vue.watchEffect)(() => {
|
||||
if (props.step === "mark" && !props.marks) require_error.debugWarn("ElSlider", "marks prop must be provided when step is mark");
|
||||
if (props.marks) {
|
||||
const keys = Object.keys(props.marks);
|
||||
const validPoints = markList.value.map((m) => m.point);
|
||||
const invalidKeys = keys.filter((key) => {
|
||||
const parsed = Number.parseFloat(key);
|
||||
return Number.isNaN(parsed) || !validPoints.includes(parsed);
|
||||
});
|
||||
if (invalidKeys.length > 0) require_error.debugWarn("ElSlider", `Some marks keys are invalid (not a number or out of [min, max]): [${invalidKeys.map((k) => `'${k}'`).join(", ")}] and will be ignored.`);
|
||||
}
|
||||
});
|
||||
return markList;
|
||||
};
|
||||
//#endregion
|
||||
exports.useMarks = useMarks;
|
||||
|
||||
//# sourceMappingURL=use-marks.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"use-marks.js","names":[],"sources":["../../../../../../../packages/components/slider/src/composables/use-marks.ts"],"sourcesContent":["import { computed, watchEffect } from 'vue'\nimport { debugWarn } from '@element-plus/utils'\n\nimport type { SliderProps } from '../slider'\nimport type { SliderMarkerProps } from '../marker'\n\nexport interface Mark extends SliderMarkerProps {\n point: number\n position: number\n}\n\nexport const useMarks = (props: SliderProps) => {\n const markList = computed(() => {\n if (!props.marks) {\n return []\n }\n const marksKeys = Object.keys(props.marks)\n return marksKeys\n .map(Number.parseFloat)\n .sort((a, b) => a - b)\n .filter((point) => point <= props.max && point >= props.min)\n .map((point): Mark => ({\n point,\n position: ((point - props.min) * 100) / (props.max - props.min),\n mark: props.marks![point],\n }))\n })\n\n watchEffect(() => {\n if (props.step === 'mark' && !props.marks) {\n debugWarn('ElSlider', 'marks prop must be provided when step is mark')\n }\n if (props.marks) {\n const keys = Object.keys(props.marks)\n const validPoints = markList.value.map((m) => m.point)\n const invalidKeys = keys.filter((key) => {\n const parsed = Number.parseFloat(key)\n return Number.isNaN(parsed) || !validPoints.includes(parsed)\n })\n if (invalidKeys.length > 0) {\n debugWarn(\n 'ElSlider',\n `Some marks keys are invalid (not a number or out of [min, max]): [${invalidKeys.map((k) => `'${k}'`).join(', ')}] and will be ignored.`\n )\n }\n }\n })\n\n return markList\n}\n"],"mappings":";;;;;AAWA,MAAa,YAAY,UAAuB;CAC9C,MAAM,YAAA,GAAA,IAAA,gBAA0B;EAC9B,IAAI,CAAC,MAAM,OACT,OAAO,EAAE;EAGX,OADkB,OAAO,KAAK,MAAM,MACpB,CACb,IAAI,OAAO,WAAW,CACtB,MAAM,GAAG,MAAM,IAAI,EAAE,CACrB,QAAQ,UAAU,SAAS,MAAM,OAAO,SAAS,MAAM,IAAI,CAC3D,KAAK,WAAiB;GACrB;GACA,WAAY,QAAQ,MAAM,OAAO,OAAQ,MAAM,MAAM,MAAM;GAC3D,MAAM,MAAM,MAAO;GACpB,EAAE;GACL;CAEF,CAAA,GAAA,IAAA,mBAAkB;EAChB,IAAI,MAAM,SAAS,UAAU,CAAC,MAAM,OAClC,cAAA,UAAU,YAAY,gDAAgD;EAExE,IAAI,MAAM,OAAO;GACf,MAAM,OAAO,OAAO,KAAK,MAAM,MAAM;GACrC,MAAM,cAAc,SAAS,MAAM,KAAK,MAAM,EAAE,MAAM;GACtD,MAAM,cAAc,KAAK,QAAQ,QAAQ;IACvC,MAAM,SAAS,OAAO,WAAW,IAAI;IACrC,OAAO,OAAO,MAAM,OAAO,IAAI,CAAC,YAAY,SAAS,OAAO;KAC5D;GACF,IAAI,YAAY,SAAS,GACvB,cAAA,UACE,YACA,qEAAqE,YAAY,KAAK,MAAM,IAAI,EAAE,GAAG,CAAC,KAAK,KAAK,CAAC,wBAClH;;GAGL;CAEF,OAAO"}
|
||||
+29
@@ -0,0 +1,29 @@
|
||||
import { FormItemContext } from "../../../form/src/types.js";
|
||||
import { SliderEmits, SliderInitData, SliderProps } from "../slider.js";
|
||||
import { SliderButtonInstance } from "../button.js";
|
||||
import * as _$vue from "vue";
|
||||
import { CSSProperties, Ref, SetupContext } from "vue";
|
||||
|
||||
//#region ../../packages/components/slider/src/composables/use-slide.d.ts
|
||||
declare const useSlide: (props: SliderProps, initData: SliderInitData, emit: SetupContext<SliderEmits>["emit"]) => {
|
||||
elFormItem: FormItemContext | undefined;
|
||||
slider: _$vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
|
||||
firstButton: Ref<SliderButtonInstance | undefined, SliderButtonInstance | undefined>;
|
||||
secondButton: Ref<SliderButtonInstance | undefined, SliderButtonInstance | undefined>;
|
||||
sliderDisabled: _$vue.ComputedRef<boolean>;
|
||||
minValue: _$vue.ComputedRef<number>;
|
||||
maxValue: _$vue.ComputedRef<number>;
|
||||
runwayStyle: _$vue.ComputedRef<CSSProperties>;
|
||||
barStyle: _$vue.ComputedRef<CSSProperties>;
|
||||
resetSize: () => void;
|
||||
setPosition: (percent: number) => Ref<SliderButtonInstance | undefined>;
|
||||
emitChange: () => Promise<void>;
|
||||
onSliderWrapperPrevent: (event: TouchEvent) => void;
|
||||
onSliderClick: (event: MouseEvent | TouchEvent) => void;
|
||||
onSliderDown: (event: MouseEvent | TouchEvent) => Promise<void>;
|
||||
onSliderMarkerDown: (position: number) => void;
|
||||
setFirstValue: (firstValue: number | undefined) => void;
|
||||
setSecondValue: (secondValue: number) => void;
|
||||
};
|
||||
//#endregion
|
||||
export { useSlide };
|
||||
+126
@@ -0,0 +1,126 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
const require_event = require("../../../../constants/event.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");
|
||||
let vue = require("vue");
|
||||
//#region ../../packages/components/slider/src/composables/use-slide.ts
|
||||
const useSlide = (props, initData, emit) => {
|
||||
const { formItem: elFormItem } = require_use_form_item.useFormItem();
|
||||
const slider = (0, vue.shallowRef)();
|
||||
const firstButton = (0, vue.ref)();
|
||||
const secondButton = (0, vue.ref)();
|
||||
const buttonRefs = {
|
||||
firstButton,
|
||||
secondButton
|
||||
};
|
||||
const sliderDisabled = require_use_form_common_props.useFormDisabled();
|
||||
const minValue = (0, vue.computed)(() => {
|
||||
return Math.min(initData.firstValue, initData.secondValue);
|
||||
});
|
||||
const maxValue = (0, vue.computed)(() => {
|
||||
return Math.max(initData.firstValue, initData.secondValue);
|
||||
});
|
||||
const barSize = (0, vue.computed)(() => {
|
||||
return props.range ? `${100 * (maxValue.value - minValue.value) / (props.max - props.min)}%` : `${100 * (initData.firstValue - props.min) / (props.max - props.min)}%`;
|
||||
});
|
||||
const barStart = (0, vue.computed)(() => {
|
||||
return props.range ? `${100 * (minValue.value - props.min) / (props.max - props.min)}%` : "0%";
|
||||
});
|
||||
const runwayStyle = (0, vue.computed)(() => {
|
||||
return props.vertical ? { height: props.height } : {};
|
||||
});
|
||||
const barStyle = (0, vue.computed)(() => {
|
||||
return props.vertical ? {
|
||||
height: barSize.value,
|
||||
bottom: barStart.value
|
||||
} : {
|
||||
width: barSize.value,
|
||||
left: barStart.value
|
||||
};
|
||||
});
|
||||
const resetSize = () => {
|
||||
if (slider.value) initData.sliderSize = slider.value.getBoundingClientRect()[props.vertical ? "height" : "width"];
|
||||
};
|
||||
const getButtonRefByPercent = (percent) => {
|
||||
const targetValue = props.min + percent * (props.max - props.min) / 100;
|
||||
if (!props.range) return firstButton;
|
||||
let buttonRefName;
|
||||
if (Math.abs(minValue.value - targetValue) < Math.abs(maxValue.value - targetValue)) buttonRefName = initData.firstValue < initData.secondValue ? "firstButton" : "secondButton";
|
||||
else buttonRefName = initData.firstValue > initData.secondValue ? "firstButton" : "secondButton";
|
||||
return buttonRefs[buttonRefName];
|
||||
};
|
||||
const setPosition = (percent) => {
|
||||
const buttonRef = getButtonRefByPercent(percent);
|
||||
buttonRef.value.setPosition(percent);
|
||||
return buttonRef;
|
||||
};
|
||||
const setFirstValue = (firstValue) => {
|
||||
initData.firstValue = firstValue ?? props.min;
|
||||
_emit(props.range ? [minValue.value, maxValue.value] : firstValue ?? props.min);
|
||||
};
|
||||
const setSecondValue = (secondValue) => {
|
||||
initData.secondValue = secondValue;
|
||||
if (props.range) _emit([minValue.value, maxValue.value]);
|
||||
};
|
||||
const _emit = (val) => {
|
||||
emit(require_event.UPDATE_MODEL_EVENT, val);
|
||||
emit(require_event.INPUT_EVENT, val);
|
||||
};
|
||||
const emitChange = async () => {
|
||||
await (0, vue.nextTick)();
|
||||
emit(require_event.CHANGE_EVENT, props.range ? [minValue.value, maxValue.value] : props.modelValue);
|
||||
};
|
||||
const handleSliderPointerEvent = (event) => {
|
||||
if (sliderDisabled.value || initData.dragging) return;
|
||||
resetSize();
|
||||
let newPercent = 0;
|
||||
if (props.vertical) {
|
||||
const clientY = event.touches?.item(0)?.clientY ?? event.clientY;
|
||||
newPercent = (slider.value.getBoundingClientRect().bottom - clientY) / initData.sliderSize * 100;
|
||||
} else newPercent = ((event.touches?.item(0)?.clientX ?? event.clientX) - slider.value.getBoundingClientRect().left) / initData.sliderSize * 100;
|
||||
if (newPercent < 0 || newPercent > 100) return;
|
||||
return setPosition(newPercent);
|
||||
};
|
||||
const onSliderWrapperPrevent = (event) => {
|
||||
if (buttonRefs["firstButton"].value?.dragging || buttonRefs["secondButton"].value?.dragging) event.preventDefault();
|
||||
};
|
||||
const onSliderDown = async (event) => {
|
||||
const buttonRef = handleSliderPointerEvent(event);
|
||||
if (buttonRef) {
|
||||
await (0, vue.nextTick)();
|
||||
buttonRef.value.onButtonDown(event);
|
||||
}
|
||||
};
|
||||
const onSliderClick = (event) => {
|
||||
if (handleSliderPointerEvent(event)) emitChange();
|
||||
};
|
||||
const onSliderMarkerDown = (position) => {
|
||||
if (sliderDisabled.value || initData.dragging) return;
|
||||
if (setPosition(position)) emitChange();
|
||||
};
|
||||
return {
|
||||
elFormItem,
|
||||
slider,
|
||||
firstButton,
|
||||
secondButton,
|
||||
sliderDisabled,
|
||||
minValue,
|
||||
maxValue,
|
||||
runwayStyle,
|
||||
barStyle,
|
||||
resetSize,
|
||||
setPosition,
|
||||
emitChange,
|
||||
onSliderWrapperPrevent,
|
||||
onSliderClick,
|
||||
onSliderDown,
|
||||
onSliderMarkerDown,
|
||||
setFirstValue,
|
||||
setSecondValue
|
||||
};
|
||||
};
|
||||
//#endregion
|
||||
exports.useSlide = useSlide;
|
||||
|
||||
//# sourceMappingURL=use-slide.js.map
|
||||
+1
File diff suppressed because one or more lines are too long
Generated
Vendored
+23
@@ -0,0 +1,23 @@
|
||||
import { EpPropMergeType } from "../../../../utils/vue/props/types.js";
|
||||
import { TooltipInstance } from "../../../tooltip/src/tooltip.js";
|
||||
import { SliderButtonEmits, SliderButtonInitData, SliderButtonProps } from "../button.js";
|
||||
import { CSSProperties, ComputedRef, Ref, SetupContext } from "vue";
|
||||
|
||||
//#region ../../packages/components/slider/src/composables/use-slider-button.d.ts
|
||||
declare const useSliderButton: (props: SliderButtonProps, initData: SliderButtonInitData, emit: SetupContext<SliderButtonEmits>["emit"]) => {
|
||||
disabled: ComputedRef<boolean>;
|
||||
button: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
|
||||
tooltip: Ref<TooltipInstance | undefined, TooltipInstance | undefined>;
|
||||
tooltipVisible: Ref<boolean, boolean>;
|
||||
showTooltip: Ref<EpPropMergeType<BooleanConstructor, unknown, unknown>, EpPropMergeType<BooleanConstructor, unknown, unknown>>;
|
||||
persistent: Ref<EpPropMergeType<BooleanConstructor, unknown, unknown>, EpPropMergeType<BooleanConstructor, unknown, unknown>>;
|
||||
wrapperStyle: ComputedRef<CSSProperties>;
|
||||
formatValue: ComputedRef<string | number>;
|
||||
handleMouseEnter: () => void;
|
||||
handleMouseLeave: () => void;
|
||||
onButtonDown: (event: MouseEvent | TouchEvent) => void;
|
||||
onKeyDown: (event: KeyboardEvent) => void;
|
||||
setPosition: (newPosition: number) => Promise<void>;
|
||||
};
|
||||
//#endregion
|
||||
export { useSliderButton };
|
||||
Generated
Vendored
+260
@@ -0,0 +1,260 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
const require_aria = require("../../../../constants/aria.js");
|
||||
const require_event = require("../../../../constants/event.js");
|
||||
const require_event$1 = require("../../../../utils/dom/event.js");
|
||||
const require_types = require("../../../../utils/types.js");
|
||||
const require_constants = require("../constants.js");
|
||||
let _vueuse_core = require("@vueuse/core");
|
||||
let lodash_unified = require("lodash-unified");
|
||||
let vue = require("vue");
|
||||
//#region ../../packages/components/slider/src/composables/use-slider-button.ts
|
||||
const useTooltip = (props, formatTooltip, showTooltip) => {
|
||||
const tooltip = (0, vue.ref)();
|
||||
const tooltipVisible = (0, vue.ref)(false);
|
||||
const enableFormat = (0, vue.computed)(() => {
|
||||
return formatTooltip.value instanceof Function;
|
||||
});
|
||||
return {
|
||||
tooltip,
|
||||
tooltipVisible,
|
||||
formatValue: (0, vue.computed)(() => {
|
||||
return enableFormat.value && formatTooltip.value(props.modelValue) || props.modelValue;
|
||||
}),
|
||||
displayTooltip: (0, lodash_unified.debounce)(() => {
|
||||
showTooltip.value && (tooltipVisible.value = true);
|
||||
}, 50),
|
||||
hideTooltip: (0, lodash_unified.debounce)(() => {
|
||||
showTooltip.value && (tooltipVisible.value = false);
|
||||
}, 50)
|
||||
};
|
||||
};
|
||||
const useSliderButton = (props, initData, emit) => {
|
||||
const { disabled, min, max, step, showTooltip, persistent, precision, sliderSize, formatTooltip, emitChange, resetSize, updateDragging, markList } = (0, vue.inject)(require_constants.sliderContextKey);
|
||||
const { tooltip, tooltipVisible, formatValue, displayTooltip, hideTooltip } = useTooltip(props, formatTooltip, showTooltip);
|
||||
const button = (0, vue.ref)();
|
||||
const currentPosition = (0, vue.computed)(() => {
|
||||
return `${(props.modelValue - min.value) / (max.value - min.value) * 100}%`;
|
||||
});
|
||||
const wrapperStyle = (0, vue.computed)(() => {
|
||||
return props.vertical ? { bottom: currentPosition.value } : { left: currentPosition.value };
|
||||
});
|
||||
const shouldMoveToMark = (0, vue.computed)(() => {
|
||||
return step.value === "mark" && markList.value.length > 0;
|
||||
});
|
||||
const handleMouseEnter = () => {
|
||||
initData.hovering = true;
|
||||
displayTooltip();
|
||||
};
|
||||
const handleMouseLeave = () => {
|
||||
initData.hovering = false;
|
||||
if (!initData.dragging) hideTooltip();
|
||||
};
|
||||
const onButtonDown = (event) => {
|
||||
if (disabled.value) return;
|
||||
event.preventDefault();
|
||||
onDragStart(event);
|
||||
window.addEventListener("mousemove", onDragging);
|
||||
window.addEventListener("touchmove", onDragging);
|
||||
window.addEventListener("mouseup", onDragEnd);
|
||||
window.addEventListener("touchend", onDragEnd);
|
||||
window.addEventListener("contextmenu", onDragEnd);
|
||||
button.value.focus();
|
||||
};
|
||||
const incrementPosition = (amount) => {
|
||||
if (disabled.value) return;
|
||||
initData.newPosition = Number.parseFloat(currentPosition.value) + amount / (max.value - min.value) * 100;
|
||||
setPosition(initData.newPosition);
|
||||
emitChange();
|
||||
};
|
||||
const moveToMark = (amount) => {
|
||||
if (disabled.value || !markList.value.length) return;
|
||||
const current = props.modelValue;
|
||||
const epsilon = Number.EPSILON;
|
||||
const stride = Math.abs(amount);
|
||||
let target;
|
||||
if (amount > 0) {
|
||||
const startIndex = markList.value.findIndex((m) => m.point > current + epsilon);
|
||||
if (startIndex !== -1) {
|
||||
const targetIndex = Math.min(startIndex + stride - 1, markList.value.length - 1);
|
||||
target = markList.value[targetIndex].point;
|
||||
}
|
||||
} else {
|
||||
let startIndex = -1;
|
||||
for (let i = markList.value.length - 1; i >= 0; i--) if (markList.value[i].point < current - epsilon) {
|
||||
startIndex = i;
|
||||
break;
|
||||
}
|
||||
if (startIndex !== -1) {
|
||||
const targetIndex = Math.max(startIndex - (stride - 1), 0);
|
||||
target = markList.value[targetIndex].point;
|
||||
}
|
||||
}
|
||||
if (target !== void 0 && target !== current) {
|
||||
setPosition((target - min.value) / (max.value - min.value) * 100);
|
||||
emitChange();
|
||||
}
|
||||
};
|
||||
const onLeftKeyDown = () => {
|
||||
if (shouldMoveToMark.value) moveToMark(-1);
|
||||
else if (require_types.isNumber(step.value)) incrementPosition(-step.value);
|
||||
};
|
||||
const onRightKeyDown = () => {
|
||||
if (shouldMoveToMark.value) moveToMark(1);
|
||||
else if (require_types.isNumber(step.value)) incrementPosition(step.value);
|
||||
};
|
||||
const onPageDownKeyDown = () => {
|
||||
if (shouldMoveToMark.value) moveToMark(-4);
|
||||
else if (require_types.isNumber(step.value)) incrementPosition(-step.value * 4);
|
||||
};
|
||||
const onPageUpKeyDown = () => {
|
||||
if (shouldMoveToMark.value) moveToMark(4);
|
||||
else if (require_types.isNumber(step.value)) incrementPosition(step.value * 4);
|
||||
};
|
||||
const onHomeKeyDown = () => {
|
||||
if (disabled.value) return;
|
||||
setPosition(0);
|
||||
emitChange();
|
||||
};
|
||||
const onEndKeyDown = () => {
|
||||
if (disabled.value) return;
|
||||
setPosition(100);
|
||||
emitChange();
|
||||
};
|
||||
const onKeyDown = (event) => {
|
||||
const code = require_event$1.getEventCode(event);
|
||||
let isPreventDefault = true;
|
||||
switch (code) {
|
||||
case require_aria.EVENT_CODE.left:
|
||||
case require_aria.EVENT_CODE.down:
|
||||
onLeftKeyDown();
|
||||
break;
|
||||
case require_aria.EVENT_CODE.right:
|
||||
case require_aria.EVENT_CODE.up:
|
||||
onRightKeyDown();
|
||||
break;
|
||||
case require_aria.EVENT_CODE.home:
|
||||
onHomeKeyDown();
|
||||
break;
|
||||
case require_aria.EVENT_CODE.end:
|
||||
onEndKeyDown();
|
||||
break;
|
||||
case require_aria.EVENT_CODE.pageDown:
|
||||
onPageDownKeyDown();
|
||||
break;
|
||||
case require_aria.EVENT_CODE.pageUp:
|
||||
onPageUpKeyDown();
|
||||
break;
|
||||
default:
|
||||
isPreventDefault = false;
|
||||
break;
|
||||
}
|
||||
isPreventDefault && event.preventDefault();
|
||||
};
|
||||
const getClientXY = (event) => {
|
||||
let clientX;
|
||||
let clientY;
|
||||
if (event.type.startsWith("touch")) {
|
||||
clientY = event.touches[0].clientY;
|
||||
clientX = event.touches[0].clientX;
|
||||
} else {
|
||||
clientY = event.clientY;
|
||||
clientX = event.clientX;
|
||||
}
|
||||
return {
|
||||
clientX,
|
||||
clientY
|
||||
};
|
||||
};
|
||||
const onDragStart = (event) => {
|
||||
initData.dragging = true;
|
||||
initData.isClick = true;
|
||||
const { clientX, clientY } = getClientXY(event);
|
||||
if (props.vertical) initData.startY = clientY;
|
||||
else initData.startX = clientX;
|
||||
initData.startPosition = Number.parseFloat(currentPosition.value);
|
||||
initData.newPosition = initData.startPosition;
|
||||
};
|
||||
const onDragging = (event) => {
|
||||
if (initData.dragging) {
|
||||
initData.isClick = false;
|
||||
displayTooltip();
|
||||
resetSize();
|
||||
let diff;
|
||||
const { clientX, clientY } = getClientXY(event);
|
||||
if (props.vertical) {
|
||||
initData.currentY = clientY;
|
||||
diff = (initData.startY - initData.currentY) / sliderSize.value * 100;
|
||||
} else {
|
||||
initData.currentX = clientX;
|
||||
diff = (initData.currentX - initData.startX) / sliderSize.value * 100;
|
||||
}
|
||||
initData.newPosition = initData.startPosition + diff;
|
||||
setPosition(initData.newPosition);
|
||||
}
|
||||
};
|
||||
const onDragEnd = () => {
|
||||
if (initData.dragging) {
|
||||
setTimeout(() => {
|
||||
initData.dragging = false;
|
||||
if (!initData.hovering) hideTooltip();
|
||||
if (!initData.isClick) setPosition(initData.newPosition);
|
||||
emitChange();
|
||||
}, 0);
|
||||
window.removeEventListener("mousemove", onDragging);
|
||||
window.removeEventListener("touchmove", onDragging);
|
||||
window.removeEventListener("mouseup", onDragEnd);
|
||||
window.removeEventListener("touchend", onDragEnd);
|
||||
window.removeEventListener("contextmenu", onDragEnd);
|
||||
}
|
||||
};
|
||||
const setPosition = async (newPosition) => {
|
||||
if (newPosition === null || Number.isNaN(+newPosition)) return;
|
||||
newPosition = (0, lodash_unified.clamp)(newPosition, 0, 100);
|
||||
let value;
|
||||
if (step.value === "mark") if (markList.value.length === 0) value = newPosition <= 50 ? min.value : max.value;
|
||||
else value = markList.value.reduce((prev, curr) => {
|
||||
return Math.abs(curr.position - newPosition) < Math.abs(prev.position - newPosition) ? curr : prev;
|
||||
}).point;
|
||||
else {
|
||||
const fullSteps = Math.floor((max.value - min.value) / step.value);
|
||||
const fullRangePercentage = fullSteps * step.value / (max.value - min.value) * 100;
|
||||
const threshold = fullRangePercentage + (100 - fullRangePercentage) / 2;
|
||||
if (newPosition < fullRangePercentage) {
|
||||
const valueBetween = fullRangePercentage / fullSteps;
|
||||
const steps = Math.round(newPosition / valueBetween);
|
||||
value = min.value + steps * step.value;
|
||||
} else if (newPosition < threshold) value = min.value + fullSteps * step.value;
|
||||
else value = max.value;
|
||||
value = Number.parseFloat(value.toFixed(precision.value));
|
||||
}
|
||||
if (value !== props.modelValue) emit(require_event.UPDATE_MODEL_EVENT, value);
|
||||
if (!initData.dragging && props.modelValue !== initData.oldValue) initData.oldValue = props.modelValue;
|
||||
await (0, vue.nextTick)();
|
||||
initData.dragging && displayTooltip();
|
||||
tooltip.value.updatePopper();
|
||||
};
|
||||
(0, vue.watch)(() => initData.dragging, (val) => {
|
||||
updateDragging(val);
|
||||
});
|
||||
(0, _vueuse_core.useEventListener)(button, "touchstart", onButtonDown, { passive: false });
|
||||
return {
|
||||
disabled,
|
||||
button,
|
||||
tooltip,
|
||||
tooltipVisible,
|
||||
showTooltip,
|
||||
persistent,
|
||||
wrapperStyle,
|
||||
formatValue,
|
||||
handleMouseEnter,
|
||||
handleMouseLeave,
|
||||
onButtonDown,
|
||||
onKeyDown,
|
||||
setPosition
|
||||
};
|
||||
};
|
||||
//#endregion
|
||||
exports.useSliderButton = useSliderButton;
|
||||
|
||||
//# sourceMappingURL=use-slider-button.js.map
|
||||
Generated
Vendored
+1
File diff suppressed because one or more lines are too long
+11
@@ -0,0 +1,11 @@
|
||||
import { SliderInitData, SliderProps } from "../slider.js";
|
||||
import { CSSProperties, ComputedRef } from "vue";
|
||||
|
||||
//#region ../../packages/components/slider/src/composables/use-stops.d.ts
|
||||
type Stops = {
|
||||
stops: ComputedRef<number[]>;
|
||||
getStopStyle: (position: number) => CSSProperties;
|
||||
};
|
||||
declare const useStops: (props: SliderProps, initData: SliderInitData, minValue: ComputedRef<number>, maxValue: ComputedRef<number>) => Stops;
|
||||
//#endregion
|
||||
export { useStops };
|
||||
+32
@@ -0,0 +1,32 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
const require_error = require("../../../../utils/error.js");
|
||||
let vue = require("vue");
|
||||
//#region ../../packages/components/slider/src/composables/use-stops.ts
|
||||
const useStops = (props, initData, minValue, maxValue) => {
|
||||
const stops = (0, vue.computed)(() => {
|
||||
if (!props.showStops || props.min > props.max) return [];
|
||||
if (props.step === "mark" || props.step === 0) {
|
||||
if (props.step === 0) require_error.debugWarn("ElSlider", "step should not be 0.");
|
||||
return [];
|
||||
}
|
||||
const stopCount = Math.ceil((props.max - props.min) / props.step);
|
||||
const stepWidth = 100 * props.step / (props.max - props.min);
|
||||
const result = Array.from({ length: stopCount - 1 }).map((_, index) => (index + 1) * stepWidth);
|
||||
if (props.range) return result.filter((step) => {
|
||||
return step < 100 * (minValue.value - props.min) / (props.max - props.min) || step > 100 * (maxValue.value - props.min) / (props.max - props.min);
|
||||
});
|
||||
else return result.filter((step) => step > 100 * (initData.firstValue - props.min) / (props.max - props.min));
|
||||
});
|
||||
const getStopStyle = (position) => {
|
||||
return props.vertical ? { bottom: `${position}%` } : { left: `${position}%` };
|
||||
};
|
||||
return {
|
||||
stops,
|
||||
getStopStyle
|
||||
};
|
||||
};
|
||||
//#endregion
|
||||
exports.useStops = useStops;
|
||||
|
||||
//# sourceMappingURL=use-stops.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"use-stops.js","names":[],"sources":["../../../../../../../packages/components/slider/src/composables/use-stops.ts"],"sourcesContent":["import { computed } from 'vue'\nimport { debugWarn } from '@element-plus/utils'\n\nimport type { CSSProperties, ComputedRef } from 'vue'\nimport type { SliderInitData, SliderProps } from '../slider'\n\ntype Stops = {\n stops: ComputedRef<number[]>\n getStopStyle: (position: number) => CSSProperties\n}\n\nexport const useStops = (\n props: SliderProps,\n initData: SliderInitData,\n minValue: ComputedRef<number>,\n maxValue: ComputedRef<number>\n): Stops => {\n const stops = computed(() => {\n if (!props.showStops || props.min > props.max) return []\n if (props.step === 'mark' || props.step === 0) {\n if (props.step === 0) debugWarn('ElSlider', 'step should not be 0.')\n return []\n }\n\n const stopCount = Math.ceil((props.max - props.min) / props.step)\n const stepWidth = (100 * props.step) / (props.max - props.min)\n const result = Array.from<number>({ length: stopCount - 1 }).map(\n (_, index) => (index + 1) * stepWidth\n )\n\n if (props.range) {\n return result.filter((step) => {\n return (\n step <\n (100 * (minValue.value - props.min)) / (props.max - props.min) ||\n step > (100 * (maxValue.value - props.min)) / (props.max - props.min)\n )\n })\n } else {\n return result.filter(\n (step) =>\n step >\n (100 * (initData.firstValue - props.min)) / (props.max - props.min)\n )\n }\n })\n\n const getStopStyle = (position: number): CSSProperties => {\n return props.vertical\n ? { bottom: `${position}%` }\n : { left: `${position}%` }\n }\n\n return {\n stops,\n getStopStyle,\n }\n}\n"],"mappings":";;;;;AAWA,MAAa,YACX,OACA,UACA,UACA,aACU;CACV,MAAM,SAAA,GAAA,IAAA,gBAAuB;EAC3B,IAAI,CAAC,MAAM,aAAa,MAAM,MAAM,MAAM,KAAK,OAAO,EAAE;EACxD,IAAI,MAAM,SAAS,UAAU,MAAM,SAAS,GAAG;GAC7C,IAAI,MAAM,SAAS,GAAG,cAAA,UAAU,YAAY,wBAAwB;GACpE,OAAO,EAAE;;EAGX,MAAM,YAAY,KAAK,MAAM,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK;EACjE,MAAM,YAAa,MAAM,MAAM,QAAS,MAAM,MAAM,MAAM;EAC1D,MAAM,SAAS,MAAM,KAAa,EAAE,QAAQ,YAAY,GAAG,CAAC,CAAC,KAC1D,GAAG,WAAW,QAAQ,KAAK,UAC7B;EAED,IAAI,MAAM,OACR,OAAO,OAAO,QAAQ,SAAS;GAC7B,OACE,OACG,OAAO,SAAS,QAAQ,MAAM,QAAS,MAAM,MAAM,MAAM,QAC5D,OAAQ,OAAO,SAAS,QAAQ,MAAM,QAAS,MAAM,MAAM,MAAM;IAEnE;OAEF,OAAO,OAAO,QACX,SACC,OACC,OAAO,SAAS,aAAa,MAAM,QAAS,MAAM,MAAM,MAAM,KAClE;GAEH;CAEF,MAAM,gBAAgB,aAAoC;EACxD,OAAO,MAAM,WACT,EAAE,QAAQ,GAAG,SAAS,IAAI,GAC1B,EAAE,MAAM,GAAG,SAAS,IAAI;;CAG9B,OAAO;EACL;EACA;EACD"}
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
import { FormItemContext } from "../../../form/src/types.js";
|
||||
import { SliderEmits, SliderInitData, SliderProps } from "../slider.js";
|
||||
import { ComputedRef, SetupContext } from "vue";
|
||||
|
||||
//#region ../../packages/components/slider/src/composables/use-watch.d.ts
|
||||
declare const useWatch: (props: SliderProps, initData: SliderInitData, minValue: ComputedRef<number>, maxValue: ComputedRef<number>, emit: SetupContext<SliderEmits>["emit"], elFormItem: FormItemContext) => void;
|
||||
//#endregion
|
||||
export { useWatch };
|
||||
+58
@@ -0,0 +1,58 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
const require_event = require("../../../../constants/event.js");
|
||||
const require_types = require("../../../../utils/types.js");
|
||||
const require_error = require("../../../../utils/error.js");
|
||||
let vue = require("vue");
|
||||
let _vue_shared = require("@vue/shared");
|
||||
//#region ../../packages/components/slider/src/composables/use-watch.ts
|
||||
const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
|
||||
const _emit = (val) => {
|
||||
emit(require_event.UPDATE_MODEL_EVENT, val);
|
||||
emit(require_event.INPUT_EVENT, val);
|
||||
};
|
||||
const valueChanged = () => {
|
||||
if (props.range) return ![minValue.value, maxValue.value].every((item, index) => item === initData.oldValue[index]);
|
||||
else return props.modelValue !== initData.oldValue;
|
||||
};
|
||||
const setValues = () => {
|
||||
if (props.min > props.max) require_error.throwError("Slider", "min should not be greater than max.");
|
||||
const val = props.modelValue;
|
||||
if (props.range && (0, _vue_shared.isArray)(val)) if (val[1] < props.min) _emit([props.min, props.min]);
|
||||
else if (val[0] > props.max) _emit([props.max, props.max]);
|
||||
else if (val[0] < props.min) _emit([props.min, val[1]]);
|
||||
else if (val[1] > props.max) _emit([val[0], props.max]);
|
||||
else {
|
||||
initData.firstValue = val[0];
|
||||
initData.secondValue = val[1];
|
||||
if (valueChanged()) {
|
||||
if (props.validateEvent) elFormItem?.validate?.("change").catch(_vue_shared.NOOP);
|
||||
initData.oldValue = val.slice();
|
||||
}
|
||||
}
|
||||
else if (!props.range && require_types.isNumber(val) && !Number.isNaN(val)) if (val < props.min) _emit(props.min);
|
||||
else if (val > props.max) _emit(props.max);
|
||||
else {
|
||||
initData.firstValue = val;
|
||||
if (valueChanged()) {
|
||||
if (props.validateEvent) elFormItem?.validate?.("change").catch(_vue_shared.NOOP);
|
||||
initData.oldValue = val;
|
||||
}
|
||||
}
|
||||
};
|
||||
setValues();
|
||||
(0, vue.watch)(() => initData.dragging, (val) => {
|
||||
if (!val) setValues();
|
||||
});
|
||||
(0, vue.watch)(() => props.modelValue, (val, oldVal) => {
|
||||
if (initData.dragging || (0, _vue_shared.isArray)(val) && (0, _vue_shared.isArray)(oldVal) && val.every((item, index) => item === oldVal[index]) && initData.firstValue === val[0] && initData.secondValue === val[1]) return;
|
||||
setValues();
|
||||
}, { deep: true });
|
||||
(0, vue.watch)(() => [props.min, props.max], () => {
|
||||
setValues();
|
||||
});
|
||||
};
|
||||
//#endregion
|
||||
exports.useWatch = useWatch;
|
||||
|
||||
//# sourceMappingURL=use-watch.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"use-watch.js","names":["UPDATE_MODEL_EVENT","INPUT_EVENT","NOOP","isNumber"],"sources":["../../../../../../../packages/components/slider/src/composables/use-watch.ts"],"sourcesContent":["import { watch } from 'vue'\nimport { INPUT_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { NOOP, isArray, isNumber, throwError } from '@element-plus/utils'\n\nimport type { ComputedRef, SetupContext } from 'vue'\nimport type { Arrayable } from '@element-plus/utils'\nimport type { FormItemContext } from '@element-plus/components/form'\nimport type { SliderEmits, SliderInitData, SliderProps } from '../slider'\n\nexport const useWatch = (\n props: SliderProps,\n initData: SliderInitData,\n minValue: ComputedRef<number>,\n maxValue: ComputedRef<number>,\n emit: SetupContext<SliderEmits>['emit'],\n elFormItem: FormItemContext\n) => {\n const _emit = (val: Arrayable<number>) => {\n emit(UPDATE_MODEL_EVENT, val)\n emit(INPUT_EVENT, val)\n }\n\n const valueChanged = () => {\n if (props.range) {\n return ![minValue.value, maxValue.value].every(\n (item, index) => item === (initData.oldValue as number[])[index]\n )\n } else {\n return props.modelValue !== initData.oldValue\n }\n }\n\n const setValues = () => {\n if (props.min > props.max) {\n throwError('Slider', 'min should not be greater than max.')\n }\n const val = props.modelValue\n if (props.range && isArray(val)) {\n if (val[1] < props.min) {\n _emit([props.min, props.min])\n } else if (val[0] > props.max) {\n _emit([props.max, props.max])\n } else if (val[0] < props.min) {\n _emit([props.min, val[1]])\n } else if (val[1] > props.max) {\n _emit([val[0], props.max])\n } else {\n initData.firstValue = val[0]\n initData.secondValue = val[1]\n if (valueChanged()) {\n if (props.validateEvent) {\n elFormItem?.validate?.('change').catch(NOOP)\n }\n initData.oldValue = val.slice()\n }\n }\n } else if (!props.range && isNumber(val) && !Number.isNaN(val)) {\n if (val < props.min) {\n _emit(props.min)\n } else if (val > props.max) {\n _emit(props.max)\n } else {\n initData.firstValue = val\n if (valueChanged()) {\n if (props.validateEvent) {\n elFormItem?.validate?.('change').catch(NOOP)\n }\n initData.oldValue = val\n }\n }\n }\n }\n\n setValues()\n\n watch(\n () => initData.dragging,\n (val) => {\n if (!val) {\n setValues()\n }\n }\n )\n\n watch(\n () => props.modelValue,\n (val, oldVal) => {\n if (\n initData.dragging ||\n (isArray(val) &&\n isArray(oldVal) &&\n val.every((item, index) => item === oldVal[index]) &&\n initData.firstValue === val[0] &&\n initData.secondValue === val[1])\n ) {\n return\n }\n setValues()\n },\n {\n deep: true,\n }\n )\n\n watch(\n () => [props.min, props.max],\n () => {\n setValues()\n }\n )\n}\n"],"mappings":";;;;;;;;AASA,MAAa,YACX,OACA,UACA,UACA,UACA,MACA,eACG;CACH,MAAM,SAAS,QAA2B;EACxC,KAAKA,cAAAA,oBAAoB,IAAI;EAC7B,KAAKC,cAAAA,aAAa,IAAI;;CAGxB,MAAM,qBAAqB;EACzB,IAAI,MAAM,OACR,OAAO,CAAC,CAAC,SAAS,OAAO,SAAS,MAAM,CAAC,OACtC,MAAM,UAAU,SAAU,SAAS,SAAsB,OAC3D;OAED,OAAO,MAAM,eAAe,SAAS;;CAIzC,MAAM,kBAAkB;EACtB,IAAI,MAAM,MAAM,MAAM,KACpB,cAAA,WAAW,UAAU,sCAAsC;EAE7D,MAAM,MAAM,MAAM;EAClB,IAAI,MAAM,UAAA,GAAA,YAAA,SAAiB,IAAI,EAC7B,IAAI,IAAI,KAAK,MAAM,KACjB,MAAM,CAAC,MAAM,KAAK,MAAM,IAAI,CAAC;OACxB,IAAI,IAAI,KAAK,MAAM,KACxB,MAAM,CAAC,MAAM,KAAK,MAAM,IAAI,CAAC;OACxB,IAAI,IAAI,KAAK,MAAM,KACxB,MAAM,CAAC,MAAM,KAAK,IAAI,GAAG,CAAC;OACrB,IAAI,IAAI,KAAK,MAAM,KACxB,MAAM,CAAC,IAAI,IAAI,MAAM,IAAI,CAAC;OACrB;GACL,SAAS,aAAa,IAAI;GAC1B,SAAS,cAAc,IAAI;GAC3B,IAAI,cAAc,EAAE;IAClB,IAAI,MAAM,eACR,YAAY,WAAW,SAAS,CAAC,MAAMC,YAAAA,KAAK;IAE9C,SAAS,WAAW,IAAI,OAAO;;;OAG9B,IAAI,CAAC,MAAM,SAASC,cAAAA,SAAS,IAAI,IAAI,CAAC,OAAO,MAAM,IAAI,EAC5D,IAAI,MAAM,MAAM,KACd,MAAM,MAAM,IAAI;OACX,IAAI,MAAM,MAAM,KACrB,MAAM,MAAM,IAAI;OACX;GACL,SAAS,aAAa;GACtB,IAAI,cAAc,EAAE;IAClB,IAAI,MAAM,eACR,YAAY,WAAW,SAAS,CAAC,MAAMD,YAAAA,KAAK;IAE9C,SAAS,WAAW;;;;CAM5B,WAAW;CAEX,CAAA,GAAA,IAAA,aACQ,SAAS,WACd,QAAQ;EACP,IAAI,CAAC,KACH,WAAW;GAGhB;CAED,CAAA,GAAA,IAAA,aACQ,MAAM,aACX,KAAK,WAAW;EACf,IACE,SAAS,aAAA,GAAA,YAAA,SACA,IAAI,KAAA,GAAA,YAAA,SACH,OAAO,IACf,IAAI,OAAO,MAAM,UAAU,SAAS,OAAO,OAAO,IAClD,SAAS,eAAe,IAAI,MAC5B,SAAS,gBAAgB,IAAI,IAE/B;EAEF,WAAW;IAEb,EACE,MAAM,MACP,CACF;CAED,CAAA,GAAA,IAAA,aACQ,CAAC,MAAM,KAAK,MAAM,IAAI,QACtB;EACJ,WAAW;GAEd"}
|
||||
Reference in New Issue
Block a user