chore: update dependencies

This commit is contained in:
xiaoxian521
2022-11-11 03:36:18 +08:00
parent c4839aa5f4
commit df71c7f75c
50 changed files with 1229 additions and 945 deletions

View File

@@ -3,8 +3,8 @@ import { ref, unref, nextTick, onUnmounted } from "vue";
import { templateRef } from "@vueuse/core";
import flippers from "./filpper";
let timer = ref(null);
let flipObjs = ref([]);
const timer = ref(null);
const flipObjs = ref([]);
const flipperHour1 = templateRef<HTMLElement | null>("flipperHour1", null);
const flipperHour2 = templateRef<HTMLElement | null>("flipperHour2", null);
@@ -15,8 +15,8 @@ const flipperSecond2 = templateRef<HTMLElement | null>("flipperSecond2", null);
// 初始化数字
const init = () => {
let now = new Date();
let nowTimeStr = formatDate(new Date(now.getTime()), "hhiiss");
const now = new Date();
const nowTimeStr = formatDate(new Date(now.getTime()), "hhiiss");
for (let i = 0; i < flipObjs.value.length; i++) {
flipObjs?.value[i]?.setFront(nowTimeStr[i]);
}
@@ -26,9 +26,9 @@ const init = () => {
const run = () => {
timer.value = setInterval(() => {
// 获取当前时间
let now = new Date();
let nowTimeStr = formatDate(new Date(now.getTime() - 1000), "hhiiss");
let nextTimeStr = formatDate(now, "hhiiss");
const now = new Date();
const nowTimeStr = formatDate(new Date(now.getTime() - 1000), "hhiiss");
const nextTimeStr = formatDate(now, "hhiiss");
for (let i = 0; i < flipObjs.value.length; i++) {
if (nowTimeStr[i] === nextTimeStr[i]) {
continue;
@@ -52,17 +52,17 @@ const formatDate = (date: Date, dateFormat: string) => {
);
}
// 格式化月、日、时、分、秒
let o = {
const o = {
"m+": date.getMonth() + 1,
"d+": date.getDate(),
"h+": date.getHours(),
"i+": date.getMinutes(),
"s+": date.getSeconds()
};
for (let k in o) {
for (const k in o) {
if (new RegExp(`(${k})`).test(dateFormat)) {
// 取出对应的值
let str = o[k] + "";
const str = o[k] + "";
/* 根据设置的格式,输出对应的字符
* 例如: 早上8时hh => 08h => 8
* 但是,当数字>=10时无论格式为一位还是多位不做截取这是与年份格式化不一致的地方

View File

@@ -19,8 +19,8 @@ const emit = defineEmits<{
const controlButton3 = templateRef<HTMLElement | any>("controlButton3", null);
const controlButton4 = templateRef<HTMLElement | any>("controlButton4", null);
let focusIndex = ref<Number>(-1);
let titleLists = ref([
const focusIndex = ref<Number>(-1);
const titleLists = ref([
{
icon: "icon-zoom-out-hs",
text: "缩小",
@@ -68,7 +68,7 @@ let titleLists = ref([
const onControl = (item, key) => {
["zoom", "zoom", "resetZoom", "undo", "redo", "getSnapshot"].forEach(
(v, i) => {
let domControl = props.lf;
const domControl = props.lf;
if (key === 1) {
domControl.zoom(true);
}

View File

@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
nodeList: null
});
let properties = ref({
const properties = ref({
a: "efrwe",
b: "wewe"
});

View File

@@ -16,21 +16,21 @@ const props = defineProps({
});
const emit = defineEmits<{ (e: "update:modelValue", v: string) }>();
let visible = ref(false);
let inputValue = toRef(props, "modelValue");
let iconList = ref(IconJson);
let icon = ref("add-location");
let currentActiveType = ref("ep:");
const visible = ref(false);
const inputValue = toRef(props, "modelValue");
const iconList = ref(IconJson);
const icon = ref("add-location");
const currentActiveType = ref("ep:");
// 深拷贝图标数据,前端做搜索
let copyIconList = cloneDeep(iconList.value);
const copyIconList = cloneDeep(iconList.value);
let pageSize = ref(96);
let currentPage = ref(1);
const pageSize = ref(96);
const currentPage = ref(1);
// 搜索条件
let filterValue = ref("");
const filterValue = ref("");
let tabsList = [
const tabsList = [
{
label: "Element Plus",
name: "ep:"
@@ -45,7 +45,7 @@ let tabsList = [
}
];
let pageList = computed(() => {
const pageList = computed(() => {
if (currentPage.value === 1) {
return copyIconList[currentActiveType.value]
.filter(v => v.includes(filterValue.value))

View File

@@ -39,8 +39,8 @@ const complete = (): void => {
onBeforeMount(() => {
if (!instance) return;
let { MapConfigure } = instance.appContext.config.globalProperties.$config;
let { options } = MapConfigure;
const { MapConfigure } = instance.appContext.config.globalProperties.$config;
const { options } = MapConfigure;
AMapLoader.load({
key: MapConfigure.amapKey,
@@ -67,10 +67,10 @@ onBeforeMount(() => {
gridSize: 80,
maxZoom: 14,
renderMarker(ctx) {
let { marker, data } = ctx;
const { marker, data } = ctx;
if (Array.isArray(data) && data[0]) {
var { driver, plateNumber, orientation } = data[0];
var content = `<img style="transform: scale(1) rotate(${
const { driver, plateNumber, orientation } = data[0];
const content = `<img style="transform: scale(1) rotate(${
360 - Number(orientation)
}deg);" src='${car}' />`;
marker.setContent(content);
@@ -93,7 +93,7 @@ onBeforeMount(() => {
// 获取模拟车辆信息
mapJson()
.then(({ data }) => {
let points: object = data.map(v => {
const points: object = data.map(v => {
return {
lnglat: [v.lng, v.lat],
...v

View File

@@ -28,16 +28,16 @@ const emit = defineEmits<{
(e: "scrollEnd"): void;
}>();
let xPos = ref<number>(0);
let yPos = ref<number>(0);
let delay = ref<number>(0);
let height = ref<number>(0);
const xPos = ref<number>(0);
const yPos = ref<number>(0);
const delay = ref<number>(0);
const height = ref<number>(0);
// 外容器宽度
let width = ref<number>(0);
const width = ref<number>(0);
// 内容实际宽度
let realBoxWidth = ref<number>(0);
let realBoxHeight = ref<number>(0);
let copyHtml = ref("");
const realBoxWidth = ref<number>(0);
const realBoxHeight = ref<number>(0);
const copyHtml = ref("");
// single 单步滚动的定时器
let singleWaitTime = null;
// move动画的animationFrame定时器
@@ -52,7 +52,7 @@ let isHover = false;
let ease = "ease-in";
// eslint-disable-next-line vue/no-setup-props-destructure
let { classOption } = props;
const { classOption } = props;
if (classOption["key"] === undefined) {
classOption["key"] = 0;
@@ -68,15 +68,15 @@ const realBox = templateRef<HTMLElement | null>(
null
);
let leftSwitchState = computed(() => {
const leftSwitchState = computed(() => {
return unref(xPos) < 0;
});
let rightSwitchState = computed(() => {
const rightSwitchState = computed(() => {
return Math.abs(unref(xPos)) < unref(realBoxWidth) - unref(width);
});
let defaultOption = computed(() => {
const defaultOption = computed(() => {
return {
//步长
step: 1,
@@ -105,7 +105,7 @@ let defaultOption = computed(() => {
};
});
let options = computed(() => {
const options = computed(() => {
// @ts-expect-error
return copyObj({}, unref(defaultOption), classOption);
});
@@ -114,11 +114,11 @@ const leftSwitchClass = computed(() => {
return unref(leftSwitchState) ? "" : unref(options).switchDisabledClass;
});
let rightSwitchClass = computed(() => {
const rightSwitchClass = computed(() => {
return unref(rightSwitchState) ? "" : unref(options).switchDisabledClass;
});
let leftSwitch = computed((): CSSProperties => {
const leftSwitch = computed((): CSSProperties => {
return {
position: "absolute",
margin: `${unref(height) / 2}px 0 0 -${unref(options).switchOffset}px`,
@@ -126,7 +126,7 @@ let leftSwitch = computed((): CSSProperties => {
};
});
let rightSwitch = computed((): CSSProperties => {
const rightSwitch = computed((): CSSProperties => {
return {
position: "absolute",
margin: `${unref(height) / 2}px 0 0 ${
@@ -136,19 +136,19 @@ let rightSwitch = computed((): CSSProperties => {
};
});
let isHorizontal = computed(() => {
const isHorizontal = computed(() => {
return (
unref(options).direction !== "bottom" && unref(options).direction !== "top"
);
});
let float = computed((): CSSProperties => {
const float = computed((): CSSProperties => {
return unref(isHorizontal)
? { float: "left", overflow: "hidden" }
: { overflow: "hidden" };
});
let pos = computed(() => {
const pos = computed(() => {
return {
transform: `translate(${unref(xPos)}px,${unref(yPos)}px)`,
transition: `all ${ease} ${unref(delay)}ms`,
@@ -156,45 +156,45 @@ let pos = computed(() => {
};
});
let navigation = computed(() => {
const navigation = computed(() => {
return unref(options).navigation;
});
let autoPlay = computed(() => {
const autoPlay = computed(() => {
if (unref(navigation)) return false;
return unref(options).autoPlay;
});
let scrollSwitch = computed(() => {
const scrollSwitch = computed(() => {
// 从 props 解构出来的 属性 不再具有响应性.
return (props.data as any).length >= unref(options).limitMoveNum;
});
let hoverStopSwitch = computed(() => {
const hoverStopSwitch = computed(() => {
return unref(options).hoverStop && unref(autoPlay) && unref(scrollSwitch);
});
let canTouchScroll = computed(() => {
const canTouchScroll = computed(() => {
return unref(options).openTouch;
});
let baseFontSize = computed(() => {
const baseFontSize = computed(() => {
return unref(options).isSingleRemUnit
? parseInt(window.getComputedStyle(document.documentElement, null).fontSize)
: 1;
});
let realSingleStopWidth = computed(() => {
const realSingleStopWidth = computed(() => {
return unref(options).singleWidth * unref(baseFontSize);
});
let realSingleStopHeight = computed(() => {
const realSingleStopHeight = computed(() => {
return unref(options).singleHeight * unref(baseFontSize);
});
let step = computed(() => {
const step = computed(() => {
let singleStep;
let step = unref(options).step;
const step = unref(options).step;
if (unref(isHorizontal)) {
singleStep = unref(realSingleStopWidth);
} else {
@@ -275,7 +275,7 @@ function touchMove(e) {
return;
const touch = e.targetTouches[0];
const { direction } = unref(options);
let endPos = {
const endPos = {
x: touch.pageX - startPos.x,
y: touch.pageY - startPos.y
};
@@ -300,18 +300,19 @@ function touchMove(e) {
function touchEnd() {
if (!unref(canTouchScroll)) return;
let timer;
// eslint-disable-next-line prefer-const
let timer: any;
const direction = unref(options).direction;
delay.value = 50;
if (direction === "top") {
if (unref(yPos) > 0) yPos.value = 0;
} else if (direction === "bottom") {
let h = (unref(realBoxHeight) / 2) * -1;
const h = (unref(realBoxHeight) / 2) * -1;
if (unref(yPos) < h) yPos.value = h;
} else if (direction === "left") {
if (unref(xPos) > 0) xPos.value = 0;
} else if (direction === "right") {
let w = unref(realBoxWidth) * -1;
const w = unref(realBoxWidth) * -1;
if (unref(xPos) < w) xPos.value = w;
}
if (timer) clearTimeout(timer);
@@ -339,7 +340,7 @@ function scrollMove() {
const h = unref(realBoxHeight) / 2;
//宽度
const w = unref(realBoxWidth) / 2;
let { direction, waitTime } = unref(options);
const { direction, waitTime } = unref(options);
if (direction === "top") {
// 上
if (Math.abs(unref(yPos)) >= h) {