多维表格
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

48 lines
1.2 KiB

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,
}
}