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.
Files changed (181) hide show
  1. package/.editorconfig +6 -0
  2. package/.prettierrc.json +7 -0
  3. package/.vscode/extensions.json +8 -0
  4. package/README.md +39 -0
  5. package/env.d.ts +1 -0
  6. package/eslint.config.js +56 -0
  7. package/index.html +13 -0
  8. package/package.json +44 -6
  9. package/src/App.vue +9 -0
  10. package/src/components/ElFlex/ElFlex.vue +297 -0
  11. package/src/components/OperationAuth/operationAuth.vue +26 -0
  12. package/src/components/Search/ElIconSearch.vue +239 -0
  13. package/src/components/Search/ElSearch.vue +132 -0
  14. package/src/components/Table/ElTableColumnEdit.vue +218 -0
  15. package/src/components/Title/ElTitle.vue +49 -0
  16. package/src/components/autoToolTip/index.vue +61 -0
  17. package/src/components/icon/ElIconBtn.vue +182 -0
  18. package/src/components/icon/ElIcons.vue +38 -0
  19. package/src/config/ElementPlusConfig.ts +95 -0
  20. package/src/css/elementUI/affix.scss +7 -0
  21. package/src/css/elementUI/alert.scss +115 -0
  22. package/src/css/elementUI/anchor-link.scss +41 -0
  23. package/src/css/elementUI/anchor.scss +88 -0
  24. package/src/css/elementUI/aside.scss +8 -0
  25. package/src/css/elementUI/autocomplete.scss +89 -0
  26. package/src/css/elementUI/avatar.scss +55 -0
  27. package/src/css/elementUI/backtop.scss +29 -0
  28. package/src/css/elementUI/badge.scss +58 -0
  29. package/src/css/elementUI/base.scss +3 -0
  30. package/src/css/elementUI/breadcrumb-item.scss +0 -0
  31. package/src/css/elementUI/breadcrumb.scss +62 -0
  32. package/src/css/elementUI/button-group.scss +80 -0
  33. package/src/css/elementUI/button.scss +304 -0
  34. package/src/css/elementUI/calendar.scss +80 -0
  35. package/src/css/elementUI/card.scss +45 -0
  36. package/src/css/elementUI/carousel-item.scss +58 -0
  37. package/src/css/elementUI/carousel.scss +188 -0
  38. package/src/css/elementUI/cascader-panel.scss +138 -0
  39. package/src/css/elementUI/cascader.scss +230 -0
  40. package/src/css/elementUI/check-tag.scss +60 -0
  41. package/src/css/elementUI/checkbox-button.scss +140 -0
  42. package/src/css/elementUI/checkbox-group.scss +7 -0
  43. package/src/css/elementUI/checkbox.scss +298 -0
  44. package/src/css/elementUI/col.scss +48 -0
  45. package/src/css/elementUI/collapse-item.scss +0 -0
  46. package/src/css/elementUI/collapse-transition.scss +0 -0
  47. package/src/css/elementUI/collapse.scss +70 -0
  48. package/src/css/elementUI/color/index.scss +20 -0
  49. package/src/css/elementUI/color-picker.scss +392 -0
  50. package/src/css/elementUI/common/popup.scss +47 -0
  51. package/src/css/elementUI/common/transition.scss +122 -0
  52. package/src/css/elementUI/common/var.scss +1549 -0
  53. package/src/css/elementUI/config-provider.scss +0 -0
  54. package/src/css/elementUI/container.scss +14 -0
  55. package/src/css/elementUI/dark/css-vars.scss +39 -0
  56. package/src/css/elementUI/dark/var.scss +222 -0
  57. package/src/css/elementUI/date-picker/date-picker.scss +110 -0
  58. package/src/css/elementUI/date-picker/date-range-picker.scss +113 -0
  59. package/src/css/elementUI/date-picker/date-table.scss +158 -0
  60. package/src/css/elementUI/date-picker/month-table.scss +112 -0
  61. package/src/css/elementUI/date-picker/picker-panel.scss +131 -0
  62. package/src/css/elementUI/date-picker/picker.scss +219 -0
  63. package/src/css/elementUI/date-picker/time-picker.scss +90 -0
  64. package/src/css/elementUI/date-picker/time-range-picker.scss +33 -0
  65. package/src/css/elementUI/date-picker/time-spinner.scss +111 -0
  66. package/src/css/elementUI/date-picker/year-table.scss +108 -0
  67. package/src/css/elementUI/date-picker.scss +9 -0
  68. package/src/css/elementUI/descriptions-item.scss +73 -0
  69. package/src/css/elementUI/descriptions.scss +152 -0
  70. package/src/css/elementUI/dialog.scss +199 -0
  71. package/src/css/elementUI/display.scss +12 -0
  72. package/src/css/elementUI/divider.scss +48 -0
  73. package/src/css/elementUI/drawer.scss +164 -0
  74. package/src/css/elementUI/dropdown-item.scss +0 -0
  75. package/src/css/elementUI/dropdown-menu.scss +0 -0
  76. package/src/css/elementUI/dropdown.scss +208 -0
  77. package/src/css/elementUI/empty.scss +49 -0
  78. package/src/css/elementUI/footer.scss +12 -0
  79. package/src/css/elementUI/form-item.scss +0 -0
  80. package/src/css/elementUI/form.scss +243 -0
  81. package/src/css/elementUI/header.scss +12 -0
  82. package/src/css/elementUI/icon.scss +45 -0
  83. package/src/css/elementUI/image-viewer.scss +139 -0
  84. package/src/css/elementUI/image.scss +49 -0
  85. package/src/css/elementUI/index.scss +110 -0
  86. package/src/css/elementUI/infinite-scroll.scss +0 -0
  87. package/src/css/elementUI/input-number.scss +178 -0
  88. package/src/css/elementUI/input.scss +478 -0
  89. package/src/css/elementUI/link.scss +90 -0
  90. package/src/css/elementUI/loading.scss +104 -0
  91. package/src/css/elementUI/main.scss +14 -0
  92. package/src/css/elementUI/mention.scss +88 -0
  93. package/src/css/elementUI/menu-item-group.scss +0 -0
  94. package/src/css/elementUI/menu-item.scss +0 -0
  95. package/src/css/elementUI/menu.scss +339 -0
  96. package/src/css/elementUI/message-box.scss +213 -0
  97. package/src/css/elementUI/message.scss +98 -0
  98. package/src/css/elementUI/mixins/_button.scss +165 -0
  99. package/src/css/elementUI/mixins/_col.scss +33 -0
  100. package/src/css/elementUI/mixins/_var.scss +67 -0
  101. package/src/css/elementUI/mixins/config.scss +5 -0
  102. package/src/css/elementUI/mixins/function.scss +88 -0
  103. package/src/css/elementUI/mixins/mixins.scss +237 -0
  104. package/src/css/elementUI/mixins/utils.scss +39 -0
  105. package/src/css/elementUI/notification.scss +104 -0
  106. package/src/css/elementUI/option-group.scss +33 -0
  107. package/src/css/elementUI/option.scss +71 -0
  108. package/src/css/elementUI/overlay.scss +17 -0
  109. package/src/css/elementUI/page-header.scss +60 -0
  110. package/src/css/elementUI/pagination.scss +238 -0
  111. package/src/css/elementUI/popconfirm.scss +16 -0
  112. package/src/css/elementUI/popover.scss +61 -0
  113. package/src/css/elementUI/popper.scss +106 -0
  114. package/src/css/elementUI/progress.scss +179 -0
  115. package/src/css/elementUI/radio-button.scss +169 -0
  116. package/src/css/elementUI/radio-group.scss +9 -0
  117. package/src/css/elementUI/radio.scss +215 -0
  118. package/src/css/elementUI/rate.scss +108 -0
  119. package/src/css/elementUI/reset.scss +98 -0
  120. package/src/css/elementUI/result.scss +57 -0
  121. package/src/css/elementUI/row.scss +35 -0
  122. package/src/css/elementUI/scrollbar.scss +97 -0
  123. package/src/css/elementUI/segmented.scss +183 -0
  124. package/src/css/elementUI/select-dropdown-v2.scss +1 -0
  125. package/src/css/elementUI/select-dropdown.scss +57 -0
  126. package/src/css/elementUI/select-v2.scss +4 -0
  127. package/src/css/elementUI/select.scss +253 -0
  128. package/src/css/elementUI/skeleton-item.scss +83 -0
  129. package/src/css/elementUI/skeleton.scss +44 -0
  130. package/src/css/elementUI/slider.scss +212 -0
  131. package/src/css/elementUI/space.scss +20 -0
  132. package/src/css/elementUI/spinner.scss +43 -0
  133. package/src/css/elementUI/statistic.scss +35 -0
  134. package/src/css/elementUI/step.scss +316 -0
  135. package/src/css/elementUI/steps.scss +21 -0
  136. package/src/css/elementUI/sub-menu.scss +0 -0
  137. package/src/css/elementUI/switch.scss +300 -0
  138. package/src/css/elementUI/tab-pane.scss +0 -0
  139. package/src/css/elementUI/table-column.scss +98 -0
  140. package/src/css/elementUI/table-v2.scss +236 -0
  141. package/src/css/elementUI/table.scss +694 -0
  142. package/src/css/elementUI/tabs.scss +659 -0
  143. package/src/css/elementUI/tag.scss +181 -0
  144. package/src/css/elementUI/text.scss +51 -0
  145. package/src/css/elementUI/time-picker.scss +5 -0
  146. package/src/css/elementUI/time-select.scss +37 -0
  147. package/src/css/elementUI/timeline-item.scss +84 -0
  148. package/src/css/elementUI/timeline.scss +46 -0
  149. package/src/css/elementUI/tooltip-v2.scss +95 -0
  150. package/src/css/elementUI/tooltip.scss +0 -0
  151. package/src/css/elementUI/tour.scss +187 -0
  152. package/src/css/elementUI/transfer.scss +203 -0
  153. package/src/css/elementUI/tree-select.scss +41 -0
  154. package/src/css/elementUI/tree.scss +134 -0
  155. package/src/css/elementUI/upload.scss +654 -0
  156. package/src/css/elementUI/var.scss +87 -0
  157. package/src/css/elementUI/virtual-list.scss +40 -0
  158. package/src/interface/ISysMenuDataVo.ts +22 -0
  159. package/src/interface/ISysMenuInfoVo.ts +83 -0
  160. package/src/interface/ISysMenuOperationVo.ts +21 -0
  161. package/src/interface/ISysUploadFiles.ts +16 -0
  162. package/src/interface/ResponseData.ts +16 -0
  163. package/src/interface/enum/FlexEnum.ts +85 -0
  164. package/src/main.ts +14 -0
  165. package/src/mixin/globalMixin.ts +25 -0
  166. package/src/packages/index.ts +18 -0
  167. package/src/packages/text.vue +13 -0
  168. package/src/plugins/plugins.ts +12 -0
  169. package/src/router/index.ts +23 -0
  170. package/src/stores/counter.ts +12 -0
  171. package/src/utils/AxiosConfig.ts +216 -0
  172. package/src/utils/encrypt.ts +10 -0
  173. package/src/utils/request.ts +55 -0
  174. package/tsconfig.app.json +12 -0
  175. package/tsconfig.json +11 -0
  176. package/tsconfig.node.json +18 -0
  177. package/vite.config.ts +38 -0
  178. package/adtec-core-package.css +0 -1
  179. package/adtec-core-package.js +0 -41350
  180. package/adtec-core-package.umd.cjs +0 -79
  181. /package/{favicon.ico → public/favicon.ico} +0 -0
