mirror of https://github.com/nocodb/nocodb
Wing-Kam Wong
2 years ago
128 changed files with 1595 additions and 1091 deletions
@ -0,0 +1,48 @@
|
||||
import type { MaybeRef } from '@vueuse/core' |
||||
import { computed, unref, useRoute } from '#imports' |
||||
|
||||
export interface CellUrlOptions { |
||||
behavior?: string |
||||
overlay?: string |
||||
} |
||||
|
||||
type ParsedRules = [RegExp, CellUrlOptions] |
||||
|
||||
const parseUrlRules = (serialized?: string): ParsedRules[] | undefined => { |
||||
if (!serialized) return undefined |
||||
|
||||
try { |
||||
return Object.entries(JSON.parse(serialized)).map(([key, value]) => [new RegExp(key), value] as ParsedRules) |
||||
} catch (err) { |
||||
console.error(err) |
||||
|
||||
return undefined |
||||
} |
||||
} |
||||
|
||||
export function useCellUrlConfig(url?: MaybeRef<string>) { |
||||
const route = useRoute() |
||||
|
||||
const config = $computed(() => ({ |
||||
behavior: route.query.url_behavior as string | undefined, |
||||
overlay: route.query.url_overlay as string | undefined, |
||||
rules: parseUrlRules(route.query.url_rules as string), |
||||
})) |
||||
|
||||
const options = computed(() => { |
||||
const options = { behavior: config.behavior, overlay: config.overlay } |
||||
|
||||
if (config.rules && (!config.behavior || !config.overlay)) { |
||||
for (const [regex, value] of config.rules) { |
||||
if (unref(url)?.match(regex)) return Object.assign(options, value) |
||||
} |
||||
} |
||||
|
||||
return options |
||||
}) |
||||
|
||||
return { |
||||
cellUrlConfig: config, |
||||
cellUrlOptions: options, |
||||
} |
||||
} |
||||
@ -0,0 +1,72 @@
|
||||
import { computed, ref } from '#imports' |
||||
|
||||
interface UseLoadingIndicatorProps { |
||||
duration?: number |
||||
throttle?: number |
||||
} |
||||
|
||||
export function useLoadingIndicator({ duration = 2000, throttle = 200 }: UseLoadingIndicatorProps) { |
||||
const progress = ref(0) |
||||
const isLoading = ref(false) |
||||
const step = computed(() => 10000 / duration) |
||||
|
||||
let _timer: any = null |
||||
let _throttle: any = null |
||||
|
||||
function start() { |
||||
clear() |
||||
progress.value = 0 |
||||
isLoading.value = true |
||||
if (throttle) { |
||||
if (process.client) { |
||||
_throttle = setTimeout(_startTimer, throttle) |
||||
} |
||||
} else { |
||||
_startTimer() |
||||
} |
||||
} |
||||
|
||||
function finish() { |
||||
progress.value = 100 |
||||
_hide() |
||||
} |
||||
|
||||
function clear() { |
||||
clearInterval(_timer) |
||||
clearTimeout(_throttle) |
||||
_timer = null |
||||
_throttle = null |
||||
} |
||||
|
||||
function _increase(num: number) { |
||||
progress.value = Math.min(100, progress.value + num) |
||||
} |
||||
|
||||
function _hide() { |
||||
clear() |
||||
if (process.client) { |
||||
setTimeout(() => { |
||||
isLoading.value = false |
||||
setTimeout(() => { |
||||
progress.value = 0 |
||||
}, 400) |
||||
}, 500) |
||||
} |
||||
} |
||||
|
||||
function _startTimer() { |
||||
if (process.client) { |
||||
_timer = setInterval(() => { |
||||
_increase(step.value) |
||||
}, 100) |
||||
} |
||||
} |
||||
|
||||
return { |
||||
progress, |
||||
isLoading, |
||||
start, |
||||
finish, |
||||
clear, |
||||
} |
||||
} |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue