Compare commits
55 Commits
b3ca5e2a25
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
| 5f1825c164 | |||
| f411974bd3 | |||
| f25b03fff5 | |||
| 192ae66997 | |||
| 2e1d590c89 | |||
| f601417913 | |||
| 8424202fc8 | |||
| e424ea63ec | |||
| be5667057e | |||
| 0c99073376 | |||
| 081dd1327a | |||
| f7a4a80a23 | |||
| 57020eb9ca | |||
| e54b496833 | |||
| 5447795534 | |||
| 22cad15cb3 | |||
| ff697b8d42 | |||
| f01bdced44 | |||
| 670e71cd7b | |||
| 63b95b3607 | |||
| 402e686d87 | |||
| 116e28b8fa | |||
| 91aab43ecb | |||
| e9e6822964 | |||
| 5550d5d450 | |||
| ce0551b773 | |||
| 8ea884a71e | |||
| d3e919ce7a | |||
| 9823540dc4 | |||
| c9c336ec45 | |||
| 9a365dd1a1 | |||
| 1c14acf615 | |||
| 1d57d21d50 | |||
| 991e003e20 | |||
| 59b129d7b4 | |||
| b0984589f4 | |||
| 91471748f3 | |||
| 8600606845 | |||
| 87d5c1fe30 | |||
| 898f2c3b34 | |||
| 3be291b97b | |||
| d6561dba7e | |||
| 2f9e4d3132 | |||
| 1ec747acc7 | |||
| 729a172c05 | |||
| 63f1c87cac | |||
| c399e9dfe6 | |||
| fe4a3bdd4a | |||
| 0d5773175b | |||
| f52e5b3c11 | |||
| f99ee71c6e | |||
| 6fc1097a34 | |||
| c1b60a7042 | |||
| b46caeedab | |||
| 34c99d9ea1 |
9
.gitignore
vendored
9
.gitignore
vendored
@ -12,6 +12,7 @@ dist
|
|||||||
dist-ssr
|
dist-ssr
|
||||||
*.local
|
*.local
|
||||||
*.cjs
|
*.cjs
|
||||||
|
*.map
|
||||||
./src/type/*.js
|
./src/type/*.js
|
||||||
# Editor directories and files
|
# Editor directories and files
|
||||||
.vscode/*
|
.vscode/*
|
||||||
@ -23,3 +24,11 @@ dist-ssr
|
|||||||
*.njsproj
|
*.njsproj
|
||||||
*.sln
|
*.sln
|
||||||
*.sw?
|
*.sw?
|
||||||
|
*.js
|
||||||
|
*.jsx
|
||||||
|
package-lock.json
|
||||||
|
src/utils/*.cjs
|
||||||
|
src/**/*.js
|
||||||
|
/stats.html
|
||||||
|
/auto-imports.d.ts
|
||||||
|
/tsconfig.tsbuildinfo
|
||||||
|
|||||||
297
auto-imports.d.ts
vendored
297
auto-imports.d.ts
vendored
@ -1,297 +0,0 @@
|
|||||||
/* eslint-disable */
|
|
||||||
/* prettier-ignore */
|
|
||||||
// @ts-nocheck
|
|
||||||
// noinspection JSUnusedGlobalSymbols
|
|
||||||
// Generated by unplugin-auto-import
|
|
||||||
export {}
|
|
||||||
declare global {
|
|
||||||
const EffectScope: typeof import('vue')['EffectScope']
|
|
||||||
const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
|
|
||||||
const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
|
|
||||||
const buildScheme: typeof import('./src/utils/buildScheme')['default']
|
|
||||||
const computed: typeof import('vue')['computed']
|
|
||||||
const computedAsync: typeof import('@vueuse/core')['computedAsync']
|
|
||||||
const computedEager: typeof import('@vueuse/core')['computedEager']
|
|
||||||
const computedInject: typeof import('@vueuse/core')['computedInject']
|
|
||||||
const computedWithControl: typeof import('@vueuse/core')['computedWithControl']
|
|
||||||
const controlledComputed: typeof import('@vueuse/core')['controlledComputed']
|
|
||||||
const controlledRef: typeof import('@vueuse/core')['controlledRef']
|
|
||||||
const createApp: typeof import('vue')['createApp']
|
|
||||||
const createEventHook: typeof import('@vueuse/core')['createEventHook']
|
|
||||||
const createGlobalState: typeof import('@vueuse/core')['createGlobalState']
|
|
||||||
const createInjectionState: typeof import('@vueuse/core')['createInjectionState']
|
|
||||||
const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']
|
|
||||||
const createReusableTemplate: typeof import('@vueuse/core')['createReusableTemplate']
|
|
||||||
const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']
|
|
||||||
const createTemplatePromise: typeof import('@vueuse/core')['createTemplatePromise']
|
|
||||||
const createUnrefFn: typeof import('@vueuse/core')['createUnrefFn']
|
|
||||||
const customRef: typeof import('vue')['customRef']
|
|
||||||
const debouncedRef: typeof import('@vueuse/core')['debouncedRef']
|
|
||||||
const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']
|
|
||||||
const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
|
|
||||||
const defineComponent: typeof import('vue')['defineComponent']
|
|
||||||
const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
|
|
||||||
const effectScope: typeof import('vue')['effectScope']
|
|
||||||
const extendRef: typeof import('@vueuse/core')['extendRef']
|
|
||||||
const getCurrentInstance: typeof import('vue')['getCurrentInstance']
|
|
||||||
const getCurrentScope: typeof import('vue')['getCurrentScope']
|
|
||||||
const h: typeof import('vue')['h']
|
|
||||||
const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
|
|
||||||
const inject: typeof import('vue')['inject']
|
|
||||||
const injectLocal: typeof import('@vueuse/core')['injectLocal']
|
|
||||||
const isDefined: typeof import('@vueuse/core')['isDefined']
|
|
||||||
const isProxy: typeof import('vue')['isProxy']
|
|
||||||
const isReactive: typeof import('vue')['isReactive']
|
|
||||||
const isReadonly: typeof import('vue')['isReadonly']
|
|
||||||
const isRef: typeof import('vue')['isRef']
|
|
||||||
const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
|
|
||||||
const markRaw: typeof import('vue')['markRaw']
|
|
||||||
const nextTick: typeof import('vue')['nextTick']
|
|
||||||
const onActivated: typeof import('vue')['onActivated']
|
|
||||||
const onBeforeMount: typeof import('vue')['onBeforeMount']
|
|
||||||
const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
|
|
||||||
const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
|
|
||||||
const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
|
|
||||||
const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
|
|
||||||
const onClickOutside: typeof import('@vueuse/core')['onClickOutside']
|
|
||||||
const onDeactivated: typeof import('vue')['onDeactivated']
|
|
||||||
const onErrorCaptured: typeof import('vue')['onErrorCaptured']
|
|
||||||
const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']
|
|
||||||
const onLongPress: typeof import('@vueuse/core')['onLongPress']
|
|
||||||
const onMounted: typeof import('vue')['onMounted']
|
|
||||||
const onRenderTracked: typeof import('vue')['onRenderTracked']
|
|
||||||
const onRenderTriggered: typeof import('vue')['onRenderTriggered']
|
|
||||||
const onScopeDispose: typeof import('vue')['onScopeDispose']
|
|
||||||
const onServerPrefetch: typeof import('vue')['onServerPrefetch']
|
|
||||||
const onStartTyping: typeof import('@vueuse/core')['onStartTyping']
|
|
||||||
const onUnmounted: typeof import('vue')['onUnmounted']
|
|
||||||
const onUpdated: typeof import('vue')['onUpdated']
|
|
||||||
const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
|
|
||||||
const provide: typeof import('vue')['provide']
|
|
||||||
const provideLocal: typeof import('@vueuse/core')['provideLocal']
|
|
||||||
const reactify: typeof import('@vueuse/core')['reactify']
|
|
||||||
const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
|
|
||||||
const reactive: typeof import('vue')['reactive']
|
|
||||||
const reactiveComputed: typeof import('@vueuse/core')['reactiveComputed']
|
|
||||||
const reactiveOmit: typeof import('@vueuse/core')['reactiveOmit']
|
|
||||||
const reactivePick: typeof import('@vueuse/core')['reactivePick']
|
|
||||||
const readonly: typeof import('vue')['readonly']
|
|
||||||
const ref: typeof import('vue')['ref']
|
|
||||||
const refAutoReset: typeof import('@vueuse/core')['refAutoReset']
|
|
||||||
const refDebounced: typeof import('@vueuse/core')['refDebounced']
|
|
||||||
const refDefault: typeof import('@vueuse/core')['refDefault']
|
|
||||||
const refThrottled: typeof import('@vueuse/core')['refThrottled']
|
|
||||||
const refWithControl: typeof import('@vueuse/core')['refWithControl']
|
|
||||||
const resolveComponent: typeof import('vue')['resolveComponent']
|
|
||||||
const resolveRef: typeof import('@vueuse/core')['resolveRef']
|
|
||||||
const resolveUnref: typeof import('@vueuse/core')['resolveUnref']
|
|
||||||
const shallowReactive: typeof import('vue')['shallowReactive']
|
|
||||||
const shallowReadonly: typeof import('vue')['shallowReadonly']
|
|
||||||
const shallowRef: typeof import('vue')['shallowRef']
|
|
||||||
const syncRef: typeof import('@vueuse/core')['syncRef']
|
|
||||||
const syncRefs: typeof import('@vueuse/core')['syncRefs']
|
|
||||||
const templateRef: typeof import('@vueuse/core')['templateRef']
|
|
||||||
const throttledRef: typeof import('@vueuse/core')['throttledRef']
|
|
||||||
const throttledWatch: typeof import('@vueuse/core')['throttledWatch']
|
|
||||||
const toRaw: typeof import('vue')['toRaw']
|
|
||||||
const toReactive: typeof import('@vueuse/core')['toReactive']
|
|
||||||
const toRef: typeof import('vue')['toRef']
|
|
||||||
const toRefs: typeof import('vue')['toRefs']
|
|
||||||
const toValue: typeof import('vue')['toValue']
|
|
||||||
const triggerRef: typeof import('vue')['triggerRef']
|
|
||||||
const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
|
|
||||||
const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']
|
|
||||||
const tryOnMounted: typeof import('@vueuse/core')['tryOnMounted']
|
|
||||||
const tryOnScopeDispose: typeof import('@vueuse/core')['tryOnScopeDispose']
|
|
||||||
const tryOnUnmounted: typeof import('@vueuse/core')['tryOnUnmounted']
|
|
||||||
const unref: typeof import('vue')['unref']
|
|
||||||
const unrefElement: typeof import('@vueuse/core')['unrefElement']
|
|
||||||
const until: typeof import('@vueuse/core')['until']
|
|
||||||
const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
|
|
||||||
const useAnimate: typeof import('@vueuse/core')['useAnimate']
|
|
||||||
const useArrayDifference: typeof import('@vueuse/core')['useArrayDifference']
|
|
||||||
const useArrayEvery: typeof import('@vueuse/core')['useArrayEvery']
|
|
||||||
const useArrayFilter: typeof import('@vueuse/core')['useArrayFilter']
|
|
||||||
const useArrayFind: typeof import('@vueuse/core')['useArrayFind']
|
|
||||||
const useArrayFindIndex: typeof import('@vueuse/core')['useArrayFindIndex']
|
|
||||||
const useArrayFindLast: typeof import('@vueuse/core')['useArrayFindLast']
|
|
||||||
const useArrayIncludes: typeof import('@vueuse/core')['useArrayIncludes']
|
|
||||||
const useArrayJoin: typeof import('@vueuse/core')['useArrayJoin']
|
|
||||||
const useArrayMap: typeof import('@vueuse/core')['useArrayMap']
|
|
||||||
const useArrayReduce: typeof import('@vueuse/core')['useArrayReduce']
|
|
||||||
const useArraySome: typeof import('@vueuse/core')['useArraySome']
|
|
||||||
const useArrayUnique: typeof import('@vueuse/core')['useArrayUnique']
|
|
||||||
const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue']
|
|
||||||
const useAsyncState: typeof import('@vueuse/core')['useAsyncState']
|
|
||||||
const useAttrs: typeof import('vue')['useAttrs']
|
|
||||||
const useBase64: typeof import('@vueuse/core')['useBase64']
|
|
||||||
const useBattery: typeof import('@vueuse/core')['useBattery']
|
|
||||||
const useBluetooth: typeof import('@vueuse/core')['useBluetooth']
|
|
||||||
const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints']
|
|
||||||
const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
|
|
||||||
const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
|
|
||||||
const useCached: typeof import('@vueuse/core')['useCached']
|
|
||||||
const useClipboard: typeof import('@vueuse/core')['useClipboard']
|
|
||||||
const useClipboardItems: typeof import('@vueuse/core')['useClipboardItems']
|
|
||||||
const useCloned: typeof import('@vueuse/core')['useCloned']
|
|
||||||
const useColorMode: typeof import('@vueuse/core')['useColorMode']
|
|
||||||
const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
|
|
||||||
const useCounter: typeof import('@vueuse/core')['useCounter']
|
|
||||||
const useCssModule: typeof import('vue')['useCssModule']
|
|
||||||
const useCssVar: typeof import('@vueuse/core')['useCssVar']
|
|
||||||
const useCssVars: typeof import('vue')['useCssVars']
|
|
||||||
const useCurrentElement: typeof import('@vueuse/core')['useCurrentElement']
|
|
||||||
const useCycleList: typeof import('@vueuse/core')['useCycleList']
|
|
||||||
const useDark: typeof import('@vueuse/core')['useDark']
|
|
||||||
const useDateFormat: typeof import('@vueuse/core')['useDateFormat']
|
|
||||||
const useDebounce: typeof import('@vueuse/core')['useDebounce']
|
|
||||||
const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
|
|
||||||
const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
|
|
||||||
const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']
|
|
||||||
const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
|
|
||||||
const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
|
|
||||||
const useDevicesList: typeof import('@vueuse/core')['useDevicesList']
|
|
||||||
const useDialog: typeof import('naive-ui')['useDialog']
|
|
||||||
const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
|
|
||||||
const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
|
|
||||||
const useDraggable: typeof import('@vueuse/core')['useDraggable']
|
|
||||||
const useDropZone: typeof import('@vueuse/core')['useDropZone']
|
|
||||||
const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
|
|
||||||
const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
|
|
||||||
const useElementHover: typeof import('@vueuse/core')['useElementHover']
|
|
||||||
const useElementSize: typeof import('@vueuse/core')['useElementSize']
|
|
||||||
const useElementVisibility: typeof import('@vueuse/core')['useElementVisibility']
|
|
||||||
const useEventBus: typeof import('@vueuse/core')['useEventBus']
|
|
||||||
const useEventListener: typeof import('@vueuse/core')['useEventListener']
|
|
||||||
const useEventSource: typeof import('@vueuse/core')['useEventSource']
|
|
||||||
const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']
|
|
||||||
const useFavicon: typeof import('@vueuse/core')['useFavicon']
|
|
||||||
const useFetch: typeof import('@vueuse/core')['useFetch']
|
|
||||||
const useFileDialog: typeof import('@vueuse/core')['useFileDialog']
|
|
||||||
const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
|
|
||||||
const useFocus: typeof import('@vueuse/core')['useFocus']
|
|
||||||
const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin']
|
|
||||||
const useFps: typeof import('@vueuse/core')['useFps']
|
|
||||||
const useFullscreen: typeof import('@vueuse/core')['useFullscreen']
|
|
||||||
const useGamepad: typeof import('@vueuse/core')['useGamepad']
|
|
||||||
const useGeolocation: typeof import('@vueuse/core')['useGeolocation']
|
|
||||||
const useIdle: typeof import('@vueuse/core')['useIdle']
|
|
||||||
const useImage: typeof import('@vueuse/core')['useImage']
|
|
||||||
const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
|
|
||||||
const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']
|
|
||||||
const useInterval: typeof import('@vueuse/core')['useInterval']
|
|
||||||
const useIntervalFn: typeof import('@vueuse/core')['useIntervalFn']
|
|
||||||
const useKeyModifier: typeof import('@vueuse/core')['useKeyModifier']
|
|
||||||
const useLastChanged: typeof import('@vueuse/core')['useLastChanged']
|
|
||||||
const useLink: typeof import('vue-router')['useLink']
|
|
||||||
const useLoadingBar: typeof import('naive-ui')['useLoadingBar']
|
|
||||||
const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage']
|
|
||||||
const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys']
|
|
||||||
const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory']
|
|
||||||
const useMediaControls: typeof import('@vueuse/core')['useMediaControls']
|
|
||||||
const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']
|
|
||||||
const useMemoize: typeof import('@vueuse/core')['useMemoize']
|
|
||||||
const useMemory: typeof import('@vueuse/core')['useMemory']
|
|
||||||
const useMessage: typeof import('naive-ui')['useMessage']
|
|
||||||
const useMounted: typeof import('@vueuse/core')['useMounted']
|
|
||||||
const useMouse: typeof import('@vueuse/core')['useMouse']
|
|
||||||
const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']
|
|
||||||
const useMousePressed: typeof import('@vueuse/core')['useMousePressed']
|
|
||||||
const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver']
|
|
||||||
const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
|
|
||||||
const useNetwork: typeof import('@vueuse/core')['useNetwork']
|
|
||||||
const useNotification: typeof import('naive-ui')['useNotification']
|
|
||||||
const useNow: typeof import('@vueuse/core')['useNow']
|
|
||||||
const useObjectUrl: typeof import('@vueuse/core')['useObjectUrl']
|
|
||||||
const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
|
|
||||||
const useOnline: typeof import('@vueuse/core')['useOnline']
|
|
||||||
const usePageLeave: typeof import('@vueuse/core')['usePageLeave']
|
|
||||||
const useParallax: typeof import('@vueuse/core')['useParallax']
|
|
||||||
const useParentElement: typeof import('@vueuse/core')['useParentElement']
|
|
||||||
const usePerformanceObserver: typeof import('@vueuse/core')['usePerformanceObserver']
|
|
||||||
const usePermission: typeof import('@vueuse/core')['usePermission']
|
|
||||||
const usePointer: typeof import('@vueuse/core')['usePointer']
|
|
||||||
const usePointerLock: typeof import('@vueuse/core')['usePointerLock']
|
|
||||||
const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']
|
|
||||||
const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme']
|
|
||||||
const usePreferredContrast: typeof import('@vueuse/core')['usePreferredContrast']
|
|
||||||
const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
|
|
||||||
const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
|
|
||||||
const usePreferredReducedMotion: typeof import('@vueuse/core')['usePreferredReducedMotion']
|
|
||||||
const usePrevious: typeof import('@vueuse/core')['usePrevious']
|
|
||||||
const useRafFn: typeof import('@vueuse/core')['useRafFn']
|
|
||||||
const useRefHistory: typeof import('@vueuse/core')['useRefHistory']
|
|
||||||
const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
|
|
||||||
const useRoute: typeof import('vue-router')['useRoute']
|
|
||||||
const useRouter: typeof import('vue-router')['useRouter']
|
|
||||||
const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation']
|
|
||||||
const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']
|
|
||||||
const useScriptTag: typeof import('@vueuse/core')['useScriptTag']
|
|
||||||
const useScroll: typeof import('@vueuse/core')['useScroll']
|
|
||||||
const useScrollLock: typeof import('@vueuse/core')['useScrollLock']
|
|
||||||
const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage']
|
|
||||||
const useShare: typeof import('@vueuse/core')['useShare']
|
|
||||||
const useSlots: typeof import('vue')['useSlots']
|
|
||||||
const useSorted: typeof import('@vueuse/core')['useSorted']
|
|
||||||
const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']
|
|
||||||
const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
|
|
||||||
const useStepper: typeof import('@vueuse/core')['useStepper']
|
|
||||||
const useStorage: typeof import('@vueuse/core')['useStorage']
|
|
||||||
const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
|
|
||||||
const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
|
|
||||||
const useSupported: typeof import('@vueuse/core')['useSupported']
|
|
||||||
const useSwipe: typeof import('@vueuse/core')['useSwipe']
|
|
||||||
const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
|
|
||||||
const useTextDirection: typeof import('@vueuse/core')['useTextDirection']
|
|
||||||
const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
|
|
||||||
const useTextareaAutosize: typeof import('@vueuse/core')['useTextareaAutosize']
|
|
||||||
const useThrottle: typeof import('@vueuse/core')['useThrottle']
|
|
||||||
const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
|
|
||||||
const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
|
|
||||||
const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']
|
|
||||||
const useTimeout: typeof import('@vueuse/core')['useTimeout']
|
|
||||||
const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
|
|
||||||
const useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll']
|
|
||||||
const useTimestamp: typeof import('@vueuse/core')['useTimestamp']
|
|
||||||
const useTitle: typeof import('@vueuse/core')['useTitle']
|
|
||||||
const useToNumber: typeof import('@vueuse/core')['useToNumber']
|
|
||||||
const useToString: typeof import('@vueuse/core')['useToString']
|
|
||||||
const useToggle: typeof import('@vueuse/core')['useToggle']
|
|
||||||
const useTransition: typeof import('@vueuse/core')['useTransition']
|
|
||||||
const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
|
|
||||||
const useUserMedia: typeof import('@vueuse/core')['useUserMedia']
|
|
||||||
const useVModel: typeof import('@vueuse/core')['useVModel']
|
|
||||||
const useVModels: typeof import('@vueuse/core')['useVModels']
|
|
||||||
const useVibrate: typeof import('@vueuse/core')['useVibrate']
|
|
||||||
const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
|
|
||||||
const useWakeLock: typeof import('@vueuse/core')['useWakeLock']
|
|
||||||
const useWebNotification: typeof import('@vueuse/core')['useWebNotification']
|
|
||||||
const useWebSocket: typeof import('@vueuse/core')['useWebSocket']
|
|
||||||
const useWebWorker: typeof import('@vueuse/core')['useWebWorker']
|
|
||||||
const useWebWorkerFn: typeof import('@vueuse/core')['useWebWorkerFn']
|
|
||||||
const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
|
|
||||||
const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
|
|
||||||
const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
|
|
||||||
const watch: typeof import('vue')['watch']
|
|
||||||
const watchArray: typeof import('@vueuse/core')['watchArray']
|
|
||||||
const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
|
|
||||||
const watchDebounced: typeof import('@vueuse/core')['watchDebounced']
|
|
||||||
const watchDeep: typeof import('@vueuse/core')['watchDeep']
|
|
||||||
const watchEffect: typeof import('vue')['watchEffect']
|
|
||||||
const watchIgnorable: typeof import('@vueuse/core')['watchIgnorable']
|
|
||||||
const watchImmediate: typeof import('@vueuse/core')['watchImmediate']
|
|
||||||
const watchOnce: typeof import('@vueuse/core')['watchOnce']
|
|
||||||
const watchPausable: typeof import('@vueuse/core')['watchPausable']
|
|
||||||
const watchPostEffect: typeof import('vue')['watchPostEffect']
|
|
||||||
const watchSyncEffect: typeof import('vue')['watchSyncEffect']
|
|
||||||
const watchThrottled: typeof import('@vueuse/core')['watchThrottled']
|
|
||||||
const watchTriggerable: typeof import('@vueuse/core')['watchTriggerable']
|
|
||||||
const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
|
|
||||||
const whenever: typeof import('@vueuse/core')['whenever']
|
|
||||||
}
|
|
||||||
// for type re-export
|
|
||||||
declare global {
|
|
||||||
// @ts-ignore
|
|
||||||
export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
|
|
||||||
import('vue')
|
|
||||||
}
|
|
||||||
40
backend/index.js
Normal file
40
backend/index.js
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
import express from 'express';
|
||||||
|
import bodyParser from 'body-parser';
|
||||||
|
import cors from 'cors';
|
||||||
|
import fs from 'fs';
|
||||||
|
import path from 'path';
|
||||||
|
import { fileURLToPath } from 'url';
|
||||||
|
|
||||||
|
const app = express();
|
||||||
|
const PORT = 3000;
|
||||||
|
|
||||||
|
// 获取当前文件的目录路径
|
||||||
|
const __dirname = path.dirname(fileURLToPath(import.meta.url));
|
||||||
|
|
||||||
|
const FILE_PATH = path.join(__dirname, '../src/modules/previewScheme.json');
|
||||||
|
|
||||||
|
app.use(cors());
|
||||||
|
app.use(bodyParser.json());
|
||||||
|
|
||||||
|
app.post('/save', (req, res) => {
|
||||||
|
const data = req.body;
|
||||||
|
try {
|
||||||
|
fs.writeFileSync(FILE_PATH, JSON.stringify(data, null, 2));
|
||||||
|
res.status(200).send('Data saved successfully');
|
||||||
|
} catch (error) {
|
||||||
|
res.status(500).send('Error saving data');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.get('/load', (req, res) => {
|
||||||
|
try {
|
||||||
|
const data = fs.readFileSync(FILE_PATH, 'utf-8');
|
||||||
|
res.status(200).json(JSON.parse(data));
|
||||||
|
} catch (error) {
|
||||||
|
res.status(500).send('Error loading data');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.listen(PORT, () => {
|
||||||
|
console.log(`Server is running on port ${PORT}`);
|
||||||
|
});
|
||||||
20
backend/package.json
Normal file
20
backend/package.json
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
{
|
||||||
|
"name": "backend",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"type": "module",
|
||||||
|
"main": "dist/index.js",
|
||||||
|
"scripts": {
|
||||||
|
"start": "node index.js"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"body-parser": "^1.20.3",
|
||||||
|
"cors": "^2.8.5",
|
||||||
|
"express": "^4.21.1"
|
||||||
|
},
|
||||||
|
"volta": {
|
||||||
|
"node": "22.11.0"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@types/cors": "^2.8.17"
|
||||||
|
}
|
||||||
|
}
|
||||||
2
components.d.ts
vendored
2
components.d.ts
vendored
@ -8,8 +8,8 @@ export {}
|
|||||||
declare module 'vue' {
|
declare module 'vue' {
|
||||||
export interface GlobalComponents {
|
export interface GlobalComponents {
|
||||||
AdaptivePage: typeof import('./src/components/AdaptivePage.vue')['default']
|
AdaptivePage: typeof import('./src/components/AdaptivePage.vue')['default']
|
||||||
|
ComponentHeader: typeof import('./src/components/DynamicComponent/ComponentHeader.vue')['default']
|
||||||
DynamicComponent: typeof import('./src/components/DynamicComponent.vue')['default']
|
DynamicComponent: typeof import('./src/components/DynamicComponent.vue')['default']
|
||||||
MainView: typeof import('./src/components/MainView.vue')['default']
|
|
||||||
NestedFunction: typeof import('./src/components/NestedFunction.vue')['default']
|
NestedFunction: typeof import('./src/components/NestedFunction.vue')['default']
|
||||||
PropertyEditor: typeof import('./src/components/PropertyEditor.vue')['default']
|
PropertyEditor: typeof import('./src/components/PropertyEditor.vue')['default']
|
||||||
RouterLink: typeof import('vue-router')['RouterLink']
|
RouterLink: typeof import('vue-router')['RouterLink']
|
||||||
|
|||||||
3641
package-lock.json
generated
3641
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
15
package.json
15
package.json
@ -4,6 +4,7 @@
|
|||||||
"version": "0.0.0",
|
"version": "0.0.0",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
"start:dev": "concurrently \"npm run dev\" \"cd backend && npm run start\"",
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
"build": "vue-tsc -b && vite build",
|
"build": "vue-tsc -b && vite build",
|
||||||
"preview": "vite preview",
|
"preview": "vite preview",
|
||||||
@ -12,28 +13,36 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@arco-plugins/vite-vue": "^1.4.5",
|
"@arco-plugins/vite-vue": "^1.4.5",
|
||||||
"@vueuse/core": "^10.11.0",
|
"@vueuse/core": "^10.11.0",
|
||||||
|
"axios": "^1.7.7",
|
||||||
|
"js-sha256": "^0.11.0",
|
||||||
"js-yaml": "^4.1.0",
|
"js-yaml": "^4.1.0",
|
||||||
"lodash": "^4.17.21",
|
"lodash": "^4.17.21",
|
||||||
"lsp-uuid": "^3.2.0",
|
"lsp-uuid": "^3.2.0",
|
||||||
"pinia": "^2.2.4",
|
"pinia": "^2.2.4",
|
||||||
"ts-node": "^10.9.2",
|
"ts-node": "^10.9.2",
|
||||||
"vue": "^3.2.25",
|
"vue": "^3.2.25",
|
||||||
"vue-draggable-plus": "^0.5.3",
|
"vue-draggable-plus": "^0.5.4",
|
||||||
"vue-router": "^4.4.5"
|
"vue-router": "^4.4.5"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@arco-design/web-vue": "^2.56.0",
|
"@arco-design/web-vue": "^2.56.0",
|
||||||
"@types/node": "^22.2.0",
|
"@types/lodash": "^4.17.13",
|
||||||
|
"@types/node": "^22.9.0",
|
||||||
"@vitejs/plugin-vue": "^5.0.5",
|
"@vitejs/plugin-vue": "^5.0.5",
|
||||||
|
"concurrently": "^9.1.0",
|
||||||
"less": "^4.2.0",
|
"less": "^4.2.0",
|
||||||
|
"rollup-plugin-visualizer": "^5.12.0",
|
||||||
"sass": "^1.77.8",
|
"sass": "^1.77.8",
|
||||||
"typescript": "^5.5.4",
|
"typescript": "^5.5.4",
|
||||||
"unplugin-auto-import": "^0.18.2",
|
"unplugin-auto-import": "^0.18.2",
|
||||||
"unplugin-vue-components": "^0.27.3",
|
"unplugin-vue-components": "^0.27.3",
|
||||||
"vfonts": "^0.0.3",
|
"vfonts": "^0.0.3",
|
||||||
"vite": "^5.3.4",
|
"vite": "5.4.6",
|
||||||
"vue-loader": "^17.4.2",
|
"vue-loader": "^17.4.2",
|
||||||
"vue-template-compiler": "^2.7.16",
|
"vue-template-compiler": "^2.7.16",
|
||||||
"vue-tsc": "^2.0.24"
|
"vue-tsc": "^2.0.24"
|
||||||
|
},
|
||||||
|
"volta": {
|
||||||
|
"node": "22.11.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +0,0 @@
|
|||||||
import { createPinia } from 'pinia';
|
|
||||||
|
|
||||||
const store = createPinia();
|
|
||||||
|
|
||||||
export default store;
|
|
||||||
@ -1,231 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="low_box">
|
|
||||||
<div class="header">
|
|
||||||
<div class="title">可视化系统</div>
|
|
||||||
<div class="web">pc</div>
|
|
||||||
<div class="btn">
|
|
||||||
<a-button type="primary" @click="view">确定</a-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<div class="left">
|
|
||||||
<div class="title">组件</div>
|
|
||||||
<VueDraggable
|
|
||||||
v-model="store.component"
|
|
||||||
:animation="150"
|
|
||||||
:group="{ name: 'people', pull: 'clone', put: false }"
|
|
||||||
:sort="false"
|
|
||||||
:clone="clone"
|
|
||||||
@start="onStart"
|
|
||||||
@end="onEnd"
|
|
||||||
>
|
|
||||||
<div v-for="item in store.components" :key="item.id" class="tem_btn">
|
|
||||||
{{ item.name }}
|
|
||||||
</div>
|
|
||||||
</VueDraggable>
|
|
||||||
</div>
|
|
||||||
<div ref="targetContent" class="center">
|
|
||||||
<VueDraggable
|
|
||||||
v-model="store.previewScheme"
|
|
||||||
:group="{name: 'designer', pull: 'clone', put: false}"
|
|
||||||
ghost-class="ghost"
|
|
||||||
class="canvas"
|
|
||||||
>
|
|
||||||
<template v-for="item in store.preview" :key="item.id">
|
|
||||||
<component
|
|
||||||
:is="componentsList[item?.code]"
|
|
||||||
:data="item"
|
|
||||||
></component>
|
|
||||||
</template>
|
|
||||||
</VueDraggable>
|
|
||||||
</div>
|
|
||||||
<!-- <div class="right">-->
|
|
||||||
<!-- <component :is="componentsList[store?.nowComponent?.set]"></component>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script setup lang="ts">
|
|
||||||
import {VueDraggable} from "vue-draggable-plus";
|
|
||||||
import {onMounted, ref, watch} from 'vue';
|
|
||||||
import {uuid} from 'lsp-uuid';
|
|
||||||
import {componentScheme} from '@/schemes/scheme';
|
|
||||||
import {useSchemeStore} from '@/stores/useSchemeStore';
|
|
||||||
import {IComponent} from "@/type/IComponent";
|
|
||||||
|
|
||||||
let componentsList = [];
|
|
||||||
const store = useSchemeStore();
|
|
||||||
|
|
||||||
watch(store, (n, e) => {
|
|
||||||
console.log("数据", n);
|
|
||||||
});
|
|
||||||
|
|
||||||
const scheme = ref<any>()
|
|
||||||
const baseScheme =
|
|
||||||
{
|
|
||||||
"type": "AdaptivePage",
|
|
||||||
"name": "AdaptivePage",
|
|
||||||
"id": uuid(),
|
|
||||||
"version": "2.0",
|
|
||||||
"props": {},
|
|
||||||
"class": "",
|
|
||||||
"style": "",
|
|
||||||
"variables": {},
|
|
||||||
"dataSources": {},
|
|
||||||
"functions": {},
|
|
||||||
"orchestrations": {},
|
|
||||||
"events": {},
|
|
||||||
"slots": {},
|
|
||||||
"header": {},
|
|
||||||
"footer": {},
|
|
||||||
"children": [],
|
|
||||||
"meta": {}
|
|
||||||
}
|
|
||||||
store.$onAction(
|
|
||||||
({
|
|
||||||
name, // action 名称
|
|
||||||
after, // 在 action 返回或解决后的钩子
|
|
||||||
onError, // action 抛出或拒绝的钩子
|
|
||||||
}) => {
|
|
||||||
after((result) => {
|
|
||||||
console.log(result);
|
|
||||||
})
|
|
||||||
// 如果 action 抛出或返回一个拒绝的 promise，这将触发
|
|
||||||
onError((error) => {
|
|
||||||
console.warn(
|
|
||||||
`Failed "${name}" after\nError: ${error}.`
|
|
||||||
)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
)
|
|
||||||
//初始化scheme
|
|
||||||
const initScheme = () => {
|
|
||||||
store.initPreviewScheme([baseScheme])
|
|
||||||
componentsList = Object.values(componentScheme);
|
|
||||||
store.initComponents(componentsList);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
initScheme();
|
|
||||||
// @ts-ignore
|
|
||||||
});
|
|
||||||
|
|
||||||
const clone = function (element: IComponent) {
|
|
||||||
return {
|
|
||||||
id: `${element.type}-${uuid()}`,
|
|
||||||
name: element.name,
|
|
||||||
type: element.type,
|
|
||||||
props: element.props,
|
|
||||||
class: element.class,
|
|
||||||
designer: '',
|
|
||||||
text: element.text,
|
|
||||||
children: [],
|
|
||||||
style: element.style,
|
|
||||||
visible: "",
|
|
||||||
slots: element.slots,
|
|
||||||
disable: "",
|
|
||||||
events: {},
|
|
||||||
loop: {},
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
const onEnd = (obj: any) => {
|
|
||||||
// const {oldDraggableIndex} = obj;
|
|
||||||
// store.previewData(store.component[oldDraggableIndex]);
|
|
||||||
// store.nowComponentsData(store.component[oldDraggableIndex]);
|
|
||||||
};
|
|
||||||
|
|
||||||
const onStart = function () {
|
|
||||||
console.log("start")
|
|
||||||
}
|
|
||||||
|
|
||||||
const view = () => {
|
|
||||||
localStorage.setItem("lowcode", JSON.stringify(store.preview));
|
|
||||||
window.open(location.href.replace("/#/", "/preview/#/"));
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.low_box {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
background-color: #f2f2f2;
|
|
||||||
|
|
||||||
.header {
|
|
||||||
height: 65px;
|
|
||||||
background-color: #fff;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
height: calc(100vh - 66px);
|
|
||||||
|
|
||||||
.left {
|
|
||||||
width: 300px;
|
|
||||||
height: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
background-color: #fff;
|
|
||||||
border-top: 1px solid #dddddd;
|
|
||||||
overflow-y: auto;
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-size: 16px;
|
|
||||||
color: #333;
|
|
||||||
line-height: 50px;
|
|
||||||
width: calc(100% - 40px);
|
|
||||||
margin-left: 20px;
|
|
||||||
border-bottom: 1px solid #f2f2f2;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tem_btn {
|
|
||||||
padding: 0px 10px;
|
|
||||||
height: 30px;
|
|
||||||
line-height: 30px;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #666;
|
|
||||||
background-color: #f2f2f2;
|
|
||||||
border-radius: 4px;
|
|
||||||
cursor: move;
|
|
||||||
user-select: none;
|
|
||||||
margin-top: 20px;
|
|
||||||
float: left;
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.center {
|
|
||||||
flex: 1;
|
|
||||||
padding: 20px;
|
|
||||||
background-color: #f2f2f2;
|
|
||||||
|
|
||||||
.canvas {
|
|
||||||
background-color: #fff;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ghost {
|
|
||||||
background-color: #f00 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.right {
|
|
||||||
width: 300px;
|
|
||||||
height: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
background-color: #fff;
|
|
||||||
border-top: 1px solid #dddddd;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div v-if="!isEmpty(data)" class="box">
|
|
||||||
<template v-for="item in data" :key="item.id">
|
|
||||||
<!-- <component :is="componentsList[item.code]" :data="item"></component>-->
|
|
||||||
</template>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script setup lang="ts">
|
|
||||||
import {onBeforeMount, shallowRef, ref} from "vue";
|
|
||||||
import {isEmpty} from "lodash";
|
|
||||||
import _ from "lodash";
|
|
||||||
|
|
||||||
const data = shallowRef<any>({});
|
|
||||||
onBeforeMount(() => {
|
|
||||||
// 接收客户端posemessage传递过来的消息
|
|
||||||
const obj = JSON.parse(localStorage.getItem("lowcode") || "");
|
|
||||||
console.log("数据哈哈哈", obj);
|
|
||||||
data.value = obj;
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.box {
|
|
||||||
width: 1000px;
|
|
||||||
height: 600px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,12 +1,7 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import MainView from "../preview/views/MainView.vue";
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<router-view></router-view>
|
||||||
<MainView></MainView>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@ -1,11 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div style="height:100%;width:100%;">
|
||||||
<div style="width: 100%;">
|
<div style="width: 100%;">
|
||||||
<slot name="header"></slot>
|
<slot name="header"></slot>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 100%;min-height: 480px;background-color: #f7f8fa;">
|
<div style="width: 100%;height: 100%;background-color: #f7f8fa;overflow-y: auto">
|
||||||
<slot>
|
|
||||||
MAIN
|
MAIN
|
||||||
|
<slot>
|
||||||
</slot>
|
</slot>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -17,11 +17,9 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref } from 'vue';
|
import {ref} from 'vue';
|
||||||
const dataSources = ref({})
|
const dataSources = ref({})
|
||||||
|
|
||||||
onMounted(()=>
|
onMounted(() => {
|
||||||
{
|
|
||||||
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
@ -1,48 +1,271 @@
|
|||||||
<template>
|
<template>
|
||||||
<component @click.stop="handleClick" :id="componentId" :is="componentType" v-bind="componentProps"
|
<div
|
||||||
:class="componentClass" :style="componentStyle">
|
style="width: fit-content; display: flex; flex-direction: column; position: relative;"
|
||||||
|
v-if="store.nowComponentsData !== null && (componentVisible || store.designerMode)"
|
||||||
|
:id="componentId"
|
||||||
|
:class="['dynamic-component',{ 'hover-state': isHovered && store.designerMode },
|
||||||
|
{ 'click-state': componentSelected && store.designerMode &&isComponent }
|
||||||
|
]"
|
||||||
|
@click.stop="handleClick"
|
||||||
|
@mouseover="isHovered = true"
|
||||||
|
@mouseleave="isHovered = false"
|
||||||
|
>
|
||||||
|
<div v-if="isHovered && store.designerMode" id="header" class="component-header">
|
||||||
|
<span>{{ componentName }}</span>
|
||||||
|
</div>
|
||||||
|
<div v-if="componentSelected && store.designerMode&&isComponent" class="component-header" :style="headerStyle">
|
||||||
|
<div style="background-color:#3457cc;color: #ffffff;padding: 5px ;margin-right: 2px">{{ componentName }}</div>
|
||||||
|
<div
|
||||||
|
style="background-color:#3457cc;color:#ffffff;padding: 6px 5px 5px 5px;display: flex;width: fit-content;flex-wrap: nowrap">
|
||||||
|
<icon-copy class="clickable" size="20"/>
|
||||||
|
<icon-edit class="clickable" @click="handleEditFunc" size="20"/>
|
||||||
|
<icon-delete class="clickable" @click="handleDeleteFunc" size="20"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="component-content">
|
||||||
|
<VueDraggable
|
||||||
|
v-model="componentChildren"
|
||||||
|
:animation="150"
|
||||||
|
group="designer"
|
||||||
|
ghost-class="ghost"
|
||||||
|
chosen-class="chosen"
|
||||||
|
class="canvas"
|
||||||
|
@start="onComponentStart"
|
||||||
|
@update="onComponentUpdate"
|
||||||
|
@stop="onComponentEnd"
|
||||||
|
@add="onComponentAdd"
|
||||||
|
>
|
||||||
|
<component
|
||||||
|
:is="componentType"
|
||||||
|
v-bind="componentPropsWithDisabled"
|
||||||
|
:class="componentClass"
|
||||||
|
:style="componentStyle"
|
||||||
|
>
|
||||||
{{ componentText }}
|
{{ componentText }}
|
||||||
<template v-for="child in componentChildren" :key="child.id">
|
<template v-for="child in componentChildren" :key="child.id">
|
||||||
<DynamicComponent :component-data="child" />
|
<DynamicComponent :componentData="child"/>
|
||||||
</template>
|
</template>
|
||||||
<template v-for="(slot, key, index) in componentSlots" :key="index" v-slot:[key]>
|
<template v-for="(slot, key, index) in componentSlots" :key="key" v-slot:[key]>
|
||||||
<DynamicComponent :component-data="slot" />
|
<DynamicComponent :component-data="slot"/>
|
||||||
</template>
|
</template>
|
||||||
</component>
|
</component>
|
||||||
</template>
|
</VueDraggable>
|
||||||
<script setup lang="ts">
|
|
||||||
import { defineProps, computed, onMounted } from 'vue';
|
|
||||||
import { componentMapping } from './componentMapping';
|
|
||||||
import { useSchemeStore } from '../stores/useSchemeStore'
|
|
||||||
|
|
||||||
const store = useSchemeStore()
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import {ref, computed, onMounted, watch, markRaw, nextTick} from 'vue';
|
||||||
|
import {componentMapping} from './componentMapping';
|
||||||
|
import {useSchemeStore} from '../stores/useSchemeStore';
|
||||||
|
import {DraggableEvent, VueDraggable} from "vue-draggable-plus";
|
||||||
|
|
||||||
|
const store = useSchemeStore();
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
componentData: Object
|
componentData: Object
|
||||||
});
|
});
|
||||||
|
const isComponent = ref(true)
|
||||||
onMounted(() => {
|
|
||||||
// console.log(props.componentData)
|
|
||||||
})
|
|
||||||
|
|
||||||
const componentId = computed(() => props.componentData?.id || '');
|
const componentId = computed(() => props.componentData?.id || '');
|
||||||
const componentType = computed(() => componentMapping[props.componentData?.type] || 'div');
|
const componentName = computed(() => props.componentData?.name || 'Unnamed Component');
|
||||||
|
const componentType = computed(() => markRaw(componentMapping[props.componentData?.type]) || 'div');
|
||||||
const componentProps = computed(() => props.componentData?.props || {});
|
const componentProps = computed(() => props.componentData?.props || {});
|
||||||
const componentChildren = computed(() => props.componentData?.children || []);
|
const componentDisable = computed(() => props.componentData?.disable);
|
||||||
|
const componentVisible = computed(() => props.componentData?.visible);
|
||||||
|
const componentChildren = ref(props.componentData?.children);
|
||||||
const componentText = computed(() => props.componentData?.text || '');
|
const componentText = computed(() => props.componentData?.text || '');
|
||||||
const componentClass = computed(() => props.componentData?.class || []);
|
const componentClass = computed(() => props.componentData?.class || []);
|
||||||
const componentStyle = computed(() => props.componentData?.style || []);
|
const componentStyle = computed(() => props.componentData?.style || []);
|
||||||
const componentSlots = computed(() => props.componentData?.slots || []);
|
const componentSlots = computed(() => props.componentData?.slots || {});
|
||||||
|
const componentSelected = computed(() => store.nowComponentsData?.id && props.componentData?.id === store.nowComponentsData?.id);
|
||||||
|
|
||||||
// @ts-ignore
|
// 设计器控制参数
|
||||||
const updateScheme = () => {
|
const componentMove = computed(() => props.componentData?.designer?.move | false);
|
||||||
|
const componentMoveSibling = computed(() => props.componentData?.designer?.moveSibling | false);
|
||||||
|
const componentSelect = computed(() => props.componentData?.designer?.select | false);
|
||||||
|
const componentDel = computed(() => props.componentData?.designer?.del | false);
|
||||||
|
const componentDynamic = computed(() => props.componentData?.designer?.dynamic | false);
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
isComponent.value = props.componentData?.type != 'AdaptivePage';
|
||||||
|
adjustHeaderPosition();
|
||||||
|
});
|
||||||
|
|
||||||
|
const onComponentStart = (event: DraggableEvent) => {
|
||||||
|
console.log("onComponentStart", event);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const onComponentEnd = (event: DraggableEvent) => {
|
||||||
|
console.log("onComponentEnd", event);
|
||||||
|
|
||||||
|
}
|
||||||
|
const onComponentAdd = (event: DraggableEvent) => {
|
||||||
|
console.log("onComponentAdd", event);
|
||||||
|
let obj = getCurrentSchemeObj()
|
||||||
|
obj.children = componentChildren.value
|
||||||
|
store.updateScheme(obj.id, obj)
|
||||||
|
}
|
||||||
|
const onComponentUpdate = (event: DraggableEvent) => {
|
||||||
|
console.log("onComponentUpdate", event);
|
||||||
|
|
||||||
|
}
|
||||||
|
// 确保 componentProps 包含 disabled 属性
|
||||||
|
const componentPropsWithDisabled = computed(() => ({
|
||||||
|
...componentProps.value,
|
||||||
|
disabled: componentDisable.value
|
||||||
|
}));
|
||||||
|
|
||||||
|
// 获取当前组件的最新数据
|
||||||
const getCurrentSchemeObj = () => {
|
const getCurrentSchemeObj = () => {
|
||||||
return store.getSchemeObj(componentId.value)
|
return store.getSchemeObj(componentId.value);
|
||||||
}
|
|
||||||
const handleClick = () => {
|
|
||||||
console.log(`Div with id ${JSON.stringify(getCurrentSchemeObj())} was clicked.`);
|
|
||||||
// 你可以在这里执行更多的逻辑，例如发出一个事件或调用一个方法
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// 控制悬停和点击状态
|
||||||
|
const isHovered = ref(false);
|
||||||
|
|
||||||
|
const handleClick = () => {
|
||||||
|
const currentComponent = getCurrentSchemeObj();
|
||||||
|
adjustHeaderPosition()
|
||||||
|
if (currentComponent) {
|
||||||
|
store.updateNowScheme(currentComponent);
|
||||||
|
console.log(`Component with id ${currentComponent?.id} was clicked.`);
|
||||||
|
// 你可以在这里执行更多的逻辑，例如发出一个事件或调用一个方法
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleEditFunc = () => {
|
||||||
|
// 编辑功能
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleDeleteFunc = () => {
|
||||||
|
store.deleteScheme(componentId.value);
|
||||||
|
};
|
||||||
|
|
||||||
|
const headerStyle = ref({});
|
||||||
|
const adjustHeaderPosition = () => {
|
||||||
|
const componentEl = document.getElementById(componentId.value);
|
||||||
|
if (!componentEl) return;
|
||||||
|
|
||||||
|
const headerEl = document.getElementById('header')
|
||||||
|
if (!headerEl) return;
|
||||||
|
|
||||||
|
const componentRect = componentEl.getBoundingClientRect();
|
||||||
|
const headerRect = headerEl.getBoundingClientRect();
|
||||||
|
headerRect.height=headerRect.height+12
|
||||||
|
headerRect.width=headerRect.width+9
|
||||||
|
|
||||||
|
let top = 0;
|
||||||
|
let left = 0;
|
||||||
|
let justification = '';
|
||||||
|
|
||||||
|
// 获取最外层组件渲染区域的边界
|
||||||
|
const containerEl = document.getElementById('root');
|
||||||
|
if (!containerEl) return;
|
||||||
|
|
||||||
|
const containerRect = containerEl.getBoundingClientRect();
|
||||||
|
|
||||||
|
// 计算上下左右的可用空间
|
||||||
|
const topSpace = componentRect.top - containerRect.top;
|
||||||
|
const bottomSpace = containerRect.bottom - componentRect.bottom;
|
||||||
|
|
||||||
|
// 检查上方是否有足够的空间
|
||||||
|
if (topSpace >= headerRect.height) {
|
||||||
|
top = -headerRect.height + 2;
|
||||||
|
} else if (bottomSpace >= headerRect.height) {
|
||||||
|
top = componentRect.height - 2;
|
||||||
|
}
|
||||||
|
debugger
|
||||||
|
if (headerRect.width > (componentRect.width+11)) {
|
||||||
|
left = -2;
|
||||||
|
justification = 'flex-start';
|
||||||
|
} else {
|
||||||
|
left = componentRect.width - headerRect.width - 2;
|
||||||
|
justification = 'flex-end';
|
||||||
|
}
|
||||||
|
|
||||||
|
headerStyle.value = {
|
||||||
|
top: `${top}px`,
|
||||||
|
left: `${left}px`,
|
||||||
|
justifyContent: justification
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
watch(() => componentSelected.value, () => {
|
||||||
|
if (componentSelected.value) {
|
||||||
|
nextTick(() => {
|
||||||
|
adjustHeaderPosition();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.dynamic-component {
|
||||||
|
position: relative;
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dynamic-component.hover-state {
|
||||||
|
border: 1px dashed #3457cc; /* 悬停时浅蓝色虚线框 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.dynamic-component.click-state {
|
||||||
|
border: 2px solid #3457cc; /* 点击时深蓝色实线框 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.component-header {
|
||||||
|
position: absolute;
|
||||||
|
color: #3457cc;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: nowrap; /* 禁止换行 */
|
||||||
|
align-content: center;
|
||||||
|
align-items: center;
|
||||||
|
z-index: 1000;
|
||||||
|
background-color: transparent; /* 确保没有背景颜色 */
|
||||||
|
box-sizing: border-box; /* 确保内边距不会影响宽度 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.component-header span {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.component-header button {
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
color: #3457cc;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.component-header button:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.component-content {
|
||||||
|
flex-grow: 1;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clickable {
|
||||||
|
cursor: pointer; /* 当鼠标悬停在此元素上时，鼠标指针变为手形 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.canvas {
|
||||||
|
background-color: #fff;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ghost {
|
||||||
|
background-color: #f2f3f5 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chosen {
|
||||||
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
z-index: 1001;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -14,21 +14,25 @@
|
|||||||
<div style="margin-top: 16px;">
|
<div style="margin-top: 16px;">
|
||||||
<!-- 属性面板 -->
|
<!-- 属性面板 -->
|
||||||
<div>
|
<div>
|
||||||
<a-input-search placeholder="Please enter something" />
|
<a-input-search placeholder="Please enter something"/>
|
||||||
<a-space direction="vertical" fill style="margin-top: 8px;">
|
<a-space direction="vertical" fill style="margin-top: 8px;">
|
||||||
<div style="display: flex;justify-content: space-between;vertical-align: middle;">
|
<div style="display: flex;justify-content: space-between;vertical-align: middle;">
|
||||||
<span>组件ID</span>
|
<span>组件ID</span>
|
||||||
<a-input style="width: 150px;" />
|
<a-input style="width: 150px;"/>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex;justify-content: space-between;vertical-align: middle;">
|
<div style="display: flex;justify-content: space-between;vertical-align: middle;">
|
||||||
<span>是否可见</span>
|
<span>是否可见</span>
|
||||||
<a-switch />
|
<a-switch v-model="scheme.visible"/>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;justify-content: space-between;vertical-align: middle;">
|
||||||
|
<span>是否禁用</span>
|
||||||
|
<a-switch v-model="scheme.disable"/>
|
||||||
</div>
|
</div>
|
||||||
<a-collapse :expand-icon-position="`right`" :default-active-key="['1', 2]">
|
<a-collapse :expand-icon-position="`right`" :default-active-key="['1', 2]">
|
||||||
<a-collapse-item header="基本配置" key="1">
|
<a-collapse-item header="基本配置" key="1">
|
||||||
<div style="display: flex;justify-content: space-between;vertical-align: middle;">
|
<div style="display: flex;justify-content: space-between;vertical-align: middle;">
|
||||||
<span>内容</span>
|
<span>内容</span>
|
||||||
<a-input v-model="scheme.text" style="width: 150px;" />
|
<a-input v-model="scheme.text" style="width: 150px;"/>
|
||||||
</div>
|
</div>
|
||||||
</a-collapse-item>
|
</a-collapse-item>
|
||||||
</a-collapse>
|
</a-collapse>
|
||||||
@ -56,20 +60,32 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { defineProps, computed, ref, onMounted } from 'vue';
|
import {watch, defineProps, computed, ref, onMounted} from 'vue';
|
||||||
import { IPageComponent } from '../type/IPageComponent';
|
import {IPageComponent} from '@/type/IPageComponent';
|
||||||
|
import {useSchemeStore} from '../stores/useSchemeStore'
|
||||||
|
|
||||||
|
import {IComponent} from "@/type/IComponent.ts";
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
scheme: IPageComponent
|
scheme: IPageComponent
|
||||||
}>();
|
}>();
|
||||||
|
|
||||||
|
|
||||||
|
const store = useSchemeStore()
|
||||||
|
|
||||||
const selectedOption = ref('property')
|
const selectedOption = ref('property');
|
||||||
const scheme = computed(() => props.scheme || '');
|
const scheme = computed<IPageComponent>(() => props.scheme || {} as IPageComponent);
|
||||||
|
|
||||||
|
// 使用 deep 选项来深度监听对象的变化
|
||||||
|
watch(scheme, (value, oldValue) => {
|
||||||
|
// console.log("scheme Changed", value);
|
||||||
|
if (value)
|
||||||
|
store.updateScheme(value.id, value as IComponent);
|
||||||
|
}, {deep: true});
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
})
|
// 初始化时的逻辑
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
// componentMapping.ts
|
// componentMapping.ts
|
||||||
import TestComponent from './TestComponent.vue';
|
import AdaptivePage from '@/components/AdaptivePage.vue';
|
||||||
import AdaptivePage from './AdaptivePage.vue';
|
|
||||||
import Icon from './Icon.tsx';
|
import Icon from './Icon.tsx';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
@ -31,8 +30,7 @@ import {
|
|||||||
} from '@arco-design/web-vue';
|
} from '@arco-design/web-vue';
|
||||||
|
|
||||||
export const componentMapping: { [key: string]: any } = {
|
export const componentMapping: { [key: string]: any } = {
|
||||||
TestComponent, AdaptivePage,
|
AdaptivePage, Affix, Alert, Anchor, AnchorLink,
|
||||||
Affix, Alert, Anchor, AnchorLink,
|
|
||||||
AutoComplete, Avatar, AvatarGroup, BackTop,
|
AutoComplete, Avatar, AvatarGroup, BackTop,
|
||||||
Badge, Breadcrumb, BreadcrumbItem, Button,
|
Badge, Breadcrumb, BreadcrumbItem, Button,
|
||||||
ButtonGroup, Card, CardGrid, CardMeta,
|
ButtonGroup, Card, CardGrid, CardMeta,
|
||||||
|
|||||||
@ -2,7 +2,7 @@ import { createApp } from 'vue'
|
|||||||
import './style.css'
|
import './style.css'
|
||||||
import App from './App.vue'
|
import App from './App.vue'
|
||||||
import ArcoVue from '@arco-design/web-vue';
|
import ArcoVue from '@arco-design/web-vue';
|
||||||
import router from "./router";
|
import router from "@/router/index.ts";
|
||||||
// 额外引入图标库
|
// 额外引入图标库
|
||||||
import ArcoVueIcon from '@arco-design/web-vue/es/icon';
|
import ArcoVueIcon from '@arco-design/web-vue/es/icon';
|
||||||
import '@arco-design/web-vue/dist/arco.css';
|
import '@arco-design/web-vue/dist/arco.css';
|
||||||
|
|||||||
24
src/modules/previewScheme.json
Normal file
24
src/modules/previewScheme.json
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"id": "AdaptivePage-b32bb7a33910000",
|
||||||
|
"name": "AdaptivePage",
|
||||||
|
"type": "AdaptivePage",
|
||||||
|
"props": {},
|
||||||
|
"class": "",
|
||||||
|
"children": [],
|
||||||
|
"style": "",
|
||||||
|
"visible": true,
|
||||||
|
"slots": {},
|
||||||
|
"disable": false,
|
||||||
|
"events": {},
|
||||||
|
"loop": {},
|
||||||
|
"body": [],
|
||||||
|
"designer": {},
|
||||||
|
"dataSources": {},
|
||||||
|
"functions": {},
|
||||||
|
"variables": {},
|
||||||
|
"orchestrations": {},
|
||||||
|
"footer": [],
|
||||||
|
"meta": {}
|
||||||
|
}
|
||||||
|
]
|
||||||
@ -1,15 +0,0 @@
|
|||||||
import { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";
|
|
||||||
|
|
||||||
const routes: Array<RouteRecordRaw> = [
|
|
||||||
{
|
|
||||||
path: "/:pathMatch(.*)*",
|
|
||||||
component: () => import("../preview/views/MainView.vue"),
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const router = createRouter({
|
|
||||||
history: createWebHashHistory(),
|
|
||||||
routes,
|
|
||||||
});
|
|
||||||
|
|
||||||
export default router;
|
|
||||||
@ -1,18 +1,23 @@
|
|||||||
import { createRouter, createWebHashHistory } from "vue-router";
|
import { createRouter, createWebHistory } from 'vue-router';
|
||||||
|
import Designer from '../views/Designer.vue';
|
||||||
|
import Preview from '../views/Preview.vue';
|
||||||
|
|
||||||
const routes = [
|
const routes = [
|
||||||
// {
|
{
|
||||||
// path: "/lowcode",
|
path: '/',
|
||||||
// name: "活动生成",
|
name: 'Designer',
|
||||||
// meta: {
|
component: Designer
|
||||||
// title: "活动生成",
|
},
|
||||||
// icon: "Calendar",
|
{
|
||||||
// },
|
path: '/preview',
|
||||||
// component: () => import("@/pages/lowCode/index.vue"),
|
name: 'Preview',
|
||||||
// },
|
component: Preview
|
||||||
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
const router = createRouter({
|
const router = createRouter({
|
||||||
history: createWebHashHistory(),
|
history: createWebHistory(import.meta.env.VITE_BASE_URL),
|
||||||
routes,
|
routes
|
||||||
});
|
});
|
||||||
export { router, routes };
|
|
||||||
|
export default router;
|
||||||
@ -1,19 +1,22 @@
|
|||||||
{
|
{
|
||||||
"type": "AdaptivePage",
|
"type": "AdaptivePage",
|
||||||
"name":"AdaptivePage",
|
"name": "AdaptivePage",
|
||||||
"id":"AdaptivePage",
|
"id": "AdaptivePage",
|
||||||
"version": "2.0",
|
"version": "2.0",
|
||||||
"props": {},
|
"props": {},
|
||||||
"class":"",
|
"class": "",
|
||||||
"style":"",
|
"style": "",
|
||||||
"variables": {},
|
"variables": {},
|
||||||
"dataSources":{},
|
"dataSources": {},
|
||||||
"functions" : {},
|
"functions": {},
|
||||||
"orchestrations" : {},
|
"orchestrations": {},
|
||||||
"events":{},
|
"events": {},
|
||||||
"slots":{},
|
"slots": {},
|
||||||
"header":{},
|
"header": [],
|
||||||
"footer":{},
|
"footer": [],
|
||||||
"children":[],
|
"body": [],
|
||||||
"meta":{}
|
"meta": {},
|
||||||
|
"visible": true,
|
||||||
|
"disable": false,
|
||||||
|
"designer": {}
|
||||||
}
|
}
|
||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -5,14 +5,14 @@
|
|||||||
"designer": {},
|
"designer": {},
|
||||||
"text": "button",
|
"text": "button",
|
||||||
"props": {
|
"props": {
|
||||||
"type":"primary",
|
"type": "primary",
|
||||||
"status":"waring"
|
"status": "waring"
|
||||||
},
|
},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -9,9 +9,9 @@
|
|||||||
},
|
},
|
||||||
"style": "width:360px",
|
"style": "width:360px",
|
||||||
"class": "arco-card arco-card-size-medium arco-card-bordered",
|
"class": "arco-card arco-card-size-medium arco-card-bordered",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {
|
"slots": {
|
||||||
"extra":{
|
"extra": {
|
||||||
"id": "9f8289a12910000",
|
"id": "9f8289a12910000",
|
||||||
"name": "avatar",
|
"name": "avatar",
|
||||||
"type": "Avatar",
|
"type": "Avatar",
|
||||||
@ -28,7 +28,7 @@
|
|||||||
"loop": {}
|
"loop": {}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -5,16 +5,16 @@
|
|||||||
"designer": {},
|
"designer": {},
|
||||||
"text": "分割",
|
"text": "分割",
|
||||||
"props": {
|
"props": {
|
||||||
"direction":"horizontal",
|
"direction": "horizontal",
|
||||||
"orientation":"center",
|
"orientation": "center",
|
||||||
"type":"dotted",
|
"type": "dotted",
|
||||||
"size":2.5
|
"size": 2.5
|
||||||
},
|
},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -5,13 +5,13 @@
|
|||||||
"designer": {},
|
"designer": {},
|
||||||
"text": "grid",
|
"text": "grid",
|
||||||
"props": {
|
"props": {
|
||||||
"cols":24
|
"cols": 24
|
||||||
},
|
},
|
||||||
"style": "display: block;",
|
"style": "display: block;",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -4,13 +4,12 @@
|
|||||||
"id": "icon",
|
"id": "icon",
|
||||||
"designer": {},
|
"designer": {},
|
||||||
"text": "",
|
"text": "",
|
||||||
"props": {
|
"props": {},
|
||||||
},
|
|
||||||
"style": "{fontSize:'32px'}",
|
"style": "{fontSize:'32px'}",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -3,15 +3,19 @@
|
|||||||
"name": "link",
|
"name": "link",
|
||||||
"id": "link",
|
"id": "link",
|
||||||
"designer": {},
|
"designer": {},
|
||||||
"text": "Link",
|
"text": "链接",
|
||||||
"props": {
|
"props": {
|
||||||
"status":""
|
"status": "normal",
|
||||||
|
"href": "https://www.baidu.com",
|
||||||
|
"loading": false,
|
||||||
|
"hoverable": "",
|
||||||
|
"icon": false
|
||||||
},
|
},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
|
"visible": true,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -4,7 +4,26 @@
|
|||||||
"id": "radiogroup",
|
"id": "radiogroup",
|
||||||
"designer": {},
|
"designer": {},
|
||||||
"text": "",
|
"text": "",
|
||||||
"props": {},
|
"props": {
|
||||||
|
"type": "button"
|
||||||
|
},
|
||||||
|
"style": "",
|
||||||
|
"class": "",
|
||||||
|
"visible": true,
|
||||||
|
"slots": {},
|
||||||
|
"disable": false,
|
||||||
|
"events": {},
|
||||||
|
"loop": {},
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"type": "Radio",
|
||||||
|
"name": "radio",
|
||||||
|
"id": "radio",
|
||||||
|
"designer": {},
|
||||||
|
"text": "广州",
|
||||||
|
"props": {
|
||||||
|
"value": "guangzhou"
|
||||||
|
},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": "",
|
||||||
@ -13,4 +32,24 @@
|
|||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "Radio",
|
||||||
|
"name": "radio",
|
||||||
|
"id": "radio",
|
||||||
|
"designer": {},
|
||||||
|
"text": "深圳",
|
||||||
|
"props": {
|
||||||
|
"value": "shenzhen"
|
||||||
|
},
|
||||||
|
"style": "",
|
||||||
|
"class": "",
|
||||||
|
"visible": "",
|
||||||
|
"slots": {},
|
||||||
|
"disable": "",
|
||||||
|
"events": {},
|
||||||
|
"loop": {},
|
||||||
|
"children": []
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
"props": {},
|
"props": {},
|
||||||
"style": "",
|
"style": "",
|
||||||
"class": "",
|
"class": "",
|
||||||
"visible": "",
|
"visible": true,
|
||||||
"slots": {},
|
"slots": {},
|
||||||
"disable": "",
|
"disable": false,
|
||||||
"events": {},
|
"events": {},
|
||||||
"loop": {},
|
"loop": {},
|
||||||
"children": []
|
"children": []
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user