adtec-core-package 0.1.1 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.editorconfig +6 -0
- package/.prettierrc.json +7 -0
- package/.vscode/extensions.json +8 -0
- package/README.md +39 -0
- package/env.d.ts +1 -0
- package/eslint.config.js +56 -0
- package/index.html +13 -0
- package/package.json +44 -6
- package/src/App.vue +9 -0
- package/src/components/ElFlex/ElFlex.vue +297 -0
- package/src/components/OperationAuth/operationAuth.vue +26 -0
- package/src/components/Search/ElIconSearch.vue +239 -0
- package/src/components/Search/ElSearch.vue +132 -0
- package/src/components/Table/ElTableColumnEdit.vue +218 -0
- package/src/components/Title/ElTitle.vue +49 -0
- package/src/components/autoToolTip/index.vue +61 -0
- package/src/components/icon/ElIconBtn.vue +182 -0
- package/src/components/icon/ElIcons.vue +38 -0
- package/src/config/ElementPlusConfig.ts +95 -0
- package/src/css/elementUI/affix.scss +7 -0
- package/src/css/elementUI/alert.scss +115 -0
- package/src/css/elementUI/anchor-link.scss +41 -0
- package/src/css/elementUI/anchor.scss +88 -0
- package/src/css/elementUI/aside.scss +8 -0
- package/src/css/elementUI/autocomplete.scss +89 -0
- package/src/css/elementUI/avatar.scss +55 -0
- package/src/css/elementUI/backtop.scss +29 -0
- package/src/css/elementUI/badge.scss +58 -0
- package/src/css/elementUI/base.scss +3 -0
- package/src/css/elementUI/breadcrumb-item.scss +0 -0
- package/src/css/elementUI/breadcrumb.scss +62 -0
- package/src/css/elementUI/button-group.scss +80 -0
- package/src/css/elementUI/button.scss +304 -0
- package/src/css/elementUI/calendar.scss +80 -0
- package/src/css/elementUI/card.scss +45 -0
- package/src/css/elementUI/carousel-item.scss +58 -0
- package/src/css/elementUI/carousel.scss +188 -0
- package/src/css/elementUI/cascader-panel.scss +138 -0
- package/src/css/elementUI/cascader.scss +230 -0
- package/src/css/elementUI/check-tag.scss +60 -0
- package/src/css/elementUI/checkbox-button.scss +140 -0
- package/src/css/elementUI/checkbox-group.scss +7 -0
- package/src/css/elementUI/checkbox.scss +298 -0
- package/src/css/elementUI/col.scss +48 -0
- package/src/css/elementUI/collapse-item.scss +0 -0
- package/src/css/elementUI/collapse-transition.scss +0 -0
- package/src/css/elementUI/collapse.scss +70 -0
- package/src/css/elementUI/color/index.scss +20 -0
- package/src/css/elementUI/color-picker.scss +392 -0
- package/src/css/elementUI/common/popup.scss +47 -0
- package/src/css/elementUI/common/transition.scss +122 -0
- package/src/css/elementUI/common/var.scss +1549 -0
- package/src/css/elementUI/config-provider.scss +0 -0
- package/src/css/elementUI/container.scss +14 -0
- package/src/css/elementUI/dark/css-vars.scss +39 -0
- package/src/css/elementUI/dark/var.scss +222 -0
- package/src/css/elementUI/date-picker/date-picker.scss +110 -0
- package/src/css/elementUI/date-picker/date-range-picker.scss +113 -0
- package/src/css/elementUI/date-picker/date-table.scss +158 -0
- package/src/css/elementUI/date-picker/month-table.scss +112 -0
- package/src/css/elementUI/date-picker/picker-panel.scss +131 -0
- package/src/css/elementUI/date-picker/picker.scss +219 -0
- package/src/css/elementUI/date-picker/time-picker.scss +90 -0
- package/src/css/elementUI/date-picker/time-range-picker.scss +33 -0
- package/src/css/elementUI/date-picker/time-spinner.scss +111 -0
- package/src/css/elementUI/date-picker/year-table.scss +108 -0
- package/src/css/elementUI/date-picker.scss +9 -0
- package/src/css/elementUI/descriptions-item.scss +73 -0
- package/src/css/elementUI/descriptions.scss +152 -0
- package/src/css/elementUI/dialog.scss +199 -0
- package/src/css/elementUI/display.scss +12 -0
- package/src/css/elementUI/divider.scss +48 -0
- package/src/css/elementUI/drawer.scss +164 -0
- package/src/css/elementUI/dropdown-item.scss +0 -0
- package/src/css/elementUI/dropdown-menu.scss +0 -0
- package/src/css/elementUI/dropdown.scss +208 -0
- package/src/css/elementUI/empty.scss +49 -0
- package/src/css/elementUI/footer.scss +12 -0
- package/src/css/elementUI/form-item.scss +0 -0
- package/src/css/elementUI/form.scss +243 -0
- package/src/css/elementUI/header.scss +12 -0
- package/src/css/elementUI/icon.scss +45 -0
- package/src/css/elementUI/image-viewer.scss +139 -0
- package/src/css/elementUI/image.scss +49 -0
- package/src/css/elementUI/index.scss +110 -0
- package/src/css/elementUI/infinite-scroll.scss +0 -0
- package/src/css/elementUI/input-number.scss +178 -0
- package/src/css/elementUI/input.scss +478 -0
- package/src/css/elementUI/link.scss +90 -0
- package/src/css/elementUI/loading.scss +104 -0
- package/src/css/elementUI/main.scss +14 -0
- package/src/css/elementUI/mention.scss +88 -0
- package/src/css/elementUI/menu-item-group.scss +0 -0
- package/src/css/elementUI/menu-item.scss +0 -0
- package/src/css/elementUI/menu.scss +339 -0
- package/src/css/elementUI/message-box.scss +213 -0
- package/src/css/elementUI/message.scss +98 -0
- package/src/css/elementUI/mixins/_button.scss +165 -0
- package/src/css/elementUI/mixins/_col.scss +33 -0
- package/src/css/elementUI/mixins/_var.scss +67 -0
- package/src/css/elementUI/mixins/config.scss +5 -0
- package/src/css/elementUI/mixins/function.scss +88 -0
- package/src/css/elementUI/mixins/mixins.scss +237 -0
- package/src/css/elementUI/mixins/utils.scss +39 -0
- package/src/css/elementUI/notification.scss +104 -0
- package/src/css/elementUI/option-group.scss +33 -0
- package/src/css/elementUI/option.scss +71 -0
- package/src/css/elementUI/overlay.scss +17 -0
- package/src/css/elementUI/page-header.scss +60 -0
- package/src/css/elementUI/pagination.scss +238 -0
- package/src/css/elementUI/popconfirm.scss +16 -0
- package/src/css/elementUI/popover.scss +61 -0
- package/src/css/elementUI/popper.scss +106 -0
- package/src/css/elementUI/progress.scss +179 -0
- package/src/css/elementUI/radio-button.scss +169 -0
- package/src/css/elementUI/radio-group.scss +9 -0
- package/src/css/elementUI/radio.scss +215 -0
- package/src/css/elementUI/rate.scss +108 -0
- package/src/css/elementUI/reset.scss +98 -0
- package/src/css/elementUI/result.scss +57 -0
- package/src/css/elementUI/row.scss +35 -0
- package/src/css/elementUI/scrollbar.scss +97 -0
- package/src/css/elementUI/segmented.scss +183 -0
- package/src/css/elementUI/select-dropdown-v2.scss +1 -0
- package/src/css/elementUI/select-dropdown.scss +57 -0
- package/src/css/elementUI/select-v2.scss +4 -0
- package/src/css/elementUI/select.scss +253 -0
- package/src/css/elementUI/skeleton-item.scss +83 -0
- package/src/css/elementUI/skeleton.scss +44 -0
- package/src/css/elementUI/slider.scss +212 -0
- package/src/css/elementUI/space.scss +20 -0
- package/src/css/elementUI/spinner.scss +43 -0
- package/src/css/elementUI/statistic.scss +35 -0
- package/src/css/elementUI/step.scss +316 -0
- package/src/css/elementUI/steps.scss +21 -0
- package/src/css/elementUI/sub-menu.scss +0 -0
- package/src/css/elementUI/switch.scss +300 -0
- package/src/css/elementUI/tab-pane.scss +0 -0
- package/src/css/elementUI/table-column.scss +98 -0
- package/src/css/elementUI/table-v2.scss +236 -0
- package/src/css/elementUI/table.scss +694 -0
- package/src/css/elementUI/tabs.scss +659 -0
- package/src/css/elementUI/tag.scss +181 -0
- package/src/css/elementUI/text.scss +51 -0
- package/src/css/elementUI/time-picker.scss +5 -0
- package/src/css/elementUI/time-select.scss +37 -0
- package/src/css/elementUI/timeline-item.scss +84 -0
- package/src/css/elementUI/timeline.scss +46 -0
- package/src/css/elementUI/tooltip-v2.scss +95 -0
- package/src/css/elementUI/tooltip.scss +0 -0
- package/src/css/elementUI/tour.scss +187 -0
- package/src/css/elementUI/transfer.scss +203 -0
- package/src/css/elementUI/tree-select.scss +41 -0
- package/src/css/elementUI/tree.scss +134 -0
- package/src/css/elementUI/upload.scss +654 -0
- package/src/css/elementUI/var.scss +87 -0
- package/src/css/elementUI/virtual-list.scss +40 -0
- package/src/interface/ISysMenuDataVo.ts +22 -0
- package/src/interface/ISysMenuInfoVo.ts +83 -0
- package/src/interface/ISysMenuOperationVo.ts +21 -0
- package/src/interface/ISysUploadFiles.ts +16 -0
- package/src/interface/ResponseData.ts +16 -0
- package/src/interface/enum/FlexEnum.ts +85 -0
- package/src/main.ts +14 -0
- package/src/mixin/globalMixin.ts +25 -0
- package/src/packages/index.ts +18 -0
- package/src/packages/text.vue +13 -0
- package/src/plugins/plugins.ts +12 -0
- package/src/router/index.ts +23 -0
- package/src/stores/counter.ts +12 -0
- package/src/utils/AxiosConfig.ts +216 -0
- package/src/utils/encrypt.ts +10 -0
- package/src/utils/request.ts +55 -0
- package/tsconfig.app.json +12 -0
- package/tsconfig.json +11 -0
- package/tsconfig.node.json +18 -0
- package/vite.config.ts +38 -0
- package/adtec-core-package.css +0 -1
- package/adtec-core-package.js +0 -41350
- package/adtec-core-package.umd.cjs +0 -79
- /package/{favicon.ico → public/favicon.ico} +0 -0
package/.editorconfig
ADDED
package/.prettierrc.json
ADDED
package/README.md
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
# adtec-core-package
|
|
2
|
+
|
|
3
|
+
This template should help get you started developing with Vue 3 in Vite.
|
|
4
|
+
|
|
5
|
+
## Recommended IDE Setup
|
|
6
|
+
|
|
7
|
+
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
|
|
8
|
+
|
|
9
|
+
## Type Support for `.vue` Imports in TS
|
|
10
|
+
|
|
11
|
+
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
|
|
12
|
+
|
|
13
|
+
## Customize configuration
|
|
14
|
+
|
|
15
|
+
See [Vite Configuration Reference](https://vite.dev/config/).
|
|
16
|
+
|
|
17
|
+
## Project Setup
|
|
18
|
+
|
|
19
|
+
```sh
|
|
20
|
+
npm install
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Compile and Hot-Reload for Development
|
|
24
|
+
|
|
25
|
+
```sh
|
|
26
|
+
npm run dev
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Type-Check, Compile and Minify for Production
|
|
30
|
+
|
|
31
|
+
```sh
|
|
32
|
+
npm run build
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
### Lint with [ESLint](https://eslint.org/)
|
|
36
|
+
|
|
37
|
+
```sh
|
|
38
|
+
npm run lint
|
|
39
|
+
```
|
package/env.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/// <reference types="vite/client" />
|
package/eslint.config.js
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import pluginVue from 'eslint-plugin-vue';
|
|
2
|
+
import vueTsEslintConfig from '@vue/eslint-config-typescript';
|
|
3
|
+
import skipFormatting from '@vue/eslint-config-prettier/skip-formatting';
|
|
4
|
+
export default [
|
|
5
|
+
{
|
|
6
|
+
name: 'app/files-to-lint',
|
|
7
|
+
files: ['**/*.{js,ts,mts,tsx,vue}'],
|
|
8
|
+
rules: {
|
|
9
|
+
'no-console': 'off',
|
|
10
|
+
'no-debugger': 'off',
|
|
11
|
+
'no-undef': 'off',
|
|
12
|
+
'no-unused-vars': 'off',
|
|
13
|
+
'no-restricted-syntax': 'off',
|
|
14
|
+
'no-plusplus': 'off',
|
|
15
|
+
'no-param-reassign': 'off',
|
|
16
|
+
'@typescript-eslint/no-explicit-any': 'off',
|
|
17
|
+
parserOptions: {
|
|
18
|
+
parser: '@typescript-eslint/parser',
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
name: 'app/files-to-ignore',
|
|
24
|
+
ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
|
|
25
|
+
rules: {
|
|
26
|
+
'no-console': 'off',
|
|
27
|
+
'no-debugger': 'off',
|
|
28
|
+
'no-undef': 'off',
|
|
29
|
+
'no-unused-vars': 'off',
|
|
30
|
+
'no-restricted-syntax': 'off',
|
|
31
|
+
'no-plusplus': 'off',
|
|
32
|
+
'no-param-reassign': 'off',
|
|
33
|
+
'@typescript-eslint/no-explicit-any': 'off',
|
|
34
|
+
parserOptions: {
|
|
35
|
+
parser: '@typescript-eslint/parser',
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
files: ['**/*.{ts,mts,tsx,vue}'],
|
|
41
|
+
rules: {
|
|
42
|
+
'no-console': 'off',
|
|
43
|
+
'no-debugger': 'off',
|
|
44
|
+
'no-undef': 'off',
|
|
45
|
+
'no-unused-vars': 'off',
|
|
46
|
+
'no-restricted-syntax': 'off',
|
|
47
|
+
'no-plusplus': 'off',
|
|
48
|
+
'no-param-reassign': 'off',
|
|
49
|
+
'@typescript-eslint/no-explicit-any': 'off',
|
|
50
|
+
},
|
|
51
|
+
ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
|
|
52
|
+
},
|
|
53
|
+
...pluginVue.configs['flat/essential'],
|
|
54
|
+
...vueTsEslintConfig(),
|
|
55
|
+
skipFormatting,
|
|
56
|
+
];
|
package/index.html
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<link rel="icon" href="/favicon.ico">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
+
<title>Vite App</title>
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
<div id="app"></div>
|
|
11
|
+
<script type="module" src="/src/main.ts"></script>
|
|
12
|
+
</body>
|
|
13
|
+
</html>
|
package/package.json
CHANGED
|
@@ -1,12 +1,50 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "adtec-core-package",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"
|
|
3
|
+
"version": "0.1.3",
|
|
4
|
+
"private": false,
|
|
5
|
+
"type": "module",
|
|
5
6
|
"scripts": {
|
|
6
|
-
"
|
|
7
|
+
"dev": "vite",
|
|
8
|
+
"build": "run-p type-check \"build-only {@}\" --",
|
|
9
|
+
"preview": "vite preview",
|
|
10
|
+
"build-only": "vite build",
|
|
11
|
+
"type-check": "vue-tsc --build",
|
|
12
|
+
"lint": "eslint . --fix",
|
|
13
|
+
"format": "prettier --write src/"
|
|
7
14
|
},
|
|
8
|
-
"
|
|
15
|
+
"dependencies": {
|
|
16
|
+
"@element-plus/icons-vue": "^2.3.1",
|
|
17
|
+
"axios": "^1.7.7",
|
|
18
|
+
"element-plus": "^2.8.7",
|
|
19
|
+
"pinia": "^2.3.0",
|
|
20
|
+
"scss": "^0.2.4",
|
|
21
|
+
"scss-loader": "^0.0.1",
|
|
22
|
+
"vue": "^3.5.13",
|
|
23
|
+
"vue-focus-lock": "^3.0.0",
|
|
24
|
+
"vue-router": "^4.5.0",
|
|
25
|
+
"uuid": "^11.0.3"
|
|
26
|
+
},
|
|
27
|
+
"devDependencies": {
|
|
28
|
+
"@tsconfig/node22": "^22.0.0",
|
|
29
|
+
"@types/node": "^22.10.2",
|
|
30
|
+
"@vitejs/plugin-vue": "^5.2.1",
|
|
31
|
+
"@vitejs/plugin-vue-jsx": "^4.1.1",
|
|
32
|
+
"@vue/eslint-config-prettier": "^10.1.0",
|
|
33
|
+
"@vue/eslint-config-typescript": "^14.1.3",
|
|
34
|
+
"@vue/tsconfig": "^0.7.0",
|
|
35
|
+
"eslint": "^9.14.0",
|
|
36
|
+
"eslint-plugin-vue": "^9.30.0",
|
|
37
|
+
"less": "^4.2.0",
|
|
38
|
+
"npm-run-all2": "^7.0.2",
|
|
39
|
+
"prettier": "^3.3.3",
|
|
40
|
+
"sass-embedded": "^1.83.1",
|
|
41
|
+
"typescript": "~5.6.3",
|
|
42
|
+
"vite": "^6.0.5",
|
|
43
|
+
"vite-plugin-vue-devtools": "^7.6.8",
|
|
44
|
+
"vue-tsc": "^2.1.10"
|
|
45
|
+
},
|
|
46
|
+
"description": "This template should help get you started developing with Vue 3 in Vite.",
|
|
47
|
+
"main": "/adtec-core-package/adtec-core-package.umd.cjs",
|
|
9
48
|
"author": "",
|
|
10
|
-
"license": "ISC"
|
|
11
|
-
"description": ""
|
|
49
|
+
"license": "ISC"
|
|
12
50
|
}
|
package/src/App.vue
ADDED
|
@@ -0,0 +1,297 @@
|
|
|
1
|
+
<!--创建人 丁盼-->
|
|
2
|
+
<!--说明: ElFlex-->
|
|
3
|
+
<!--创建时间: 2024/9/5 下午3:15-->
|
|
4
|
+
<!--修改时间: 2024/9/5 下午3:15-->
|
|
5
|
+
<template>
|
|
6
|
+
<div :style="getStyleComp" ref="ref_div">
|
|
7
|
+
<slot />
|
|
8
|
+
<div
|
|
9
|
+
draggable="false"
|
|
10
|
+
style="
|
|
11
|
+
position: absolute;
|
|
12
|
+
display: flex;
|
|
13
|
+
align-items: center;
|
|
14
|
+
cursor: pointer;
|
|
15
|
+
user-select: none;
|
|
16
|
+
"
|
|
17
|
+
:style="{
|
|
18
|
+
bottom: bottomComputed,
|
|
19
|
+
right: rightComuted,
|
|
20
|
+
}"
|
|
21
|
+
ref="ref_div_resizable"
|
|
22
|
+
@mousemove="handleMouseMove"
|
|
23
|
+
v-if="resizable"
|
|
24
|
+
>
|
|
25
|
+
<el-icons
|
|
26
|
+
v-if="parent?.props.vertical + '' === 'true'"
|
|
27
|
+
model-value="adtec-upanddownpull"
|
|
28
|
+
style="cursor: pointer; font-size: 32px; color: #cccccc"
|
|
29
|
+
></el-icons>
|
|
30
|
+
<el-icons
|
|
31
|
+
v-else
|
|
32
|
+
model-value="adtec-aboutpull"
|
|
33
|
+
style="cursor: pointer; font-size: 32px; color: #cccccc"
|
|
34
|
+
></el-icons>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</template>
|
|
38
|
+
<script setup lang="ts">
|
|
39
|
+
import {
|
|
40
|
+
alignItemsEnum,
|
|
41
|
+
flexWrapEnum,
|
|
42
|
+
gapEnum,
|
|
43
|
+
justifyContentEnum,
|
|
44
|
+
} from "../../interface/enum/FlexEnum.ts"
|
|
45
|
+
import { computed, nextTick, onMounted, ref, watch, getCurrentInstance } from 'vue'
|
|
46
|
+
import { useMousePressed } from '@vueuse/core'
|
|
47
|
+
import ElIcons from '../icon/ElIcons.vue'
|
|
48
|
+
const instance = getCurrentInstance()
|
|
49
|
+
const parent = instance?.parent
|
|
50
|
+
const ref_div = ref()
|
|
51
|
+
const ref_div_resizable = ref()
|
|
52
|
+
const { pressed } = useMousePressed({ target: ref_div_resizable })
|
|
53
|
+
const divWidth = ref('')
|
|
54
|
+
const divHeight = ref('')
|
|
55
|
+
const bottomComputed = computed(() => {
|
|
56
|
+
if (parent?.props.vertical + '' === 'true') {
|
|
57
|
+
return '0px'
|
|
58
|
+
} else {
|
|
59
|
+
return '50%'
|
|
60
|
+
}
|
|
61
|
+
})
|
|
62
|
+
const rightComuted = computed(() => {
|
|
63
|
+
if (parent?.props.vertical + '' === 'true') {
|
|
64
|
+
return '50%'
|
|
65
|
+
} else {
|
|
66
|
+
return '0px'
|
|
67
|
+
}
|
|
68
|
+
})
|
|
69
|
+
watch(pressed, (val) => {
|
|
70
|
+
if (!val) {
|
|
71
|
+
document.onmousemove = null
|
|
72
|
+
document.onmouseup = null
|
|
73
|
+
}
|
|
74
|
+
})
|
|
75
|
+
const handleMouseMove = (e: any) => {
|
|
76
|
+
if (pressed.value) {
|
|
77
|
+
const disX = e.clientX - ref_div.value?.offsetLeft
|
|
78
|
+
const disY = e.clientY - ref_div.value?.offsetTop
|
|
79
|
+
const layoutWidth = ref_div.value?.clientWidth
|
|
80
|
+
const layoutHeight = ref_div.value?.clientHeight
|
|
81
|
+
document.onmousemove = (e) => {
|
|
82
|
+
document.body.style.cursor = 'pointer'
|
|
83
|
+
// 鼠标按下并移动的事件
|
|
84
|
+
// 用鼠标的位置减去鼠标相对元素的位置,得到元素的位置
|
|
85
|
+
const left = e.screenX - disX
|
|
86
|
+
const top = e.clientY - disY
|
|
87
|
+
if (parent?.props.vertical) {
|
|
88
|
+
let after = layoutHeight + top
|
|
89
|
+
after = after <= 8 ? 8 : after
|
|
90
|
+
if (after < parseInt((props.minHeight + '').replace('px', ''))) {
|
|
91
|
+
after = parseInt((props.minHeight + '').replace('px', ''))
|
|
92
|
+
}
|
|
93
|
+
nextTick(() => {
|
|
94
|
+
divHeight.value = after + 'px'
|
|
95
|
+
})
|
|
96
|
+
} else {
|
|
97
|
+
let after = layoutWidth + left
|
|
98
|
+
after = after <= 8 ? 8 : after
|
|
99
|
+
if (after < parseInt((props.minWidth + '').replace('px', ''))) {
|
|
100
|
+
after = parseInt((props.minWidth + '').replace('px', ''))
|
|
101
|
+
}
|
|
102
|
+
nextTick(() => {
|
|
103
|
+
divWidth.value = after + 'px'
|
|
104
|
+
})
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
document.onmouseup = () => {
|
|
108
|
+
document.body.style.cursor = 'default'
|
|
109
|
+
document.onmousemove = null
|
|
110
|
+
document.onmouseup = null
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
const flexShrinkComp = computed(() => {
|
|
115
|
+
return (divHeight.value + '').indexOf('px') > -1 || (divWidth.value + '').indexOf('px') > -1
|
|
116
|
+
? '0'
|
|
117
|
+
: 'initial'
|
|
118
|
+
// return (props.height+'').indexOf('px') > -1 || (props.width+'').indexOf('px') > -1 ? '0' : 'initial'
|
|
119
|
+
})
|
|
120
|
+
const heightComp = computed(() => {
|
|
121
|
+
return divHeight.value
|
|
122
|
+
})
|
|
123
|
+
const widthComp = computed(() => {
|
|
124
|
+
return divWidth.value
|
|
125
|
+
})
|
|
126
|
+
const getStyleComp = computed(() => {
|
|
127
|
+
const style = {
|
|
128
|
+
display: 'flex',
|
|
129
|
+
flexDirection: verticalComputed.value ? 'column' : 'row',
|
|
130
|
+
justifyContent: props.justify + '',
|
|
131
|
+
alignItems: props.align + '',
|
|
132
|
+
gap: props.gap + '',
|
|
133
|
+
flexWrap: props.flexWrap + '',
|
|
134
|
+
flexGrow: props.flexGrow ? props.flexGrow : 0,
|
|
135
|
+
height: heightComp.value,
|
|
136
|
+
width: widthComp.value,
|
|
137
|
+
flex: getFlex(),
|
|
138
|
+
overflow: 'auto',
|
|
139
|
+
boxSizing: 'border-box',
|
|
140
|
+
minWidth: props.minWidth ? props.minWidth : '',
|
|
141
|
+
flexShrink: flexShrinkComp.value,
|
|
142
|
+
}
|
|
143
|
+
if (props.resizable) {
|
|
144
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
145
|
+
//@ts-expect-error
|
|
146
|
+
style.position = 'relative'
|
|
147
|
+
}
|
|
148
|
+
return style
|
|
149
|
+
})
|
|
150
|
+
|
|
151
|
+
const getFlex = () => {
|
|
152
|
+
let v = '0 0'
|
|
153
|
+
if ((widthComp.value + '').indexOf('px') > -1) {
|
|
154
|
+
v += ' ' + widthComp.value
|
|
155
|
+
} else {
|
|
156
|
+
v += ' 0'
|
|
157
|
+
}
|
|
158
|
+
if ((heightComp.value + '').indexOf('px') > -1) {
|
|
159
|
+
v += ' ' + heightComp.value
|
|
160
|
+
} else {
|
|
161
|
+
v += ' 0'
|
|
162
|
+
}
|
|
163
|
+
return v
|
|
164
|
+
}
|
|
165
|
+
onMounted(() => {
|
|
166
|
+
divWidth.value = props.width ? props.width + '' : '100%'
|
|
167
|
+
divHeight.value = props.height ? props.height + '' : '100%'
|
|
168
|
+
})
|
|
169
|
+
const verticalComputed = computed(() => {
|
|
170
|
+
if (typeof props.vertical === 'string') {
|
|
171
|
+
return Boolean(props.vertical)
|
|
172
|
+
} else {
|
|
173
|
+
return props.vertical
|
|
174
|
+
}
|
|
175
|
+
})
|
|
176
|
+
|
|
177
|
+
const props = defineProps({
|
|
178
|
+
/**
|
|
179
|
+
* @type boolean|String
|
|
180
|
+
* @default false
|
|
181
|
+
* @description 横向布局
|
|
182
|
+
*/
|
|
183
|
+
//@ts-ignore
|
|
184
|
+
vertical: {
|
|
185
|
+
type: [Boolean, String],
|
|
186
|
+
default: false,
|
|
187
|
+
},
|
|
188
|
+
/**
|
|
189
|
+
* @type {"flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly"}
|
|
190
|
+
* @default 'flex-start'
|
|
191
|
+
* @description 横向对齐方式
|
|
192
|
+
*/
|
|
193
|
+
justify: {
|
|
194
|
+
type: [justifyContentEnum, String],
|
|
195
|
+
default: 'flex-start',
|
|
196
|
+
validator: (value: string) =>
|
|
197
|
+
[
|
|
198
|
+
'flex-start',
|
|
199
|
+
'center',
|
|
200
|
+
'flex-end',
|
|
201
|
+
'space-between',
|
|
202
|
+
'space-around',
|
|
203
|
+
'space-evenly',
|
|
204
|
+
].includes(value),
|
|
205
|
+
},
|
|
206
|
+
/**
|
|
207
|
+
* @type {"flex-start" | "center" | "flex-end" }
|
|
208
|
+
* @default 'flex-start'
|
|
209
|
+
* @description 纵向对齐方式
|
|
210
|
+
*/
|
|
211
|
+
align: {
|
|
212
|
+
type: [alignItemsEnum, String],
|
|
213
|
+
default: 'flex-start',
|
|
214
|
+
validator: (value: string) => ['flex-start', 'center', 'flex-end'].includes(value),
|
|
215
|
+
},
|
|
216
|
+
/**
|
|
217
|
+
* @type {"8px" | "16px" | "24px" }
|
|
218
|
+
* @description 间距
|
|
219
|
+
*/
|
|
220
|
+
gap: {
|
|
221
|
+
type: [gapEnum, String],
|
|
222
|
+
},
|
|
223
|
+
/**
|
|
224
|
+
* @type {"nowrap" | "wrap" | "wrap-reverse" }
|
|
225
|
+
* @default 'nowrap'
|
|
226
|
+
* @description 是否换行
|
|
227
|
+
*/
|
|
228
|
+
flexWrap: {
|
|
229
|
+
type: [flexWrapEnum, String],
|
|
230
|
+
default: 'nowrap',
|
|
231
|
+
validator: (value: string) => ['nowrap', 'wrap', 'wrap-reverse'].includes(value),
|
|
232
|
+
},
|
|
233
|
+
/**
|
|
234
|
+
* @type
|
|
235
|
+
* @default 0
|
|
236
|
+
* @description 尺寸
|
|
237
|
+
*/
|
|
238
|
+
flexGrow: {
|
|
239
|
+
type: [Number, String],
|
|
240
|
+
default: 0,
|
|
241
|
+
},
|
|
242
|
+
/**
|
|
243
|
+
* @type
|
|
244
|
+
* @default '100%'
|
|
245
|
+
* @description 宽度
|
|
246
|
+
*/
|
|
247
|
+
width: {
|
|
248
|
+
type: [String],
|
|
249
|
+
default: '100%',
|
|
250
|
+
},
|
|
251
|
+
/**
|
|
252
|
+
* @type
|
|
253
|
+
* @default '100%'
|
|
254
|
+
* @description 高度
|
|
255
|
+
*/
|
|
256
|
+
height: {
|
|
257
|
+
type: [String],
|
|
258
|
+
default: '100%',
|
|
259
|
+
},
|
|
260
|
+
/**
|
|
261
|
+
* @type
|
|
262
|
+
* @default ''
|
|
263
|
+
* @description 最小宽度
|
|
264
|
+
*/
|
|
265
|
+
minWidth: {
|
|
266
|
+
type: [String],
|
|
267
|
+
default: '',
|
|
268
|
+
},
|
|
269
|
+
/**
|
|
270
|
+
* @type
|
|
271
|
+
* @default ''
|
|
272
|
+
* @description 最小高度
|
|
273
|
+
*/
|
|
274
|
+
minHeigth: {
|
|
275
|
+
type: [String],
|
|
276
|
+
default: '',
|
|
277
|
+
},
|
|
278
|
+
/**
|
|
279
|
+
* @type
|
|
280
|
+
* @default false
|
|
281
|
+
* @description 可拖拽
|
|
282
|
+
*/
|
|
283
|
+
resizable: {
|
|
284
|
+
type: [Boolean, String],
|
|
285
|
+
default: false,
|
|
286
|
+
},
|
|
287
|
+
flexShrink: {
|
|
288
|
+
type: [String],
|
|
289
|
+
default: 'initial',
|
|
290
|
+
},
|
|
291
|
+
})
|
|
292
|
+
watch(props, (val) => {
|
|
293
|
+
divWidth.value = val.width + '' ? val.width + '' : '100%'
|
|
294
|
+
divHeight.value = val.height + '' ? val.height + '' : '100%'
|
|
295
|
+
})
|
|
296
|
+
</script>
|
|
297
|
+
<style scoped lang="scss"></style>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<!--创建人:丁盼-->
|
|
2
|
+
<!--说明: 操作权限控制组件-->
|
|
3
|
+
<!--创建时间: 2024/8/29 下午2:31-->
|
|
4
|
+
<!--修改时间: 2024/8/29 下午2:31-->
|
|
5
|
+
<template>
|
|
6
|
+
<slot v-if="IsOperationAuth()"></slot>
|
|
7
|
+
</template>
|
|
8
|
+
<script setup lang="ts">
|
|
9
|
+
import { useRoute } from 'vue-router'
|
|
10
|
+
import type { ISysMenuInfoVo } from '../../interface/ISysMenuInfoVo.ts'
|
|
11
|
+
const route = useRoute()
|
|
12
|
+
|
|
13
|
+
const IsOperationAuth = () => {
|
|
14
|
+
const data: ISysMenuInfoVo = route.meta.sysMenuData as ISysMenuInfoVo
|
|
15
|
+
const o = data.operation.find((c) => c.code === props.operCode)
|
|
16
|
+
if (o) {
|
|
17
|
+
return true
|
|
18
|
+
} else {
|
|
19
|
+
return false
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
const props = defineProps<{
|
|
23
|
+
operCode: string
|
|
24
|
+
}>()
|
|
25
|
+
</script>
|
|
26
|
+
<style scoped lang="scss"></style>
|