14 | 
15 | {!props.isCollapse && Admin Plus}
16 |
17 |
16 | WorkPlaceView
17 | 按钮
18 |
19 | )
20 | }
21 | })
22 |
23 | export default WorkPlaceView
24 |
--------------------------------------------------------------------------------
/md/hmr.md:
--------------------------------------------------------------------------------
1 | ```tsx
2 | import { defineComponent } from 'vue'
3 |
4 | // named exports w/ variable declaration: ok
5 | export const Foo = defineComponent({})
6 |
7 | // named exports referencing variable declaration: ok
8 | const Bar = defineComponent({
9 | render() {
10 | return Test
11 | }
12 | })
13 | export { Bar }
14 |
15 | // default export call: ok
16 | export default defineComponent({
17 | render() {
18 | return Test
19 | }
20 | })
21 |
22 | // default export referencing variable declaration: ok
23 | const Baz = defineComponent({
24 | render() {
25 | return Test
26 | }
27 | })
28 | export default Baz
29 | ```
30 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "include": [
3 | "env.d.ts",
4 | "src/**/*.ts",
5 | "src/**/*.d.ts",
6 | "src/**/*.tsx",
7 | "src/**/*.vue"
8 | ],
9 | "compilerOptions": {
10 | "target": "esnext",
11 | "useDefineForClassFields": true,
12 | "module": "esnext",
13 | "moduleResolution": "node",
14 | "strict": true,
15 | "jsx": "preserve",
16 | "sourceMap": true,
17 | "resolveJsonModule": true,
18 | "esModuleInterop": true,
19 | "lib": ["esnext", "dom"],
20 | "baseUrl": ".",
21 | "paths": {
22 | "@/*": ["src/*"]
23 | }
24 | },
25 |
26 | "references": [
27 | {
28 | "path": "./tsconfig.config.json"
29 | }
30 | ]
31 | }
32 |
--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
1 | import { createApp } from 'vue'
2 |
3 | // global less
4 | import './style/base.less'
5 |
6 | import App from './App'
7 | import { setupStore } from './store'
8 | import { router, setupRouter, setupRouterGuard } from './router'
9 | import { DashboardFilled } from '@vicons/antd'
10 |
11 | function bootstrap() {
12 | const app = createApp(App)
13 |
14 | // 全局组件
15 | app.component('BlankLayout', () => import('@/layout/BlankLayout'))
16 | app.component('DashboardFilled', DashboardFilled)
17 |
18 | // store
19 | setupStore(app)
20 |
21 | // router
22 | setupRouter(app)
23 |
24 | // router guard
25 | setupRouterGuard(router)
26 |
27 | app.mount('#app')
28 | }
29 |
30 | bootstrap()
31 |
--------------------------------------------------------------------------------
/src/components/TriggerCollapse/index.tsx:
--------------------------------------------------------------------------------
1 | import { MenuFoldOutlined, MenuUnfoldOutlined } from '@vicons/antd'
2 | import { NEl, NIcon } from 'naive-ui'
3 | import styles from './style/index.module.less'
4 |
5 | const TriggerCollapse = defineComponent({
6 | name: 'TriggerCollapse',
7 | props: {
8 | isCollapse: Boolean
9 | },
10 | emits: ['changeSetting'],
11 | setup(props, { emit }) {
12 | return () => (
13 | emit('clickIcon')}>
20 |
24 | {h(props.iconName as Component)}
25 |
26 |
27 | ),
28 | default: () => {props.tipContent}
29 | }
30 |
31 | return () => {h(Component, { key: route.path })}
27 |
22 |
23 |
24 |
26 |
28 |
29 | {
34 | console.log('first')
35 | }}
36 | />
37 | {
42 | console.log('first')
43 | }}
44 | />
45 |
46 |
47 | )
48 | }
49 | })
50 |
51 | export default DragItem
52 |
--------------------------------------------------------------------------------
/src/views/base-component/baseComponent.tsx:
--------------------------------------------------------------------------------
1 | import DButton from '@/components/DButton'
2 | import { PlusOutlined, EditOutlined, DeleteOutlined } from '@vicons/antd'
3 | import { NCard, NSpace } from 'naive-ui'
4 |
5 | const BaseComponent = defineComponent({
6 | name: 'BaseComponent',
7 | setup() {
8 | return () => (
9 |
10 |
11 |
12 |
17 |
18 |
19 |
24 |
25 |
35 |
36 |
37 | )
38 | }
39 | })
40 |
41 | export default BaseComponent
42 |
--------------------------------------------------------------------------------
/src/components/GlobalProvider.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | createDiscreteApi,
3 | NDialogProvider,
4 | NLoadingBarProvider,
5 | NMessageProvider,
6 | NNotificationProvider
7 | } from 'naive-ui'
8 | // import { useMessage, useDialog, useLoadingBar, useNotification } from 'naive-ui'
9 |
10 | const GlobalProvider = defineComponent({
11 | name: 'GlobalProvider',
12 | setup(_, { slots }) {
13 | return () => (
14 |
29 | {props.title}
30 | {slots.default!()}
31 |
32 | )
33 | }
34 | })
35 |
36 | const GlobalDraw = defineComponent({
37 | name: 'GlobalDraw',
38 | setup(props, { emit }) {
39 | const settingStore = useSettingStore()
40 | const {
41 | isShowDraw,
42 | isFixedHeader,
43 | isShowLogo,
44 | isShowTagViews,
45 | isShowBreadcrumb,
46 | isShowBreadcrumbIcon,
47 | isInverted,
48 | triggerStyle,
49 | collapsedWidth,
50 | collapsedIconSize,
51 | globalTheme,
52 | menuMode
53 | } = storeToRefs(settingStore)
54 |
55 | // 折叠菜单风格
56 | const triggerOptions = ref
73 |
74 |
75 | {[1, 2, 3, 4].map((i) => (
76 |
79 |
80 |
81 | )
82 |
83 | // 弹出
84 | const popSlots = (click: (e: MouseEvent) => void, icon: Component) => ({
85 | trigger: () => (
86 |
109 | {/* 没有外面这一层 div 不显示 tip */}
110 |
115 | {h(icon)}
119 | }}
120 | />
121 |
122 |
123 | )
124 |
125 | case '列设置':
126 | return (
127 |
128 |
135 | )
136 |
137 | default:
138 | return (
139 |
96 | {props.menuMode === 'vertical' ? (
97 |
98 | {props.triggerStyle === 'custom' && (
99 |
116 | ) : (
117 |
118 |
126 | )}
127 |
128 |
129 | {isFullscreen.value ? (
130 |
150 |
157 |
158 |
159 |
144 | {/* 操作栏 */}
145 |
146 |
147 |
167 |
168 | {
170 | size.value = payload
171 | }}
172 | />
173 | {/*
174 | */}
193 |
194 | {/* 数据表格 */}
195 |
202 | )
203 | }
204 | })
205 |
206 | export default SearchTable
207 |
--------------------------------------------------------------------------------