package/.editorconfig ADDED
@@ -0,0 +1,6 @@
1
+ [*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue}]
2
+ charset = utf-8
3
+ indent_size = 2
4
+ indent_style = space
5
+ insert_final_newline = true
6
+ trim_trailing_whitespace = true
@@ -0,0 +1,7 @@
1
+
2
+ {
3
+ "$schema": "https://json.schemastore.org/prettierrc",
4
+ "semi": false,
5
+ "singleQuote": true,
6
+ "printWidth": 100
7
+ }
@@ -0,0 +1,8 @@
1
+ {
2
+ "recommendations": [
3
+ "Vue.volar",
4
+ "dbaeumer.vscode-eslint",
5
+ "EditorConfig.EditorConfig",
6
+ "esbenp.prettier-vscode"
7
+ ]
8
+ }
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" />
@@ -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.1",
4
- "main": "adtec-core-package.js",
3
+ "version": "0.1.3",
4
+ "private": false,
5
+ "type": "module",
5
6
  "scripts": {
6
- "test": "echo \"Error: no test specified\" && exit 1"
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
- "keywords": [],
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,9 @@
1
+ <script setup lang="ts">
2
+ </script>
3
+
4
+ <template>
5
+
6
+ </template>
7
+
8
+ <style scoped>
9
+ </style>
@@ -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>